/* acsdata.css */

button {
    border: 1px solid rgb(170, 170, 170) !important;
    color: #000 !important;
}
button.btn-primary {
    background-image: linear-gradient(0deg, rgb(26, 92, 147), rgb(86, 147, 245));
    color: #fff !important;
    text-shadow: 0 0 3px #000;
    font-weight: bold;
    /* border: none; */
}

a, a:visited {
    color: rgb(0, 115, 255);
    cursor: pointer;
    font-weight: normal;
    outline: none;
    text-decoration: none;
}
a:hover {
    color: rgb(82, 188, 255);
}
a:active {
    color: rgb(0, 105, 213);
}

/* login screen */
/* body.task-login div#layout { */
body.task-login #layout {
    background-color: #000;
    background-image: url('images/login_form.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* body.task-login div#layout div#layout-content { */
body.task-login #layout-content {
    background: none;
    backdrop-filter: blur(5px);
}

/* body.task-login div#layout div#layout-content form { */
body.task-login #login-form {
    background: #fff;
    margin: auto;
    padding: 40px;
    border-radius: 20px;
    max-width: 480px;
}

/* body.task-login div#layout div#layout-content form#login-form::before { */
body.task-login #login-form::before {
    display: inline-block;
    content: "ACSData Webmail Login";
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 1em;
}

/* body.task-login div#layout div#layout-content div#login-footer { */
body.task-login #login-footer::before {
    display: inline;
    content: "powered by";
    font-style: italic;
}

/* layout style tweaks */
div#layout-menu {
    background-image: linear-gradient(0deg, rgb(80, 80, 80) 0px, rgb(129, 129, 129) 500px);
}
div#layout-menu div.popover-header {
    background: none !important;
}
div#layout-menu div.popover-header img#logo {
    padding: 10px;
}
div#layout-menu div#taskmenu span.special-buttons {
    background: none !important;
}
div#layout-menu div#taskmenu .action-buttons a {
    color: #fff;
}
div#layout-menu div#taskmenu a.logout, div#layout-menu div#taskmenu a.logout:hover {
    color: #37beff !important;
}