/* Personalización Neter */

body.task-login {
    background: radial-gradient(circle at top, #1f3b57 0%, #07111c 55%, #03070c 100%) !important;
}

body.task-login #layout-content {
    background: transparent !important;
}

body.task-login .login-box,
body.task-login #login-form {
    border-radius: 18px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;
}

body.task-login #logo {
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.45));
}

.btn-primary,
.button.mainaction,
input.button.mainaction {
    background-color: #1f6feb !important;
    border-color: #1f6feb !important;
}

.btn-primary:hover,
.button.mainaction:hover,
input.button.mainaction:hover {
    background-color: #1557c0 !important;
    border-color: #1557c0 !important;
}


/* Logo Neter */
body.task-login #logo,
body.task-login #logo img {
    width: 480px !important;
    max-width: 480px !important;
    height: 400 !important;
}

/* Fondo claro Neter */
body.task-login {
    background: linear-gradient(135deg, #f4f1ea 0%, #e8e2d6 55%, #d8cfbf 100%) !important;
}

/* Barra lateral Neter */
#layout-menu,
#layout-menu .popover-header {
    background: #2f2a24 !important;
}

#layout-menu a,
#layout-menu .button,
#layout-menu .menu a {
    color: #f4f1ea !important;
}

#layout-menu a:hover,
#layout-menu .button:hover,
#layout-menu .menu a:hover {
    background: #4a4035 !important;
    color: #ffffff !important;
}

#layout-menu a.selected,
#layout-menu .button.selected,
#layout-menu .menu a.selected {
    background: #8b7355 !important;
    color: #ffffff !important;
}

/* Barra lateral Neter clara */
#layout-menu,
#layout-menu .popover-header {
    background: #f4f1ea !important;
}

#layout-menu a,
#layout-menu .button,
#layout-menu .menu a {
    color: #2f2a24 !important;
}

#layout-menu a:hover,
#layout-menu .button:hover,
#layout-menu .menu a:hover {
    background: #e3d8c7 !important;
    color: #000000 !important;
}

#layout-menu a.selected,
#layout-menu .button.selected,
#layout-menu .menu a.selected {
    background: #c8b28c !important;
    color: #000000 !important;
}