diff --git a/apprise_api/api/templates/config.html b/apprise_api/api/templates/config.html index b84b2c0..7b56991 100644 --- a/apprise_api/api/templates/config.html +++ b/apprise_api/api/templates/config.html @@ -253,16 +253,23 @@

{% trans "Persistent Store Endpoints" %}

} }); - // our GET parameters - var tagRe = new RegExp('[^[A-Za-z0-9_-]+'); - const params = new Proxy(new URLSearchParams(window.location.search), { - get: (searchParams, prop) => searchParams.get(prop), - }); - if (params.tag) { - params.tag.split(tagRe).forEach(function (tag, index) { - M.Chips.getInstance(chipElement).addChip({tag: tag, image: ''}); - }); + // our GET parameters to be treated as template values + var tagRe = new RegExp('[^[A-Za-z0-9_-]+'); + const params = new Proxy(new URLSearchParams(window.location.search), { + get: (searchParams, prop) => searchParams.get(prop), + }); + if (params.tag) { + params.tag.split(tagRe).forEach(function (tag, index) { + M.Chips.getInstance(chipElement).addChip({tag: tag, image: ''}); + }); + } + if (params.title) { + document.querySelector('#id_title').value = params.title; } + if (params.body) { + document.querySelector('#id_body').value = params.body; + } + // Now build our our loaded list of configuration for our welcome page let urlList = document.createElement('ul'); @@ -437,6 +444,41 @@

