/* MDL dark overload — loads after material.min.css; active only under data-theme=dark */

html[data-theme="dark"] {
	color: var(--text);
	background-color: var(--surface);
}

html[data-theme="dark"] body {
	background-color: var(--surface) !important;
	color: var(--text);
}

/* Remap common MDL palette utilities used as surfaces / text */
html[data-theme="dark"] .mdl-color--white,
html[data-theme="dark"] .mdl-color--grey-100,
html[data-theme="dark"] .mdl-color--grey-50 {
	background-color: var(--surface-card) !important;
}

html[data-theme="dark"] .mdl-color--grey-200,
html[data-theme="dark"] .mdl-color--grey-300 {
	background-color: var(--surface-muted) !important;
}

html[data-theme="dark"] .mdl-layout__header.mdl-color--grey-100,
html[data-theme="dark"] .mdl-layout__content.mdl-color--grey-100 {
	background-color: var(--surface) !important;
}

html[data-theme="dark"] .mdl-color-text--grey-600,
html[data-theme="dark"] .mdl-color-text--grey-700,
html[data-theme="dark"] .mdl-color-text--grey-800,
html[data-theme="dark"] .mdl-color-text--grey-900,
html[data-theme="dark"] .mdl-color-text--black {
	color: var(--text) !important;
}

html[data-theme="dark"] .mdl-color-text--grey-400,
html[data-theme="dark"] .mdl-color-text--grey-500 {
	color: var(--text-muted) !important;
}

html[data-theme="dark"] .mdl-color-text--primary {
	color: var(--primary) !important;
}

/* Layout chrome */
html[data-theme="dark"] .mdl-layout__header {
	background-color: var(--header-bg) !important;
	color: var(--header-text) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] .mdl-layout__header .mdl-layout__drawer-button,
html[data-theme="dark"] .app-layout .mdl-layout__header .mdl-layout__drawer-button {
	color: var(--header-text) !important;
}

html[data-theme="dark"] .mdl-layout__header .mdl-layout-title,
html[data-theme="dark"] .mdl-layout__header .mdl-badge {
	color: var(--header-text);
}

html[data-theme="dark"] .mdl-layout__content {
	background-color: var(--surface) !important;
	color: var(--text);
}

html[data-theme="dark"] .mdl-layout__obfuscator.is-visible {
	background-color: rgba(0, 0, 0, 0.6);
}

/* Cards */
html[data-theme="dark"] .mdl-card {
	background: var(--surface-card);
	color: var(--text);
}

html[data-theme="dark"] .mdl-card__supporting-text,
html[data-theme="dark"] .mdl-card__title-text {
	color: var(--text);
}

html[data-theme="dark"] .mdl-card__actions {
	border-color: var(--divider);
}

html[data-theme="dark"] .mdl-card__menu {
	color: var(--text-muted);
}

/* Lists */
html[data-theme="dark"] .mdl-list,
html[data-theme="dark"] .mdl-list__item {
	color: var(--text);
	background-color: transparent;
}

html[data-theme="dark"] .mdl-list__item-primary-content,
html[data-theme="dark"] .mdl-list__item-secondary-content,
html[data-theme="dark"] .mdl-list__item-secondary-info,
html[data-theme="dark"] .mdl-list__item-secondary-action {
	color: var(--text-secondary);
}

html[data-theme="dark"] .mdl-list__item .mdl-list__item-avatar {
	background-color: var(--surface-muted);
}

/* Buttons */
html[data-theme="dark"] .mdl-button {
	color: var(--text);
}

html[data-theme="dark"] .mdl-button--raised {
	background-color: var(--surface-muted);
	color: var(--text);
}

html[data-theme="dark"] .mdl-button--raised.mdl-button--colored,
html[data-theme="dark"] .mdl-button--fab.mdl-button--colored {
	background-color: var(--primary);
	color: var(--text-on-primary);
}

html[data-theme="dark"] .mdl-button--accent.mdl-button--raised,
html[data-theme="dark"] .mdl-button--accent.mdl-button--fab {
	color: #212121;
}

html[data-theme="dark"] .mdl-button--icon .material-icons,
html[data-theme="dark"] .mdl-button--icon {
	color: var(--text-secondary);
}

html[data-theme="dark"] .mdl-button[disabled][disabled],
html[data-theme="dark"] .mdl-button.mdl-button--disabled.mdl-button--disabled {
	color: var(--text-disabled) !important;
	background-color: transparent !important;
}

/* Text fields */
html[data-theme="dark"] .mdl-textfield__input {
	border-bottom-color: var(--border-strong);
	color: var(--text);
	background: transparent;
}

html[data-theme="dark"] .mdl-textfield__label {
	color: var(--text-disabled);
}

html[data-theme="dark"] .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
html[data-theme="dark"] .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color: var(--primary);
}

html[data-theme="dark"] .mdl-textfield__label:after {
	background-color: var(--primary);
}

html[data-theme="dark"] .mdl-textfield__error {
	color: var(--error-text);
}

html[data-theme="dark"] textarea.mdl-textfield__input {
	color: var(--text);
}

