body {
    background-color: white; 
}

#login-form {
    margin: 7ex auto 2ex auto;
}
#loffgin-form .box-inner {
    background: linear-gradient(to bottom,#0e0e0e 0,#ffffff 100%);
}

#login-form .box-inner {
    background: white; 
    border: 1px solid gray;
}

#login-form td.title {
    color: #1f326f;
}

.t3itle label { color: #1F326F; }
div#topnav { background: #199ea5; }
div#topline { background: #1F326F; }
.listbox { background: white; }

.listbox .listitem.selected, .listbox .tablink.selected, .listbox .listitem.selected>a, .listbox .tablink.selected>a, .listing tbody tr.selected td, .listing li.selected, .listing li.selected>a {
    background-color: #1F326F;
    color: white;
}

.formbuttons button:hover,
.formbuttons button:focus,
.formbuttons input.button:hover,
.formbuttons input.button:focus,
input.button.mainaction:hover,
input.button.mainaction:focus {
    box-shadow: 0 0 5px 2px rgb(25 158 165 / 90%);
}

button.mainaction,
input.button.mainaction {
    background: #1f326f;
    border-color: #1f326f;
}

select:focus,
input[type=checkbox]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
button:focus, input.button:focus,
textarea:focus {
    border-color: #4787b1;
    box-shadow: 0 0 5px 2px rgb(25 158 165 / 90%);
    outline: 0;
}

select,
input[type=checkbox],
input[type=text],
input[type=email],
input[type=password],
textarea {
    margin: 0;
    padding: 4px;
    border: 1px solid #b2b2b2;
    margin-right: 0px;
    border-radius: 4px;
}

#taskbar a.button-selected {
    background: #1F326F;
    color: white;
}

img#toplogo {
    margin-top: 1px;
    width: 120px;
}

#login-form #logo { margin-left: -25px; margin-top: -60px; margin-bottom: 30px;  width: 120px; }
#login-form .button { background: #199ea5; border: 1px solid #199ea5; color: white; }
.records-table.focus tr.selected td { background-color: #1F326F !important; }


#layout-menu { background-color: #199ea5; }
#layout-menu .popover-header { background-color: #199ea5 !important; }
#taskmenu .action-buttons a { color: #1f326f; }
#taskmenu .action-buttons a:hover { color: white; }
#taskmenu a.selected, #taskmenu a.selected:hover, #taskmenu a:hover { background: #1f326f; }

html.dark-mode .btn-primary {
    background: #199ea5; 
    border-color: #199ea5; 
}
html.dark-mode .btn-primary:hover,
html.dark-mode .btn-primary:hover:not(:disabled)  {
    border: 1px solid #1f326f;
    background: #199ea5;
}

html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before {
    background: #199ea5;
}

html.dark-mode .custom-file-label:focus:not(.is-invalid), html.dark-mode .form-control:focus:not(.is-invalid) {
    color: #e2e7e9!important;
    border-color: #199ea5;
}
.btn-primary { background: #199ea5; border-color: #199ea5; }
.btn-primary:hover { border: 1px solid #1f326f; background: #199ea5; }

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    border-color: #199ea5;
#taskmenu .action-buttons a { color: #1f326f; }    background-color: #199ea5;
}

html.dark-mode #layout-menu .popover-header, 
html.dark-mode #layout-menu .special-buttons {
    background: #199ea5 !important;
}

html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected>a,
html.dark-mode .listing li.selected>div>a,
html.dark-mode .listing tr.selected td {
    color: #199ea5;
}

html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a, 
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
    color: #199ea5;
}

html.dark-mode #taskmenu .action-buttons a {
    color: #199ea5;
}

.form-control:focus, .tagedit-list[tabindex="-1"] {
    border-color: #199ea5;
    box-shadow: 0 0 5px 2px rgb(25 158 165 / 90%);
}

.listing tbody tr.selected  td a { color: #199ea5; }
.messagelist tr.selected td.subject span.fromto { color: white; }
.messagelist tr.selected td.subject span.date, .messagelist tr.selected td.subject span.size { color: white; }
        
.popover .menu li a:not(.disabled):hover {
    color: white;
    background: #1f326f;
}

a {
    color: #199ea5;
}

ul.treelist li.selected>a, ul.treelist li.selected>div>a {
    color: white;
    background: #1f326f;
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    border-color: #199ea5;
    background-color: #199ea5;
}

.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before {
    border-color: #199ea5;
    background-color: #199ea5;
}

.task-login #logo { top: 10px; }
#login-form { top: 15px; }

#taskmenu a,
#taskmenu .action-buttons a {
    color: white;
}