/* highlightjs overrides */ .nav.nav-color { background: #4c566a !important } .hljs { color: #d8dee9; background: #4c566a } .hljs-comment, .hljs-quote { color: #998 } .hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #4fa1ba } .hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: teal } .hljs-doctag, .hljs-string { color: #d8dee9 } .hljs-section, .hljs-selector-id, .hljs-title { color: #900 } .hljs-class .hljs-title, .hljs-type { color: #458 } .hljs-attribute, .hljs-name, .hljs-tag { color: navy } .hljs-link, .hljs-regexp { color: #d8dee9 } .hljs-bullet, .hljs-symbol { color: #b48ead } .hljs-built_in, .hljs-builtin-name { color: #0086b3 } .hljs-meta { color: #999 } .hljs-deletion { background: #fdd } .hljs-addition { background: #dfd } .no-config .info { color: #4c566a } .tabs .tab a:hover, .tabs .tab a.active { color: #4c566a } .theme a { color: #d8dee9 } .url-enabled { color: #02c7a6 } .url-disabled { color: #e00202 } .btn, .btn-large, .btn-small { background-color: #333 } .btn-large:hover, .btn-small:hover, .btn:hover { background-color: #222 } i.material-icons { color: #6e7d9c } i.material-icons:hover { color: #57637a } .nav h1 { color: #d8dee9 !important } button.waves-light:hover { background-color: #81a1c1 } /* materialui overrides */ a:hover { color: #d08770 } #overview strong { color: #d8dee9 !important; background-color: #4c566a !important } code, kbd, samp { background-color: #2e3440 !important; color: #d8dee9 } code.config-id { background-color: transparent !important } a { color: #ebcb8b } .page-footer { color: #d8dee9; background-color: #ee6e73 } .collection { border-color: #525252 } .collection .collection-item { background-color: #2e3440; border-color: #666 } .collection .collection-item.avatar i.circle { color: #d8dee9; background-color: #525252 } .collection .collection-item.active { background-color: #8fbcbb; color: #eafaf9 } .collection .collection-item.active .secondary-content { color: #d8dee9 } .collection a.collection-item { color: #d8dee9 } .collection a.collection-item:not(.active):hover { background-color: #81a1c1 !important } .collection.with-header .collection-header { background-color: #d8dee9; } .secondary-content { color: #8fbcbb } .progress .indeterminate { background-color: #8fbcbb } span.badge { color: #757575 } span.badge.new { color: #d8dee9; background-color: #8fbcbb; } .row .col.s5 { background-color: #3b4252 } .row .col.s9 { background-color: #3b4252 } nav { color: #d8dee9; background-color: #ee6e73 } nav a { color: #fff } .nav i { color: #2e3440 } nav .brand-logo { color: #d8dee9 } nav ul li.active { background-color: rgba(0, 0, 0, .1) } nav ul a { color: #d8dee9 } nav ul a:hover { background-color: rgba(0, 0, 0, .1) } nav .input-field label i { color: rgba(255, 255, 255, .7) } nav .input-field label.active i { color: #fff } html { color: #d8dee9; background-color: #2e3440 } h1 { color: #eceff4 !important } h4 { color: #e5e9f0 } h5 { color: #8fbcbb } em { color: #5e81ac !important; text-shadow: 6px 3px #2e3440 } .card-panel { background-color: #4c566a } .card { background-color: #4c566a } .card .card-image .card-title { color: #d8dee9 } .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) { color: #ffab40 } .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover { color: #fff } .card .card-reveal { background-color: #d8dee9 } .toast { background-color: #323232; color: #d8dee9 } .toast .toast-action { color: #eeff41 } .tabs { background-color: #3b4252 } .tabs.tabs-transparent { background-color: transparent } .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover, .tab.disabled i.material-icons { color: #6e7d9c } .tabs.tabs-transparent .tab a.active, .tabs.tabs-transparent .tab a:hover { color: #fff } .tabs.tabs-transparent .indicator { background-color: #fff } .tabs .tab { background-color: #3b4252 } .tabs .tab a { color: #d8dee9; background-color: #2e3440; border-left: 1px solid #3b4252; border-bottom: 1px solid #81a1c1 } .tabs .tab a:focus, .tabs .tab a:focus.active { background-color: rgba(246, 178, 181, .2) } .tabs .tab a.active, .tabs .tab a:hover { background-color: #81a1c1 !important } .tabs .tab.disabled a, .tabs .tab.disabled a:hover { background-color: #4c566a !important; color: #6e7d9c !important } .tabs .indicator { background-color: #ebcb8b !important } @media only screen and (max-width:992px).material-tooltip { color: #d8dee9; background-color: #323232 } .backdrop { background-color: #323232 } .btn-flat.disabled, .btn-flat:disabled, .btn-flat[disabled], .btn-floating.disabled, .btn-floating:disabled, .btn-floating[disabled], .btn-large.disabled, .btn-large:disabled, .btn-large[disabled], .btn-small.disabled, .btn-small:disabled, .btn-small[disabled], .btn.disabled, .btn:disabled, .btn[disabled], .disabled.btn-large, .disabled.btn-small { background-color: #dfdfdf !important; color: #9f9f9f !important } .btn-flat.disabled:hover, .btn-flat:disabled:hover, .btn-flat[disabled]:hover, .btn-floating.disabled:hover, .btn-floating:disabled:hover, .btn-floating[disabled]:hover, .btn-large.disabled:hover, .btn-large:disabled:hover, .btn-large[disabled]:hover, .btn-small.disabled:hover, .btn-small:disabled:hover, .btn-small[disabled]:hover, .btn.disabled:hover, .btn:disabled:hover, .btn[disabled]:hover, .disabled.btn-large:hover, .disabled.btn-small:hover { background-color: #dfdfdf !important; color: #9f9f9f !important } .btn-floating:focus, .btn-large:focus, .btn-small:focus, .btn:focus { background-color: #2e3440 } .btn, .btn-large, .btn-small { color: #e5e9f0; background-color: #2e3440 } .btn-large:hover, .btn-small:hover, .btn:hover { background-color: #d08770 } .btn-floating { background-color: #8fbcbb } .btn-floating:hover { background-color: #8fbcbb } .btn-floating i { color: #d8dee9 } .fixed-action-btn.toolbar ul li a { color: #d8dee9 } .fixed-action-btn .fab-backdrop { background-color: #8fbcbb } .btn-flat { background-color: transparent; color: #343434 } .btn-flat:focus { background-color: rgba(0, 0, 0, .1) } .btn-flat.btn-flat[disabled], .btn-flat.disabled { background-color: transparent !important; color: #b3b2b2 !important } .modal { background-color: #fafafa } .modal .modal-footer { background-color: #fafafa } .collapsible-header { background-color: #2e3440; border-bottom: 1px solid #4c566a } .keyboard-focused .collapsible-header:focus { background-color: #eee } .collapsible-body { border-bottom: 1px solid #434c5e; background-color: #2e3440 } .sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover { background-color: rgba(0, 0, 0, .05) } .sidenav .collapsible-body, .sidenav.fixed .collapsible-body { background-color: #fff } .chip { color: #d8dee9; background-color: #2e3440 !important; border: 1px solid #434c5e !important } .chip:focus { background-color: #d08770; color: #eceff4 } .chips { border-bottom: 1px solid #4c566a } .chips.focus { border-bottom: 1px solid #8fbcbb; -webkit-box-shadow: 0 1px 0 0 #8fbcbb; box-shadow: 0 1px 0 0 #8fbcbb } .chips .input { color: rgba(0, 0, 0, .6) } .chips .input:focus, .chips textarea:focus { border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #d8dee9 } #materialbox-overlay { background-color: #292929 } .materialbox-caption { color: #d8dee9 } select:focus { outline: 1px solid #c9f3ef } button:focus { background-color: #2ab7a9 } label { color: #8fbcbb } ::-webkit-input-placeholder { color: #d1d1d1 } ::-moz-placeholder { color: #d1d1d1 } :-ms-input-placeholder { color: #d1d1d1 } ::-ms-input-placeholder { color: #d1d1d1 } ::placeholder { color: #d1d1d1 } input:not([type]), input[type=date]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=email]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=search]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default), input[type=time]:not(.browser-default), input[type=url]:not(.browser-default), textarea.materialize-textarea { border-bottom: 1px solid #4c566a } input:not([type]):disabled, input:not([type])[readonly=readonly], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly=readonly], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly=readonly], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly=readonly], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly=readonly], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly=readonly], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly=readonly], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly=readonly], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly=readonly], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly=readonly], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly=readonly], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] { color: rgba(0, 0, 0, .42); border-bottom: 1px dotted rgba(0, 0, 0, .42) } input:not([type]):disabled+label, input:not([type])[readonly=readonly]+label, input[type=date]:not(.browser-default):disabled+label, input[type=date]:not(.browser-default)[readonly=readonly]+label, input[type=datetime-local]:not(.browser-default):disabled+label, input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label, input[type=datetime]:not(.browser-default):disabled+label, input[type=datetime]:not(.browser-default)[readonly=readonly]+label, input[type=email]:not(.browser-default):disabled+label, input[type=email]:not(.browser-default)[readonly=readonly]+label, input[type=number]:not(.browser-default):disabled+label, input[type=number]:not(.browser-default)[readonly=readonly]+label, input[type=password]:not(.browser-default):disabled+label, input[type=password]:not(.browser-default)[readonly=readonly]+label, input[type=search]:not(.browser-default):disabled+label, input[type=search]:not(.browser-default)[readonly=readonly]+label, input[type=tel]:not(.browser-default):disabled+label, input[type=tel]:not(.browser-default)[readonly=readonly]+label, input[type=text]:not(.browser-default):disabled+label, input[type=text]:not(.browser-default)[readonly=readonly]+label, input[type=time]:not(.browser-default):disabled+label, input[type=time]:not(.browser-default)[readonly=readonly]+label, input[type=url]:not(.browser-default):disabled+label, input[type=url]:not(.browser-default)[readonly=readonly]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly=readonly]+label { color: rgba(0, 0, 0, .42) } input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #8fbcbb } input:not([type]):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label { color: #8fbcbb } input:not([type]):focus.valid~label, input[type=date]:not(.browser-default):focus.valid~label, input[type=datetime-local]:not(.browser-default):focus.valid~label, input[type=datetime]:not(.browser-default):focus.valid~label, input[type=email]:not(.browser-default):focus.valid~label, input[type=number]:not(.browser-default):focus.valid~label, input[type=password]:not(.browser-default):focus.valid~label, input[type=search]:not(.browser-default):focus.valid~label, input[type=tel]:not(.browser-default):focus.valid~label, input[type=text]:not(.browser-default):focus.valid~label, input[type=time]:not(.browser-default):focus.valid~label, input[type=url]:not(.browser-default):focus.valid~label, textarea.materialize-textarea:focus.valid~label { color: #4caf50 } input:not([type]):focus.invalid~label, input[type=date]:not(.browser-default):focus.invalid~label, input[type=datetime-local]:not(.browser-default):focus.invalid~label, input[type=datetime]:not(.browser-default):focus.invalid~label, input[type=email]:not(.browser-default):focus.invalid~label, input[type=number]:not(.browser-default):focus.invalid~label, input[type=password]:not(.browser-default):focus.invalid~label, input[type=search]:not(.browser-default):focus.invalid~label, input[type=tel]:not(.browser-default):focus.invalid~label, input[type=text]:not(.browser-default):focus.invalid~label, input[type=time]:not(.browser-default):focus.invalid~label, input[type=url]:not(.browser-default):focus.invalid~label, textarea.materialize-textarea:focus.invalid~label { color: #f44336 } input:not([type]).validate+label, input[type=date]:not(.browser-default).validate+label, input[type=datetime-local]:not(.browser-default).validate+label, input[type=datetime]:not(.browser-default).validate+label, input[type=email]:not(.browser-default).validate+label, input[type=number]:not(.browser-default).validate+label, input[type=password]:not(.browser-default).validate+label, input[type=search]:not(.browser-default).validate+label, input[type=tel]:not(.browser-default).validate+label, input[type=text]:not(.browser-default).validate+label, input[type=time]:not(.browser-default).validate+label, input[type=url]:not(.browser-default).validate+label, textarea.materialize-textarea.validate+label { width: 100% } .select-wrapper.valid>input.select-dropdown, input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus { border-bottom: 1px solid #4caf50; -webkit-box-shadow: 0 1px 0 0 #4caf50; box-shadow: 0 1px 0 0 #4caf50 } .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus, input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus { border-bottom: 1px solid #f44336; -webkit-box-shadow: 0 1px 0 0 #f44336; box-shadow: 0 1px 0 0 #f44336 } textarea { color: #e5e9f0; border: 1px solid #2e3440; background-color: #1b1e26 } textarea:focus-visible { border: 1px solid #5e81ac; box-shadow: 0 0 10px #5e81ac } ::placeholder { color: #81a1c1; opacity: 1 } :-ms-input-placeholder { color: #81a1c1 } ::-ms-input-placeholder { color: #81a1c1 } .autocomplete-content li .highlight { color: #444 } [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; } [type=radio]:not(:checked)+span:after, [type=radio]:not(:checked)+span:before { border: 2px solid #5a5a5a } [type=radio].with-gap:checked+span:after, [type=radio].with-gap:checked+span:before, [type=radio]:checked+span:after { border: 2px solid #8fbcbb } [type=radio].with-gap:checked+span:after, [type=radio]:checked+span:after { background-color: #8fbcbb } [type=radio].tabbed:focus+span:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 0 10px rgba(0, 0, 0, .1) } [type=radio].with-gap:disabled:checked+span:before { border: 2px solid rgba(0, 0, 0, .42) } [type=radio].with-gap:disabled:checked+span:after { border: none; background-color: rgba(0, 0, 0, .42) } [type=radio]:disabled:checked+span:before, [type=radio]:disabled:not(:checked)+span:before { background-color: transparent; border-color: rgba(0, 0, 0, .42) } [type=radio]:disabled+span { color: rgba(0, 0, 0, .42) } [type=radio]:disabled:not(:checked)+span:before { border-color: rgba(0, 0, 0, .42) } [type=radio]:disabled:checked+span:after { background-color: rgba(0, 0, 0, .42); border-color: #949494 } [type=checkbox]+span:not(.lever):before, [type=checkbox]:not(.filled-in)+span:not(.lever):after { border: 2px solid #5a5a5a; } [type=checkbox]:not(:checked):disabled+span:not(.lever):before { background-color: rgba(0, 0, 0, .42) } [type=checkbox].tabbed:focus+span:not(.lever):after { border-radius: 50%; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 0 10px rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, .1) } [type=checkbox]:checked+span:not(.lever):before { border-right: 2px solid #8fbcbb; border-bottom: 2px solid #8fbcbb; } [type=checkbox]:checked:disabled+span:before { border-right: 2px solid rgba(0, 0, 0, .42); border-bottom: 2px solid rgba(0, 0, 0, .42) } [type=checkbox]:indeterminate+span:not(.lever):before { border-right: 2px solid #8fbcbb; } [type=checkbox]:indeterminate:disabled+span:not(.lever):before { border-right: 2px solid rgba(0, 0, 0, .42); } [type=checkbox].filled-in+span:not(.lever):after { border-radius: 2px } [type=checkbox].filled-in:not(:checked)+span:not(.lever):after { border: 2px solid #5a5a5a; } [type=checkbox].filled-in:checked+span:not(.lever):before { border-right: 2px solid #d8dee9; border-bottom: 2px solid #d8dee9; } [type=checkbox].filled-in:checked+span:not(.lever):after { border: 2px solid #8fbcbb; background-color: #8fbcbb; } [type=checkbox].filled-in.tabbed:focus+span:not(.lever):after { border-color: #5a5a5a; background-color: rgba(0, 0, 0, .1) } [type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after { background-color: #8fbcbb; border-color: #8fbcbb } [type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after { background-color: #949494 } [type=checkbox].filled-in:disabled:checked+span:not(.lever):after { background-color: #949494; border-color: #949494 } .switch label input[type=checkbox]:checked+.lever { background-color: #84c7c1 } .switch label input[type=checkbox]:checked+.lever:after { background-color: #8fbcbb } .switch label .lever { background-color: rgba(0, 0, 0, .38); } .switch label .lever:before { background-color: rgba(38, 166, 154, .15) } .switch label .lever:after { background-color: #f1f1f1; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) } input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before, input[type=checkbox]:checked:not(:disabled)~.lever:active::before { background-color: rgba(38, 166, 154, .15) } input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before, input[type=checkbox]:not(:disabled)~.lever:active:before { background-color: rgba(0, 0, 0, .08) } .switch input[type=checkbox][disabled]+.lever { background-color: rgba(0, 0, 0, .12) } .switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after { background-color: #949494 } select { background-color: rgba(255, 255, 255, .9); border: 1px solid #f2f2f2; } .select-wrapper input.select-dropdown { color: #81a1c1; border-bottom: 1px solid #4c566a; } .select-wrapper input.select-dropdown:focus { border-bottom: 1px solid #8fbcbb } select:disabled { color: rgba(0, 0, 0, .42) } .select-wrapper.disabled+label { color: rgba(0, 0, 0, .42) } .select-wrapper.disabled .caret { fill: rgba(0, 0, 0, .42) } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, .42); } .select-wrapper i { color: rgba(0, 0, 0, .3) } .select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, .3); background-color: transparent } .dropdown-content { background-color: #2e3440; } .dropdown-content li { color: rgba(0, 0, 0, .87) } .dropdown-content li.active, .dropdown-content li:hover{ background-color: #2e3440 } body.keyboard-focused .dropdown-content li:focus { background-color: #dadada } .dropdown-content li>a, .dropdown-content li>span { color: #d8dee9; } body.keyboard-focused .dropdown-content li:focus { background-color: #dadada } .dropdown-trigger { cursor: pointer } body.keyboard-focused .select-dropdown.dropdown-content li:focus { background-color: rgba(0, 0, 0, .08) } .select-dropdown.dropdown-content li:hover { background-color: rgba(0, 0, 0, .08) } .select-dropdown.dropdown-content li.selected { background-color: rgba(0, 0, 0, .03) } .select-dropdown li.optgroup { border-top: 1px solid #eee } .select-dropdown li.optgroup.selected>span { color: rgba(0, 0, 0, .7) } .select-dropdown li.optgroup>span { color: rgba(0, 0, 0, .4) } input[type=range]+.thumb { background-color: #8fbcbb; } input[type=range]+.thumb .value { color: #8fbcbb; } input[type=range]+.thumb.active .value { color: #d8dee9; } input[type=range]::-webkit-slider-runnable-track { background: #c2c0c2; } input[type=range]::-webkit-slider-thumb { background: #8fbcbb; background-color: #8fbcbb; } .keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, .26); box-shadow: 0 0 0 10px rgba(38, 166, 154, .26) } input[type=range] { border: 1px solid #fff } input[type=range]::-moz-range-track { background: #c2c0c2; } input[type=range]::-moz-range-thumb { background: #8fbcbb; } input[type=range]:-moz-focusring { outline: 1px solid #d8dee9; } .keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(38, 166, 154, .26) } input[type=range]::-ms-track { background: 0 0; } input[type=range]::-ms-fill-lower { background: #777 } input[type=range]::-ms-fill-upper { background: #ddd } input[type=range]::-ms-thumb { background: #8fbcbb; } .keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb { box-shadow: 0 0 0 10px rgba(38, 166, 154, .26) } .table-of-contents a { color: #757575; } .table-of-contents a:hover { color: #a8a8a8; border-left: 1px solid #ee6e73 } .table-of-contents a.active { border-left: 2px solid #ee6e73 } .sidenav { background-color: #d8dee9; } .sidenav li.active { background-color: rgba(0, 0, 0, .05) } .sidenav li>a { color: rgba(0, 0, 0, .87); } .sidenav li>a:hover { background-color: rgba(0, 0, 0, .05) } .sidenav li>a.btn, .sidenav li>a.btn-floating, .sidenav li>a.btn-large, .sidenav li>a.btn-small { color: #fff } .sidenav li>a.btn-flat { color: #343434 } .sidenav li>a.btn-large:hover, .sidenav li>a.btn-small:hover, .sidenav li>a.btn:hover { background-color: #2bbbad } .sidenav li>a.btn-floating:hover { background-color: #8fbcbb } .sidenav li>a li>a>[class*=mdi-], .sidenav li>a>[class^=mdi-], .sidenav li>a>i, .sidenav li>a>i.material-icons { color: rgba(0, 0, 0, .54) } .sidenav .divider { margin: 8px 0 0 0 } .sidenav .subheader { color: rgba(0, 0, 0, .54); } .sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active { background-color: #ee6e73 } .sidenav .collapsible-body>ul:not(.collapsible)>li.active a, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a { color: #fff } .sidenav-overlay { background-color: rgba(0, 0, 0, .5); } .spinner-layer { border-color: #8fbcbb } .spinner-blue, .spinner-blue-only { border-color: #4285f4 } .spinner-red, .spinner-red-only { border-color: #db4437 } .spinner-yellow, .spinner-yellow-only { border-color: #f4b400 } .spinner-green, .spinner-green-only { border-color: #0f9d58 } .slider .slides li .caption { color: #d8dee9; } .slider .slides li .caption p { color: #e0e0e0 } .slider .slides li.active { z-index: 2 } .slider .indicators .indicator-item { background-color: #e0e0e0; } .slider .indicators .indicator-item.active { background-color: #4caf50 } .carousel .indicators .indicator-item.active { background-color: #fff } .tap-target { background-color: #ee6e73; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2); } .tap-target-wave::after, .tap-target-wave::before { background-color: #fff } .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover { background: 0 0 } .datepicker-table abbr { color: #999 } .datepicker-table td.is-today { color: #8fbcbb } .datepicker-table td.is-selected { background-color: #8fbcbb; color: #fff } .datepicker-day-button:focus { background-color: rgba(43, 161, 150, .25) } .datepicker-cancel, .datepicker-clear, .datepicker-done, .datepicker-today { color: #8fbcbb; } .datepicker-clear { color: #f44336 } .file-selected { color: #ebcb8b; background-color: #2e3440; }