/* Selectfield (third-party; indigo focus in light) */
html[data-theme="dark"] .mdl-selectfield__label,
html[data-theme="dark"] .mdl-selectfield__box-value {
	color: var(--text);
}

html[data-theme="dark"] .mdl-selectfield.is-focused .mdl-selectfield__label,
html[data-theme="dark"] .mdl-selectfield.is-dirty .mdl-selectfield__label {
	color: var(--primary) !important;
}

html[data-theme="dark"] .mdl-selectfield__box {
	border-bottom-color: var(--border-strong);
}

html[data-theme="dark"] .mdl-selectfield__list-option-box ul {
	background: var(--surface-dialog);
	color: var(--text);
	box-shadow: 0 4px 16px var(--shadow);
}

html[data-theme="dark"] .mdl-selectfield__list-option-box ul li:hover,
html[data-theme="dark"] .mdl-selectfield__list-option-box ul li.is-selected {
	background: var(--surface-muted);
}

/* Menus */
html[data-theme="dark"] .mdl-menu__container .mdl-menu,
html[data-theme="dark"] .mdl-menu {
	background: var(--surface-dialog);
	color: var(--text);
}

html[data-theme="dark"] .mdl-menu__item {
	color: var(--text);
}

html[data-theme="dark"] .mdl-menu__item:hover {
	background-color: var(--surface-muted);
}

/* Checkboxes / radios / switches */
html[data-theme="dark"] .mdl-checkbox__label,
html[data-theme="dark"] .mdl-radio__label,
html[data-theme="dark"] .mdl-switch__label {
	color: var(--text);
}

html[data-theme="dark"] .mdl-checkbox__box-outline {
	border-color: var(--text-muted);
}

html[data-theme="dark"] .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
	border-color: var(--primary);
}

html[data-theme="dark"] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background: var(--primary);
}

html[data-theme="dark"] .mdl-radio__outer-circle {
	border-color: var(--text-muted);
}

html[data-theme="dark"] .mdl-radio.is-checked .mdl-radio__outer-circle {
	border-color: var(--primary);
}

html[data-theme="dark"] .mdl-radio__inner-circle {
	background: var(--primary);
}

/* Tabs */
html[data-theme="dark"] .mdl-tabs__tab {
	color: var(--text-muted);
}

html[data-theme="dark"] .mdl-tabs__tab.is-active {
	color: var(--text);
}

html[data-theme="dark"] .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
	background: var(--primary);
}

/* Data table */
html[data-theme="dark"] .mdl-data-table {
	background: var(--surface-card);
	color: var(--text);
}

html[data-theme="dark"] .mdl-data-table th,
html[data-theme="dark"] .mdl-data-table td {
	color: var(--text);
	border-bottom-color: var(--divider);
}

html[data-theme="dark"] .mdl-data-table tbody tr:hover {
	background-color: var(--surface-muted);
}

/* Shadows slightly deeper on dark */
html[data-theme="dark"] .mdl-shadow--2dp {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4), 0 3px 1px -2px rgba(0, 0, 0, 0.3), 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .mdl-shadow--4dp {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4), 0 1px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}


html[data-theme="dark"] .mdl-selectfield__list-option-box ul>li {
	color: var(--text);
}

html[data-theme="dark"] .card-filter-disciplines {
	background: var(--surface-card);
}


/* Tooltips / badges */
html[data-theme="dark"] .mdl-tooltip {
	background: #616161;
	color: #fff;
}

html[data-theme="dark"] .mdl-badge[data-badge]:after {
	background: var(--primary);
	color: var(--text-on-primary);
}

html[data-theme="dark"] a:not(.mdl-navigation__link):not(.mdl-button):not(.resp-sharing-button__link) {
	color: var(--accent);
}

html[data-theme="dark"] .mdl-layout__header-row {
	background: #37474f !important
}
html[data-theme="dark"] .crypt-details icon {
	opacity: 0.9;
}

html[data-theme="dark"] .card-text hr {
	    border-top: 1px dotted #6f6f6f85;
}


html[data-theme="dark"] .mdl-tabs__tab-bar {    border-bottom: 1px solid #59595985;}


html[data-theme="dark"] icon:before{
	color: white;
}

html[data-theme="dark"] icon.CAINE:after,
html[data-theme="dark"] icon.CATHARI:after,
html[data-theme="dark"] icon.DEATH_AND_THE_SOUL:after,
html[data-theme="dark"] icon.POWER_AND_THE_INNER_VOICE:after,
html[data-theme="dark"] .card-text .clan icon:after {
	color: white !important;
}

html[data-theme="dark"] .card-filter-disciplines icon:before{
	color: rgba(255,255,255,0.6) !important;
}

html[data-theme="dark"] .card-filter-disciplines icon.inf:before,
html[data-theme="dark"] .card-filter-disciplines icon.sup:before{
    text-shadow: 0 2px 4px rgba(255,255,255,0.3);
    color: white !important;
}

html[data-theme="dark"] .card-filter-disciplines icon.inf:after,
html[data-theme="dark"] .card-filter-disciplines icon.sup:after{
    color: #000;    
}