paper-button, .paper-button-0 { font-weight: 500; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; } paper-button.block { display: block; margin: .25em 0; } paper-button.blue { color: #03a9f4; } paper-button.blue:hover { background: #e1f5f3; } paper-button.menuButton { color: #212121; text-align: left; } paper-button.menuButton:hover { background: #e1f5f3; } paper-button.ripple::shadow paper-ripple { color: #ff3bee; } paper-button.ripple paper-ripple { color: #ff3bee; } paper-button.submit { color: #52B54B; } paper-button[raised].submit, paper-button[raised]:not(.subdued):not(.cancel) { background: #52B54B; color: #fff; } paper-button.more { color: #EC407A; } paper-button[raised].more { background: #EC407A; color: #fff; } paper-button.secondary { color: #4285f4; } paper-button[raised].secondary { background: #4285f4; color: #fff; } paper-button.accent { color: #52B54B; } paper-button[raised].accent { background: #52B54B; color: #fff; } paper-button.alt { color: #F57F17; } paper-button[raised].alt { background: #F57F17; color: #fff; } .ui-body-b paper-button.cancel { color: #444; } .ui-body-b paper-button[raised].cancel { background: #444; color: #fff; } paper-button.cancelDark { color: #444; } paper-button[raised].cancelDark { background: #444; color: #fff; } .ui-body-b paper-button.subdued:not([disabled]) { color: #404040; } .ui-body-b paper-button[raised].subdued:not([disabled]) { background: #404040; color: #fff; } .ui-body-b paper-button[raised][disabled].subduedd { background: #111; } paper-button.hover:hover { background: #eee; } paper-button span { vertical-align: middle; } paper-button:not(.iconRight) > iron-icon { margin-right: .5em; } paper-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; } paper-button.mini { min-width: initial; } paper-button.mini { padding: 0.4em 0.7em; } paper-button.mini.noIcon { padding: 0.4em 0.7em; } paper-button.mini iron-icon { height: 20px; width: 20px; } paper-toast { z-index: 9999999; } paper-button.notext { min-width: 2.8em; } paper-button.notext .content { padding-left: 0 !important; padding-right: 0 !important; } paper-button.notext iron-icon { margin-right: 0; } /*paper-toast { background-color: #eee; color: #000; }*/ .bottomFab { bottom: 90px; } paper-dialog { border-radius: 4px; z-index: 999999 !important; font-family: inherit !important; } paper-dialog h2 { font-family: inherit !important; } iron-overlay-backdrop { z-index: 999998 !important; } /* These values default to 24px and create huge white padding around the dialog content. */ .scrollable.paper-dialog-scrollable { padding: 0 12px; } paper-icon-button paper-ripple { color: inherit !important; } .ui-body-b paper-icon-button[disabled] { color: #444 !important; } paper-dialog + iron-overlay-backdrop { background-color: transparent !important; } paper-dialog[role="alertdialog"] + iron-overlay-backdrop { background-color: #000 !important; } paper-tabs { background-color: #020202; color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } paper-tab { text-transform: uppercase; font-weight: 400; } paper-tabs #selectionBar { background-color: #52B54B !important; } paper-tabs paper-ripple { color: #52B54B !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.blue { background: #03a9f4; } paper-fab.blue paper-material.keyboard-focus { background: #01579b !important; } paper-fab.square { border-radius: 5px; } paper-fab.accent { background-color: #52B54B; } paper-fab.green { background-color: #81c784; } paper-fab.orange { background-color: #ffd54f; } paper-fab.blue { background-color: #4fc3f7; } paper-fab.red { background-color: #e57373; } paper-slider { width: 100%; } .paper-slider-0 #sliderKnobInner.paper-slider { background-color: #52B54B; border-color: #52B54B; } .paper-slider-0 paper-ripple.paper-slider { color: #52B54B; } .paper-slider-0 #sliderKnobInner.paper-slider::before { background-color: #388E3C !important; } .paper-progress-0 #primaryProgress.paper-progress { background-color: #52B54B; } .paper-progress-0 #secondaryProgress.paper-progress { background-color: #92B54B; } paper-menu-item { padding: .35em .5em; cursor: pointer; } paper-menu-item iron-icon { margin-right: 1.5em; } paper-menu-item:hover { background: #eee; } .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-b .selectLabelUnfocused { 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: #656565; } .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: #323232; } 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; } .likePaperText { -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-rtl-ordering: logical; -webkit-user-select: text; background: none !important; background-color: transparent !important; border: 1px solid gray !important; border-width: 0 0 1px 0 !important; color: #fff !important; box-shadow: none; outline: none !important; padding: 0 !important; position: relative; text-indent: 0px !important; width: 100%; -webkit-writing-mode: horizontal-tb; margin: 0 0 1em 0 !important; } .likePaperText:focus { border-color: #52B54B !important; } .likePaperLabel { margin: 1em 0 .5em !important; color: #858585 !important; display: block; } 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-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 paper-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; } .ui-body-b paper-progress #progressContainer { background-color: #222 !important; } paper-progress.mini #progressContainer { height: 3px !important; } .formDialog.background-theme-b { background-color: #181818; }