button[is="emby-button"]:not(.fab).blue { color: #03a9f4; } button[is="emby-button"]:not(.fab).blue:hover { background: #e1f5f3; } button[is="emby-button"].fab.blue, paper-fab.blue { background: #03a9f4; } button[is="emby-button"].menuButton { color: #212121; text-align: left; } button[is="emby-button"].menuButton:hover { background: #e1f5f3; } button[is="emby-button"].submit { color: #52B54B; } button[is="emby-button"].raised.submit, button[is="emby-button"].raised:not(.subdued):not(.cancel) { background: #52B54B; color: #fff; } button[is="emby-button"].more { color: #EC407A; } button[is="emby-button"].raised.more { background: #EC407A; color: #fff; } button[is="emby-button"].secondary { color: #4285f4; } button[is="emby-button"].raised.secondary { background: #4285f4; color: #fff; } button[is="emby-button"].accent { color: #52B54B; } button[is="emby-button"].raised.accent { background: #52B54B; color: #fff; } button[is="emby-button"].alt { color: #F57F17; } button[is="emby-button"].raised.alt { background: #F57F17; color: #fff; } .ui-body-b button[is="emby-button"].cancel { color: #444; } .ui-body-b button[is="emby-button"].raised.cancel { background: #444; color: #fff; } button[is="emby-button"].cancelDark { color: #444; } button[is="emby-button"].raised.cancelDark { background: #444; color: #fff; } .ui-body-b button[is="emby-button"].subdued:not([disabled]) { color: #404040; } .ui-body-b button[is="emby-button"].raised.subdued:not([disabled]) { background: #404040; color: #fff; } .ui-body-b button[is="emby-button"].raised[disabled].subduedd { background: #111; } button[is="emby-button"] span { vertical-align: middle; } button[is="emby-button"].iconRight iron-icon { position: absolute; right: 5px; top: 5px; } .clearButton { background: transparent; border: 0; padding: 0; cursor: pointer; outline: none; color: inherit; width: 100%; vertical-align: middle; font-family: inherit; font-weight: inherit; } .clearLink { text-decoration: none; font-weight: inherit !important; vertical-align: middle; color: inherit !important; } button[is="emby-button"].mini:not(.fab) { padding: 0.4em 0.7em; } button[is="emby-button"].mini:not(.fab) iron-icon { height: 20px; width: 20px; } paper-toast { z-index: 9999999; } button[is="emby-button"].notext { min-width: 2.8em; padding-left: .25em !important; padding-right: .25em !important; } button[is="emby-button"].notext iron-icon { margin-right: 0; } paper-icon-button paper-ripple { color: inherit !important; } .ui-body-b paper-icon-button[disabled] { color: #444 !important; } paper-fab { vertical-align: middle; display: inline-flex !important; } paper-fab.mini { width: 22px; height: 22px; } paper-fab.mini iron-icon { width: 22px; height: 22px; } .ui-body-a paper-fab.subdued { background: #fff; color: #000; } .ui-body-a paper-fab.subdued paper-material.keyboard-focus { background: #686868 !important; } .ui-body-b paper-fab.subdued { background: #404040; color: #fff; } .ui-body-b paper-fab.subdued paper-material.keyboard-focus { background: #686868 !important; } .ui-body-b paper-fab[disabled].subdued { background: #222; } paper-fab.white { background: #fff; color: #000; } paper-fab.white paper-material.keyboard-focus { background: #01579b !important; color: #fff; } paper-fab.square { border-radius: 5px; } paper-fab.accent { background-color: #52B54B; } .fab.green { background-color: #81c784 !important; } .fab.orange { background-color: #ffd54f !important; } .fab.red { background-color: #e57373 !important; } .scrollablePaperTabs paper-icon-button { display: none !important; } .ui-body-b paper-item-body [secondary] { color: #aaa; } .ui-body-b paper-checkbox paper-ripple { color: #fff !important; } .ui-body-b paper-checkbox #checkboxLabel.paper-checkbox { color: inherit; } .ui-body-a .paperCheckboxFieldDescription { color: #333; } .ui-body-b .paperCheckboxFieldDescription { color: #ccc; } .ui-body-b paper-checkbox #checkbox.paper-checkbox { border-color: #dedede; } .ui-body-a paper-checkbox #checkbox.checked.paper-checkbox { background-color: #52B54B; border-color: #52B54B; } .ui-body-b paper-checkbox #checkbox.checked.paper-checkbox { background-color: #52B54B; border-color: #52B54B; } paper-checkbox #checkboxContainer { width: 22px !important; height: 22px !important; } paper-checkbox paper-ripple { top: -13px !important; left: -13px !important; } paper-checkbox #checkmark { border-right-width: 4px !important; border-bottom-width: 4px !important; } .paperCheckboxList paper-checkbox { display: block; padding: .5em 0; } paper-input label, paper-textarea label { font-size: 18px !important; font-family: inherit !important; } .paperListLabel { font-size: 16px; margin-bottom: .5em; } .ui-body-b .paper-input-container-0 .input-content.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-b paper-textarea label, .ui-body-b .paperListLabel, .ui-body-b .fieldDescription { color: #ccc; } .ui-body-a .inputLabel, .ui-body-a .textareaLabel { color: #555; } .ui-body-a .inputLabel.focused:not(.blank), .ui-body-a .textareaLabel.focused:not(.blank) { color: green; } .ui-body-b .selectLabelUnfocused, .ui-body-b .inputLabel, .ui-body-b .textareaLabel { color: #ccc; } .ui-body-a .paper-input-container-0 .input-content.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.paper-input-container .paper-input-label, .ui-body-a paper-textarea label, .ui-body-a .selectLabel, .ui-body-a .paperListLabel, .ui-body-a .fieldDescription { color: #555; } .ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-a .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label { color: green; } .ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container label, .ui-body-b .paper-input-container-0 .input-content.label-is-highlighted.paper-input-container .paper-input-label { color: #52B54B; } .ui-body-b .paper-input-container-0 .input-content.paper-input-container input, .ui-body-b .paper-input-container-0 .input-content.paper-input-container textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container iron-autogrow-textarea, .ui-body-b .paper-input-container-0 .input-content.paper-input-container .paper-input-input { color: #fff; } paper-input .focused-line, paper-textarea .focused-line { background-color: #52B54B !important; } .ui-body-b .unfocused-line.paper-input-container, .ui-body-b .unfocused-line.paper-textarea-container { background: #454545; } paper-textarea.mono textarea { font-family: monospace !important; } .paperList { padding: .5em 0; margin: 12px auto; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); background-color: #fff; } .paperCheckboxList.paperList { padding: .5em 1em; } .ui-body-b .paperList { background-color: #2b2b2b; } paper-dropdown-menu { text-align: left; margin: auto; width: 100%; display: inline-block; } paper-dropdown-menu paper-item { display: block; } paper-radio-group > * { padding: .5em; } div.dialogHeader { padding: .35em .5em; display: flex; align-items: center; line-height: normal; font-size: 110%; } .ui-body-a div.dialogHeader { background-color: #52B54B; color: #fff; } .ui-body-a .dialogHeader a { color: #fff !important; text-transform: uppercase; } .ui-body-b div.dialogHeader { background-color: #101010; } .dialogHeaderTitle { margin-left: .75em; } .dialog.popupEditor h2.dialogHeader { font-weight: inherit !important; line-height: 36px; padding: 0 1em; margin-top: .7em; } .dialogHeader button { margin-top: 0; margin-bottom: 0; } .dialog.popupEditor { padding-bottom: 100px; } .paper-toggle-button-0 .toggle-label.paper-toggle-button { color: inherit; } paper-toggle-button #toggleButton, paper-toggle-button[checked] #toggleBar { background-color: #52B54B; } paper-toggle-button paper-ripple { color: #52B54B; } .formDialog.background-theme-b { background-color: #181818; } .ui-body-b .listItem .secondary { color: #aaa; }