.login-body .login-content .login-panel .login-panel-content {
    z-index: 100;
    width: 95%;
    padding: 0 0%;
    text-align: center;
}

.login-body .login-content .login-panel .login-panel-content li {
    font-size: 12px;
    text-align: left;
}

/*MAIN LOGIN PAGE*/
.login-body.layout-light {
    background: #2a83a2;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3cb371,#2a83a2 );  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3cb371,#2a83a2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-box-shadow: inset 0px 0px 300px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 300px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 300px 0px rgba(0,0,0,0.75);
}

.login-body.layout-dark {
    background: #1c305c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #47885e,#1c305c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #47885e, #1c305c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* CHECKBOX BOOLEAN BUTTONS ---> BETTER IN THIS WAY? MAYBE.*/
body .ui-selectbooleanbutton.ui-state-active, 
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active {
    background-color: #5E81AC;
    color: #ffffff;
    border-color: #52749f;
}

.ui-selectbooleanbutton, 
body .ui-selectonebutton > .ui-button, 
body .ui-selectmanybutton > .ui-button {
    background-color: #5a657c;
    color: #d8dee9;
    border: 1px solid #4c566a;
    outline: 0 none;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}


/* BLOCK UI */
.ui-blockui-content {
    background-color: #1f232c !important;
}