{% trans "Persistent Store Endpoints" %}

} } +function form_file_input_hack() { + /* + A small hack to remformat all `` upload options to a more cleaner + and presentable look by wrapping it like this: + + + cloud_upload + Browse + + */ + document.querySelectorAll('input[type=file]').forEach(function (entry) { + const div = document.createElement('div'); + const selected = document.createElement('div'); + selected.style.display = 'none'; + selected.setAttribute('class', 'file-selected'); + const span = document.createElement('span') + span.setAttribute('class', 'btn btn-file waves-effect waves-light'); + const i = document.createElement('i') + span.textContent = '{% trans "Browse" %}'; + i.setAttribute('class', 'material-icons right'); + i.textContent = 'folder'; + div.appendChild(span); + span.appendChild(i); + entry.before(div) + span.appendChild(entry); + span.after(selected); + + entry.addEventListener('change', function(e){ + const selected = this.parentNode.nextElementSibling; + const file = e.target.files[0]; + selected.style.display = 'block' + selected.textContent = file.name; + }); + }); + } function notify_init() { // over-ride manual submit for a nicer user experience document.querySelector('#donotify').onsubmit = function(event) { @@ -538,6 +580,7 @@

{% trans "Persistent Store Endpoints" %}

{% endif %} notify_init(); +form_file_input_hack(); {% endif %} {% endblock %} diff --git a/apprise_api/static/css/base.css b/apprise_api/static/css/base.css index a779e02..ce69914 100644 --- a/apprise_api/static/css/base.css +++ b/apprise_api/static/css/base.css @@ -9,13 +9,13 @@ /* Apprise Version */ .nav ul { float: right; - font-style: normal; + font-style: normal; font-size: 0.7rem; } .theme { - text-align: right; - display: block; - float:right; + text-align: right; + display: block; + float:right; } input { @@ -25,50 +25,50 @@ input { .tabs .tab.disabled a,.tabs .tab.disabled a:hover{font-weight: inherit} code { - font-family: monospace; - white-space: normal; - padding: 0.2rem; + font-family: monospace; + white-space: normal; + padding: 0.2rem; } h1, h2, h3, h4, h5 { - margin-top: 0; + margin-top: 0; } td, th { - vertical-align: top; - padding-top: 0; + vertical-align: top; + padding-top: 0; } .api-details ol { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } ul.detail-buttons strong { - font-weight: 800; + font-weight: 800; } h4 em { font-size: 2.0rem; display: inline-block; - margin: 0; - padding: 0; + margin: 0; + padding: 0; word-break: break-all; - line-height: 1.0em; + line-height: 1.0em; } em { - color: #004d40; - font-weight:bold; + color: #004d40; + font-weight:bold; } .no-config .info { - color: #004d40; + color: #004d40; font-size: 3.3rem; } textarea { - height: 16rem; + height: 16rem; font-family: monospace; } @@ -77,69 +77,69 @@ textarea { } #overview strong { - color: #004d40; - display: inline-block; + color: #004d40; + display: inline-block; background-color: #eee; } .tabs .tab a{ - border-radius: 25px 25px 0 0; - color:#2bbbad; + border-radius: 25px 25px 0 0; + color:#2bbbad; } .collection a.collection-item:not(.active):hover, .tabs .tab a:focus, .tabs .tab a:focus.active { - background-color: #eee; + background-color: #eee; } .tabs .tab a:hover,.tabs .tab a.active { - background-color:transparent; - color:#004d40; - font-weight: bold; - background-color: #eee; + background-color:transparent; + color:#004d40; + font-weight: bold; + background-color: #eee; } .tabs .tab.disabled a,.tabs .tab.disabled a:hover { - color:rgba(102,147,153,0.7); + color:rgba(102,147,153,0.7); } .tabs .indicator { - background-color:#004d40; + background-color:#004d40; } .tabs .tab-locked a { /* Handle locked out tabs */ - color:rgba(212, 161, 157, 0.7); + color:rgba(212, 161, 157, 0.7); } .tabs .tab-locked a:hover,.tabs .tab-locked a.active { /* Handle locked out tabs */ - color: #6b0900; + color: #6b0900; } .material-icons{ - display: inline-flex; - vertical-align: middle; + display: inline-flex; + vertical-align: middle; } #url-list .card-panel { - padding: 0.5rem; - margin: 0.1rem 0; - border-radius: 12px; - width: 50%; - min-width: 35rem; - float: left; + padding: 0.5rem; + margin: 0.1rem 0; + border-radius: 12px; + width: 50%; + min-width: 35rem; + float: left; } #url-list .chip { - margin: 0.3rem; - background-color: inherit; - border: 1px solid #e4e4e4; - cursor: pointer; + margin: 0.3rem; + background-color: inherit; + border: 1px solid #e4e4e4; + cursor: pointer; } #url-list code { - overflow-x: hidden; - overflow-y: hidden; - white-space: wrap; + overflow-x: hidden; + overflow-y: hidden; + white-space: wrap; text-wrap: wrap; overflow-wrap: break-word; - border-radius: 5px; - display: block; + border-radius: 5px; + display: block; } /* Notification Details */ @@ -193,12 +193,42 @@ ul.logs li.log_ERROR { color: #8B0000; } h6 { - font-weight: bold; + font-weight: bold; } #overview pre { - margin-left: 2.0rem + margin-left: 2.0rem } code.config-id { - font-size: 0.7em; + font-size: 0.7em; +} + +/* file button styled */ +.btn-file { + position: relative; + overflow: hidden; + text-transform: uppercase; +} +.btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + filter: alpha(opacity=0); + opacity: 0; + outline: none; + background: white; + cursor: inherit; + display: block; +} + +.file-selected { + line-height: 2.0em; + font-size: 1.2rem; + border-radius: 5px; + padding: 0 1em; + overflow: hidden; } diff --git a/apprise_api/static/css/theme-dark.min.css b/apprise_api/static/css/theme-dark.min.css index da93d49..cbed69f 100644 --- a/apprise_api/static/css/theme-dark.min.css +++ b/apprise_api/static/css/theme-dark.min.css @@ -1,5 +1,1326 @@ /* highlightjs overrides */ -.nav.nav-color{background:#4c566a!important}.hljs{display:block;overflow-x:auto;padding:.5em;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} + +.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}.dropdown-content li{color:rgba(0,0,0,.87)}.dropdown-content li.active,.dropdown-content li:hover{background-color:#2a303b}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.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}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;opacity:0;pointer-events:none}[type=radio]:checked+span,[type=radio]:not(:checked)+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=radio]+span:after,[type=radio]+span:before{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type=radio].with-gap:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio]:checked+span:after,[type=radio]:checked+span:before,[type=radio]:not(:checked)+span:after,[type=radio]:not(:checked)+span:before{border-radius:50%}[type=radio]:not(:checked)+span:after,[type=radio]:not(:checked)+span:before{border:2px solid #5a5a5a}[type=radio]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+span:before{border:2px solid transparent}[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]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type=radio].with-gap:checked+span:after{-webkit-transform:scale(.5);transform:scale(.5)}[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]:checked,[type=checkbox]:not(:checked){position:absolute;opacity:0;pointer-events:none}[type=checkbox]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type=checkbox]+span:not(.lever):before,[type=checkbox]:not(.filled-in)+span:not(.lever):after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type=checkbox]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type=checkbox]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,.42)}[type=checkbox].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;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{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #8fbcbb;border-bottom:2px solid #8fbcbb;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[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{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #8fbcbb;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(0,0,0,.42);background-color:transparent}[type=checkbox].filled-in+span:not(.lever):after{border-radius:2px}[type=checkbox].filled-in+span:not(.lever):after,[type=checkbox].filled-in+span:not(.lever):before{content:'';left:0;position:absolute;-webkit-transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0;z-index:0}[type=checkbox].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #d8dee9;border-bottom:2px solid #d8dee9;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #8fbcbb;background-color:#8fbcbb;z-index:0}[type=checkbox].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,.1)}[type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#8fbcbb;border-color:#8fbcbb}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:transparent;background-color:#949494}[type=checkbox].filled-in:disabled:checked+span:not(.lever):before{background-color:transparent}[type=checkbox].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#8fbcbb}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,.38);border-radius:15px;margin-right:10px;-webkit-transition:background .3s ease;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after,.switch label .lever:before{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease}.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{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,.15)}input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before,input[type=checkbox]:not(:disabled)~.lever:active:before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;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{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.invalid+label,.select-wrapper.valid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{color:#81a1c1;position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #4c566a;outline:0;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #8fbcbb}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:#5e81ac}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}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);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}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)}.prefix~.select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix~label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.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)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:0;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:0}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#8fbcbb;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#8fbcbb;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#d8dee9;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#8fbcbb;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;-webkit-appearance:none;background-color:#8fbcbb;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.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{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#8fbcbb;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #d8dee9;outline-offset:-1px}.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{height:3px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#8fbcbb;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #ee6e73}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#d8dee9;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,.05)}.sidenav li>a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,.05)}.sidenav li>a.btn,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small{margin:10px 15px}.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{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .email,.sidenav .user-view .name{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .email,.sidenav .user-view .name{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width:992px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.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 .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;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}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-green-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out .4s cubic-bezier(.4,0,.2,1);animation:container-rotate 1568ms linear infinite,fade-out .4s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#d8dee9;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4caf50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel .carousel-item:not(.active) .materialboxed,.carousel.scrolling .carousel-item .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;animation:pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;-webkit-transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,visibility 0s 1s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0s 1s;transition:opacity .3s,transform .3s,visibility 0s 1s,-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;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);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1);transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1),-webkit-transform .3s cubic-bezier(.42,0,.58,1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::after,.tap-target-wave::before{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;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{text-decoration:none;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-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-done,.datepicker-today{color:#8fbcbb;padding:0 1rem}.datepicker-clear{color:#f44336}@media only screen and (min-width:601px){.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row} + +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; +} diff --git a/apprise_api/static/css/theme-light.min.css b/apprise_api/static/css/theme-light.min.css index 236e9b3..e98a73c 100644 --- a/apprise_api/static/css/theme-light.min.css +++ b/apprise_api/static/css/theme-light.min.css @@ -1,3 +1,7 @@ .tabs .tab a {background-color: #f3f3f3;} .tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover, .tab.disabled i.material-icons{color:#a7a7a7} .tabs .tab.disabled a,.tabs .tab.disabled a:hover{background-color: #f3f3f3; color:#a7a7a7} +.file-selected { + color: #039be5; + background-color: #f3f3f3; +}