.login-body {
    background            : rgb(255, 255, 255); /* Old browsers */
    background            : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%); /* FF3.6-15 */
    background            : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background            : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
    background-attachment : fixed !important;
}

.login-body_test {
    background            : rgb(255, 255, 255); /* Old browsers */
    background            : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(0, 135, 5) 100%); /* FF3.6-15 */
    background            : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(0, 135, 5) 100%); /* Chrome10-25,Safari5.1-6 */
    background            : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgb(0, 135, 5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
    background-attachment : fixed !important;
}

.login-body_dev {
    background            : rgb(255, 255, 255); /* Old browsers */
    background            : -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(0, 146, 191) 100%); /* FF3.6-15 */
    background            : -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgb(0, 146, 191) 100%); /* Chrome10-25,Safari5.1-6 */
    background            : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgb(0, 146, 191) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
    background-attachment : fixed !important;
}


.card {
    -webkit-box-shadow : 3px 3px 10px 4px #8C8C8C;
    box-shadow         : 3px 3px 10px 4px #8C8C8C;
}

.ui-panel-title {
    font-size : 1.2em;
}

body #loginForm .loginBtn {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00aa30+1,006e2e+100 */
    background    : rgb(0, 170, 48); /* Old browsers */
    background    : -moz-linear-gradient(top, rgba(0, 170, 48, 1) 1%, rgba(0, 110, 46, 1) 100%); /* FF3.6-15 */
    background    : -webkit-linear-gradient(top, rgba(0, 170, 48, 1) 1%, rgba(0, 110, 46, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background    : linear-gradient(to bottom, rgba(0, 170, 48, 1) 1%, rgba(0, 110, 46, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aa30', endColorstr='#006e2e', GradientType=0); /* IE6-9 */
    transition    : background-color 0.3s;
    font-size     : 16px;
    height        : 40px;
    font-weight   : bold;
    margin-bottom : 0px;
}

body #loginForm .loginBtn:hover {
    /*background-color : #55ab26;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008418+0,005628+100 */
    background : rgb(0, 132, 24); /* Old browsers */
    background : -moz-linear-gradient(top, rgba(0, 132, 24, 1) 0%, rgba(0, 86, 40, 1) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgba(0, 132, 24, 1) 0%, rgba(0, 86, 40, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgba(0, 132, 24, 1) 0%, rgba(0, 86, 40, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#008418', endColorstr='#005628', GradientType=0); /* IE6-9 */
}

body .login-panel {
    box-shadow         : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow : 1.4px 1.4px 2.2px rgba(0, 0, 0, 0.056),
    3.3px 3.3px 5.3px rgba(0, 0, 0, 0.081),
    6.3px 6.3px 10px rgba(0, 0, 0, 0.1),
    11.2px 11.2px 17.9px rgba(0, 0, 0, 0.119),
    20.9px 20.9px 33.4px rgba(0, 0, 0, 0.144),
    50px 50px 80px rgba(0, 0, 0, 0.2);

    border             : none;
}

body .login-panel .ui-panel-titlebar {
    background-color : green;
}

body .login-panel .ui-panel-title {
    margin : 0
}

body #loginForm .login-panel .md-inputfield label {
    font-size   : 14px;
    font-weight : bold;
}


body #loginForm .login-panel .md-inputfield .ui-inputfield {
    padding : 10px;
}


.hideFooter .ui-panel-footer {
    display : none;
}


body #loginForm .login-panel .ui-panel-footer {
    text-align     : center;
    padding-top    : 15px;
    padding-bottom : 4px;
    color          : red;
    font-size      : 1.2em;
}

.sessiontimeoutMessage {
    position         : absolute;
    top              : 10px;
    font-size        : 1.5em;
    padding          : 10px;
    width            : 98%;
    background-color : #2E7D32 !important;
    text-align       : center;
}

.sessiontimeoutMessage .ui-message-info-icon {
    display : none !important;
}
.sessiontimeoutMessage .ui-message-info-summary {
    padding-right : 10px;
}