/* ImageHaus UI overrides for Roundcube Elastic. */
#layout-content > .header .menu.toolbar {
    align-items: stretch;
}

#layout-content > .header .menu.toolbar a.button,
#layout-content > .header .menu.toolbar .dropbutton > a,
#layout-content > .header .menu.toolbar .dropbutton {
    border-radius: 6px;
    color: #142433;
    opacity: 1;
    transition: background-color .12s ease, color .12s ease, box-shadow .12s ease;
}

#layout-content > .header .menu.toolbar a.button.disabled,
#layout-content > .header .menu.toolbar .dropbutton.disabled > a,
#layout-content > .header .menu.toolbar .dropbutton.disabled > a.dropdown,
a.button.disabled:not(.btn) {
    color: #6b7885 !important;
    opacity: .78 !important;
}

#layout-content > .header .menu.toolbar a.button:not(.disabled):hover,
#layout-content > .header .menu.toolbar a.button:not(.disabled):focus,
#layout-content > .header .menu.toolbar .dropbutton:not(.disabled):hover,
#layout-content > .header .menu.toolbar .dropbutton:not(.disabled):hover > a,
#layout-content > .header .menu.toolbar .dropbutton:not(.disabled) > a:hover,
#layout-content > .header .menu.toolbar .dropbutton:not(.disabled) > a:focus {
    background-color: #e7f2ff !important;
    color: #09213a !important;
    box-shadow: inset 0 0 0 1px #b9d7f5;
    outline: none;
}

#layout-content > .header .menu.toolbar a.button:before,
#layout-content > .header .menu.toolbar .dropbutton > a:before {
    color: currentColor;
}

html.dark-mode #layout-content > .header .menu.toolbar a.button,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton > a,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton {
    color: #d9e4e7;
}

html.dark-mode #layout-content > .header .menu.toolbar a.button.disabled,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton.disabled > a,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton.disabled > a.dropdown,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton.disabled {
    color: #8ea0a6 !important;
    opacity: .7 !important;
}

html.dark-mode #layout-content > .header .menu.toolbar a.button:not(.disabled):hover,
html.dark-mode #layout-content > .header .menu.toolbar a.button:not(.disabled):focus,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton:not(.disabled):hover,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton:not(.disabled):hover > a,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton:not(.disabled) > a:hover,
html.dark-mode #layout-content > .header .menu.toolbar .dropbutton:not(.disabled) > a:focus {
    background-color: #2c3d47 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #46616e;
}