From 684b9db7df8933ed6f71cc4a41cb63e6749d3b7b Mon Sep 17 00:00:00 2001 From: FallenGravity Date: Mon, 14 Oct 2019 01:48:43 +0200 Subject: [PATCH] Added Medium feed --- assets/dashboard/js/admin.js | 784 +- assets/dashboard/js/medium.js | 1694 ++++ assets/dashboard/styles/materialize.min.css | 8536 +++++++++++++++++++ assets/templates/uploads.html | 67 +- modules/geth.js | 2 +- 5 files changed, 10686 insertions(+), 397 deletions(-) create mode 100644 assets/dashboard/js/medium.js create mode 100644 assets/dashboard/styles/materialize.min.css diff --git a/assets/dashboard/js/admin.js b/assets/dashboard/js/admin.js index e2d23db..334a115 100644 --- a/assets/dashboard/js/admin.js +++ b/assets/dashboard/js/admin.js @@ -1,400 +1,422 @@ if (typeof jQuery === "undefined") { - throw new Error("jQuery plugins need to be before this file"); + throw new Error("jQuery plugins need to be before this file"); } $.AdminBSB = {}; $.AdminBSB.options = { - colors: { - red: '#F44336', - pink: '#E91E63', - purple: '#9C27B0', - deepPurple: '#673AB7', - indigo: '#3F51B5', - blue: '#2196F3', - lightBlue: '#03A9F4', - cyan: '#00BCD4', - teal: '#009688', - green: '#4CAF50', - lightGreen: '#8BC34A', - lime: '#CDDC39', - yellow: '#ffe821', - amber: '#FFC107', - orange: '#FF9800', - deepOrange: '#FF5722', - brown: '#795548', - grey: '#9E9E9E', - blueGrey: '#607D8B', - black: '#000000', - white: '#ffffff' - }, - leftSideBar: { - scrollColor: 'rgba(0,0,0,0.5)', - scrollWidth: '4px', - scrollAlwaysVisible: false, - scrollBorderRadius: '0', - scrollRailBorderRadius: '0', - scrollActiveItemWhenPageLoad: true, - breakpointWidth: 1170 - }, - dropdownMenu: { - effectIn: 'fadeIn', - effectOut: 'fadeOut' - } + colors: { + red: '#F44336', + pink: '#E91E63', + purple: '#9C27B0', + deepPurple: '#673AB7', + indigo: '#3F51B5', + blue: '#2196F3', + lightBlue: '#03A9F4', + cyan: '#00BCD4', + teal: '#009688', + green: '#4CAF50', + lightGreen: '#8BC34A', + lime: '#CDDC39', + yellow: '#ffe821', + amber: '#FFC107', + orange: '#FF9800', + deepOrange: '#FF5722', + brown: '#795548', + grey: '#9E9E9E', + blueGrey: '#607D8B', + black: '#000000', + white: '#ffffff' + }, + leftSideBar: { + scrollColor: 'rgba(0,0,0,0.5)', + scrollWidth: '4px', + scrollAlwaysVisible: false, + scrollBorderRadius: '0', + scrollRailBorderRadius: '0', + scrollActiveItemWhenPageLoad: true, + breakpointWidth: 1170 + }, + dropdownMenu: { + effectIn: 'fadeIn', + effectOut: 'fadeOut' + } } /* Left Sidebar - Function ================================================================================================= -* You can manage the left sidebar menu options -* -*/ + * You can manage the left sidebar menu options + * + */ $.AdminBSB.leftSideBar = { - activate: function () { - var _this = this; - var $body = $('body'); - var $overlay = $('.overlay'); + activate: function() { + var _this = this; + var $body = $('body'); + var $overlay = $('.overlay'); - //Close sidebar - $(window).click(function (e) { - var $target = $(e.target); - if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + //Close sidebar + $(window).click(function(e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { + $target = $(e.target).parent(); + } - if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) { - if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut(); - $body.removeClass('overlay-open'); - } + if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) { + if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut(); + $body.removeClass('overlay-open'); + } + }); + + $.each($('.menu-toggle.toggled'), function(i, val) { + $(val).next().slideToggle(0); + }); + + //When page load + $.each($('.menu .list li.active'), function(i, val) { + var $activeAnchors = $(val).find('a:eq(0)'); + + $activeAnchors.addClass('toggled'); + $activeAnchors.next().show(); + }); + + //Collapse or Expand Menu + $('.menu-toggle').on('click', function(e) { + var $this = $(this); + var $content = $this.next(); + + if ($($this.parents('ul')[0]).hasClass('list')) { + var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle'); + + $.each($('.menu-toggle.toggled').not($not).next(), function(i, val) { + if ($(val).is(':visible')) { + $(val).prev().toggleClass('toggled'); + $(val).slideUp(); + } }); + } - $.each($('.menu-toggle.toggled'), function (i, val) { - $(val).next().slideToggle(0); + $this.toggleClass('toggled'); + $content.slideToggle(320); + }); + + //Set menu height + _this.setMenuHeight(true); + _this.checkStatusForResize(true); + $(window).resize(function() { + _this.setMenuHeight(false); + _this.checkStatusForResize(false); + }); + + //Set Waves + Waves.attach('.menu .list a', ['waves-block']); + Waves.init(); + }, + setMenuHeight: function(isFirstTime) { + if (typeof $.fn.slimScroll != 'undefined') { + var configs = $.AdminBSB.options.leftSideBar; + var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight())); + var $el = $('.list'); + + if (!isFirstTime) { + $el.slimscroll({ + destroy: true }); + } - //When page load - $.each($('.menu .list li.active'), function (i, val) { - var $activeAnchors = $(val).find('a:eq(0)'); + $el.slimscroll({ + height: height + "px", + color: configs.scrollColor, + size: configs.scrollWidth, + alwaysVisible: configs.scrollAlwaysVisible, + borderRadius: configs.scrollBorderRadius, + railBorderRadius: configs.scrollRailBorderRadius + }); - $activeAnchors.addClass('toggled'); - $activeAnchors.next().show(); - }); - - //Collapse or Expand Menu - $('.menu-toggle').on('click', function (e) { - var $this = $(this); - var $content = $this.next(); - - if ($($this.parents('ul')[0]).hasClass('list')) { - var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle'); - - $.each($('.menu-toggle.toggled').not($not).next(), function (i, val) { - if ($(val).is(':visible')) { - $(val).prev().toggleClass('toggled'); - $(val).slideUp(); - } - }); - } - - $this.toggleClass('toggled'); - $content.slideToggle(320); - }); - - //Set menu height - _this.setMenuHeight(true); - _this.checkStatusForResize(true); - $(window).resize(function () { - _this.setMenuHeight(false); - _this.checkStatusForResize(false); - }); - - //Set Waves - Waves.attach('.menu .list a', ['waves-block']); - Waves.init(); - }, - setMenuHeight: function (isFirstTime) { - if (typeof $.fn.slimScroll != 'undefined') { - var configs = $.AdminBSB.options.leftSideBar; - var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight())); - var $el = $('.list'); - - if (!isFirstTime) { - $el.slimscroll({ - destroy: true - }); - } - - $el.slimscroll({ - height: height + "px", - color: configs.scrollColor, - size: configs.scrollWidth, - alwaysVisible: configs.scrollAlwaysVisible, - borderRadius: configs.scrollBorderRadius, - railBorderRadius: configs.scrollRailBorderRadius - }); - - //Scroll active menu item when page load, if option set = true - if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) { - var item = $('.menu .list li.active')[0]; - if (item) { - var activeItemOffsetTop = item.offsetTop; - if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' }); - } - } + //Scroll active menu item when page load, if option set = true + if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) { + var item = $('.menu .list li.active')[0]; + if (item) { + var activeItemOffsetTop = item.offsetTop; + if (activeItemOffsetTop > 150) $el.slimscroll({ + scrollTo: activeItemOffsetTop + 'px' + }); } - }, - checkStatusForResize: function (firstTime) { - var $body = $('body'); - var $openCloseBar = $('.navbar .navbar-header .bars'); - var width = $body.width(); - - if (firstTime) { - $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () { - $(this).removeClass('no-animate').dequeue(); - }); - } - - if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) { - $body.addClass('ls-closed'); - $openCloseBar.fadeIn(); - } - else { - $body.removeClass('ls-closed'); - $openCloseBar.fadeOut(); - } - }, - isOpen: function () { - return $('body').hasClass('overlay-open'); + } } + }, + checkStatusForResize: function(firstTime) { + var $body = $('body'); + var $openCloseBar = $('.navbar .navbar-header .bars'); + var width = $body.width(); + + if (firstTime) { + $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function() { + $(this).removeClass('no-animate').dequeue(); + }); + } + + if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) { + $body.addClass('ls-closed'); + $openCloseBar.fadeIn(); + } else { + $body.removeClass('ls-closed'); + $openCloseBar.fadeOut(); + } + }, + isOpen: function() { + return $('body').hasClass('overlay-open'); + } }; //========================================================================================================================== /* Right Sidebar - Function ================================================================================================ -* You can manage the right sidebar menu options -* -*/ + * You can manage the right sidebar menu options + * + */ $.AdminBSB.rightSideBar = { - activate: function () { - var _this = this; - var $sidebar = $('#rightsidebar'); - var $overlay = $('.overlay'); + activate: function() { + var _this = this; + var $sidebar = $('#rightsidebar'); + var $overlay = $('.overlay'); - //Close sidebar - $(window).click(function (e) { - var $target = $(e.target); - if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + //Close sidebar + $(window).click(function(e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { + $target = $(e.target).parent(); + } - if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) { - if (!$target.hasClass('bars')) $overlay.fadeOut(); - $sidebar.removeClass('open'); - } - }); + if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) { + if (!$target.hasClass('bars')) $overlay.fadeOut(); + $sidebar.removeClass('open'); + } + }); - $('.js-right-sidebar').on('click', function () { - $sidebar.toggleClass('open'); - if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } - }); - }, - isOpen: function () { - return $('.right-sidebar').hasClass('open'); - } + $('.js-right-sidebar').on('click', function() { + $sidebar.toggleClass('open'); + if (_this.isOpen()) { + $overlay.fadeIn(); + } else { + $overlay.fadeOut(); + } + }); + }, + isOpen: function() { + return $('.right-sidebar').hasClass('open'); + } } //========================================================================================================================== /* Searchbar - Function ================================================================================================ -* You can manage the search bar -* -*/ + * You can manage the search bar + * + */ var $searchBar = $('.search-bar'); $.AdminBSB.search = { - activate: function () { - var _this = this; + activate: function() { + var _this = this; - //Search button click event - $('.js-search').on('click', function () { - _this.showSearchBar(); - }); + //Search button click event + $('.js-search').on('click', function() { + _this.showSearchBar(); + }); - //Close search click event - $searchBar.find('.close-search').on('click', function () { - _this.hideSearchBar(); - }); + //Close search click event + $searchBar.find('.close-search').on('click', function() { + _this.hideSearchBar(); + }); - //ESC key on pressed - $searchBar.find('input[type="text"]').on('keyup', function (e) { - if (e.keyCode == 27) { - _this.hideSearchBar(); - } - }); - }, - showSearchBar: function () { - $searchBar.addClass('open'); - $searchBar.find('input[type="text"]').focus(); - }, - hideSearchBar: function () { - $searchBar.removeClass('open'); - $searchBar.find('input[type="text"]').val(''); - } + //ESC key on pressed + $searchBar.find('input[type="text"]').on('keyup', function(e) { + if (e.keyCode == 27) { + _this.hideSearchBar(); + } + }); + }, + showSearchBar: function() { + $searchBar.addClass('open'); + $searchBar.find('input[type="text"]').focus(); + }, + hideSearchBar: function() { + $searchBar.removeClass('open'); + $searchBar.find('input[type="text"]').val(''); + } } //========================================================================================================================== /* Navbar - Function ======================================================================================================= -* You can manage the navbar -* -*/ + * You can manage the navbar + * + */ $.AdminBSB.navbar = { - activate: function () { - var $body = $('body'); - var $overlay = $('.overlay'); + activate: function() { + var $body = $('body'); + var $overlay = $('.overlay'); - //Open left sidebar panel - $('.bars').on('click', function () { - $body.toggleClass('overlay-open'); - if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } + //Open left sidebar panel + $('.bars').on('click', function() { + $body.toggleClass('overlay-open'); + if ($body.hasClass('overlay-open')) { + $overlay.fadeIn(); + } else { + $overlay.fadeOut(); + } + }); + + //Close collapse bar on click event + $('.nav [data-close="true"]').on('click', function() { + var isVisible = $('.navbar-toggle').is(':visible'); + var $navbarCollapse = $('.navbar-collapse'); + + if (isVisible) { + $navbarCollapse.slideUp(function() { + $navbarCollapse.removeClass('in').removeAttr('style'); }); - - //Close collapse bar on click event - $('.nav [data-close="true"]').on('click', function () { - var isVisible = $('.navbar-toggle').is(':visible'); - var $navbarCollapse = $('.navbar-collapse'); - - if (isVisible) { - $navbarCollapse.slideUp(function () { - $navbarCollapse.removeClass('in').removeAttr('style'); - }); - } - }); - } + } + }); + } } //========================================================================================================================== /* Input - Function ======================================================================================================== -* You can manage the inputs(also textareas) with name of class 'form-control' -* -*/ + * You can manage the inputs(also textareas) with name of class 'form-control' + * + */ $.AdminBSB.input = { - activate: function ($parentSelector) { - $parentSelector = $parentSelector || $('body'); + activate: function($parentSelector) { + $parentSelector = $parentSelector || $('body'); - //On focus event - $parentSelector.find('.form-control').focus(function () { - $(this).closest('.form-line').addClass('focused'); - }); + //On focus event + $parentSelector.find('.form-control').focus(function() { + $(this).closest('.form-line').addClass('focused'); + }); - //On focusout event - $parentSelector.find('.form-control').focusout(function () { - var $this = $(this); - if ($this.parents('.form-group').hasClass('form-float')) { - if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); } - } - else { - $this.parents('.form-line').removeClass('focused'); - } - }); + //On focusout event + $parentSelector.find('.form-control').focusout(function() { + var $this = $(this); + if ($this.parents('.form-group').hasClass('form-float')) { + if ($this.val() == '') { + $this.parents('.form-line').removeClass('focused'); + } + } else { + $this.parents('.form-line').removeClass('focused'); + } + }); - //On label click - $parentSelector.on('click', '.form-float .form-line .form-label', function () { - $(this).parent().find('input').focus(); - }); + //On label click + $parentSelector.on('click', '.form-float .form-line .form-label', function() { + $(this).parent().find('input').focus(); + }); - //Not blank form - $parentSelector.find('.form-control').each(function () { - if ($(this).val() !== '') { - $(this).parents('.form-line').addClass('focused'); - } - }); - } + //Not blank form + $parentSelector.find('.form-control').each(function() { + if ($(this).val() !== '') { + $(this).parents('.form-line').addClass('focused'); + } + }); + } } //========================================================================================================================== /* Form - Select - Function ================================================================================================ -* You can manage the 'select' of form elements -* -*/ + * You can manage the 'select' of form elements + * + */ $.AdminBSB.select = { - activate: function () { - if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); } + activate: function() { + if ($.fn.selectpicker) { + $('select:not(.ms)').selectpicker(); } + } } //========================================================================================================================== /* DropdownMenu - Function ================================================================================================= -* You can manage the dropdown menu -* -*/ + * You can manage the dropdown menu + * + */ $.AdminBSB.dropdownMenu = { - activate: function () { - var _this = this; + activate: function() { + var _this = this; - $('.dropdown, .dropup, .btn-group').on({ - "show.bs.dropdown": function () { - var dropdown = _this.dropdownEffect(this); - _this.dropdownEffectStart(dropdown, dropdown.effectIn); - }, - "shown.bs.dropdown": function () { - var dropdown = _this.dropdownEffect(this); - if (dropdown.effectIn && dropdown.effectOut) { - _this.dropdownEffectEnd(dropdown, function () { }); - } - }, - "hide.bs.dropdown": function (e) { - var dropdown = _this.dropdownEffect(this); - if (dropdown.effectOut) { - e.preventDefault(); - _this.dropdownEffectStart(dropdown, dropdown.effectOut); - _this.dropdownEffectEnd(dropdown, function () { - dropdown.dropdown.removeClass('open'); - }); - } - } - }); - - //Set Waves - Waves.attach('.dropdown-menu li a', ['waves-block']); - Waves.init(); - }, - dropdownEffect: function (target) { - var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut; - var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target); - - if (dropdown.length > 0) { - var udEffectIn = dropdown.data('effect-in'); - var udEffectOut = dropdown.data('effect-out'); - if (udEffectIn !== undefined) { effectIn = udEffectIn; } - if (udEffectOut !== undefined) { effectOut = udEffectOut; } + $('.dropdown, .dropup, .btn-group').on({ + "show.bs.dropdown": function() { + var dropdown = _this.dropdownEffect(this); + _this.dropdownEffectStart(dropdown, dropdown.effectIn); + }, + "shown.bs.dropdown": function() { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectIn && dropdown.effectOut) { + _this.dropdownEffectEnd(dropdown, function() {}); } - - return { - target: target, - dropdown: dropdown, - dropdownMenu: dropdownMenu, - effectIn: effectIn, - effectOut: effectOut - }; - }, - dropdownEffectStart: function (data, effectToStart) { - if (effectToStart) { - data.dropdown.addClass('dropdown-animating'); - data.dropdownMenu.addClass('animated dropdown-animated'); - data.dropdownMenu.addClass(effectToStart); + }, + "hide.bs.dropdown": function(e) { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectOut) { + e.preventDefault(); + _this.dropdownEffectStart(dropdown, dropdown.effectOut); + _this.dropdownEffectEnd(dropdown, function() { + dropdown.dropdown.removeClass('open'); + }); } - }, - dropdownEffectEnd: function (data, callback) { - var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; - data.dropdown.one(animationEnd, function () { - data.dropdown.removeClass('dropdown-animating'); - data.dropdownMenu.removeClass('animated dropdown-animated'); - data.dropdownMenu.removeClass(data.effectIn); - data.dropdownMenu.removeClass(data.effectOut); + } + }); - if (typeof callback == 'function') { - callback(); - } - }); + //Set Waves + Waves.attach('.dropdown-menu li a', ['waves-block']); + Waves.init(); + }, + dropdownEffect: function(target) { + var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, + effectOut = $.AdminBSB.options.dropdownMenu.effectOut; + var dropdown = $(target), + dropdownMenu = $('.dropdown-menu', target); + + if (dropdown.length > 0) { + var udEffectIn = dropdown.data('effect-in'); + var udEffectOut = dropdown.data('effect-out'); + if (udEffectIn !== undefined) { + effectIn = udEffectIn; + } + if (udEffectOut !== undefined) { + effectOut = udEffectOut; + } } + + return { + target: target, + dropdown: dropdown, + dropdownMenu: dropdownMenu, + effectIn: effectIn, + effectOut: effectOut + }; + }, + dropdownEffectStart: function(data, effectToStart) { + if (effectToStart) { + data.dropdown.addClass('dropdown-animating'); + data.dropdownMenu.addClass('animated dropdown-animated'); + data.dropdownMenu.addClass(effectToStart); + } + }, + dropdownEffectEnd: function(data, callback) { + var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + data.dropdown.one(animationEnd, function() { + data.dropdown.removeClass('dropdown-animating'); + data.dropdownMenu.removeClass('animated dropdown-animated'); + data.dropdownMenu.removeClass(data.effectIn); + data.dropdownMenu.removeClass(data.effectOut); + + if (typeof callback == 'function') { + callback(); + } + }); + } } //========================================================================================================================== /* Browser - Function ====================================================================================================== -* You can manage browser -* -*/ + * You can manage browser + * + */ var edge = 'Microsoft Edge'; var ie10 = 'Internet Explorer 10'; var ie11 = 'Internet Explorer 11'; @@ -404,66 +426,68 @@ var chrome = 'Google Chrome'; var safari = 'Safari'; $.AdminBSB.browser = { - activate: function () { - var _this = this; - var className = _this.getClassName(); + activate: function() { + var _this = this; + var className = _this.getClassName(); - if (className !== '') $('html').addClass(_this.getClassName()); - }, - getBrowser: function () { - var userAgent = navigator.userAgent.toLowerCase(); + if (className !== '') $('html').addClass(_this.getClassName()); + }, + getBrowser: function() { + var userAgent = navigator.userAgent.toLowerCase(); - if (/edge/i.test(userAgent)) { - return edge; - } else if (/rv:11/i.test(userAgent)) { - return ie11; - } else if (/msie 10/i.test(userAgent)) { - return ie10; - } else if (/opr/i.test(userAgent)) { - return opera; - } else if (/chrome/i.test(userAgent)) { - return chrome; - } else if (/firefox/i.test(userAgent)) { - return firefox; - } else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) { - return safari; - } - - return undefined; - }, - getClassName: function () { - var browser = this.getBrowser(); - - if (browser === edge) { - return 'edge'; - } else if (browser === ie11) { - return 'ie11'; - } else if (browser === ie10) { - return 'ie10'; - } else if (browser === opera) { - return 'opera'; - } else if (browser === chrome) { - return 'chrome'; - } else if (browser === firefox) { - return 'firefox'; - } else if (browser === safari) { - return 'safari'; - } else { - return ''; - } + if (/edge/i.test(userAgent)) { + return edge; + } else if (/rv:11/i.test(userAgent)) { + return ie11; + } else if (/msie 10/i.test(userAgent)) { + return ie10; + } else if (/opr/i.test(userAgent)) { + return opera; + } else if (/chrome/i.test(userAgent)) { + return chrome; + } else if (/firefox/i.test(userAgent)) { + return firefox; + } else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) { + return safari; } + + return undefined; + }, + getClassName: function() { + var browser = this.getBrowser(); + + if (browser === edge) { + return 'edge'; + } else if (browser === ie11) { + return 'ie11'; + } else if (browser === ie10) { + return 'ie10'; + } else if (browser === opera) { + return 'opera'; + } else if (browser === chrome) { + return 'chrome'; + } else if (browser === firefox) { + return 'firefox'; + } else if (browser === safari) { + return 'safari'; + } else { + return ''; + } + } } //========================================================================================================================== -$(function () { - $.AdminBSB.browser.activate(); - $.AdminBSB.leftSideBar.activate(); - $.AdminBSB.rightSideBar.activate(); - $.AdminBSB.navbar.activate(); - $.AdminBSB.dropdownMenu.activate(); - $.AdminBSB.input.activate(); - $.AdminBSB.select.activate(); - $.AdminBSB.search.activate(); +$(function() { + $.AdminBSB.browser.activate(); + $.AdminBSB.leftSideBar.activate(); + $.AdminBSB.rightSideBar.activate(); + $.AdminBSB.navbar.activate(); + $.AdminBSB.dropdownMenu.activate(); + $.AdminBSB.input.activate(); + $.AdminBSB.select.activate(); + $.AdminBSB.search.activate(); - setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50); + setTimeout(function() { + $('.page-loader-wrapper').fadeOut(); + }, 50); }); diff --git a/assets/dashboard/js/medium.js b/assets/dashboard/js/medium.js new file mode 100644 index 0000000..9225aa8 --- /dev/null +++ b/assets/dashboard/js/medium.js @@ -0,0 +1,1694 @@ +! function(e) { + var t = {}; + + function n(r) { + if (t[r]) return t[r].exports; + var i = t[r] = { + i: r, + l: !1, + exports: {} + }; + return e[r].call(i.exports, i, i.exports, n), i.l = !0, i.exports + } + n.m = e, n.c = t, n.d = function(e, t, r) { + n.o(e, t) || Object.defineProperty(e, t, { + enumerable: !0, + get: r + }) + }, n.r = function(e) { + "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { + value: "Module" + }), Object.defineProperty(e, "__esModule", { + value: !0 + }) + }, n.t = function(e, t) { + if (1 & t && (e = n(e)), 8 & t) return e; + if (4 & t && "object" == typeof e && e && e.__esModule) return e; + var r = Object.create(null); + if (n.r(r), Object.defineProperty(r, "default", { + enumerable: !0, + value: e + }), 2 & t && "string" != typeof e) + for (var i in e) n.d(r, i, function(t) { + return e[t] + }.bind(null, i)); + return r + }, n.n = function(e) { + var t = e && e.__esModule ? function() { + return e.default + } : function() { + return e + }; + return n.d(t, "a", t), t + }, n.o = function(e, t) { + return Object.prototype.hasOwnProperty.call(e, t) + }, n.p = "", n(n.s = 3) +}([function(e, t, n) { + (function(t, n) { + ! function() { + "use strict"; + + function r(e, t, n, r, i, o) { + return { + tag: e, + key: t, + attrs: n, + children: r, + text: i, + dom: o, + domSize: void 0, + state: void 0, + _state: void 0, + events: void 0, + instance: void 0, + skip: !1 + } + } + r.normalize = function(e) { + return Array.isArray(e) ? r("[", void 0, void 0, r.normalizeChildren(e), void 0, void 0) : null != e && "object" != typeof e ? r("#", void 0, void 0, !1 === e ? "" : e, void 0, void 0) : e + }, r.normalizeChildren = function(e) { + for (var t = 0; t < e.length; t++) e[t] = r.normalize(e[t]); + return e + }; + var i = /(?:(^|#|\.)([^#\.\[\]]+))|(\[(.+?)(?:\s*=\s*("|'|)((?:\\["'\]]|.)*?)\5)?\])/g, + o = {}, + a = {}.hasOwnProperty; + + function u(e) { + for (var t in e) + if (a.call(e, t)) return !1; + return !0 + } + + function l(e) { + var t, n = arguments[1], + l = 2; + if (null == e || "string" != typeof e && "function" != typeof e && "function" != typeof e.view) throw Error("The selector must be either a string or a component."); + if ("string" == typeof e) var c = o[e] || function(e) { + for (var t, n = "div", r = [], a = {}; t = i.exec(e);) { + var u = t[1], + l = t[2]; + if ("" === u && "" !== l) n = l; + else if ("#" === u) a.id = l; + else if ("." === u) r.push(l); + else if ("[" === t[3][0]) { + var c = t[6]; + c && (c = c.replace(/\\(["'])/g, "$1").replace(/\\\\/g, "\\")), "class" === t[4] ? r.push(c) : a[t[4]] = "" === c ? c : c || !0 + } + } + return r.length > 0 && (a.className = r.join(" ")), o[e] = { + tag: n, + attrs: a + } + }(e); + if (null == n ? n = {} : ("object" != typeof n || null != n.tag || Array.isArray(n)) && (n = {}, l = 1), arguments.length === l + 1) t = arguments[l], Array.isArray(t) || (t = [t]); + else + for (t = []; l < arguments.length;) t.push(arguments[l++]); + var s = r.normalizeChildren(t); + return "string" == typeof e ? function(e, t, n) { + var i, o, l = !1, + c = t.className || t.class; + if (!u(e.attrs) && !u(t)) { + var s = {}; + for (var f in t) a.call(t, f) && (s[f] = t[f]); + t = s + } + for (var f in e.attrs) a.call(e.attrs, f) && (t[f] = e.attrs[f]); + for (var f in void 0 !== c && (void 0 !== t.class && (t.class = void 0, t.className = c), null != e.attrs.className && (t.className = e.attrs.className + " " + c)), t) + if (a.call(t, f) && "key" !== f) { + l = !0; + break + } return Array.isArray(n) && 1 === n.length && null != n[0] && "#" === n[0].tag ? o = n[0].children : i = n, r(e.tag, t.key, l ? t : void 0, i, o) + }(c, n, s) : r(e, n.key, n, s) + } + l.trust = function(e) { + return null == e && (e = ""), r("<", void 0, void 0, e, void 0, void 0) + }, l.fragment = function(e, t) { + return r("[", e.key, e, r.normalizeChildren(t), void 0, void 0) + }; + var c = l; + if ((s = function(e) { + if (!(this instanceof s)) throw new Error("Promise must be called with `new`"); + if ("function" != typeof e) throw new TypeError("executor must be a function"); + var n = this, + r = [], + i = [], + o = c(r, !0), + a = c(i, !1), + u = n._instance = { + resolvers: r, + rejectors: i + }, + l = "function" == typeof t ? t : setTimeout; + + function c(e, t) { + return function o(c) { + var s; + try { + if (!t || null == c || "object" != typeof c && "function" != typeof c || "function" != typeof(s = c.then)) l(function() { + t || 0 !== e.length || console.error("Possible unhandled promise rejection:", c); + for (var n = 0; n < e.length; n++) e[n](c); + r.length = 0, i.length = 0, u.state = t, u.retry = function() { + o(c) + } + }); + else { + if (c === n) throw new TypeError("Promise can't be resolved w/ itself"); + f(s.bind(c)) + } + } catch (e) { + a(e) + } + } + } + + function f(e) { + var t = 0; + + function n(e) { + return function(n) { + t++ > 0 || e(n) + } + } + var r = n(a); + try { + e(n(o), r) + } catch (e) { + r(e) + } + } + f(e) + }).prototype.then = function(e, t) { + var n, r, i = this._instance; + + function o(e, t, o, a) { + t.push(function(t) { + if ("function" != typeof e) o(t); + else try { + n(e(t)) + } catch (e) { + r && r(e) + } + }), "function" == typeof i.retry && a === i.state && i.retry() + } + var a = new s(function(e, t) { + n = e, r = t + }); + return o(e, i.resolvers, n, !0), o(t, i.rejectors, r, !1), a + }, s.prototype.catch = function(e) { + return this.then(null, e) + }, s.resolve = function(e) { + return e instanceof s ? e : new s(function(t) { + t(e) + }) + }, s.reject = function(e) { + return new s(function(t, n) { + n(e) + }) + }, s.all = function(e) { + return new s(function(t, n) { + var r = e.length, + i = 0, + o = []; + if (0 === e.length) t([]); + else + for (var a = 0; a < e.length; a++) ! function(a) { + function u(e) { + i++, o[a] = e, i === r && t(o) + } + null == e[a] || "object" != typeof e[a] && "function" != typeof e[a] || "function" != typeof e[a].then ? u(e[a]) : e[a].then(u, n) + }(a) + }) + }, s.race = function(e) { + return new s(function(t, n) { + for (var r = 0; r < e.length; r++) e[r].then(t, n) + }) + }, "undefined" != typeof window) { + void 0 === window.Promise && (window.Promise = s); + var s = window.Promise + } else if (void 0 !== n) { + void 0 === n.Promise && (n.Promise = s); + s = n.Promise + } + var f = function(e) { + if ("[object Object]" !== Object.prototype.toString.call(e)) return ""; + var t = []; + for (var n in e) r(n, e[n]); + return t.join("&"); + + function r(e, n) { + if (Array.isArray(n)) + for (var i = 0; i < n.length; i++) r(e + "[" + i + "]", n[i]); + else if ("[object Object]" === Object.prototype.toString.call(n)) + for (var i in n) r(e + "[" + i + "]", n[i]); + else t.push(encodeURIComponent(e) + (null != n && "" !== n ? "=" + encodeURIComponent(n) : "")) + } + }, + d = new RegExp("^file://", "i"), + g = function(e, t) { + var n, r = 0; + + function i() { + var e = 0; + + function t() { + 0 == --e && "function" == typeof n && n() + } + return function n(r) { + var i = r.then; + return r.then = function() { + e++; + var o = i.apply(r, arguments); + return o.then(t, function(n) { + if (t(), 0 === e) throw n + }), n(o) + }, r + } + } + + function o(e, t) { + if ("string" == typeof e) { + var n = e; + null == (e = t || {}).url && (e.url = n) + } + return e + } + + function a(e, t) { + if (null == t) return e; + for (var n = e.match(/:[^\/]+/gi) || [], r = 0; r < n.length; r++) { + var i = n[r].slice(1); + null != t[i] && (e = e.replace(n[r], t[i])) + } + return e + } + + function u(e, t) { + var n = f(t); + return "" !== n && (e += (e.indexOf("?") < 0 ? "?" : "&") + n), e + } + + function l(e) { + try { + return "" !== e ? JSON.parse(e) : null + } catch (t) { + throw new Error(e) + } + } + + function c(e) { + return e.responseText + } + + function s(e, t) { + if ("function" == typeof e) { + if (!Array.isArray(t)) return new e(t); + for (var n = 0; n < t.length; n++) t[n] = new e(t[n]) + } + return t + } + return { + request: function(n, r) { + var f = i(); + n = o(n, r); + var g = new t(function(t, r) { + null == n.method && (n.method = "GET"), n.method = n.method.toUpperCase(); + var i = "GET" !== n.method && "TRACE" !== n.method && ("boolean" != typeof n.useBody || n.useBody); + "function" != typeof n.serialize && (n.serialize = "undefined" != typeof FormData && n.data instanceof FormData ? function(e) { + return e + } : JSON.stringify), "function" != typeof n.deserialize && (n.deserialize = l), "function" != typeof n.extract && (n.extract = c), n.url = a(n.url, n.data), i ? n.data = n.serialize(n.data) : n.url = u(n.url, n.data); + var o = new e.XMLHttpRequest, + f = !1, + g = o.abort; + for (var m in o.abort = function() { + f = !0, g.call(o) + }, o.open(n.method, n.url, "boolean" != typeof n.async || n.async, "string" == typeof n.user ? n.user : void 0, "string" == typeof n.password ? n.password : void 0), n.serialize !== JSON.stringify || !i || n.headers && n.headers.hasOwnProperty("Content-Type") || o.setRequestHeader("Content-Type", "application/json; charset=utf-8"), n.deserialize !== l || n.headers && n.headers.hasOwnProperty("Accept") || o.setRequestHeader("Accept", "application/json, text/*"), n.withCredentials && (o.withCredentials = n.withCredentials), n.headers)({}).hasOwnProperty.call(n.headers, m) && o.setRequestHeader(m, n.headers[m]); + "function" == typeof n.config && (o = n.config(o, n) || o), o.onreadystatechange = function() { + if (!f && 4 === o.readyState) try { + var e = n.extract !== c ? n.extract(o, n) : n.deserialize(n.extract(o, n)); + if (o.status >= 200 && o.status < 300 || 304 === o.status || d.test(n.url)) t(s(n.type, e)); + else { + var i = new Error(o.responseText); + for (var a in e) i[a] = e[a]; + r(i) + } + } catch (e) { + r(e) + } + }, i && null != n.data ? o.send(n.data) : o.send() + }); + return !0 === n.background ? g : f(g) + }, + jsonp: function(n, l) { + var c = i(); + n = o(n, l); + var f = new t(function(t, i) { + var o = n.callbackName || "_mithril_" + Math.round(1e16 * Math.random()) + "_" + r++, + l = e.document.createElement("script"); + e[o] = function(r) { + l.parentNode.removeChild(l), t(s(n.type, r)), delete e[o] + }, l.onerror = function() { + l.parentNode.removeChild(l), i(new Error("JSONP request failed")), delete e[o] + }, null == n.data && (n.data = {}), n.url = a(n.url, n.data), n.data[n.callbackKey || "callback"] = o, l.src = u(n.url, n.data), e.document.documentElement.appendChild(l) + }); + return !0 === n.background ? f : c(f) + }, + setCompletionCallback: function(e) { + n = e + } + } + }(window, s), + m = function(e) { + var t, n = e.document, + i = n.createDocumentFragment(), + o = { + svg: "http://www.w3.org/2000/svg", + math: "http://www.w3.org/1998/Math/MathML" + }; + + function a(e) { + return e.attrs && e.attrs.xmlns || o[e.tag] + } + + function u(e, t, n, r, i, o, a) { + for (var u = n; u < r; u++) { + var c = t[u]; + null != c && l(e, c, i, a, o) + } + } + + function l(e, t, o, f, d) { + var g = t.tag; + if ("string" != typeof g) return function(e, t, n, r, o) { + if (s(t, n), null != t.instance) { + var a = l(e, t.instance, n, r, o); + return t.dom = t.instance.dom, t.domSize = null != t.dom ? t.instance.domSize : 0, p(e, a, o), a + } + return t.domSize = 0, i + }(e, t, o, f, d); + switch (t.state = {}, null != t.attrs && b(t.attrs, t, o), g) { + case "#": + return function(e, t, r) { + return t.dom = n.createTextNode(t.children), p(e, t.dom, r), t.dom + }(e, t, d); + case "<": + return c(e, t, d); + case "[": + return function(e, t, r, i, o) { + var a = n.createDocumentFragment(); + if (null != t.children) { + var l = t.children; + u(a, l, 0, l.length, r, null, i) + } + return t.dom = a.firstChild, t.domSize = a.childNodes.length, p(e, a, o), a + }(e, t, o, f, d); + default: + return function(e, t, i, o, l) { + var c = t.tag, + s = t.attrs, + f = s && s.is, + d = (o = a(t) || o) ? f ? n.createElementNS(o, c, { + is: f + }) : n.createElementNS(o, c) : f ? n.createElement(c, { + is: f + }) : n.createElement(c); + t.dom = d, null != s && function(e, t, n) { + for (var r in t) x(e, r, null, t[r], n) + }(t, s, o); + if (p(e, d, l), null != t.attrs && null != t.attrs.contenteditable) h(t); + else if (null != t.text && ("" !== t.text ? d.textContent = t.text : t.children = [r("#", void 0, void 0, t.text, void 0, void 0)]), null != t.children) { + var g = t.children; + u(d, g, 0, g.length, i, null, o), + function(e) { + var t = e.attrs; + "select" === e.tag && null != t && ("value" in t && x(e, "value", null, t.value, void 0), "selectedIndex" in t && x(e, "selectedIndex", null, t.selectedIndex, void 0)) + }(t) + } + return d + }(e, t, o, f, d) + } + } + + function c(e, t, r) { + var i = { + caption: "table", + thead: "table", + tbody: "table", + tfoot: "table", + tr: "tbody", + th: "tr", + td: "tr", + colgroup: "table", + col: "colgroup" + } [(t.children.match(/^\s*?<(\w+)/im) || [])[1]] || "div", + o = n.createElement(i); + o.innerHTML = t.children, t.dom = o.firstChild, t.domSize = o.childNodes.length; + for (var a, u = n.createDocumentFragment(); a = o.firstChild;) u.appendChild(a); + return p(e, u, r), u + } + + function s(e, t) { + var n; + if ("function" == typeof e.tag.view) { + if (e.state = Object.create(e.tag), null != (n = e.state.view).$$reentrantLock$$) return i; + n.$$reentrantLock$$ = !0 + } else { + if (e.state = void 0, null != (n = e.tag).$$reentrantLock$$) return i; + n.$$reentrantLock$$ = !0, e.state = null != e.tag.prototype && "function" == typeof e.tag.prototype.view ? new e.tag(e) : e.tag(e) + } + if (e._state = e.state, null != e.attrs && b(e.attrs, e, t), b(e._state, e, t), e.instance = r.normalize(e._state.view.call(e.state, e)), e.instance === e) throw Error("A view cannot return the vnode it received as argument"); + n.$$reentrantLock$$ = null + } + + function f(e, t, n, r, i, o, a) { + if (t !== n && (null != t || null != n)) + if (null == t) u(e, n, 0, n.length, i, o, a); + else if (null == n) v(t, 0, t.length, n); + else { + if (t.length === n.length) { + for (var c = !1, s = 0; s < n.length; s++) + if (null != n[s] && null != t[s]) { + c = null == n[s].key && null == t[s].key; + break + } if (c) { + for (s = 0; s < t.length; s++) t[s] !== n[s] && (null == t[s] && null != n[s] ? l(e, n[s], i, a, M(t, s + 1, o)) : null == n[s] ? v(t, s, s + 1, n) : d(e, t[s], n[s], i, M(t, s + 1, o), r, a)); + return + } + } + if (r = r || function(e, t) { + if (null != e.pool && Math.abs(e.pool.length - t.length) <= Math.abs(e.length - t.length)) { + var n = e[0] && e[0].children && e[0].children.length || 0, + r = e.pool[0] && e.pool[0].children && e.pool[0].children.length || 0, + i = t[0] && t[0].children && t[0].children.length || 0; + if (Math.abs(r - i) <= Math.abs(n - i)) return !0 + } + return !1 + }(t, n)) { + var f = t.pool; + t = t.concat(t.pool) + } + for (var h, w = 0, y = 0, x = t.length - 1, N = n.length - 1; x >= w && N >= y;) { + if ((b = t[w]) !== (I = n[y]) || r) + if (null == b) w++; + else if (null == I) y++; + else if (b.key === I.key) { + var D = null != f && w >= t.length - f.length || null == f && r; + y++, d(e, b, I, i, M(t, ++w, o), D, a), r && b.tag === I.tag && p(e, m(b), o) + } else { + if ((b = t[x]) !== I || r) + if (null == b) x--; + else if (null == I) y++; + else { + if (b.key !== I.key) break; + D = null != f && x >= t.length - f.length || null == f && r; + d(e, b, I, i, M(t, x + 1, o), D, a), (r || y < N) && p(e, m(b), M(t, w, o)), x--, y++ + } else x--, y++ + } else w++, y++ + } + for (; x >= w && N >= y;) { + var b, I; + if ((b = t[x]) !== (I = n[N]) || r) + if (null == b) x--; + else if (null == I) N--; + else if (b.key === I.key) { + D = null != f && x >= t.length - f.length || null == f && r; + d(e, b, I, i, M(t, x + 1, o), D, a), r && b.tag === I.tag && p(e, m(b), o), null != b.dom && (o = b.dom), x--, N-- + } else { + if (h || (h = g(t, x)), null != I) { + var T = h[I.key]; + if (null != T) { + var j = t[T]; + D = null != f && T >= t.length - f.length || null == f && r; + d(e, j, I, i, M(t, x + 1, o), r, a), p(e, m(j), o), t[T].skip = !0, null != j.dom && (o = j.dom) + } else { + o = l(e, I, i, a, o) + } + } + N-- + } else x--, N--; + if (N < y) break + } + u(e, n, y, N + 1, i, o, a), v(t, w, x + 1, n) + } + } + + function d(e, t, n, i, o, u, g) { + var M = t.tag; + if (M === n.tag) { + if (n.state = t.state, n._state = t._state, n.events = t.events, !u && function(e, t) { + var n, r; + null != e.attrs && "function" == typeof e.attrs.onbeforeupdate && (n = e.attrs.onbeforeupdate.call(e.state, e, t)); + "string" != typeof e.tag && "function" == typeof e._state.onbeforeupdate && (r = e._state.onbeforeupdate.call(e.state, e, t)); + if (!(void 0 === n && void 0 === r || n || r)) return e.dom = t.dom, e.domSize = t.domSize, e.instance = t.instance, !0; + return !1 + }(n, t)) return; + if ("string" == typeof M) switch (null != n.attrs && (u ? (n.state = {}, b(n.attrs, n, i)) : I(n.attrs, n, i)), M) { + case "#": + ! function(e, t) { + e.children.toString() !== t.children.toString() && (e.dom.nodeValue = t.children); + t.dom = e.dom + }(t, n); + break; + case "<": + ! function(e, t, n, r) { + t.children !== n.children ? (m(t), c(e, n, r)) : (n.dom = t.dom, n.domSize = t.domSize) + }(e, t, n, o); + break; + case "[": + ! function(e, t, n, r, i, o, a) { + f(e, t.children, n.children, r, i, o, a); + var u = 0, + l = n.children; + if (n.dom = null, null != l) { + for (var c = 0; c < l.length; c++) { + var s = l[c]; + null != s && null != s.dom && (null == n.dom && (n.dom = s.dom), u += s.domSize || 1) + } + 1 !== u && (n.domSize = u) + } + }(e, t, n, u, i, o, g); + break; + default: + ! function(e, t, n, i, o) { + var u = t.dom = e.dom; + o = a(t) || o, "textarea" === t.tag && (null == t.attrs && (t.attrs = {}), null != t.text && (t.attrs.value = t.text, t.text = void 0)); + (function(e, t, n, r) { + if (null != n) + for (var i in n) x(e, i, t && t[i], n[i], r); + if (null != t) + for (var i in t) null != n && i in n || ("className" === i && (i = "class"), "o" !== i[0] || "n" !== i[1] || N(i) ? "key" !== i && e.dom.removeAttribute(i) : D(e, i, void 0)) + })(t, e.attrs, t.attrs, o), null != t.attrs && null != t.attrs.contenteditable ? h(t) : null != e.text && null != t.text && "" !== t.text ? e.text.toString() !== t.text.toString() && (e.dom.firstChild.nodeValue = t.text) : (null != e.text && (e.children = [r("#", void 0, void 0, e.text, void 0, e.dom.firstChild)]), null != t.text && (t.children = [r("#", void 0, void 0, t.text, void 0, void 0)]), f(u, e.children, t.children, n, i, null, o)) + }(t, n, u, i, g) + } else ! function(e, t, n, i, o, a, u) { + if (a) s(n, i); + else { + if (n.instance = r.normalize(n._state.view.call(n.state, n)), n.instance === n) throw Error("A view cannot return the vnode it received as argument"); + null != n.attrs && I(n.attrs, n, i), I(n._state, n, i) + } + null != n.instance ? (null == t.instance ? l(e, n.instance, i, u, o) : d(e, t.instance, n.instance, i, o, a, u), n.dom = n.instance.dom, n.domSize = n.instance.domSize) : null != t.instance ? (w(t.instance, null), n.dom = void 0, n.domSize = 0) : (n.dom = t.dom, n.domSize = t.domSize) + }(e, t, n, i, o, u, g) + } else w(t, null), l(e, n, i, g, o) + } + + function g(e, t) { + var n = {}, + r = 0; + for (r = 0; r < t; r++) { + var i = e[r]; + if (null != i) { + var o = i.key; + null != o && (n[o] = r) + } + } + return n + } + + function m(e) { + var t = e.domSize; + if (null != t || null == e.dom) { + var r = n.createDocumentFragment(); + if (t > 0) { + for (var i = e.dom; --t;) r.appendChild(i.nextSibling); + r.insertBefore(i, r.firstChild) + } + return r + } + return e.dom + } + + function M(e, t, n) { + for (; t < e.length; t++) + if (null != e[t] && null != e[t].dom) return e[t].dom; + return n + } + + function p(e, t, n) { + n && n.parentNode ? e.insertBefore(t, n) : e.appendChild(t) + } + + function h(e) { + var t = e.children; + if (null != t && 1 === t.length && "<" === t[0].tag) { + var n = t[0].children; + e.dom.innerHTML !== n && (e.dom.innerHTML = n) + } else if (null != e.text || null != t && 0 !== t.length) throw new Error("Child node of a contenteditable must be trusted") + } + + function v(e, t, n, r) { + for (var i = t; i < n; i++) { + var o = e[i]; + null != o && (o.skip ? o.skip = !1 : w(o, r)) + } + } + + function w(e, t) { + var n, r = 1, + i = 0; + e.attrs && "function" == typeof e.attrs.onbeforeremove && (null != (n = e.attrs.onbeforeremove.call(e.state, e)) && "function" == typeof n.then && (r++, n.then(o, o))); + "string" != typeof e.tag && "function" == typeof e._state.onbeforeremove && (null != (n = e._state.onbeforeremove.call(e.state, e)) && "function" == typeof n.then && (r++, n.then(o, o))); + + function o() { + if (++i === r && (function e(t) { + t.attrs && "function" == typeof t.attrs.onremove && t.attrs.onremove.call(t.state, t); + if ("string" != typeof t.tag) "function" == typeof t._state.onremove && t._state.onremove.call(t.state, t), null != t.instance && e(t.instance); + else { + var n = t.children; + if (Array.isArray(n)) + for (var r = 0; r < n.length; r++) { + var i = n[r]; + null != i && e(i) + } + } + }(e), e.dom)) { + var n = e.domSize || 1; + if (n > 1) + for (var o = e.dom; --n;) y(o.nextSibling); + y(e.dom), null == t || null != e.domSize || function(e) { + return null != e && (e.oncreate || e.onupdate || e.onbeforeremove || e.onremove) + }(e.attrs) || "string" != typeof e.tag || (t.pool ? t.pool.push(e) : t.pool = [e]) + } + } + o() + } + + function y(e) { + var t = e.parentNode; + null != t && t.removeChild(e) + } + + function x(e, t, r, i, o) { + var a = e.dom; + if ("key" !== t && "is" !== t && (r !== i || function(e, t) { + return "value" === t || "checked" === t || "selectedIndex" === t || "selected" === t && e.dom === n.activeElement + }(e, t) || "object" == typeof i) && void 0 !== i && !N(t)) { + var u = t.indexOf(":"); + if (u > -1 && "xlink" === t.substr(0, u)) a.setAttributeNS("http://www.w3.org/1999/xlink", t.slice(u + 1), i); + else if ("o" === t[0] && "n" === t[1] && "function" == typeof i) D(e, t, i); + else if ("style" === t) ! function(e, t, n) { + t === n && (e.style.cssText = "", t = null); + if (null == n) e.style.cssText = ""; + else if ("string" == typeof n) e.style.cssText = n; + else { + for (var r in "string" == typeof t && (e.style.cssText = ""), n) e.style[r] = n[r]; + if (null != t && "string" != typeof t) + for (var r in t) r in n || (e.style[r] = "") + } + }(a, r, i); + else if (t in a && ! function(e) { + return "href" === e || "list" === e || "form" === e || "width" === e || "height" === e + }(t) && void 0 === o && ! function(e) { + return e.attrs.is || e.tag.indexOf("-") > -1 + }(e)) { + if ("value" === t) { + var l = "" + i; + if (("input" === e.tag || "textarea" === e.tag) && e.dom.value === l && e.dom === n.activeElement) return; + if ("select" === e.tag) + if (null === i) { + if (-1 === e.dom.selectedIndex && e.dom === n.activeElement) return + } else if (null !== r && e.dom.value === l && e.dom === n.activeElement) return; + if ("option" === e.tag && null != r && e.dom.value === l) return + } + if ("input" === e.tag && "type" === t) return void a.setAttribute(t, i); + a[t] = i + } else "boolean" == typeof i ? i ? a.setAttribute(t, "") : a.removeAttribute(t) : a.setAttribute("className" === t ? "class" : t, i) + } + } + + function N(e) { + return "oninit" === e || "oncreate" === e || "onupdate" === e || "onremove" === e || "onbeforeremove" === e || "onbeforeupdate" === e + } + + function D(e, n, r) { + var i = e.dom, + o = "function" != typeof t ? r : function(e) { + var n = r.call(i, e); + return t.call(i, e), n + }; + if (n in i) i[n] = "function" == typeof r ? o : null; + else { + var a = n.slice(2); + if (void 0 === e.events && (e.events = {}), e.events[n] === o) return; + null != e.events[n] && i.removeEventListener(a, e.events[n], !1), "function" == typeof r && (e.events[n] = o, i.addEventListener(a, e.events[n], !1)) + } + } + + function b(e, t, n) { + "function" == typeof e.oninit && e.oninit.call(t.state, t), "function" == typeof e.oncreate && n.push(e.oncreate.bind(t.state, t)) + } + + function I(e, t, n) { + "function" == typeof e.onupdate && n.push(e.onupdate.bind(t.state, t)) + } + return { + render: function(e, t) { + if (!e) throw new Error("Ensure the DOM element being passed to m.route/m.mount/m.render is not undefined."); + var i = [], + o = n.activeElement, + a = e.namespaceURI; + null == e.vnodes && (e.textContent = ""), Array.isArray(t) || (t = [t]), f(e, e.vnodes, r.normalizeChildren(t), !1, i, null, "http://www.w3.org/1999/xhtml" === a ? void 0 : a), e.vnodes = t, null != o && n.activeElement !== o && o.focus(); + for (var u = 0; u < i.length; u++) i[u]() + }, + setEventCallback: function(e) { + return t = e + } + } + }; + var M = function(e) { + var t = m(e); + t.setEventCallback(function(e) { + !1 === e.redraw ? e.redraw = void 0 : i() + }); + var n = []; + + function r(e) { + var t = n.indexOf(e); + t > -1 && n.splice(t, 2) + } + + function i() { + for (var e = 1; e < n.length; e += 2) n[e]() + } + return { + subscribe: function(e, t) { + r(e), n.push(e, function(e) { + var t = 0, + n = null, + r = "function" == typeof requestAnimationFrame ? requestAnimationFrame : setTimeout; + return function() { + var i = Date.now(); + 0 === t || i - t >= 16 ? (t = i, e()) : null === n && (n = r(function() { + n = null, e(), t = Date.now() + }, 16 - (i - t))) + } + }(t)) + }, + unsubscribe: r, + redraw: i, + render: t.render + } + }(window); + g.setCompletionCallback(M.redraw); + c.mount = function(e) { + return function(t, n) { + if (null === n) return e.render(t, []), void e.unsubscribe(t); + if (null == n.view && "function" != typeof n) throw new Error("m.mount(element, component) expects a component, not a vnode"); + e.subscribe(t, function() { + e.render(t, r(n)) + }), e.redraw() + } + }(M); + var p = s, + h = function(e) { + if ("" === e || null == e) return {}; + "?" === e.charAt(0) && (e = e.slice(1)); + for (var t = e.split("&"), n = {}, r = {}, i = 0; i < t.length; i++) { + var o = t[i].split("="), + a = decodeURIComponent(o[0]), + u = 2 === o.length ? decodeURIComponent(o[1]) : ""; + "true" === u ? u = !0 : "false" === u && (u = !1); + var l = a.split(/\]\[?|\[/), + c = n; + a.indexOf("[") > -1 && l.pop(); + for (var s = 0; s < l.length; s++) { + var f = l[s], + d = l[s + 1], + g = "" == d || !isNaN(parseInt(d, 10)), + m = s === l.length - 1; + if ("" === f) null == r[a = l.slice(0, s).join()] && (r[a] = 0), f = r[a]++; + null == c[f] && (c[f] = m ? u : g ? [] : {}), c = c[f] + } + } + return n + }, + v = function(e) { + var n, r = "function" == typeof e.history.pushState, + i = "function" == typeof t ? t : setTimeout; + + function o(t) { + var n = e.location[t].replace(/(?:%[a-f89][a-f0-9])+/gim, decodeURIComponent); + return "pathname" === t && "/" !== n[0] && (n = "/" + n), n + } + + function a(e, t, n) { + var r = e.indexOf("?"), + i = e.indexOf("#"), + o = r > -1 ? r : i > -1 ? i : e.length; + if (r > -1) { + var a = i > -1 ? i : e.length, + u = h(e.slice(r + 1, a)); + for (var l in u) t[l] = u[l] + } + if (i > -1) { + var c = h(e.slice(i + 1)); + for (var l in c) n[l] = c[l] + } + return e.slice(0, o) + } + var u = { + prefix: "#!", + getPath: function() { + switch (u.prefix.charAt(0)) { + case "#": + return o("hash").slice(u.prefix.length); + case "?": + return o("search").slice(u.prefix.length) + o("hash"); + default: + return o("pathname").slice(u.prefix.length) + o("search") + o("hash") + } + }, + setPath: function(t, n, i) { + var o = {}, + l = {}; + if (t = a(t, o, l), null != n) { + for (var c in n) o[c] = n[c]; + t = t.replace(/:([^\/]+)/g, function(e, t) { + return delete o[t], n[t] + }) + } + var s = f(o); + s && (t += "?" + s); + var d = f(l); + if (d && (t += "#" + d), r) { + var g = i ? i.state : null, + m = i ? i.title : null; + e.onpopstate(), i && i.replace ? e.history.replaceState(g, m, u.prefix + t) : e.history.pushState(g, m, u.prefix + t) + } else e.location.href = u.prefix + t + } + }; + return u.defineRoutes = function(t, o, l) { + function c() { + var n = u.getPath(), + r = {}, + i = a(n, r, r), + c = e.history.state; + if (null != c) + for (var s in c) r[s] = c[s]; + for (var f in t) { + var d = new RegExp("^" + f.replace(/:[^\/]+?\.{3}/g, "(.*?)").replace(/:[^\/]+/g, "([^\\/]+)") + "/?$"); + if (d.test(i)) return void i.replace(d, function() { + for (var e = f.match(/:[^\/]+/g) || [], i = [].slice.call(arguments, 1, -2), a = 0; a < e.length; a++) r[e[a].replace(/:|\./g, "")] = decodeURIComponent(i[a]); + o(t[f], r, n, f) + }) + } + l(n, r) + } + r ? e.onpopstate = function(e) { + return function() { + null == n && (n = i(function() { + n = null, e() + })) + } + }(c) : "#" === u.prefix.charAt(0) && (e.onhashchange = c), c() + }, u + }; + c.route = function(e, t) { + var n, i, o, a, u, l = v(e), + c = function(e, c, s) { + if (null == e) throw new Error("Ensure the DOM element that was passed to `m.route` is not undefined"); + var f = function() { + null != n && t.render(e, n(r(i, o.key, o))) + }, + d = function(e) { + if (e === c) throw new Error("Could not resolve default route " + c); + l.setPath(c, null, { + replace: !0 + }) + }; + l.defineRoutes(s, function(e, t, r) { + var l = u = function(e, c) { + l === u && (i = null == c || "function" != typeof c.view && "function" != typeof c ? "div" : c, o = t, a = r, u = null, n = (e.render || function(e) { + return e + }).bind(e), f()) + }; + e.view || "function" == typeof e ? l({}, e) : e.onmatch ? p.resolve(e.onmatch(t, r)).then(function(t) { + l(e, t) + }, d) : l(e, "div") + }, d), t.subscribe(e, f) + }; + return c.set = function(e, t, n) { + null != u && ((n = n || {}).replace = !0), u = null, l.setPath(e, t, n) + }, c.get = function() { + return a + }, c.prefix = function(e) { + l.prefix = e + }, c.link = function(e) { + e.dom.setAttribute("href", l.prefix + e.attrs.href), e.dom.onclick = function(e) { + if (!(e.ctrlKey || e.metaKey || e.shiftKey || 2 === e.which)) { + e.preventDefault(), e.redraw = !1; + var t = this.getAttribute("href"); + 0 === t.indexOf(l.prefix) && (t = t.slice(l.prefix.length)), c.set(t, void 0, void 0) + } + } + }, c.param = function(e) { + return void 0 !== o && void 0 !== e ? o[e] : o + }, c + }(window, M), c.withAttr = function(e, t, n) { + return function(r) { + t.call(n || this, e in r.currentTarget ? r.currentTarget[e] : r.currentTarget.getAttribute(e)) + } + }; + var w = m(window); + c.render = w.render, c.redraw = M.redraw, c.request = g.request, c.jsonp = g.jsonp, c.parseQueryString = h, c.buildQueryString = f, c.version = "1.1.6", c.vnode = r, e.exports = c + }() + }).call(this, n(4).setImmediate, n(1)) +}, function(e, t) { + var n; + n = function() { + return this + }(); + try { + n = n || Function("return this")() || (0, eval)("this") + } catch (e) { + "object" == typeof window && (n = window) + } + e.exports = n +}, function(e, t, n) { + "use strict"; + Object.defineProperty(t, "__esModule", { + value: !0 + }); + var r = {}; + t.default = { + update: function(e) { + r = Object.assign({}, { + ratio: "landscape" + }, e) + }, + data: function() { + return r + } + } +}, function(e, t, n) { + "use strict"; + (function(e) { + var t = i(n(7)), + r = i(n(2)); + + function i(e) { + return e && e.__esModule ? e : { + default: e + } + } + window.MediumWidget = { + Init: function(n) { + var i = document.body.querySelector("" + (n.renderTo || "#medium-widget")); + return r.default.update(n.params), window.MediumWidget.unmount = function() { + e.mount(i, null) + }, e.mount(i, t.default), e + } + } + }).call(this, n(0)) +}, function(e, t, n) { + (function(e) { + var r = void 0 !== e && e || "undefined" != typeof self && self || window, + i = Function.prototype.apply; + + function o(e, t) { + this._id = e, this._clearFn = t + } + t.setTimeout = function() { + return new o(i.call(setTimeout, r, arguments), clearTimeout) + }, t.setInterval = function() { + return new o(i.call(setInterval, r, arguments), clearInterval) + }, t.clearTimeout = t.clearInterval = function(e) { + e && e.close() + }, o.prototype.unref = o.prototype.ref = function() {}, o.prototype.close = function() { + this._clearFn.call(r, this._id) + }, t.enroll = function(e, t) { + clearTimeout(e._idleTimeoutId), e._idleTimeout = t + }, t.unenroll = function(e) { + clearTimeout(e._idleTimeoutId), e._idleTimeout = -1 + }, t._unrefActive = t.active = function(e) { + clearTimeout(e._idleTimeoutId); + var t = e._idleTimeout; + t >= 0 && (e._idleTimeoutId = setTimeout(function() { + e._onTimeout && e._onTimeout() + }, t)) + }, n(5), t.setImmediate = "undefined" != typeof self && self.setImmediate || void 0 !== e && e.setImmediate || this && this.setImmediate, t.clearImmediate = "undefined" != typeof self && self.clearImmediate || void 0 !== e && e.clearImmediate || this && this.clearImmediate + }).call(this, n(1)) +}, function(e, t, n) { + (function(e, t) { + ! function(e, n) { + "use strict"; + if (!e.setImmediate) { + var r, i = 1, + o = {}, + a = !1, + u = e.document, + l = Object.getPrototypeOf && Object.getPrototypeOf(e); + l = l && l.setTimeout ? l : e, "[object process]" === {}.toString.call(e.process) ? r = function(e) { + t.nextTick(function() { + s(e) + }) + } : function() { + if (e.postMessage && !e.importScripts) { + var t = !0, + n = e.onmessage; + return e.onmessage = function() { + t = !1 + }, e.postMessage("", "*"), e.onmessage = n, t + } + }() ? function() { + var t = "setImmediate$" + Math.random() + "$", + n = function(n) { + n.source === e && "string" == typeof n.data && 0 === n.data.indexOf(t) && s(+n.data.slice(t.length)) + }; + e.addEventListener ? e.addEventListener("message", n, !1) : e.attachEvent("onmessage", n), r = function(n) { + e.postMessage(t + n, "*") + } + }() : e.MessageChannel ? function() { + var e = new MessageChannel; + e.port1.onmessage = function(e) { + s(e.data) + }, r = function(t) { + e.port2.postMessage(t) + } + }() : u && "onreadystatechange" in u.createElement("script") ? function() { + var e = u.documentElement; + r = function(t) { + var n = u.createElement("script"); + n.onreadystatechange = function() { + s(t), n.onreadystatechange = null, e.removeChild(n), n = null + }, e.appendChild(n) + } + }() : r = function(e) { + setTimeout(s, 0, e) + }, l.setImmediate = function(e) { + "function" != typeof e && (e = new Function("" + e)); + for (var t = new Array(arguments.length - 1), n = 0; n < t.length; n++) t[n] = arguments[n + 1]; + var a = { + callback: e, + args: t + }; + return o[i] = a, r(i), i++ + }, l.clearImmediate = c + } + + function c(e) { + delete o[e] + } + + function s(e) { + if (a) setTimeout(s, 0, e); + else { + var t = o[e]; + if (t) { + a = !0; + try { + ! function(e) { + var t = e.callback, + r = e.args; + switch (r.length) { + case 0: + t(); + break; + case 1: + t(r[0]); + break; + case 2: + t(r[0], r[1]); + break; + case 3: + t(r[0], r[1], r[2]); + break; + default: + t.apply(n, r) + } + }(t) + } finally { + c(e), a = !1 + } + } + } + } + }("undefined" == typeof self ? void 0 === e ? this : e : self) + }).call(this, n(1), n(6)) +}, function(e, t) { + var n, r, i = e.exports = {}; + + function o() { + throw new Error("setTimeout has not been defined") + } + + function a() { + throw new Error("clearTimeout has not been defined") + } + + function u(e) { + if (n === setTimeout) return setTimeout(e, 0); + if ((n === o || !n) && setTimeout) return n = setTimeout, setTimeout(e, 0); + try { + return n(e, 0) + } catch (t) { + try { + return n.call(null, e, 0) + } catch (t) { + return n.call(this, e, 0) + } + } + }! function() { + try { + n = "function" == typeof setTimeout ? setTimeout : o + } catch (e) { + n = o + } + try { + r = "function" == typeof clearTimeout ? clearTimeout : a + } catch (e) { + r = a + } + }(); + var l, c = [], + s = !1, + f = -1; + + function d() { + s && l && (s = !1, l.length ? c = l.concat(c) : f = -1, c.length && g()) + } + + function g() { + if (!s) { + var e = u(d); + s = !0; + for (var t = c.length; t;) { + for (l = c, c = []; ++f < t;) l && l[f].run(); + f = -1, t = c.length + } + l = null, s = !1, + function(e) { + if (r === clearTimeout) return clearTimeout(e); + if ((r === a || !r) && clearTimeout) return r = clearTimeout, clearTimeout(e); + try { + r(e) + } catch (t) { + try { + return r.call(null, e) + } catch (t) { + return r.call(this, e) + } + } + }(e) + } + } + + function m(e, t) { + this.fun = e, this.array = t + } + + function M() {} + i.nextTick = function(e) { + var t = new Array(arguments.length - 1); + if (arguments.length > 1) + for (var n = 1; n < arguments.length; n++) t[n - 1] = arguments[n]; + c.push(new m(e, t)), 1 !== c.length || s || u(g) + }, m.prototype.run = function() { + this.fun.apply(null, this.array) + }, i.title = "browser", i.browser = !0, i.env = {}, i.argv = [], i.version = "", i.versions = {}, i.on = M, i.addListener = M, i.once = M, i.off = M, i.removeListener = M, i.removeAllListeners = M, i.emit = M, i.prependListener = M, i.prependOnceListener = M, i.listeners = function(e) { + return [] + }, i.binding = function(e) { + throw new Error("process.binding is not supported") + }, i.cwd = function() { + return "/" + }, i.chdir = function(e) { + throw new Error("process.chdir is not supported") + }, i.umask = function() { + return 0 + } +}, function(e, t, n) { + "use strict"; + (function(e) { + Object.defineProperty(t, "__esModule", { + value: !0 + }), n(8); + var r = function(e) { + return e && e.__esModule ? e : { + default: e + } + }(n(13)); + t.default = function() { + return { + view: function() { + return e("section.medium-widget", [e(".medium-widget__wrapper", [e(r.default)])]) + } + } + } + }).call(this, n(0)) +}, function(e, t, n) { + var r = n(9); + "string" == typeof r && (r = [ + [e.i, r, ""] + ]); + var i = { + hmr: !0, + transform: void 0, + insertInto: void 0 + }; + n(11)(r, i); + r.locals && (e.exports = r.locals) +}, function(e, t, n) { + (e.exports = n(10)(!1)).push([e.i, ".medium-widget {\n font-size: 1rem;\n line-height: 1.5rem;\n /* Article */ }\n .medium-widget__loader {\n margin: 0 auto;\n border: 4px solid #f3f3f3;\n border-top: 4px solid #03a87c;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n -webkit-animation: loader-spin 0.8s linear infinite;\n animation: loader-spin 0.8s linear infinite; }\n .medium-widget-article__item {\n font-size: 14px;\n padding-top: 15px;\n padding-bottom: 15px;\n padding-left: 15px;\n padding-right: 15px; }\n .medium-widget-article__row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n margin-left: -15px;\n margin-right: -15px; }\n .medium-widget-article__row .medium-widget-article__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1; }\n .medium-widget-article__title {\n display: inline-block;\n font-weight: 700;\n cursor: pointer;\n font-size: 18px;\n color: rgba(0, 0, 0, 0.9);\n border: none;\n text-decoration: none; }\n .medium-widget-article__title:after, .medium-widget-article__title:before {\n display: none; }\n .medium-widget-article__info {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin-top: 5px;\n margin-left: -5px;\n margin-right: -5px;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n .medium-widget-article__info > div {\n padding: 0 5px;\n position: relative;\n height: 30px; }\n .medium-widget-article__column {\n width: 100%; }\n .medium-widget-article__column .medium-widget-article__image img {\n width: 100%;\n margin-bottom: 10px; }\n .medium-widget-article__grid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%; }\n .medium-widget-article__content {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1; }\n .medium-widget-article__description {\n color: rgba(0, 0, 0, 0.5);\n margin-top: 5px;\n line-height: 1.3em; }\n .medium-widget-article__image {\n -webkit-box-flex: 0;\n -ms-flex: 0;\n flex: 0;\n display: block;\n cursor: pointer;\n border: none;\n text-decoration: none; }\n .medium-widget-article__image:after, .medium-widget-article__image:before {\n display: none; }\n .medium-widget-article__image img {\n width: 150px;\n margin-right: 15px; }\n .medium-widget-article__author-name {\n margin: 0px 0px 0px 10px;\n color: rgba(0, 0, 0, 0.9);\n line-height: 1em; }\n .medium-widget-article__author {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .medium-widget-article__avatar-picture {\n max-width: 30px;\n border-radius: 50%; }\n .medium-widget-article__date {\n color: rgba(0, 0, 0, 0.5);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n line-height: 1em; }\n .medium-widget-article__clap {\n color: rgba(0, 0, 0, 0.9);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .medium-widget-article__clap:before {\n content: '';\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAxNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbGFwPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkxhbmRpbmciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNsYXAiIGZpbGw9IiMwMDAwMDAiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIHBvaW50cz0iNi4zMTg5IDAgNi43NjI5IDEuNzI5IDcuMjA2OSAwIj48L3BvbHlnb24+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMiIgcG9pbnRzPSI4LjEwMDkgMi4yMDIzIDkuMTczOSAwLjcxMzMgOC4zMzg5IDAuNDQwMyI+PC9wb2x5Z29uPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTMiIHBvaW50cz0iNC4zNDg4IDAuNzEzNyA1LjQyMDggMi4yMDI3IDUuMTgyOCAwLjQzOTciPjwvcG9seWdvbj4gICAgICAgICAgICA8cGF0aCBkPSJNMTIuNTc3NCw3Ljc1ODYgTDEwLjgxNDQsNC42NTY2IEMxMC42NDc0LDQuNDA4NiAxMC40MTM0LDQuMjQ1NiAxMC4xNjA0LDQuMjA0NiBDOS45NzM0LDQuMTcwNiA5Ljc4MDQsNC4yMTc2IDkuNjI4NCw0LjMzMzYgQzkuNDU1NCw0LjQ2ODYgOS4zNTI0LDQuNjMzNiA5LjMxNzQsNC44MjI2IEM5LjMyNzQsNC44MzU2IDkuMzM4NCw0Ljg0NjYgOS4zNDg0LDQuODYwNiBMMTEuMDA1NCw3Ljc3NjYgQzEyLjE0MjQsOS44NTQ2IDExLjc4MDQsMTEuODQxNiA5LjkzMTQsMTMuNjkwNiBDOS44Mjg0LDEzLjc5MjYgOS43MjI0LDEzLjg5MDYgOS42MTA0LDEzLjk4MzYgQzEwLjMxMzQsMTMuODkxNiAxMC45Njg0LDEzLjU1MzYgMTEuNTY0NCwxMi45NTY2IEMxMy40NzA0LDExLjA1MTYgMTMuMzM4NCw5LjAyMTYgMTIuNTc3NCw3Ljc1ODYiIGlkPSJGaWxsLTQiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNNi44MDk4LDUuNzY0NCBDNi43MTg4LDUuMjgxNCA2Ljg2NTgsNC44NTA0IDcuMjEyOCw0LjUxNjQgTDUuNzU5OCwzLjA2MjQgQzUuNDY4OCwyLjc2ODQgNC45NTY4LDIuNzY4NCA0LjY2NDgsMy4wNjI0IEM0LjU2MDgsMy4xNjc0IDQuNTA1OCwzLjI5NTQgNC40NzI4LDMuNDI5NCBMNi44MDk4LDUuNzY0NCBaIiBpZD0iRmlsbC03Ij48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTguNjk0MSw1LjI3MTMgQzguNTY3MSw1LjA4MzMgOC4zODAxLDQuOTUwMyA4LjE4MTEsNC45MTczIEM4LjA0OTEsNC44OTMzIDcuOTEyMSw0LjkyNTMgNy44MDUxLDUuMDA2MyBDNy43MDMxLDUuMDg2MyA3LjM5MDEsNS4zMjkzIDcuNjY2MSw1LjkxOTMgTDguNDk5MSw3LjY4MzMgQzguNjIyMSw3LjgwNjMgOC42MjIxLDguMDA1MyA4LjUwMDEsOC4xMjgzIEM4LjM3NzEsOC4yNTAzIDguMTc4MSw4LjI1MTMgOC4wNTUxLDguMTI4MyBDOC4wMzAxLDguMTAzMyA4LjAwOTEsOC4wNzMzIDcuOTkzMSw4LjA0MTMgTDMuNjczMSwzLjcxODMgQzMuNDQ4MSwzLjQ5NDMgMy4wODQxLDMuNDk0MyAyLjg1OTEsMy43MTgzIEMyLjYzNDEsMy45NDMzIDIuNjM0MSw0LjMwNzMgMi44NTkxLDQuNTMyMyBMNS40MjUxLDcuMDk5MyBDNS41NDgxLDcuMjIyMyA1LjU0ODEsNy40MjEzIDUuNDI1MSw3LjU0MzMgQzUuMzAzMSw3LjY2NzMgNS4xMDQxLDcuNjY3MyA0Ljk4MTEsNy41NDMzIEwyLjQxNzEsNC45NzkzIEwxLjY5MjEsNC4yNTMzIEMxLjQ2NjEsNC4wMzAzIDEuMTAzMSw0LjAzMDMgMC44NzgxLDQuMjUzMyBDMC42NTMxLDQuNDc2MyAwLjY1MTEsNC44MzczIDAuODc0MSw1LjA2MjMgQzAuODc1MSw1LjA2NDMgMC44NzYxLDUuMDY1MyAwLjg3ODEsNS4wNjYzIEwxLjYwMTEsNS43OTAzIEw0LjE2ODEsOC4zNTczIEM0LjI5MDEsOC40NzkzIDQuMjkxMSw4LjY3NzMgNC4xNjkxLDguNzk5MyBDNC4xNjgxLDguODAwMyA0LjE2ODEsOC44MDAzIDQuMTY4MSw4LjgwMDMgQzQuMDQ3MSw4LjkyMzMgMy44NDkxLDguOTI1MyAzLjcyNzEsOC44MDQzIEMzLjcyNTEsOC44MDMzIDMuNzI0MSw4LjgwMjMgMy43MjMxLDguODAwMyBMMS4xNjAxLDYuMjM3MyBDMC45MzQxLDYuMDExMyAwLjU3MDEsNi4wMTAzIDAuMzQ0MSw2LjIzNTMgQzAuMTE5MSw2LjQ1ODMgMC4xMTgxLDYuODIxMyAwLjM0MTEsNy4wNDUzIEwwLjM0NDEsNy4wNDgzIEwxLjQyNTEsOC4xMjkzIEwzLjAzNjEsOS43NDIzIEMzLjE1NTEsOS44NjgzIDMuMTUwMSwxMC4wNjYzIDMuMDI0MSwxMC4xODUzIEMyLjkwMjEsMTAuMjk4MyAyLjcxNDEsMTAuMjk4MyAyLjU5MzEsMTAuMTg1MyBMMC45ODExLDguNTc0MyBDMC43NTgxLDguMzQ5MyAwLjM5NjEsOC4zNDczIDAuMTcyMSw4LjU3MDMgQzAuMTcwMSw4LjU3MTMgMC4xNjkxLDguNTcyMyAwLjE2ODEsOC41NzQzIEMtMC4wNTU5LDguNzk4MyAtMC4wNTU5LDkuMTYyMyAwLjE2ODEsOS4zODYzIEwzLjI3MDEsMTIuNDg5MyBDNS4yMzYxLDE0LjQ1NTMgNy4xNDExLDE1LjM5MTMgOS4zODYxLDEzLjE0NTMgQzEwLjk4NTEsMTEuNTQ0MyAxMS4yOTQxLDkuOTEyMyAxMC4zMzExLDguMTUyMyBMOC42OTQxLDUuMjcxMyBaIiBpZD0iRmlsbC05Ij48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);\n display: block;\n width: 14px;\n height: 15px;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.3;\n margin-right: 5px;\n margin-top: -3px; }\n .medium-widget-article__like {\n color: rgba(0, 0, 0, 0.9);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .medium-widget-article__like:before {\n content: '';\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT51cDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMYW5kaW5nIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJ1cCIgZmlsbD0iIzAwMDAwMCI+ICAgICAgICAgICAgPHBhdGggZD0iTTEyLDYuODc1MzEyNTEgQzEyLDYuNTc0Nzk4ODUgMTEuODc0OTgyNiw2LjI5NDc4NjEzIDExLjY1OTk5NDQsNi4wODc3NzY3MiBDMTEuOTA0Mjc1Myw1LjgzMjI2NTEgMTIuMDI4NzY5Nyw1LjQ4OTI0OTUxIDExLjk5NDI0NjEsNS4xMzMyMzMzMyBDMTEuOTMzMDQ1MSw0LjQ5NzcwNDQ0IDExLjMzMzU4OSw0LjAwMDE4MTgzIDEwLjYzMDAzOSw0LjAwMDE4MTgzIEw3LjM5OTQ2MjY5LDQuMDAwMTgxODMgQzcuNTU5MDAzNzgsMy41MzU2NjA3MSA3LjgxNTMxNTY5LDIuNjg0MTIyMDEgNy44MTUzMTU2OSwyLjAwMDA5MDkxIEM3LjgxNTMxNTY5LDAuOTE1NTQxNjE2IDYuODUxMjY5MDQsMCA2LjI0NjA1OTA4LDAgQzUuNzAyNTczMiwwIDUuMzE0NDQzNzMsMC4yOTIwMTMyNzMgNS4yOTc3MDUsMC4zMDQ1MTM4NDIgQzUuMjM1NDU3ODIsMC4zNTIwMTYwMDEgNS4xOTk4ODgsMC40MjQwMTkyNzQgNS4xOTk4ODgsMC41MDAwMjI3MjggTDUuMTk5ODg4LDIuMTk1MDk5NzggTDQuMDIzOTkxNzEsNC42MzAyMTA0NiBDMy45ODc4OTg4MSw0LjcwNTcxMzkgMy45OTI2MDY1OCw0Ljc5MzIxNzg3IDQuMDM3NTkxOTMsNC44NjQyMjExIEM0LjExNDQ4NTUxLDQuOTg1NzI2NjIgNC4xNTM3MTY5Miw1LjExNTczMjUzIDQuMTUzNzE2OTIsNS4yNDk3Mzg2MiBMNC4xNTM3MTY5MiwxMC4yNDk5NjU5IEM0LjE1MzcxNjkyLDEwLjM3MDQ3MTQgNC4xMzkwNzA1MywxMC40OTI5NzcgNC4xMDg3MzE1NywxMC42MjU0ODMgQzQuMDc3ODY5NTIsMTAuNzU5OTg5MSA0LjE2NjI3MDk4LDEwLjg5Mjk5NTEgNC4zMDY0NTc5LDEwLjkyMjk5NjUgQzQuNTM2MDkyNDUsMTAuOTcyNDk4NyA0Ljc2MTAxOTIzLDExIDQuOTM4MzQ1MjMsMTEgTDkuNzM5NzQ3MzksMTEgQzEwLjMwOTM4NzUsMTEgMTAuODA3ODg4MSwxMC42MzI5ODMzIDEwLjkyNDUzNjEsMTAuMTI2NDYwMyBDMTAuOTg0NjkxLDkuODY1OTQ4NDUgMTAuOTQ5MTIxMiw5LjYwMjkzNjUgMTAuODMwMzgwNyw5LjM3NTQyNjE2IEMxMS4yMTY5NDA5LDkuMTg5NDE3NyAxMS40NzY5MTQ1LDguODA4NDAwMzggMTEuNDc2OTE0NSw4LjM3NDg4MDY4IEMxMS40NzY5MTQ1LDguMTk4MzcyNjUgMTEuNDM0NTQ0NSw4LjAyODM2NDkzIDExLjM1Mzk4OTQsNy44NzQ4NTc5NSBDMTEuNzQwMDI2NSw3LjY4OTM0OTUyIDEyLDcuMzA4ODMyMjIgMTIsNi44NzUzMTI1MSBNMS4yNSw1IEMwLjU2MSw1IDAsNS42MDQxNTM4NSAwLDYuMzQ2MTUzODUgTDAsMTAuNjUzODQ2MiBDMCwxMS4zOTU4NDYyIDAuNTYxLDEyIDEuMjUsMTIgTDEuNzUsMTIgQzIuNDM5LDEyIDMsMTEuMzk1ODQ2MiAzLDEwLjY1Mzg0NjIgTDMsNS4yNjkyMzA3NyBDMyw1LjEyMDYxNTM4IDIuODg4LDUgMi43NSw1IEwxLjI1LDUgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);\n display: block;\n width: 12px;\n height: 12px;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.3;\n margin-right: 5px;\n margin-top: -3px; }\n .medium-widget-article__error {\n font-size: 1.2rem;\n color: #fd7272;\n font-weight: bold;\n text-align: center; }\n .medium-widget-article__empty {\n font-size: 1.2rem;\n color: #03a87c;\n font-weight: bold;\n text-align: center; }\n\n@-webkit-keyframes loader-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes loader-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n", ""]) +}, function(e, t) { + e.exports = function(e) { + var t = []; + return t.toString = function() { + return this.map(function(t) { + var n = function(e, t) { + var n = e[1] || "", + r = e[3]; + if (!r) return n; + if (t && "function" == typeof btoa) { + var i = function(e) { + return "/*# sourceMappingURL=data:application/json;charset=utf-8;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(e)))) + " */" + }(r), + o = r.sources.map(function(e) { + return "/*# sourceURL=" + r.sourceRoot + e + " */" + }); + return [n].concat(o).concat([i]).join("\n") + } + return [n].join("\n") + }(t, e); + return t[2] ? "@media " + t[2] + "{" + n + "}" : n + }).join("") + }, t.i = function(e, n) { + "string" == typeof e && (e = [ + [null, e, ""] + ]); + for (var r = {}, i = 0; i < this.length; i++) { + var o = this[i][0]; + "number" == typeof o && (r[o] = !0) + } + for (i = 0; i < e.length; i++) { + var a = e[i]; + "number" == typeof a[0] && r[a[0]] || (n && !a[2] ? a[2] = n : n && (a[2] = "(" + a[2] + ") and (" + n + ")"), t.push(a)) + } + }, t + } +}, function(e, t, n) { + var r = {}, + i = function(e) { + var t; + return function() { + return void 0 === t && (t = e.apply(this, arguments)), t + } + }(function() { + return window && document && document.all && !window.atob + }), + o = function(e) { + var t = {}; + return function(e) { + if ("function" == typeof e) return e(); + if (void 0 === t[e]) { + var n = function(e) { + return document.querySelector(e) + }.call(this, e); + if (window.HTMLIFrameElement && n instanceof window.HTMLIFrameElement) try { + n = n.contentDocument.head + } catch (e) { + n = null + } + t[e] = n + } + return t[e] + } + }(), + a = null, + u = 0, + l = [], + c = n(12); + + function s(e, t) { + for (var n = 0; n < e.length; n++) { + var i = e[n], + o = r[i.id]; + if (o) { + o.refs++; + for (var a = 0; a < o.parts.length; a++) o.parts[a](i.parts[a]); + for (; a < i.parts.length; a++) o.parts.push(p(i.parts[a], t)) + } else { + var u = []; + for (a = 0; a < i.parts.length; a++) u.push(p(i.parts[a], t)); + r[i.id] = { + id: i.id, + refs: 1, + parts: u + } + } + } + } + + function f(e, t) { + for (var n = [], r = {}, i = 0; i < e.length; i++) { + var o = e[i], + a = t.base ? o[0] + t.base : o[0], + u = { + css: o[1], + media: o[2], + sourceMap: o[3] + }; + r[a] ? r[a].parts.push(u) : n.push(r[a] = { + id: a, + parts: [u] + }) + } + return n + } + + function d(e, t) { + var n = o(e.insertInto); + if (!n) throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid."); + var r = l[l.length - 1]; + if ("top" === e.insertAt) r ? r.nextSibling ? n.insertBefore(t, r.nextSibling) : n.appendChild(t) : n.insertBefore(t, n.firstChild), l.push(t); + else if ("bottom" === e.insertAt) n.appendChild(t); + else { + if ("object" != typeof e.insertAt || !e.insertAt.before) throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n"); + var i = o(e.insertInto + " " + e.insertAt.before); + n.insertBefore(t, i) + } + } + + function g(e) { + if (null === e.parentNode) return !1; + e.parentNode.removeChild(e); + var t = l.indexOf(e); + t >= 0 && l.splice(t, 1) + } + + function m(e) { + var t = document.createElement("style"); + return void 0 === e.attrs.type && (e.attrs.type = "text/css"), M(t, e.attrs), d(e, t), t + } + + function M(e, t) { + Object.keys(t).forEach(function(n) { + e.setAttribute(n, t[n]) + }) + } + + function p(e, t) { + var n, r, i, o; + if (t.transform && e.css) { + if (!(o = t.transform(e.css))) return function() {}; + e.css = o + } + if (t.singleton) { + var l = u++; + n = a || (a = m(t)), r = v.bind(null, n, l, !1), i = v.bind(null, n, l, !0) + } else e.sourceMap && "function" == typeof URL && "function" == typeof URL.createObjectURL && "function" == typeof URL.revokeObjectURL && "function" == typeof Blob && "function" == typeof btoa ? (n = function(e) { + var t = document.createElement("link"); + return void 0 === e.attrs.type && (e.attrs.type = "text/css"), e.attrs.rel = "stylesheet", M(t, e.attrs), d(e, t), t + }(t), r = function(e, t, n) { + var r = n.css, + i = n.sourceMap, + o = void 0 === t.convertToAbsoluteUrls && i; + (t.convertToAbsoluteUrls || o) && (r = c(r)); + i && (r += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(i)))) + " */"); + var a = new Blob([r], { + type: "text/css" + }), + u = e.href; + e.href = URL.createObjectURL(a), u && URL.revokeObjectURL(u) + }.bind(null, n, t), i = function() { + g(n), n.href && URL.revokeObjectURL(n.href) + }) : (n = m(t), r = function(e, t) { + var n = t.css, + r = t.media; + r && e.setAttribute("media", r); + if (e.styleSheet) e.styleSheet.cssText = n; + else { + for (; e.firstChild;) e.removeChild(e.firstChild); + e.appendChild(document.createTextNode(n)) + } + }.bind(null, n), i = function() { + g(n) + }); + return r(e), + function(t) { + if (t) { + if (t.css === e.css && t.media === e.media && t.sourceMap === e.sourceMap) return; + r(e = t) + } else i() + } + } + e.exports = function(e, t) { + if ("undefined" != typeof DEBUG && DEBUG && "object" != typeof document) throw new Error("The style-loader cannot be used in a non-browser environment"); + (t = t || {}).attrs = "object" == typeof t.attrs ? t.attrs : {}, t.singleton || "boolean" == typeof t.singleton || (t.singleton = i()), t.insertInto || (t.insertInto = "head"), t.insertAt || (t.insertAt = "bottom"); + var n = f(e, t); + return s(n, t), + function(e) { + for (var i = [], o = 0; o < n.length; o++) { + var a = n[o]; + (u = r[a.id]).refs--, i.push(u) + } + e && s(f(e, t), t); + for (o = 0; o < i.length; o++) { + var u; + if (0 === (u = i[o]).refs) { + for (var l = 0; l < u.parts.length; l++) u.parts[l](); + delete r[u.id] + } + } + } + }; + var h = function() { + var e = []; + return function(t, n) { + return e[t] = n, e.filter(Boolean).join("\n") + } + }(); + + function v(e, t, n, r) { + var i = n ? "" : r.css; + if (e.styleSheet) e.styleSheet.cssText = h(t, i); + else { + var o = document.createTextNode(i), + a = e.childNodes; + a[t] && e.removeChild(a[t]), a.length ? e.insertBefore(o, a[t]) : e.appendChild(o) + } + } +}, function(e, t) { + e.exports = function(e) { + var t = "undefined" != typeof window && window.location; + if (!t) throw new Error("fixUrls requires window.location"); + if (!e || "string" != typeof e) return e; + var n = t.protocol + "//" + t.host, + r = n + t.pathname.replace(/\/[^\/]*$/, "/"); + return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(e, t) { + var i, o = t.trim().replace(/^"(.*)"$/, function(e, t) { + return t + }).replace(/^'(.*)'$/, function(e, t) { + return t + }); + return /^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(o) ? e : (i = 0 === o.indexOf("//") ? o : 0 === o.indexOf("/") ? n + o : r + o.replace(/^\.\//, ""), "url(" + JSON.stringify(i) + ")") + }) + } +}, function(e, t, n) { + "use strict"; + (function(e) { + Object.defineProperty(t, "__esModule", { + value: !0 + }); + var r = a(n(14)), + i = a(n(2)), + o = n(18); + + function a(e) { + return e && e.__esModule ? e : { + default: e + } + } + t.default = function() { + return { + data: { + config: i.default.data(), + articles: [] + }, + postsPerLine: function() { + return parseInt(this.data.config.postsPerLine) || 1 + }, + requestQuery: function() { + var e = this.data.config, + t = e.fields || []; + return -1 !== t.indexOf("author") && t.push("avatar"), { + fields: t, + resource: e.resource, + limit: e.limit, + picture: e.picture + } + }, + loadArticles: function() { + var t = this; + this.isLoading = !0; + var n = new Event("medium-widget:loading"), + r = new Event("medium-widget:loaded"), + i = new Event("medium-widget:failed"); + document.dispatchEvent(n), e.request({ + method: "GET", + url: "https://medium-widget-api.pixelpoint.io/api/v1/articles", + extract: function(e) { + return { + xhr: e + } + }, + data: this.requestQuery() + }).then(function(e) { + try { + t.data.articles = JSON.parse(e.xhr.responseText) + } catch (e) { + console.error("Invalid server response.") + }!1 === Array.isArray(t.data.articles) && (console.error("Invalid server response."), t.data.articles = []), 0 === t.data.articles.length && console.error("There is no data available for this resource."), t.isLoading = !1, document.dispatchEvent(r) + }, function(e) { + e.xhr.status >= 400 ? console.error("Error #" + e.xhr.status + " " + e.xhr.statusText) : console.error(e.message), t.isLoading = !1, document.dispatchEvent(i) + }) + }, + oninit: function() { + this.isLoading = !1, this.loadArticles() + }, + view: function() { + var t = this.data.config, + n = this.data.articles.slice(); + return (0, o.chunk)(n, this.postsPerLine()).map(function(n) { + return e(".medium-widget-article__row", n.map(function(n) { + return e(r.default, { + article: n, + config: t + }) + })) + }) + } + } + } + }).call(this, n(0)) +}, function(e, t, n) { + "use strict"; + (function(e) { + Object.defineProperty(t, "__esModule", { + value: !0 + }); + var r = n(15), + i = n(16), + o = function(e) { + return e && e.__esModule ? e : { + default: e + } + }(n(17)); + t.default = function() { + return { + date: function(e) { + if (e) return (0, r.fancyDate)(e) + }, + like: function(e) { + if (e) return (0, i.fancyNumber)(e) + }, + clap: function(e) { + if (e) return (0, i.fancyNumber)(e) + }, + rwc: function(e, t) { + if (-1 !== this.config.fields.indexOf(e)) return t + }, + ri: function(e) { + var t = this.config.fields; + if (["likes", "claps", "author", "publishAt"].some(function(e) { + return -1 !== t.indexOf(e) + })) return e + }, + view: function(t) { + var n = t.attrs, + r = n.article, + i = n.config; + this.config = i; + var a = ".medium-widget-article__grid"; + return "big" == i.picture && (a = ".medium-widget-article__column"), e(".medium-widget-article__item", [e(a, [e(o.default, { + pictureId: r.pictureId, + config: i, + url: r.url + }), e(".medium-widget-article__content", [e("a.medium-widget-article__title", { + href: r.url, + target: "_blank" + }, r.title), this.rwc("description", e(".medium-widget-article__description", r.description)), this.ri(e(".medium-widget-article__info", [this.rwc("author", e(".medium-widget-article__author", [e("img.medium-widget-article__avatar-picture", { + src: r.avatar + }), e(".medium-widget-article__author-name", r.author)])), this.rwc("likes", e(".medium-widget-article__like", this.like(r.likes))), this.rwc("claps", e(".medium-widget-article__clap", this.clap(r.claps))), this.rwc("publishAt", e(".medium-widget-article__date", this.date(r.publishAt)))]))])])]) + } + } + } + }).call(this, n(0)) +}, function(e, t, n) { + "use strict"; + Object.defineProperty(t, "__esModule", { + value: !0 + }), t.fancyDate = function(e) { + var t = new Date(e); + return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][t.getMonth()] + " " + t.getDate() + ", " + t.getFullYear() + } +}, function(e, t, n) { + "use strict"; + Object.defineProperty(t, "__esModule", { + value: !0 + }), t.fancyNumber = function(e) { + var t = "" + e; + if (t.length > 3) { + var n = t.slice(0, -3), + r = t.split("").slice(-3)[0]; + return "0" == r ? n + "K" : n + "." + r + "K" + } + return e + } +}, function(e, t, n) { + "use strict"; + (function(e) { + Object.defineProperty(t, "__esModule", { + value: !0 + }), t.default = function() { + return { + data: { + rendered: !1 + }, + oninit: function(e) { + this.picture = e.attrs.config.picture, this.pictureId = e.attrs.pictureId, this.ratio = e.attrs.config.ratio + }, + oncreate: function(t) { + this.data.rendered = !0, e.redraw() + }, + calculateWidthSize: function() { + var e = void 0; + e = "small" == this.picture ? 150 : document.getElementsByClassName("medium-widget-article__column")[0].clientWidth; + var t = window.devicePixelRatio || 1; + return parseInt(t * e) + }, + getPictureUrl: function() { + var e = void 0, + t = void 0; + switch (this.ratio) { + case "original": + t = "https://cdn-images-1.medium.com/max/" + (e = this.calculateWidthSize()); + break; + case "landscape": + t = "https://cdn-images-1.medium.com/fit/" + (e = this.calculateWidthSize()) + "/" + parseInt(9 * e / 16); + break; + case "square": + t = "https://cdn-images-1.medium.com/fit/" + (e = this.calculateWidthSize()) + "/" + e + } + return t + "/" + this.pictureId + }, + view: function(t) { + if (this.pictureId && "none" !== this.picture && this.data.rendered) return e("a.medium-widget-article__image", { + href: t.attrs.url, + target: "_blank" + }, e("img", { + src: this.getPictureUrl() + })) + } + } + } + }).call(this, n(0)) +}, function(e, t, n) { + "use strict"; + Object.defineProperty(t, "__esModule", { + value: !0 + }), t.chunk = function(e, t) { + var n, r = [], + i = 0; + for (n = e.length / t; i < n;) r[i] = e.splice(0, t), i++; + return r + } +}]); +//# sourceMappingURL=widget.js.map diff --git a/assets/dashboard/styles/materialize.min.css b/assets/dashboard/styles/materialize.min.css new file mode 100644 index 0000000..9875238 --- /dev/null +++ b/assets/dashboard/styles/materialize.min.css @@ -0,0 +1,8536 @@ +/*! + * Materialize v1.0.0 (http://materializecss.com) + * Copyright 2014-2017 Materialize + * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) + */ +.materialize-red { + background-color: #e51c23 !important +} + +.materialize-red-text { + color: #e51c23 !important +} + +.materialize-red.lighten-5 { + background-color: #fdeaeb !important +} + +.materialize-red-text.text-lighten-5 { + color: #fdeaeb !important +} + +.materialize-red.lighten-4 { + background-color: #f8c1c3 !important +} + +.materialize-red-text.text-lighten-4 { + color: #f8c1c3 !important +} + +.materialize-red.lighten-3 { + background-color: #f3989b !important +} + +.materialize-red-text.text-lighten-3 { + color: #f3989b !important +} + +.materialize-red.lighten-2 { + background-color: #ee6e73 !important +} + +.materialize-red-text.text-lighten-2 { + color: #ee6e73 !important +} + +.materialize-red.lighten-1 { + background-color: #ea454b !important +} + +.materialize-red-text.text-lighten-1 { + color: #ea454b !important +} + +.materialize-red.darken-1 { + background-color: #d0181e !important +} + +.materialize-red-text.text-darken-1 { + color: #d0181e !important +} + +.materialize-red.darken-2 { + background-color: #b9151b !important +} + +.materialize-red-text.text-darken-2 { + color: #b9151b !important +} + +.materialize-red.darken-3 { + background-color: #a21318 !important +} + +.materialize-red-text.text-darken-3 { + color: #a21318 !important +} + +.materialize-red.darken-4 { + background-color: #8b1014 !important +} + +.materialize-red-text.text-darken-4 { + color: #8b1014 !important +} + +.red { + background-color: #F44336 !important +} + +.red-text { + color: #F44336 !important +} + +.red.lighten-5 { + background-color: #FFEBEE !important +} + +.red-text.text-lighten-5 { + color: #FFEBEE !important +} + +.red.lighten-4 { + background-color: #FFCDD2 !important +} + +.red-text.text-lighten-4 { + color: #FFCDD2 !important +} + +.red.lighten-3 { + background-color: #EF9A9A !important +} + +.red-text.text-lighten-3 { + color: #EF9A9A !important +} + +.red.lighten-2 { + background-color: #E57373 !important +} + +.red-text.text-lighten-2 { + color: #E57373 !important +} + +.red.lighten-1 { + background-color: #EF5350 !important +} + +.red-text.text-lighten-1 { + color: #EF5350 !important +} + +.red.darken-1 { + background-color: #E53935 !important +} + +.red-text.text-darken-1 { + color: #E53935 !important +} + +.red.darken-2 { + background-color: #D32F2F !important +} + +.red-text.text-darken-2 { + color: #D32F2F !important +} + +.red.darken-3 { + background-color: #C62828 !important +} + +.red-text.text-darken-3 { + color: #C62828 !important +} + +.red.darken-4 { + background-color: #B71C1C !important +} + +.red-text.text-darken-4 { + color: #B71C1C !important +} + +.red.accent-1 { + background-color: #FF8A80 !important +} + +.red-text.text-accent-1 { + color: #FF8A80 !important +} + +.red.accent-2 { + background-color: #FF5252 !important +} + +.red-text.text-accent-2 { + color: #FF5252 !important +} + +.red.accent-3 { + background-color: #FF1744 !important +} + +.red-text.text-accent-3 { + color: #FF1744 !important +} + +.red.accent-4 { + background-color: #D50000 !important +} + +.red-text.text-accent-4 { + color: #D50000 !important +} + +.pink { + background-color: #e91e63 !important +} + +.pink-text { + color: #e91e63 !important +} + +.pink.lighten-5 { + background-color: #fce4ec !important +} + +.pink-text.text-lighten-5 { + color: #fce4ec !important +} + +.pink.lighten-4 { + background-color: #f8bbd0 !important +} + +.pink-text.text-lighten-4 { + color: #f8bbd0 !important +} + +.pink.lighten-3 { + background-color: #f48fb1 !important +} + +.pink-text.text-lighten-3 { + color: #f48fb1 !important +} + +.pink.lighten-2 { + background-color: #f06292 !important +} + +.pink-text.text-lighten-2 { + color: #f06292 !important +} + +.pink.lighten-1 { + background-color: #ec407a !important +} + +.pink-text.text-lighten-1 { + color: #ec407a !important +} + +.pink.darken-1 { + background-color: #d81b60 !important +} + +.pink-text.text-darken-1 { + color: #d81b60 !important +} + +.pink.darken-2 { + background-color: #c2185b !important +} + +.pink-text.text-darken-2 { + color: #c2185b !important +} + +.pink.darken-3 { + background-color: #ad1457 !important +} + +.pink-text.text-darken-3 { + color: #ad1457 !important +} + +.pink.darken-4 { + background-color: #880e4f !important +} + +.pink-text.text-darken-4 { + color: #880e4f !important +} + +.pink.accent-1 { + background-color: #ff80ab !important +} + +.pink-text.text-accent-1 { + color: #ff80ab !important +} + +.pink.accent-2 { + background-color: #ff4081 !important +} + +.pink-text.text-accent-2 { + color: #ff4081 !important +} + +.pink.accent-3 { + background-color: #f50057 !important +} + +.pink-text.text-accent-3 { + color: #f50057 !important +} + +.pink.accent-4 { + background-color: #c51162 !important +} + +.pink-text.text-accent-4 { + color: #c51162 !important +} + +.purple { + background-color: #9c27b0 !important +} + +.purple-text { + color: #9c27b0 !important +} + +.purple.lighten-5 { + background-color: #f3e5f5 !important +} + +.purple-text.text-lighten-5 { + color: #f3e5f5 !important +} + +.purple.lighten-4 { + background-color: #e1bee7 !important +} + +.purple-text.text-lighten-4 { + color: #e1bee7 !important +} + +.purple.lighten-3 { + background-color: #ce93d8 !important +} + +.purple-text.text-lighten-3 { + color: #ce93d8 !important +} + +.purple.lighten-2 { + background-color: #ba68c8 !important +} + +.purple-text.text-lighten-2 { + color: #ba68c8 !important +} + +.purple.lighten-1 { + background-color: #ab47bc !important +} + +.purple-text.text-lighten-1 { + color: #ab47bc !important +} + +.purple.darken-1 { + background-color: #8e24aa !important +} + +.purple-text.text-darken-1 { + color: #8e24aa !important +} + +.purple.darken-2 { + background-color: #7b1fa2 !important +} + +.purple-text.text-darken-2 { + color: #7b1fa2 !important +} + +.purple.darken-3 { + background-color: #6a1b9a !important +} + +.purple-text.text-darken-3 { + color: #6a1b9a !important +} + +.purple.darken-4 { + background-color: #4a148c !important +} + +.purple-text.text-darken-4 { + color: #4a148c !important +} + +.purple.accent-1 { + background-color: #ea80fc !important +} + +.purple-text.text-accent-1 { + color: #ea80fc !important +} + +.purple.accent-2 { + background-color: #e040fb !important +} + +.purple-text.text-accent-2 { + color: #e040fb !important +} + +.purple.accent-3 { + background-color: #d500f9 !important +} + +.purple-text.text-accent-3 { + color: #d500f9 !important +} + +.purple.accent-4 { + background-color: #a0f !important +} + +.purple-text.text-accent-4 { + color: #a0f !important +} + +.deep-purple { + background-color: #673ab7 !important +} + +.deep-purple-text { + color: #673ab7 !important +} + +.deep-purple.lighten-5 { + background-color: #ede7f6 !important +} + +.deep-purple-text.text-lighten-5 { + color: #ede7f6 !important +} + +.deep-purple.lighten-4 { + background-color: #d1c4e9 !important +} + +.deep-purple-text.text-lighten-4 { + color: #d1c4e9 !important +} + +.deep-purple.lighten-3 { + background-color: #b39ddb !important +} + +.deep-purple-text.text-lighten-3 { + color: #b39ddb !important +} + +.deep-purple.lighten-2 { + background-color: #9575cd !important +} + +.deep-purple-text.text-lighten-2 { + color: #9575cd !important +} + +.deep-purple.lighten-1 { + background-color: #7e57c2 !important +} + +.deep-purple-text.text-lighten-1 { + color: #7e57c2 !important +} + +.deep-purple.darken-1 { + background-color: #5e35b1 !important +} + +.deep-purple-text.text-darken-1 { + color: #5e35b1 !important +} + +.deep-purple.darken-2 { + background-color: #512da8 !important +} + +.deep-purple-text.text-darken-2 { + color: #512da8 !important +} + +.deep-purple.darken-3 { + background-color: #4527a0 !important +} + +.deep-purple-text.text-darken-3 { + color: #4527a0 !important +} + +.deep-purple.darken-4 { + background-color: #311b92 !important +} + +.deep-purple-text.text-darken-4 { + color: #311b92 !important +} + +.deep-purple.accent-1 { + background-color: #b388ff !important +} + +.deep-purple-text.text-accent-1 { + color: #b388ff !important +} + +.deep-purple.accent-2 { + background-color: #7c4dff !important +} + +.deep-purple-text.text-accent-2 { + color: #7c4dff !important +} + +.deep-purple.accent-3 { + background-color: #651fff !important +} + +.deep-purple-text.text-accent-3 { + color: #651fff !important +} + +.deep-purple.accent-4 { + background-color: #6200ea !important +} + +.deep-purple-text.text-accent-4 { + color: #6200ea !important +} + +.indigo { + background-color: #3f51b5 !important +} + +.indigo-text { + color: #3f51b5 !important +} + +.indigo.lighten-5 { + background-color: #e8eaf6 !important +} + +.indigo-text.text-lighten-5 { + color: #e8eaf6 !important +} + +.indigo.lighten-4 { + background-color: #c5cae9 !important +} + +.indigo-text.text-lighten-4 { + color: #c5cae9 !important +} + +.indigo.lighten-3 { + background-color: #9fa8da !important +} + +.indigo-text.text-lighten-3 { + color: #9fa8da !important +} + +.indigo.lighten-2 { + background-color: #7986cb !important +} + +.indigo-text.text-lighten-2 { + color: #7986cb !important +} + +.indigo.lighten-1 { + background-color: #5c6bc0 !important +} + +.indigo-text.text-lighten-1 { + color: #5c6bc0 !important +} + +.indigo.darken-1 { + background-color: #3949ab !important +} + +.indigo-text.text-darken-1 { + color: #3949ab !important +} + +.indigo.darken-2 { + background-color: #303f9f !important +} + +.indigo-text.text-darken-2 { + color: #303f9f !important +} + +.indigo.darken-3 { + background-color: #283593 !important +} + +.indigo-text.text-darken-3 { + color: #283593 !important +} + +.indigo.darken-4 { + background-color: #1a237e !important +} + +.indigo-text.text-darken-4 { + color: #1a237e !important +} + +.indigo.accent-1 { + background-color: #8c9eff !important +} + +.indigo-text.text-accent-1 { + color: #8c9eff !important +} + +.indigo.accent-2 { + background-color: #536dfe !important +} + +.indigo-text.text-accent-2 { + color: #536dfe !important +} + +.indigo.accent-3 { + background-color: #3d5afe !important +} + +.indigo-text.text-accent-3 { + color: #3d5afe !important +} + +.indigo.accent-4 { + background-color: #304ffe !important +} + +.indigo-text.text-accent-4 { + color: #304ffe !important +} + +.blue { + background-color: #2196F3 !important +} + +.blue-text { + color: #2196F3 !important +} + +.blue.lighten-5 { + background-color: #E3F2FD !important +} + +.blue-text.text-lighten-5 { + color: #E3F2FD !important +} + +.blue.lighten-4 { + background-color: #BBDEFB !important +} + +.blue-text.text-lighten-4 { + color: #BBDEFB !important +} + +.blue.lighten-3 { + background-color: #90CAF9 !important +} + +.blue-text.text-lighten-3 { + color: #90CAF9 !important +} + +.blue.lighten-2 { + background-color: #64B5F6 !important +} + +.blue-text.text-lighten-2 { + color: #64B5F6 !important +} + +.blue.lighten-1 { + background-color: #42A5F5 !important +} + +.blue-text.text-lighten-1 { + color: #42A5F5 !important +} + +.blue.darken-1 { + background-color: #1E88E5 !important +} + +.blue-text.text-darken-1 { + color: #1E88E5 !important +} + +.blue.darken-2 { + background-color: #1976D2 !important +} + +.blue-text.text-darken-2 { + color: #1976D2 !important +} + +.blue.darken-3 { + background-color: #1565C0 !important +} + +.blue-text.text-darken-3 { + color: #1565C0 !important +} + +.blue.darken-4 { + background-color: #0D47A1 !important +} + +.blue-text.text-darken-4 { + color: #0D47A1 !important +} + +.blue.accent-1 { + background-color: #82B1FF !important +} + +.blue-text.text-accent-1 { + color: #82B1FF !important +} + +.blue.accent-2 { + background-color: #448AFF !important +} + +.blue-text.text-accent-2 { + color: #448AFF !important +} + +.blue.accent-3 { + background-color: #2979FF !important +} + +.blue-text.text-accent-3 { + color: #2979FF !important +} + +.blue.accent-4 { + background-color: #2962FF !important +} + +.blue-text.text-accent-4 { + color: #2962FF !important +} + +.light-blue { + background-color: #03a9f4 !important +} + +.light-blue-text { + color: #03a9f4 !important +} + +.light-blue.lighten-5 { + background-color: #e1f5fe !important +} + +.light-blue-text.text-lighten-5 { + color: #e1f5fe !important +} + +.light-blue.lighten-4 { + background-color: #b3e5fc !important +} + +.light-blue-text.text-lighten-4 { + color: #b3e5fc !important +} + +.light-blue.lighten-3 { + background-color: #81d4fa !important +} + +.light-blue-text.text-lighten-3 { + color: #81d4fa !important +} + +.light-blue.lighten-2 { + background-color: #4fc3f7 !important +} + +.light-blue-text.text-lighten-2 { + color: #4fc3f7 !important +} + +.light-blue.lighten-1 { + background-color: #29b6f6 !important +} + +.light-blue-text.text-lighten-1 { + color: #29b6f6 !important +} + +.light-blue.darken-1 { + background-color: #039be5 !important +} + +.light-blue-text.text-darken-1 { + color: #039be5 !important +} + +.light-blue.darken-2 { + background-color: #0288d1 !important +} + +.light-blue-text.text-darken-2 { + color: #0288d1 !important +} + +.light-blue.darken-3 { + background-color: #0277bd !important +} + +.light-blue-text.text-darken-3 { + color: #0277bd !important +} + +.light-blue.darken-4 { + background-color: #01579b !important +} + +.light-blue-text.text-darken-4 { + color: #01579b !important +} + +.light-blue.accent-1 { + background-color: #80d8ff !important +} + +.light-blue-text.text-accent-1 { + color: #80d8ff !important +} + +.light-blue.accent-2 { + background-color: #40c4ff !important +} + +.light-blue-text.text-accent-2 { + color: #40c4ff !important +} + +.light-blue.accent-3 { + background-color: #00b0ff !important +} + +.light-blue-text.text-accent-3 { + color: #00b0ff !important +} + +.light-blue.accent-4 { + background-color: #0091ea !important +} + +.light-blue-text.text-accent-4 { + color: #0091ea !important +} + +.cyan { + background-color: #00bcd4 !important +} + +.cyan-text { + color: #00bcd4 !important +} + +.cyan.lighten-5 { + background-color: #e0f7fa !important +} + +.cyan-text.text-lighten-5 { + color: #e0f7fa !important +} + +.cyan.lighten-4 { + background-color: #b2ebf2 !important +} + +.cyan-text.text-lighten-4 { + color: #b2ebf2 !important +} + +.cyan.lighten-3 { + background-color: #80deea !important +} + +.cyan-text.text-lighten-3 { + color: #80deea !important +} + +.cyan.lighten-2 { + background-color: #4dd0e1 !important +} + +.cyan-text.text-lighten-2 { + color: #4dd0e1 !important +} + +.cyan.lighten-1 { + background-color: #26c6da !important +} + +.cyan-text.text-lighten-1 { + color: #26c6da !important +} + +.cyan.darken-1 { + background-color: #00acc1 !important +} + +.cyan-text.text-darken-1 { + color: #00acc1 !important +} + +.cyan.darken-2 { + background-color: #0097a7 !important +} + +.cyan-text.text-darken-2 { + color: #0097a7 !important +} + +.cyan.darken-3 { + background-color: #00838f !important +} + +.cyan-text.text-darken-3 { + color: #00838f !important +} + +.cyan.darken-4 { + background-color: #006064 !important +} + +.cyan-text.text-darken-4 { + color: #006064 !important +} + +.cyan.accent-1 { + background-color: #84ffff !important +} + +.cyan-text.text-accent-1 { + color: #84ffff !important +} + +.cyan.accent-2 { + background-color: #18ffff !important +} + +.cyan-text.text-accent-2 { + color: #18ffff !important +} + +.cyan.accent-3 { + background-color: #00e5ff !important +} + +.cyan-text.text-accent-3 { + color: #00e5ff !important +} + +.cyan.accent-4 { + background-color: #00b8d4 !important +} + +.cyan-text.text-accent-4 { + color: #00b8d4 !important +} + +.teal { + background-color: #009688 !important +} + +.teal-text { + color: #009688 !important +} + +.teal.lighten-5 { + background-color: #e0f2f1 !important +} + +.teal-text.text-lighten-5 { + color: #e0f2f1 !important +} + +.teal.lighten-4 { + background-color: #b2dfdb !important +} + +.teal-text.text-lighten-4 { + color: #b2dfdb !important +} + +.teal.lighten-3 { + background-color: #80cbc4 !important +} + +.teal-text.text-lighten-3 { + color: #80cbc4 !important +} + +.teal.lighten-2 { + background-color: #4db6ac !important +} + +.teal-text.text-lighten-2 { + color: #4db6ac !important +} + +.teal.lighten-1 { + background-color: #26a69a !important +} + +.teal-text.text-lighten-1 { + color: #26a69a !important +} + +.teal.darken-1 { + background-color: #00897b !important +} + +.teal-text.text-darken-1 { + color: #00897b !important +} + +.teal.darken-2 { + background-color: #00796b !important +} + +.teal-text.text-darken-2 { + color: #00796b !important +} + +.teal.darken-3 { + background-color: #00695c !important +} + +.teal-text.text-darken-3 { + color: #00695c !important +} + +.teal.darken-4 { + background-color: #004d40 !important +} + +.teal-text.text-darken-4 { + color: #004d40 !important +} + +.teal.accent-1 { + background-color: #a7ffeb !important +} + +.teal-text.text-accent-1 { + color: #a7ffeb !important +} + +.teal.accent-2 { + background-color: #64ffda !important +} + +.teal-text.text-accent-2 { + color: #64ffda !important +} + +.teal.accent-3 { + background-color: #1de9b6 !important +} + +.teal-text.text-accent-3 { + color: #1de9b6 !important +} + +.teal.accent-4 { + background-color: #00bfa5 !important +} + +.teal-text.text-accent-4 { + color: #00bfa5 !important +} + +.green { + background-color: #4CAF50 !important +} + +.green-text { + color: #4CAF50 !important +} + +.green.lighten-5 { + background-color: #E8F5E9 !important +} + +.green-text.text-lighten-5 { + color: #E8F5E9 !important +} + +.green.lighten-4 { + background-color: #C8E6C9 !important +} + +.green-text.text-lighten-4 { + color: #C8E6C9 !important +} + +.green.lighten-3 { + background-color: #A5D6A7 !important +} + +.green-text.text-lighten-3 { + color: #A5D6A7 !important +} + +.green.lighten-2 { + background-color: #81C784 !important +} + +.green-text.text-lighten-2 { + color: #81C784 !important +} + +.green.lighten-1 { + background-color: #66BB6A !important +} + +.green-text.text-lighten-1 { + color: #66BB6A !important +} + +.green.darken-1 { + background-color: #43A047 !important +} + +.green-text.text-darken-1 { + color: #43A047 !important +} + +.green.darken-2 { + background-color: #388E3C !important +} + +.green-text.text-darken-2 { + color: #388E3C !important +} + +.green.darken-3 { + background-color: #2E7D32 !important +} + +.green-text.text-darken-3 { + color: #2E7D32 !important +} + +.green.darken-4 { + background-color: #1B5E20 !important +} + +.green-text.text-darken-4 { + color: #1B5E20 !important +} + +.green.accent-1 { + background-color: #B9F6CA !important +} + +.green-text.text-accent-1 { + color: #B9F6CA !important +} + +.green.accent-2 { + background-color: #69F0AE !important +} + +.green-text.text-accent-2 { + color: #69F0AE !important +} + +.green.accent-3 { + background-color: #00E676 !important +} + +.green-text.text-accent-3 { + color: #00E676 !important +} + +.green.accent-4 { + background-color: #00C853 !important +} + +.green-text.text-accent-4 { + color: #00C853 !important +} + +.light-green { + background-color: #8bc34a !important +} + +.light-green-text { + color: #8bc34a !important +} + +.light-green.lighten-5 { + background-color: #f1f8e9 !important +} + +.light-green-text.text-lighten-5 { + color: #f1f8e9 !important +} + +.light-green.lighten-4 { + background-color: #dcedc8 !important +} + +.light-green-text.text-lighten-4 { + color: #dcedc8 !important +} + +.light-green.lighten-3 { + background-color: #c5e1a5 !important +} + +.light-green-text.text-lighten-3 { + color: #c5e1a5 !important +} + +.light-green.lighten-2 { + background-color: #aed581 !important +} + +.light-green-text.text-lighten-2 { + color: #aed581 !important +} + +.light-green.lighten-1 { + background-color: #9ccc65 !important +} + +.light-green-text.text-lighten-1 { + color: #9ccc65 !important +} + +.light-green.darken-1 { + background-color: #7cb342 !important +} + +.light-green-text.text-darken-1 { + color: #7cb342 !important +} + +.light-green.darken-2 { + background-color: #689f38 !important +} + +.light-green-text.text-darken-2 { + color: #689f38 !important +} + +.light-green.darken-3 { + background-color: #558b2f !important +} + +.light-green-text.text-darken-3 { + color: #558b2f !important +} + +.light-green.darken-4 { + background-color: #33691e !important +} + +.light-green-text.text-darken-4 { + color: #33691e !important +} + +.light-green.accent-1 { + background-color: #ccff90 !important +} + +.light-green-text.text-accent-1 { + color: #ccff90 !important +} + +.light-green.accent-2 { + background-color: #b2ff59 !important +} + +.light-green-text.text-accent-2 { + color: #b2ff59 !important +} + +.light-green.accent-3 { + background-color: #76ff03 !important +} + +.light-green-text.text-accent-3 { + color: #76ff03 !important +} + +.light-green.accent-4 { + background-color: #64dd17 !important +} + +.light-green-text.text-accent-4 { + color: #64dd17 !important +} + +.lime { + background-color: #cddc39 !important +} + +.lime-text { + color: #cddc39 !important +} + +.lime.lighten-5 { + background-color: #f9fbe7 !important +} + +.lime-text.text-lighten-5 { + color: #f9fbe7 !important +} + +.lime.lighten-4 { + background-color: #f0f4c3 !important +} + +.lime-text.text-lighten-4 { + color: #f0f4c3 !important +} + +.lime.lighten-3 { + background-color: #e6ee9c !important +} + +.lime-text.text-lighten-3 { + color: #e6ee9c !important +} + +.lime.lighten-2 { + background-color: #dce775 !important +} + +.lime-text.text-lighten-2 { + color: #dce775 !important +} + +.lime.lighten-1 { + background-color: #d4e157 !important +} + +.lime-text.text-lighten-1 { + color: #d4e157 !important +} + +.lime.darken-1 { + background-color: #c0ca33 !important +} + +.lime-text.text-darken-1 { + color: #c0ca33 !important +} + +.lime.darken-2 { + background-color: #afb42b !important +} + +.lime-text.text-darken-2 { + color: #afb42b !important +} + +.lime.darken-3 { + background-color: #9e9d24 !important +} + +.lime-text.text-darken-3 { + color: #9e9d24 !important +} + +.lime.darken-4 { + background-color: #827717 !important +} + +.lime-text.text-darken-4 { + color: #827717 !important +} + +.lime.accent-1 { + background-color: #f4ff81 !important +} + +.lime-text.text-accent-1 { + color: #f4ff81 !important +} + +.lime.accent-2 { + background-color: #eeff41 !important +} + +.lime-text.text-accent-2 { + color: #eeff41 !important +} + +.lime.accent-3 { + background-color: #c6ff00 !important +} + +.lime-text.text-accent-3 { + color: #c6ff00 !important +} + +.lime.accent-4 { + background-color: #aeea00 !important +} + +.lime-text.text-accent-4 { + color: #aeea00 !important +} + +.yellow { + background-color: #ffeb3b !important +} + +.yellow-text { + color: #ffeb3b !important +} + +.yellow.lighten-5 { + background-color: #fffde7 !important +} + +.yellow-text.text-lighten-5 { + color: #fffde7 !important +} + +.yellow.lighten-4 { + background-color: #fff9c4 !important +} + +.yellow-text.text-lighten-4 { + color: #fff9c4 !important +} + +.yellow.lighten-3 { + background-color: #fff59d !important +} + +.yellow-text.text-lighten-3 { + color: #fff59d !important +} + +.yellow.lighten-2 { + background-color: #fff176 !important +} + +.yellow-text.text-lighten-2 { + color: #fff176 !important +} + +.yellow.lighten-1 { + background-color: #ffee58 !important +} + +.yellow-text.text-lighten-1 { + color: #ffee58 !important +} + +.yellow.darken-1 { + background-color: #fdd835 !important +} + +.yellow-text.text-darken-1 { + color: #fdd835 !important +} + +.yellow.darken-2 { + background-color: #fbc02d !important +} + +.yellow-text.text-darken-2 { + color: #fbc02d !important +} + +.yellow.darken-3 { + background-color: #f9a825 !important +} + +.yellow-text.text-darken-3 { + color: #f9a825 !important +} + +.yellow.darken-4 { + background-color: #f57f17 !important +} + +.yellow-text.text-darken-4 { + color: #f57f17 !important +} + +.yellow.accent-1 { + background-color: #ffff8d !important +} + +.yellow-text.text-accent-1 { + color: #ffff8d !important +} + +.yellow.accent-2 { + background-color: #ff0 !important +} + +.yellow-text.text-accent-2 { + color: #ff0 !important +} + +.yellow.accent-3 { + background-color: #ffea00 !important +} + +.yellow-text.text-accent-3 { + color: #ffea00 !important +} + +.yellow.accent-4 { + background-color: #ffd600 !important +} + +.yellow-text.text-accent-4 { + color: #ffd600 !important +} + +.amber { + background-color: #ffc107 !important +} + +.amber-text { + color: #ffc107 !important +} + +.amber.lighten-5 { + background-color: #fff8e1 !important +} + +.amber-text.text-lighten-5 { + color: #fff8e1 !important +} + +.amber.lighten-4 { + background-color: #ffecb3 !important +} + +.amber-text.text-lighten-4 { + color: #ffecb3 !important +} + +.amber.lighten-3 { + background-color: #ffe082 !important +} + +.amber-text.text-lighten-3 { + color: #ffe082 !important +} + +.amber.lighten-2 { + background-color: #ffd54f !important +} + +.amber-text.text-lighten-2 { + color: #ffd54f !important +} + +.amber.lighten-1 { + background-color: #ffca28 !important +} + +.amber-text.text-lighten-1 { + color: #ffca28 !important +} + +.amber.darken-1 { + background-color: #ffb300 !important +} + +.amber-text.text-darken-1 { + color: #ffb300 !important +} + +.amber.darken-2 { + background-color: #ffa000 !important +} + +.amber-text.text-darken-2 { + color: #ffa000 !important +} + +.amber.darken-3 { + background-color: #ff8f00 !important +} + +.amber-text.text-darken-3 { + color: #ff8f00 !important +} + +.amber.darken-4 { + background-color: #ff6f00 !important +} + +.amber-text.text-darken-4 { + color: #ff6f00 !important +} + +.amber.accent-1 { + background-color: #ffe57f !important +} + +.amber-text.text-accent-1 { + color: #ffe57f !important +} + +.amber.accent-2 { + background-color: #ffd740 !important +} + +.amber-text.text-accent-2 { + color: #ffd740 !important +} + +.amber.accent-3 { + background-color: #ffc400 !important +} + +.amber-text.text-accent-3 { + color: #ffc400 !important +} + +.amber.accent-4 { + background-color: #ffab00 !important +} + +.amber-text.text-accent-4 { + color: #ffab00 !important +} + +.orange { + background-color: #ff9800 !important +} + +.orange-text { + color: #ff9800 !important +} + +.orange.lighten-5 { + background-color: #fff3e0 !important +} + +.orange-text.text-lighten-5 { + color: #fff3e0 !important +} + +.orange.lighten-4 { + background-color: #ffe0b2 !important +} + +.orange-text.text-lighten-4 { + color: #ffe0b2 !important +} + +.orange.lighten-3 { + background-color: #ffcc80 !important +} + +.orange-text.text-lighten-3 { + color: #ffcc80 !important +} + +.orange.lighten-2 { + background-color: #ffb74d !important +} + +.orange-text.text-lighten-2 { + color: #ffb74d !important +} + +.orange.lighten-1 { + background-color: #ffa726 !important +} + +.orange-text.text-lighten-1 { + color: #ffa726 !important +} + +.orange.darken-1 { + background-color: #fb8c00 !important +} + +.orange-text.text-darken-1 { + color: #fb8c00 !important +} + +.orange.darken-2 { + background-color: #f57c00 !important +} + +.orange-text.text-darken-2 { + color: #f57c00 !important +} + +.orange.darken-3 { + background-color: #ef6c00 !important +} + +.orange-text.text-darken-3 { + color: #ef6c00 !important +} + +.orange.darken-4 { + background-color: #e65100 !important +} + +.orange-text.text-darken-4 { + color: #e65100 !important +} + +.orange.accent-1 { + background-color: #ffd180 !important +} + +.orange-text.text-accent-1 { + color: #ffd180 !important +} + +.orange.accent-2 { + background-color: #ffab40 !important +} + +.orange-text.text-accent-2 { + color: #ffab40 !important +} + +.orange.accent-3 { + background-color: #ff9100 !important +} + +.orange-text.text-accent-3 { + color: #ff9100 !important +} + +.orange.accent-4 { + background-color: #ff6d00 !important +} + +.orange-text.text-accent-4 { + color: #ff6d00 !important +} + +.deep-orange { + background-color: #ff5722 !important +} + +.deep-orange-text { + color: #ff5722 !important +} + +.deep-orange.lighten-5 { + background-color: #fbe9e7 !important +} + +.deep-orange-text.text-lighten-5 { + color: #fbe9e7 !important +} + +.deep-orange.lighten-4 { + background-color: #ffccbc !important +} + +.deep-orange-text.text-lighten-4 { + color: #ffccbc !important +} + +.deep-orange.lighten-3 { + background-color: #ffab91 !important +} + +.deep-orange-text.text-lighten-3 { + color: #ffab91 !important +} + +.deep-orange.lighten-2 { + background-color: #ff8a65 !important +} + +.deep-orange-text.text-lighten-2 { + color: #ff8a65 !important +} + +.deep-orange.lighten-1 { + background-color: #ff7043 !important +} + +.deep-orange-text.text-lighten-1 { + color: #ff7043 !important +} + +.deep-orange.darken-1 { + background-color: #f4511e !important +} + +.deep-orange-text.text-darken-1 { + color: #f4511e !important +} + +.deep-orange.darken-2 { + background-color: #e64a19 !important +} + +.deep-orange-text.text-darken-2 { + color: #e64a19 !important +} + +.deep-orange.darken-3 { + background-color: #d84315 !important +} + +.deep-orange-text.text-darken-3 { + color: #d84315 !important +} + +.deep-orange.darken-4 { + background-color: #bf360c !important +} + +.deep-orange-text.text-darken-4 { + color: #bf360c !important +} + +.deep-orange.accent-1 { + background-color: #ff9e80 !important +} + +.deep-orange-text.text-accent-1 { + color: #ff9e80 !important +} + +.deep-orange.accent-2 { + background-color: #ff6e40 !important +} + +.deep-orange-text.text-accent-2 { + color: #ff6e40 !important +} + +.deep-orange.accent-3 { + background-color: #ff3d00 !important +} + +.deep-orange-text.text-accent-3 { + color: #ff3d00 !important +} + +.deep-orange.accent-4 { + background-color: #dd2c00 !important +} + +.deep-orange-text.text-accent-4 { + color: #dd2c00 !important +} + +.brown { + background-color: #795548 !important +} + +.brown-text { + color: #795548 !important +} + +.brown.lighten-5 { + background-color: #efebe9 !important +} + +.brown-text.text-lighten-5 { + color: #efebe9 !important +} + +.brown.lighten-4 { + background-color: #d7ccc8 !important +} + +.brown-text.text-lighten-4 { + color: #d7ccc8 !important +} + +.brown.lighten-3 { + background-color: #bcaaa4 !important +} + +.brown-text.text-lighten-3 { + color: #bcaaa4 !important +} + +.brown.lighten-2 { + background-color: #a1887f !important +} + +.brown-text.text-lighten-2 { + color: #a1887f !important +} + +.brown.lighten-1 { + background-color: #8d6e63 !important +} + +.brown-text.text-lighten-1 { + color: #8d6e63 !important +} + +.brown.darken-1 { + background-color: #6d4c41 !important +} + +.brown-text.text-darken-1 { + color: #6d4c41 !important +} + +.brown.darken-2 { + background-color: #5d4037 !important +} + +.brown-text.text-darken-2 { + color: #5d4037 !important +} + +.brown.darken-3 { + background-color: #4e342e !important +} + +.brown-text.text-darken-3 { + color: #4e342e !important +} + +.brown.darken-4 { + background-color: #3e2723 !important +} + +.brown-text.text-darken-4 { + color: #3e2723 !important +} + +.blue-grey { + background-color: #607d8b !important +} + +.blue-grey-text { + color: #607d8b !important +} + +.blue-grey.lighten-5 { + background-color: #eceff1 !important +} + +.blue-grey-text.text-lighten-5 { + color: #eceff1 !important +} + +.blue-grey.lighten-4 { + background-color: #cfd8dc !important +} + +.blue-grey-text.text-lighten-4 { + color: #cfd8dc !important +} + +.blue-grey.lighten-3 { + background-color: #b0bec5 !important +} + +.blue-grey-text.text-lighten-3 { + color: #b0bec5 !important +} + +.blue-grey.lighten-2 { + background-color: #90a4ae !important +} + +.blue-grey-text.text-lighten-2 { + color: #90a4ae !important +} + +.blue-grey.lighten-1 { + background-color: #78909c !important +} + +.blue-grey-text.text-lighten-1 { + color: #78909c !important +} + +.blue-grey.darken-1 { + background-color: #546e7a !important +} + +.blue-grey-text.text-darken-1 { + color: #546e7a !important +} + +.blue-grey.darken-2 { + background-color: #455a64 !important +} + +.blue-grey-text.text-darken-2 { + color: #455a64 !important +} + +.blue-grey.darken-3 { + background-color: #37474f !important +} + +.blue-grey-text.text-darken-3 { + color: #37474f !important +} + +.blue-grey.darken-4 { + background-color: #263238 !important +} + +.blue-grey-text.text-darken-4 { + color: #263238 !important +} + +.grey { + background-color: #9e9e9e !important +} + +.grey-text { + color: #9e9e9e !important +} + +.grey.lighten-5 { + background-color: #fafafa !important +} + +.grey-text.text-lighten-5 { + color: #fafafa !important +} + +.grey.lighten-4 { + background-color: #f5f5f5 !important +} + +.grey-text.text-lighten-4 { + color: #f5f5f5 !important +} + +.grey.lighten-3 { + background-color: #eee !important +} + +.grey-text.text-lighten-3 { + color: #eee !important +} + +.grey.lighten-2 { + background-color: #e0e0e0 !important +} + +.grey-text.text-lighten-2 { + color: #e0e0e0 !important +} + +.grey.lighten-1 { + background-color: #bdbdbd !important +} + +.grey-text.text-lighten-1 { + color: #bdbdbd !important +} + +.grey.darken-1 { + background-color: #757575 !important +} + +.grey-text.text-darken-1 { + color: #757575 !important +} + +.grey.darken-2 { + background-color: #616161 !important +} + +.grey-text.text-darken-2 { + color: #616161 !important +} + +.grey.darken-3 { + background-color: #424242 !important +} + +.grey-text.text-darken-3 { + color: #424242 !important +} + +.grey.darken-4 { + background-color: #212121 !important +} + +.grey-text.text-darken-4 { + color: #212121 !important +} + +.black { + background-color: #000 !important +} + +.black-text { + color: #000 !important +} + +.white { + background-color: #fff !important +} + +.white-text { + color: #fff !important +} + +.transparent { + background-color: rgba(0, 0, 0, 0) !important +} + +.transparent-text { + color: rgba(0, 0, 0, 0) !important +} + +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100% +} + +body { + margin: 0 +} + +article, aside, footer, header, nav, section { + display: block +} + +h1 { + font-size: 2em; + margin: 0.67em 0 +} + +figcaption, figure, main { + display: block +} + +figure { + margin: 1em 40px +} + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible +} + +pre { + font-family: monospace, monospace; + font-size: 1em +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + -webkit-text-decoration: underline dotted; + -moz-text-decoration: underline dotted; + text-decoration: underline dotted +} + +b, strong { + font-weight: inherit +} + +b, strong { + font-weight: bolder +} + +code, kbd, samp { + font-family: monospace, monospace; + font-size: 1em +} + +dfn { + font-style: italic +} + +mark { + background-color: #ff0; + color: #000 +} + +small { + font-size: 80% +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sub { + bottom: -0.25em +} + +sup { + top: -0.5em +} + +audio, video { + display: inline-block +} + +audio:not([controls]) { + display: none; + height: 0 +} + +img { + border-style: none +} + +svg:not(:root) { + overflow: hidden +} + +button, input, optgroup, select, textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0 +} + +button, input { + overflow: visible +} + +button, select { + text-transform: none +} + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: button +} + +button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0 +} + +button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText +} + +fieldset { + padding: 0.35em 0.75em 0.625em +} + +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal +} + +progress { + display: inline-block; + vertical-align: baseline +} + +textarea { + overflow: auto +} + +[type="checkbox"], [type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 +} + +[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px +} + +[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit +} + +details, menu { + display: block +} + +summary { + display: list-item +} + +canvas { + display: inline-block +} + +template { + display: none +} + +[hidden] { + display: none +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +*, *:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit +} + +button, input, optgroup, select, textarea { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif +} + +ul:not(.browser-default) { + padding-left: 0; + list-style-type: none +} + +ul:not(.browser-default)>li { + list-style-type: none +} + +a { + color: #039be5; + text-decoration: none; + -webkit-tap-highlight-color: transparent +} + +.valign-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.clearfix { + clear: both +} + +.z-depth-0 { + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav { + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) +} + +.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover { + -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2) +} + +.z-depth-2 { + -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) +} + +.z-depth-3 { + -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); + box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2) +} + +.z-depth-4 { + -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2) +} + +.z-depth-5, .modal {} + +.hoverable { + -webkit-transition: -webkit-box-shadow .25s; + transition: -webkit-box-shadow .25s; + transition: box-shadow .25s; + transition: box-shadow .25s, -webkit-box-shadow .25s +} + +.hoverable:hover { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) +} + +.divider { + height: 1px; + overflow: hidden; + background-color: #e0e0e0 +} + +blockquote { + margin: 20px 0; + padding-left: 1.5rem; + border-left: 5px solid #ee6e73 +} + +i { + line-height: inherit +} + +i.left { + float: left; + margin-right: 15px +} + +i.right { + float: right; + margin-left: 15px +} + +i.tiny { + font-size: 1rem +} + +i.small { + font-size: 2rem +} + +i.medium { + font-size: 4rem +} + +i.large { + font-size: 6rem +} + +img.responsive-img, video.responsive-video { + max-width: 100%; + height: auto +} + +.pagination li { + display: inline-block; + border-radius: 2px; + text-align: center; + vertical-align: top; + height: 30px +} + +.pagination li a { + color: #444; + display: inline-block; + font-size: 1.2rem; + padding: 0 10px; + line-height: 30px +} + +.pagination li.active a { + color: #fff +} + +.pagination li.active { + background-color: #ee6e73 +} + +.pagination li.disabled a { + cursor: default; + color: #999 +} + +.pagination li i { + font-size: 2rem +} + +.pagination li.pages ul li { + display: inline-block; + float: none +} + +@media only screen and (max-width: 992px) { + .pagination { + width: 100% + } + + .pagination li.prev, .pagination li.next { + width: 10% + } + + .pagination li.pages { + width: 80%; + overflow: hidden; + white-space: nowrap + } +} + +.breadcrumb { + font-size: 18px; + color: rgba(255, 255, 255, 0.7) +} + +.breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons { + display: inline-block; + float: left; + font-size: 24px +} + +.breadcrumb:before { + content: '\E5CC'; + color: rgba(255, 255, 255, 0.7); + vertical-align: top; + display: inline-block; + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 25px; + margin: 0 10px 0 8px; + -webkit-font-smoothing: antialiased +} + +.breadcrumb:first-child:before { + display: none +} + +.breadcrumb:last-child { + color: #fff +} + +.parallax-container { + position: relative; + overflow: hidden; + height: 500px +} + +.parallax-container .parallax { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1 +} + +.parallax-container .parallax img { + opacity: 0; + position: absolute; + left: 50%; + bottom: 0; + min-width: 100%; + min-height: 100%; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} + +.pin-top, .pin-bottom { + position: relative +} + +.pinned { + position: fixed !important +} + +ul.staggered-list li { + opacity: 0 +} + +.fade-in { + opacity: 0; + -webkit-transform-origin: 0 50%; + transform-origin: 0 50% +} + +@media only screen and (max-width: 600px) { + .hide-on-small-only, .hide-on-small-and-down { + display: none !important + } +} + +@media only screen and (max-width: 992px) { + .hide-on-med-and-down { + display: none !important + } +} + +@media only screen and (min-width: 601px) { + .hide-on-med-and-up { + display: none !important + } +} + +@media only screen and (min-width: 600px) and (max-width: 992px) { + .hide-on-med-only { + display: none !important + } +} + +@media only screen and (min-width: 993px) { + .hide-on-large-only { + display: none !important + } +} + +@media only screen and (min-width: 1201px) { + .hide-on-extra-large-only { + display: none !important + } +} + +@media only screen and (min-width: 1201px) { + .show-on-extra-large { + display: block !important + } +} + +@media only screen and (min-width: 993px) { + .show-on-large { + display: block !important + } +} + +@media only screen and (min-width: 600px) and (max-width: 992px) { + .show-on-medium { + display: block !important + } +} + +@media only screen and (max-width: 600px) { + .show-on-small { + display: block !important + } +} + +@media only screen and (min-width: 601px) { + .show-on-medium-and-up { + display: block !important + } +} + +@media only screen and (max-width: 992px) { + .show-on-medium-and-down { + display: block !important + } +} + +@media only screen and (max-width: 600px) { + .center-on-small-only { + text-align: center + } +} + +.page-footer { + padding-top: 20px; + color: #fff; + background-color: #ee6e73 +} + +.page-footer .footer-copyright { + overflow: hidden; + min-height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 10px 0px; + color: rgba(255, 255, 255, 0.8); + background-color: rgba(51, 51, 51, 0.08) +} + +table, th, td { + border: none +} + +table { + width: 100%; + display: table; + border-collapse: collapse; + border-spacing: 0 +} + +table.striped tr { + border-bottom: none +} + +table.striped>tbody>tr:nth-child(odd) { + background-color: rgba(242, 242, 242, 0.5) +} + +table.striped>tbody>tr>td { + border-radius: 0 +} + +table.highlight>tbody>tr { + -webkit-transition: background-color .25s ease; + transition: background-color .25s ease +} + +table.highlight>tbody>tr:hover { + background-color: rgba(242, 242, 242, 0.5) +} + +table.centered thead tr th, table.centered tbody tr td { + text-align: center +} + +tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.12) +} + +td, th { + padding: 15px 5px; + display: table-cell; + text-align: left; + vertical-align: middle; + border-radius: 2px +} + +@media only screen and (max-width: 992px) { + table.responsive-table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative + } + + table.responsive-table td:empty:before { + content: '\00a0' + } + + table.responsive-table th, table.responsive-table td { + margin: 0; + vertical-align: top + } + + table.responsive-table th { + text-align: left + } + + table.responsive-table thead { + display: block; + float: left + } + + table.responsive-table thead tr { + display: block; + padding: 0 10px 0 0 + } + + table.responsive-table thead tr th::before { + content: "\00a0" + } + + table.responsive-table tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap + } + + table.responsive-table tbody tr { + display: inline-block; + vertical-align: top + } + + table.responsive-table th { + display: block; + text-align: right + } + + table.responsive-table td { + display: block; + min-height: 1.25em; + text-align: left + } + + table.responsive-table tr { + border-bottom: none; + padding: 0 10px + } + + table.responsive-table thead { + border: 0; + border-right: 1px solid rgba(0, 0, 0, 0.12) + } +} + +.collection { + margin: .5rem 0 1rem 0; + border: 1px solid #e0e0e0; + border-radius: 2px; + overflow: hidden; + position: relative +} + +.collection .collection-item { + background-color: #fff; + line-height: 1.5rem; + padding: 10px 20px; + margin: 0; + border-bottom: 1px solid #e0e0e0 +} + +.collection .collection-item.avatar { + min-height: 84px; + padding-left: 72px; + position: relative +} + +.collection .collection-item.avatar:not(.circle-clipper)>.circle, .collection .collection-item.avatar :not(.circle-clipper)>.circle { + position: absolute; + width: 42px; + height: 42px; + overflow: hidden; + left: 15px; + display: inline-block; + vertical-align: middle +} + +.collection .collection-item.avatar i.circle { + font-size: 18px; + line-height: 42px; + color: #fff; + background-color: #999; + text-align: center +} + +.collection .collection-item.avatar .title { + font-size: 16px +} + +.collection .collection-item.avatar p { + margin: 0 +} + +.collection .collection-item.avatar .secondary-content { + position: absolute; + top: 16px; + right: 16px +} + +.collection .collection-item:last-child { + border-bottom: none +} + +.collection .collection-item.active { + background-color: #26a69a; + color: #eafaf9 +} + +.collection .collection-item.active .secondary-content { + color: #fff +} + +.collection a.collection-item { + display: block; + -webkit-transition: .25s; + transition: .25s; + color: #26a69a +} + +.collection a.collection-item:not(.active):hover { + background-color: #ddd +} + +.collection.with-header .collection-header { + background-color: #fff; + border-bottom: 1px solid #e0e0e0; + padding: 10px 20px +} + +.collection.with-header .collection-item { + padding-left: 30px +} + +.collection.with-header .collection-item.avatar { + padding-left: 72px +} + +.secondary-content { + float: right; + color: #26a69a +} + +.collapsible .collection { + margin: 0; + border: none +} + +.video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden +} + +.video-container iframe, .video-container object, .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.progress { + position: relative; + height: 4px; + display: block; + width: 100%; + background-color: #acece6; + border-radius: 2px; + margin: .5rem 0 1rem 0; + overflow: hidden +} + +.progress .determinate { + position: absolute; + top: 0; + left: 0; + bottom: 0; + background-color: #26a69a; + -webkit-transition: width .3s linear; + transition: width .3s linear +} + +.progress .indeterminate { + background-color: #26a69a +} + +.progress .indeterminate:before { + content: ''; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; + animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite +} + +.progress .indeterminate:after { + content: ''; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + -webkit-animation-delay: 1.15s; + animation-delay: 1.15s +} + +@-webkit-keyframes indeterminate { + 0% { + left: -35%; + right: 100% + } + + 60% { + left: 100%; + right: -90% + } + + 100% { + left: 100%; + right: -90% + } +} + +@keyframes indeterminate { + 0% { + left: -35%; + right: 100% + } + + 60% { + left: 100%; + right: -90% + } + + 100% { + left: 100%; + right: -90% + } +} + +@-webkit-keyframes indeterminate-short { + 0% { + left: -200%; + right: 100% + } + + 60% { + left: 107%; + right: -8% + } + + 100% { + left: 107%; + right: -8% + } +} + +@keyframes indeterminate-short { + 0% { + left: -200%; + right: 100% + } + + 60% { + left: 107%; + right: -8% + } + + 100% { + left: 107%; + right: -8% + } +} + +.hide { + display: none !important +} + +.left-align { + text-align: left +} + +.right-align { + text-align: right +} + +.center, .center-align { + text-align: center +} + +.left { + float: left !important +} + +.right { + float: right !important +} + +.no-select, input[type=range], input[type=range]+.thumb { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.circle { + border-radius: 50% +} + +.center-block { + display: block; + margin-left: auto; + margin-right: auto +} + +.truncate { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.no-padding { + padding: 0 !important +} + +span.badge { + min-width: 3rem; + padding: 0 6px; + margin-left: 14px; + text-align: center; + font-size: 1rem; + line-height: 22px; + height: 22px; + color: #757575; + float: right; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +span.badge.new { + font-weight: 300; + font-size: 0.8rem; + color: #fff; + background-color: #26a69a; + border-radius: 2px +} + +span.badge.new:after { + content: " new" +} + +span.badge[data-badge-caption]::after { + content: " "attr(data-badge-caption) +} + +nav ul a span.badge { + display: inline-block; + float: none; + margin-left: 4px; + line-height: 22px; + height: 22px; + -webkit-font-smoothing: auto +} + +.collection-item span.badge { + margin-top: calc(.75rem - 11px) +} + +.collapsible span.badge { + margin-left: auto +} + +.sidenav span.badge { + margin-top: calc(24px - 11px) +} + +table span.badge { + display: inline-block; + float: none; + margin-left: auto +} + +.material-icons { + text-rendering: optimizeLegibility; + -webkit-font-feature-settings: 'liga'; + -moz-font-feature-settings: 'liga'; + font-feature-settings: 'liga' +} + +.container { + margin: 0 auto; + max-width: 1280px; + width: 90% +} + +@media only screen and (min-width: 601px) { + .container { + width: 85% + } +} + +@media only screen and (min-width: 993px) { + .container { + width: 70% + } +} + +.col .row { + margin-left: -.75rem; + margin-right: -.75rem +} + +.section { + padding-top: 1rem; + padding-bottom: 1rem +} + +.section.no-pad { + padding: 0 +} + +.section.no-pad-bot { + padding-bottom: 0 +} + +.section.no-pad-top { + padding-top: 0 +} + +.row { + margin-left: auto; + margin-right: auto; + margin-bottom: 20px +} + +.row:after { + content: ""; + display: table; + clear: both +} + +.row .col { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 .75rem; + min-height: 1px +} + +.row .col[class*="push-"], .row .col[class*="pull-"] { + position: relative +} + +.row .col.s1 { + width: 8.3333333333%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s2 { + width: 16.6666666667%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s3 { + width: 25%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s4 { + width: 33.3333333333%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s5 { + width: 41.6666666667%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s6 { + width: 50%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s7 { + width: 58.3333333333%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s8 { + width: 66.6666666667%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s9 { + width: 75%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s10 { + width: 83.3333333333%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s11 { + width: 91.6666666667%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.s12 { + width: 100%; + margin-left: auto; + left: auto; + right: auto +} + +.row .col.offset-s1 { + margin-left: 8.3333333333% +} + +.row .col.pull-s1 { + right: 8.3333333333% +} + +.row .col.push-s1 { + left: 8.3333333333% +} + +.row .col.offset-s2 { + margin-left: 16.6666666667% +} + +.row .col.pull-s2 { + right: 16.6666666667% +} + +.row .col.push-s2 { + left: 16.6666666667% +} + +.row .col.offset-s3 { + margin-left: 25% +} + +.row .col.pull-s3 { + right: 25% +} + +.row .col.push-s3 { + left: 25% +} + +.row .col.offset-s4 { + margin-left: 33.3333333333% +} + +.row .col.pull-s4 { + right: 33.3333333333% +} + +.row .col.push-s4 { + left: 33.3333333333% +} + +.row .col.offset-s5 { + margin-left: 41.6666666667% +} + +.row .col.pull-s5 { + right: 41.6666666667% +} + +.row .col.push-s5 { + left: 41.6666666667% +} + +.row .col.offset-s6 { + margin-left: 50% +} + +.row .col.pull-s6 { + right: 50% +} + +.row .col.push-s6 { + left: 50% +} + +.row .col.offset-s7 { + margin-left: 58.3333333333% +} + +.row .col.pull-s7 { + right: 58.3333333333% +} + +.row .col.push-s7 { + left: 58.3333333333% +} + +.row .col.offset-s8 { + margin-left: 66.6666666667% +} + +.row .col.pull-s8 { + right: 66.6666666667% +} + +.row .col.push-s8 { + left: 66.6666666667% +} + +.row .col.offset-s9 { + margin-left: 75% +} + +.row .col.pull-s9 { + right: 75% +} + +.row .col.push-s9 { + left: 75% +} + +.row .col.offset-s10 { + margin-left: 83.3333333333% +} + +.row .col.pull-s10 { + right: 83.3333333333% +} + +.row .col.push-s10 { + left: 83.3333333333% +} + +.row .col.offset-s11 { + margin-left: 91.6666666667% +} + +.row .col.pull-s11 { + right: 91.6666666667% +} + +.row .col.push-s11 { + left: 91.6666666667% +} + +.row .col.offset-s12 { + margin-left: 100% +} + +.row .col.pull-s12 { + right: 100% +} + +.row .col.push-s12 { + left: 100% +} + +@media only screen and (min-width: 601px) { + .row .col.m1 { + width: 8.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m2 { + width: 16.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m3 { + width: 25%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m4 { + width: 33.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m5 { + width: 41.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m6 { + width: 50%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m7 { + width: 58.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m8 { + width: 66.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m9 { + width: 75%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m10 { + width: 83.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m11 { + width: 91.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.m12 { + width: 100%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.offset-m1 { + margin-left: 8.3333333333% + } + + .row .col.pull-m1 { + right: 8.3333333333% + } + + .row .col.push-m1 { + left: 8.3333333333% + } + + .row .col.offset-m2 { + margin-left: 16.6666666667% + } + + .row .col.pull-m2 { + right: 16.6666666667% + } + + .row .col.push-m2 { + left: 16.6666666667% + } + + .row .col.offset-m3 { + margin-left: 25% + } + + .row .col.pull-m3 { + right: 25% + } + + .row .col.push-m3 { + left: 25% + } + + .row .col.offset-m4 { + margin-left: 33.3333333333% + } + + .row .col.pull-m4 { + right: 33.3333333333% + } + + .row .col.push-m4 { + left: 33.3333333333% + } + + .row .col.offset-m5 { + margin-left: 41.6666666667% + } + + .row .col.pull-m5 { + right: 41.6666666667% + } + + .row .col.push-m5 { + left: 41.6666666667% + } + + .row .col.offset-m6 { + margin-left: 50% + } + + .row .col.pull-m6 { + right: 50% + } + + .row .col.push-m6 { + left: 50% + } + + .row .col.offset-m7 { + margin-left: 58.3333333333% + } + + .row .col.pull-m7 { + right: 58.3333333333% + } + + .row .col.push-m7 { + left: 58.3333333333% + } + + .row .col.offset-m8 { + margin-left: 66.6666666667% + } + + .row .col.pull-m8 { + right: 66.6666666667% + } + + .row .col.push-m8 { + left: 66.6666666667% + } + + .row .col.offset-m9 { + margin-left: 75% + } + + .row .col.pull-m9 { + right: 75% + } + + .row .col.push-m9 { + left: 75% + } + + .row .col.offset-m10 { + margin-left: 83.3333333333% + } + + .row .col.pull-m10 { + right: 83.3333333333% + } + + .row .col.push-m10 { + left: 83.3333333333% + } + + .row .col.offset-m11 { + margin-left: 91.6666666667% + } + + .row .col.pull-m11 { + right: 91.6666666667% + } + + .row .col.push-m11 { + left: 91.6666666667% + } + + .row .col.offset-m12 { + margin-left: 100% + } + + .row .col.pull-m12 { + right: 100% + } + + .row .col.push-m12 { + left: 100% + } +} + +@media only screen and (min-width: 993px) { + .row .col.l1 { + width: 8.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l2 { + width: 16.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l3 { + width: 25%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l4 { + width: 33.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l5 { + width: 41.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l6 { + width: 50%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l7 { + width: 58.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l8 { + width: 66.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l9 { + width: 75%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l10 { + width: 83.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l11 { + width: 91.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.l12 { + width: 100%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.offset-l1 { + margin-left: 8.3333333333% + } + + .row .col.pull-l1 { + right: 8.3333333333% + } + + .row .col.push-l1 { + left: 8.3333333333% + } + + .row .col.offset-l2 { + margin-left: 16.6666666667% + } + + .row .col.pull-l2 { + right: 16.6666666667% + } + + .row .col.push-l2 { + left: 16.6666666667% + } + + .row .col.offset-l3 { + margin-left: 25% + } + + .row .col.pull-l3 { + right: 25% + } + + .row .col.push-l3 { + left: 25% + } + + .row .col.offset-l4 { + margin-left: 33.3333333333% + } + + .row .col.pull-l4 { + right: 33.3333333333% + } + + .row .col.push-l4 { + left: 33.3333333333% + } + + .row .col.offset-l5 { + margin-left: 41.6666666667% + } + + .row .col.pull-l5 { + right: 41.6666666667% + } + + .row .col.push-l5 { + left: 41.6666666667% + } + + .row .col.offset-l6 { + margin-left: 50% + } + + .row .col.pull-l6 { + right: 50% + } + + .row .col.push-l6 { + left: 50% + } + + .row .col.offset-l7 { + margin-left: 58.3333333333% + } + + .row .col.pull-l7 { + right: 58.3333333333% + } + + .row .col.push-l7 { + left: 58.3333333333% + } + + .row .col.offset-l8 { + margin-left: 66.6666666667% + } + + .row .col.pull-l8 { + right: 66.6666666667% + } + + .row .col.push-l8 { + left: 66.6666666667% + } + + .row .col.offset-l9 { + margin-left: 75% + } + + .row .col.pull-l9 { + right: 75% + } + + .row .col.push-l9 { + left: 75% + } + + .row .col.offset-l10 { + margin-left: 83.3333333333% + } + + .row .col.pull-l10 { + right: 83.3333333333% + } + + .row .col.push-l10 { + left: 83.3333333333% + } + + .row .col.offset-l11 { + margin-left: 91.6666666667% + } + + .row .col.pull-l11 { + right: 91.6666666667% + } + + .row .col.push-l11 { + left: 91.6666666667% + } + + .row .col.offset-l12 { + margin-left: 100% + } + + .row .col.pull-l12 { + right: 100% + } + + .row .col.push-l12 { + left: 100% + } +} + +@media only screen and (min-width: 1201px) { + .row .col.xl1 { + width: 8.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl2 { + width: 16.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl3 { + width: 25%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl4 { + width: 33.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl5 { + width: 41.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl6 { + width: 50%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl7 { + width: 58.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl8 { + width: 66.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl9 { + width: 75%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl10 { + width: 83.3333333333%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl11 { + width: 91.6666666667%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.xl12 { + width: 100%; + margin-left: auto; + left: auto; + right: auto + } + + .row .col.offset-xl1 { + margin-left: 8.3333333333% + } + + .row .col.pull-xl1 { + right: 8.3333333333% + } + + .row .col.push-xl1 { + left: 8.3333333333% + } + + .row .col.offset-xl2 { + margin-left: 16.6666666667% + } + + .row .col.pull-xl2 { + right: 16.6666666667% + } + + .row .col.push-xl2 { + left: 16.6666666667% + } + + .row .col.offset-xl3 { + margin-left: 25% + } + + .row .col.pull-xl3 { + right: 25% + } + + .row .col.push-xl3 { + left: 25% + } + + .row .col.offset-xl4 { + margin-left: 33.3333333333% + } + + .row .col.pull-xl4 { + right: 33.3333333333% + } + + .row .col.push-xl4 { + left: 33.3333333333% + } + + .row .col.offset-xl5 { + margin-left: 41.6666666667% + } + + .row .col.pull-xl5 { + right: 41.6666666667% + } + + .row .col.push-xl5 { + left: 41.6666666667% + } + + .row .col.offset-xl6 { + margin-left: 50% + } + + .row .col.pull-xl6 { + right: 50% + } + + .row .col.push-xl6 { + left: 50% + } + + .row .col.offset-xl7 { + margin-left: 58.3333333333% + } + + .row .col.pull-xl7 { + right: 58.3333333333% + } + + .row .col.push-xl7 { + left: 58.3333333333% + } + + .row .col.offset-xl8 { + margin-left: 66.6666666667% + } + + .row .col.pull-xl8 { + right: 66.6666666667% + } + + .row .col.push-xl8 { + left: 66.6666666667% + } + + .row .col.offset-xl9 { + margin-left: 75% + } + + .row .col.pull-xl9 { + right: 75% + } + + .row .col.push-xl9 { + left: 75% + } + + .row .col.offset-xl10 { + margin-left: 83.3333333333% + } + + .row .col.pull-xl10 { + right: 83.3333333333% + } + + .row .col.push-xl10 { + left: 83.3333333333% + } + + .row .col.offset-xl11 { + margin-left: 91.6666666667% + } + + .row .col.pull-xl11 { + right: 91.6666666667% + } + + .row .col.push-xl11 { + left: 91.6666666667% + } + + .row .col.offset-xl12 { + margin-left: 100% + } + + .row .col.pull-xl12 { + right: 100% + } + + .row .col.push-xl12 { + left: 100% + } +} + +nav { + color: #fff; + background-color: #ee6e73; + width: 100%; + height: 56px; + line-height: 56px +} + +nav.nav-extended { + height: auto +} + +nav.nav-extended .nav-wrapper { + min-height: 56px; + height: auto +} + +nav.nav-extended .nav-content { + position: relative; + line-height: normal +} + +nav a { + color: #fff +} + +nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { + display: block; + font-size: 24px; + height: 56px; + line-height: 56px +} + +nav .nav-wrapper { + position: relative; + height: 100% +} + +@media only screen and (min-width: 993px) { + nav a.sidenav-trigger { + display: none + } +} + +nav .sidenav-trigger { + float: left; + position: relative; + z-index: 1; + height: 56px; + margin: 0 18px +} + +nav .sidenav-trigger i { + height: 56px; + line-height: 56px +} + +nav .brand-logo { + position: absolute; + color: #fff; + display: inline-block; + font-size: 2.1rem; + padding: 0 +} + +nav .brand-logo.center { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} + +@media only screen and (max-width: 992px) { + nav .brand-logo { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) + } + + nav .brand-logo.left, nav .brand-logo.right { + padding: 0; + -webkit-transform: none; + transform: none + } + + nav .brand-logo.left { + left: 0.5rem + } + + nav .brand-logo.right { + right: 0.5rem; + left: auto + } +} + +nav .brand-logo.right { + right: 0.5rem; + padding: 0 +} + +nav .brand-logo i, nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"], nav .brand-logo i.material-icons { + float: left; + margin-right: 15px +} + +nav .nav-title { + display: inline-block; + font-size: 32px; + padding: 28px 0 +} + +nav ul { + margin: 0 +} + +nav ul li { + -webkit-transition: background-color .3s; + transition: background-color .3s; + float: left; + padding: 0 +} + +nav ul li.active { + background-color: rgba(0, 0, 0, 0.1) +} + +nav ul a { + -webkit-transition: background-color .3s; + transition: background-color .3s; + font-size: 1rem; + color: #fff; + display: block; + padding: 0 15px; + cursor: pointer +} + +nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating { + margin-top: -2px; + margin-left: 15px; + margin-right: 15px +} + +nav ul a.btn>.material-icons, nav ul a.btn-large>.material-icons, nav ul a.btn-small>.material-icons, nav ul a.btn-large>.material-icons, nav ul a.btn-flat>.material-icons, nav ul a.btn-floating>.material-icons { + height: inherit; + line-height: inherit +} + +nav ul a:hover { + background-color: rgba(0, 0, 0, 0.1) +} + +nav ul.left { + float: left +} + +nav form { + height: 100% +} + +nav .input-field { + margin: 0; + height: 100% +} + +nav .input-field input { + height: 100%; + font-size: 1.2rem; + border: none; + padding-left: 2rem +} + +nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { + border: none; + -webkit-box-shadow: none; + box-shadow: none +} + +nav .input-field label { + top: 0; + left: 0 +} + +nav .input-field label i { + color: rgba(255, 255, 255, 0.7); + -webkit-transition: color .3s; + transition: color .3s +} + +nav .input-field label.active i { + color: #fff +} + +.navbar-fixed { + position: relative; + height: 56px; + z-index: 997 +} + +.navbar-fixed nav { + position: fixed +} + +@media only screen and (min-width: 601px) { + nav.nav-extended .nav-wrapper { + min-height: 64px + } + + nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i { + height: 64px; + line-height: 64px + } + + .navbar-fixed { + height: 64px + } +} + +a { + text-decoration: none +} + +html { + line-height: 1.5; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-weight: normal; + color: rgba(0, 0, 0, 0.87) +} + +@media only screen and (min-width: 0) { + html { + font-size: 14px + } +} + +@media only screen and (min-width: 992px) { + html { + font-size: 14.5px + } +} + +@media only screen and (min-width: 1200px) { + html { + font-size: 15px + } +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1.3 +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + font-weight: inherit +} + +h1 { + font-size: 4.2rem; + line-height: 110%; + margin: 2.8rem 0 1.68rem 0 +} + +h2 { + font-size: 3.56rem; + line-height: 110%; + margin: 2.3733333333rem 0 1.424rem 0 +} + +h3 { + font-size: 2.92rem; + line-height: 110%; + margin: 1.9466666667rem 0 1.168rem 0 +} + +h4 { + font-size: 2.28rem; + line-height: 110%; + margin: 1.52rem 0 .912rem 0 +} + +h5 { + font-size: 1.64rem; + line-height: 110%; + margin: 1.0933333333rem 0 .656rem 0 +} + +h6 { + font-size: 1.15rem; + line-height: 110%; + margin: .7666666667rem 0 .46rem 0 +} + +em { + font-style: italic +} + +strong { + font-weight: 500 +} + +small { + font-size: 75% +} + +.light { + font-weight: 300 +} + +.thin { + font-weight: 200 +} + +@media only screen and (min-width: 360px) { + .flow-text { + font-size: 1.2rem + } +} + +@media only screen and (min-width: 390px) { + .flow-text { + font-size: 1.224rem + } +} + +@media only screen and (min-width: 420px) { + .flow-text { + font-size: 1.248rem + } +} + +@media only screen and (min-width: 450px) { + .flow-text { + font-size: 1.272rem + } +} + +@media only screen and (min-width: 480px) { + .flow-text { + font-size: 1.296rem + } +} + +@media only screen and (min-width: 510px) { + .flow-text { + font-size: 1.32rem + } +} + +@media only screen and (min-width: 540px) { + .flow-text { + font-size: 1.344rem + } +} + +@media only screen and (min-width: 570px) { + .flow-text { + font-size: 1.368rem + } +} + +@media only screen and (min-width: 600px) { + .flow-text { + font-size: 1.392rem + } +} + +@media only screen and (min-width: 630px) { + .flow-text { + font-size: 1.416rem + } +} + +@media only screen and (min-width: 660px) { + .flow-text { + font-size: 1.44rem + } +} + +@media only screen and (min-width: 690px) { + .flow-text { + font-size: 1.464rem + } +} + +@media only screen and (min-width: 720px) { + .flow-text { + font-size: 1.488rem + } +} + +@media only screen and (min-width: 750px) { + .flow-text { + font-size: 1.512rem + } +} + +@media only screen and (min-width: 780px) { + .flow-text { + font-size: 1.536rem + } +} + +@media only screen and (min-width: 810px) { + .flow-text { + font-size: 1.56rem + } +} + +@media only screen and (min-width: 840px) { + .flow-text { + font-size: 1.584rem + } +} + +@media only screen and (min-width: 870px) { + .flow-text { + font-size: 1.608rem + } +} + +@media only screen and (min-width: 900px) { + .flow-text { + font-size: 1.632rem + } +} + +@media only screen and (min-width: 930px) { + .flow-text { + font-size: 1.656rem + } +} + +@media only screen and (min-width: 960px) { + .flow-text { + font-size: 1.68rem + } +} + +@media only screen and (max-width: 360px) { + .flow-text { + font-size: 1.2rem + } +} + +.scale-transition { + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; + transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; + transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; + transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important +} + +.scale-transition.scale-out { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform .2s !important; + transition: -webkit-transform .2s !important; + transition: transform .2s !important; + transition: transform .2s, -webkit-transform .2s !important +} + +.scale-transition.scale-in { + -webkit-transform: scale(1); + transform: scale(1) +} + +.card-panel { + -webkit-transition: -webkit-box-shadow .25s; + transition: -webkit-box-shadow .25s; + transition: box-shadow .25s; + transition: box-shadow .25s, -webkit-box-shadow .25s; + padding: 24px; + margin: .5rem 0 1rem 0; + border-radius: 2px; + background-color: #fff +} + +.card { + position: relative; + margin: .5rem 0 1rem 0; + background-color: #fff; + -webkit-transition: -webkit-box-shadow .25s; + transition: -webkit-box-shadow .25s; + transition: box-shadow .25s; + transition: box-shadow .25s, -webkit-box-shadow .25s; + border-radius: 2px +} + +.card .card-title { + font-size: 24px; + font-weight: 300 +} + +.card .card-title.activator { + cursor: pointer +} + +.card.small, .card.medium, .card.large { + position: relative +} + +.card.small .card-image, .card.medium .card-image, .card.large .card-image { + max-height: 60%; + overflow: hidden +} + +.card.small .card-image+.card-content, .card.medium .card-image+.card-content, .card.large .card-image+.card-content { + max-height: 40% +} + +.card.small .card-content, .card.medium .card-content, .card.large .card-content { + max-height: 100%; + overflow: hidden +} + +.card.small .card-action, .card.medium .card-action, .card.large .card-action { + position: absolute; + bottom: 0; + left: 0; + right: 0 +} + +.card.small { + height: 300px +} + +.card.medium { + height: 400px +} + +.card.large { + height: 500px +} + +.card.horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { + height: 100%; + max-height: none; + overflow: visible +} + +.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { + height: 100% +} + +.card.horizontal .card-image { + max-width: 50% +} + +.card.horizontal .card-image img { + border-radius: 2px 0 0 2px; + max-width: 100%; + width: auto +} + +.card.horizontal .card-stacked { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative +} + +.card.horizontal .card-stacked .card-content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +.card.sticky-action .card-action { + z-index: 2 +} + +.card.sticky-action .card-reveal { + z-index: 1; + padding-bottom: 64px +} + +.card .card-image { + position: relative +} + +.card .card-image img { + display: block; + border-radius: 2px 2px 0 0; + position: relative; + left: 0; + right: 0; + top: 0; + bottom: 0; + width: 100% +} + +.card .card-image .card-title { + color: #fff; + position: absolute; + bottom: 0; + left: 0; + max-width: 100%; + padding: 24px +} + +.card .card-content { + padding: 24px; + border-radius: 0 0 2px 2px +} + +.card .card-content p { + margin: 0 +} + +.card .card-content .card-title { + display: block; + line-height: 32px; + margin-bottom: 8px +} + +.card .card-content .card-title i { + line-height: 32px +} + +.card .card-action { + background-color: inherit; + border-top: 1px solid rgba(160, 160, 160, 0.2); + position: relative; + padding: 16px 24px +} + +.card .card-action:last-child { + border-radius: 0 0 2px 2px +} + +.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) { + color: #ffab40; + margin-right: 24px; + -webkit-transition: color .3s ease; + transition: color .3s ease; + text-transform: uppercase +} + +.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover { + color: #ffd8a6 +} + +.card .card-reveal { + padding: 24px; + position: absolute; + background-color: #fff; + width: 100%; + overflow-y: auto; + left: 0; + top: 100%; + height: 100%; + z-index: 3; + display: none +} + +.card .card-reveal .card-title { + cursor: pointer; + display: block +} + +#toast-container { + display: block; + position: fixed; + z-index: 10000 +} + +@media only screen and (max-width: 600px) { + #toast-container { + min-width: 100%; + bottom: 0% + } +} + +@media only screen and (min-width: 601px) and (max-width: 992px) { + #toast-container { + left: 5%; + bottom: 7%; + max-width: 90% + } +} + +@media only screen and (min-width: 993px) { + #toast-container { + top: 10%; + right: 7%; + max-width: 86% + } +} + +.toast { + border-radius: 2px; + top: 35px; + width: auto; + margin-top: 10px; + position: relative; + max-width: 100%; + height: auto; + min-height: 48px; + line-height: 1.5em; + background-color: #323232; + padding: 10px 25px; + font-size: 1.1rem; + font-weight: 300; + color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + cursor: default +} + +.toast .toast-action { + color: #eeff41; + font-weight: 500; + margin-right: -25px; + margin-left: 3rem +} + +.toast.rounded { + border-radius: 24px +} + +@media only screen and (max-width: 600px) { + .toast { + width: 100%; + border-radius: 0 + } +} + +.tabs { + position: relative; + overflow-x: auto; + overflow-y: hidden; + height: 48px; + width: 100%; + background-color: #fff; + margin: 0 auto; + white-space: nowrap +} + +.tabs.tabs-transparent { + background-color: transparent +} + +.tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover { + color: rgba(255, 255, 255, 0.7) +} + +.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active { + color: #fff +} + +.tabs.tabs-transparent .indicator { + background-color: #fff +} + +.tabs.tabs-fixed-width { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.tabs.tabs-fixed-width .tab { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +.tabs .tab { + display: inline-block; + text-align: center; + line-height: 48px; + height: 48px; + padding: 0; + margin: 0; + text-transform: uppercase +} + +.tabs .tab a { + color: rgba(238, 110, 115, 0.7); + display: block; + width: 100%; + height: 100%; + padding: 0 24px; + font-size: 14px; + text-overflow: ellipsis; + overflow: hidden; + -webkit-transition: color .28s ease, background-color .28s ease; + transition: color .28s ease, background-color .28s ease +} + +.tabs .tab a:focus, .tabs .tab a:focus.active { + background-color: rgba(246, 178, 181, 0.2); + outline: none +} + +.tabs .tab a:hover, .tabs .tab a.active { + background-color: transparent; + color: #ee6e73 +} + +.tabs .tab.disabled a, .tabs .tab.disabled a:hover { + color: rgba(238, 110, 115, 0.4); + cursor: default +} + +.tabs .indicator { + position: absolute; + bottom: 0; + height: 2px; + background-color: #f6b2b5; + will-change: left, right +} + +@media only screen and (max-width: 992px) { + .tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } + + .tabs .tab { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 + } + + .tabs .tab a { + padding: 0 12px + } +} + +.material-tooltip { + padding: 10px 8px; + font-size: 1rem; + z-index: 2000; + background-color: transparent; + border-radius: 2px; + color: #fff; + min-height: 36px; + line-height: 120%; + opacity: 0; + position: absolute; + text-align: center; + max-width: calc(100% - 4px); + overflow: hidden; + left: 0; + top: 0; + pointer-events: none; + visibility: hidden; + background-color: #323232 +} + +.backdrop { + position: absolute; + opacity: 0; + height: 7px; + width: 14px; + border-radius: 0 0 50% 50%; + background-color: #323232; + z-index: -1; + -webkit-transform-origin: 50% 0%; + transform-origin: 50% 0%; + visibility: hidden +} + +.btn, .btn-large, .btn-small, .btn-flat { + border: none; + border-radius: 2px; + display: inline-block; + height: 36px; + line-height: 36px; + padding: 0 16px; + text-transform: uppercase; + vertical-align: middle; + -webkit-tap-highlight-color: transparent +} + +.btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] { + pointer-events: none; + background-color: #DFDFDF !important; + -webkit-box-shadow: none; + box-shadow: none; + color: #9F9F9F !important; + cursor: default +} + +.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn-small.disabled:hover, .btn-flat.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-floating:disabled:hover, .btn-large:disabled:hover, .btn-small:disabled:hover, .btn-flat:disabled:hover, .btn[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-floating[disabled]:hover, .btn-large[disabled]:hover, .btn-small[disabled]:hover, .btn-flat[disabled]:hover { + background-color: #DFDFDF !important; + color: #9F9F9F !important +} + +.btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat { + font-size: 14px; + outline: 0 +} + +.btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i { + font-size: 1.3rem; + line-height: inherit +} + +.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus { + background-color: #1d7d74 +} + +.btn, .btn-large, .btn-small { + text-decoration: none; + color: #fff; + background-color: #26a69a; + text-align: center; + letter-spacing: .5px; + -webkit-transition: background-color .2s ease-out; + transition: background-color .2s ease-out; + cursor: pointer +} + +.btn:hover, .btn-large:hover, .btn-small:hover { + background-color: #2bbbad +} + +.btn-floating { + display: inline-block; + color: #fff; + position: relative; + overflow: hidden; + z-index: 1; + width: 40px; + height: 40px; + line-height: 40px; + padding: 0; + background-color: #26a69a; + border-radius: 50%; + -webkit-transition: background-color .3s; + transition: background-color .3s; + cursor: pointer; + vertical-align: middle +} + +.btn-floating:hover { + background-color: #26a69a +} + +.btn-floating:before { + border-radius: 0 +} + +.btn-floating.btn-large { + width: 56px; + height: 56px; + padding: 0 +} + +.btn-floating.btn-large.halfway-fab { + bottom: -28px +} + +.btn-floating.btn-large i { + line-height: 56px +} + +.btn-floating.btn-small { + width: 32.4px; + height: 32.4px +} + +.btn-floating.btn-small.halfway-fab { + bottom: -16.2px +} + +.btn-floating.btn-small i { + line-height: 32.4px +} + +.btn-floating.halfway-fab { + position: absolute; + right: 24px; + bottom: -20px +} + +.btn-floating.halfway-fab.left { + right: auto; + left: 24px +} + +.btn-floating i { + width: inherit; + display: inline-block; + text-align: center; + color: #fff; + font-size: 1.6rem; + line-height: 40px +} + +button.btn-floating { + border: none +} + +.fixed-action-btn { + position: fixed; + right: 23px; + bottom: 23px; + padding-top: 15px; + margin-bottom: 0; + z-index: 997 +} + +.fixed-action-btn.active ul { + visibility: visible +} + +.fixed-action-btn.direction-left, .fixed-action-btn.direction-right { + padding: 0 0 0 15px +} + +.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul { + text-align: right; + right: 64px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + left: auto; + width: 500px +} + +.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li { + display: inline-block; + margin: 7.5px 15px 0 0 +} + +.fixed-action-btn.direction-right { + padding: 0 15px 0 0 +} + +.fixed-action-btn.direction-right ul { + text-align: left; + direction: rtl; + left: 64px; + right: auto +} + +.fixed-action-btn.direction-right ul li { + margin: 7.5px 0 0 15px +} + +.fixed-action-btn.direction-bottom { + padding: 0 0 15px 0 +} + +.fixed-action-btn.direction-bottom ul { + top: 64px; + bottom: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse +} + +.fixed-action-btn.direction-bottom ul li { + margin: 15px 0 0 0 +} + +.fixed-action-btn.toolbar { + padding: 0; + height: 56px +} + +.fixed-action-btn.toolbar.active>a i { + opacity: 0 +} + +.fixed-action-btn.toolbar ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + top: 0; + bottom: 0; + z-index: 1 +} + +.fixed-action-btn.toolbar ul li { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: inline-block; + margin: 0; + height: 100%; + -webkit-transition: none; + transition: none +} + +.fixed-action-btn.toolbar ul li a { + display: block; + overflow: hidden; + position: relative; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + line-height: 56px; + z-index: 1 +} + +.fixed-action-btn.toolbar ul li a i { + line-height: inherit +} + +.fixed-action-btn ul { + left: 0; + right: 0; + text-align: center; + position: absolute; + bottom: 64px; + margin: 0; + visibility: hidden +} + +.fixed-action-btn ul li { + margin-bottom: 15px +} + +.fixed-action-btn ul a.btn-floating { + opacity: 0 +} + +.fixed-action-btn .fab-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 40px; + height: 40px; + background-color: #26a69a; + border-radius: 50%; + -webkit-transform: scale(0); + transform: scale(0) +} + +.btn-flat { + -webkit-box-shadow: none; + box-shadow: none; + background-color: transparent; + color: #343434; + cursor: pointer; + -webkit-transition: background-color .2s; + transition: background-color .2s +} + +.btn-flat:focus, .btn-flat:hover { + -webkit-box-shadow: none; + box-shadow: none +} + +.btn-flat:focus { + background-color: rgba(0, 0, 0, 0.1) +} + +.btn-flat.disabled, .btn-flat.btn-flat[disabled] { + background-color: transparent !important; + color: #b3b2b2 !important; + cursor: default +} + +.btn-large { + height: 54px; + line-height: 54px; + font-size: 15px; + padding: 0 28px +} + +.btn-large i { + font-size: 1.6rem +} + +.btn-small { + height: 32.4px; + line-height: 32.4px; + font-size: 13px +} + +.btn-small i { + font-size: 1.2rem +} + +.btn-block { + display: block +} + +.dropdown-content { + background-color: #fff; + margin: 0; + display: none; + min-width: 100px; + overflow-y: auto; + opacity: 0; + position: absolute; + left: 0; + top: 0; + z-index: 9999; + -webkit-transform-origin: 0 0; + transform-origin: 0 0 +} + +.dropdown-content:focus { + outline: 0 +} + +.dropdown-content li { + clear: both; + color: rgba(0, 0, 0, 0.87); + cursor: pointer; + min-height: 50px; + line-height: 1.5rem; + width: 100%; + text-align: left +} + +.dropdown-content li:hover, .dropdown-content li.active { + background-color: #eee +} + +.dropdown-content li:focus { + outline: none +} + +.dropdown-content li.divider { + min-height: 0; + height: 1px +} + +.dropdown-content li>a, .dropdown-content li>span { + font-size: 16px; + color: #26a69a; + display: block; + line-height: 22px; + padding: 14px 16px +} + +.dropdown-content li>span>label { + top: 1px; + left: 0; + height: 18px +} + +.dropdown-content li>a>i { + height: inherit; + line-height: inherit; + float: left; + margin: 0 24px 0 0; + width: 24px +} + +body.keyboard-focused .dropdown-content li:focus { + background-color: #dadada +} + +.input-field.col .dropdown-content [type="checkbox"]+label { + top: 1px; + left: 0; + height: 18px; + -webkit-transform: none; + transform: none +} + +.dropdown-trigger { + cursor: pointer +} + +/*! + * Waves v0.6.0 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE + */ +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + vertical-align: middle; + z-index: 1; + -webkit-transition: .3s ease-out; + transition: .3s ease-out +} + +.waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + -webkit-transition: all 0.7s ease-out; + transition: all 0.7s ease-out; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + -webkit-transform: scale(0); + transform: scale(0); + pointer-events: none +} + +.waves-effect.waves-light .waves-ripple { + background-color: rgba(255, 255, 255, 0.45) +} + +.waves-effect.waves-red .waves-ripple { + background-color: rgba(244, 67, 54, 0.7) +} + +.waves-effect.waves-yellow .waves-ripple { + background-color: rgba(255, 235, 59, 0.7) +} + +.waves-effect.waves-orange .waves-ripple { + background-color: rgba(255, 152, 0, 0.7) +} + +.waves-effect.waves-purple .waves-ripple { + background-color: rgba(156, 39, 176, 0.7) +} + +.waves-effect.waves-green .waves-ripple { + background-color: rgba(76, 175, 80, 0.7) +} + +.waves-effect.waves-teal .waves-ripple { + background-color: rgba(0, 150, 136, 0.7) +} + +.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { + border: 0; + font-style: normal; + font-size: inherit; + text-transform: inherit; + background: none +} + +.waves-effect img { + position: relative; + z-index: -1 +} + +.waves-notransition { + -webkit-transition: none !important; + transition: none !important +} + +.waves-circle { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%) +} + +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom +} + +.waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1 +} + +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; + -webkit-mask-image: none +} + +.waves-block { + display: block +} + +.waves-effect .waves-ripple { + z-index: -1 +} + +.modal { + display: none; + position: fixed; + left: 0; + right: 0; + padding: 0; + max-height: 100%; + width: 55%; + margin: auto; + overflow-y: auto; + border-radius: 2px; + will-change: top, opacity +} + +.modal:focus { + outline: none +} + +@media only screen and (max-width: 992px) { + .modal { + width: 80% + } +} + +.modal h1, .modal h2, .modal h3, .modal h4 { + margin-top: 0 +} + +.modal .modal-content { + padding: 24px +} + +.modal .modal-close { + cursor: pointer +} + +.modal .modal-footer { + border-radius: 0 0 2px 2px; + padding: 4px 6px; + height: 56px; + width: 100%; + text-align: right +} + +.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat { + margin: 6px 0 +} + +.modal-overlay { + position: fixed; + z-index: 999; + top: -25%; + left: 0; + bottom: 0; + right: 0; + height: 125%; + width: 100%; + background: #000; + display: none; + will-change: opacity +} + +.modal.modal-fixed-footer { + padding: 0; + height: 70% +} + +.modal.modal-fixed-footer .modal-content { + position: absolute; + height: calc(100% - 56px); + max-height: 100%; + width: 100%; + overflow-y: auto +} + +.modal.modal-fixed-footer .modal-footer { + border-top: 1px solid rgba(0, 0, 0, 0.1); + position: absolute; + bottom: 0 +} + +.modal.bottom-sheet { + top: auto; + bottom: -100%; + margin: 0; + width: 100%; + max-height: 45%; + border-radius: 0; + will-change: bottom, opacity +} + +.collapsible { + border-top: 1px solid #ddd; + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; + margin: .5rem 0 1rem 0 +} + +.collapsible-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + padding: 1rem; + background-color: #fff; + border-bottom: 1px solid #ddd +} + +.collapsible-header:focus { + outline: 0 +} + +.collapsible-header i { + width: 2rem; + font-size: 1.6rem; + display: inline-block; + text-align: center; + margin-right: 1rem +} + +.keyboard-focused .collapsible-header:focus { + background-color: #eee +} + +.collapsible-body { + display: none; + border-bottom: 1px solid #ddd; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 2rem +} + +.sidenav .collapsible, .sidenav.fixed .collapsible { + border: none; + -webkit-box-shadow: none; + box-shadow: none +} + +.sidenav .collapsible li, .sidenav.fixed .collapsible li { + padding: 0 +} + +.sidenav .collapsible-header, .sidenav.fixed .collapsible-header { + background-color: transparent; + border: none; + line-height: inherit; + height: inherit; + padding: 0 16px +} + +.sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.sidenav .collapsible-header i, .sidenav.fixed .collapsible-header i { + line-height: inherit +} + +.sidenav .collapsible-body, .sidenav.fixed .collapsible-body { + border: 0; + background-color: #fff +} + +.sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a { + padding: 0 23.5px 0 31px +} + +.collapsible.popout { + border: none; + -webkit-box-shadow: none; + box-shadow: none +} + +.collapsible.popout>li { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + margin: 0 24px; + -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) +} + +.collapsible.popout>li.active { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + margin: 16px 0 +} + +.chip { + display: inline-block; + height: 32px; + font-size: 13px; + font-weight: 500; + color: rgba(0, 0, 0, 0.6); + line-height: 32px; + padding: 0 12px; + border-radius: 16px; + background-color: #e4e4e4; + margin-bottom: 5px; + margin-right: 5px +} + +.chip:focus { + outline: none; + background-color: #26a69a; + color: #fff +} + +.chip>img { + float: left; + margin: 0 8px 0 -12px; + height: 32px; + width: 32px; + border-radius: 50% +} + +.chip .close { + cursor: pointer; + float: right; + font-size: 16px; + line-height: 32px; + padding-left: 8px +} + +.chips { + border: none; + border-bottom: 1px solid #9e9e9e; + -webkit-box-shadow: none; + box-shadow: none; + margin: 0 0 8px 0; + min-height: 45px; + outline: none; + -webkit-transition: all .3s; + transition: all .3s +} + +.chips.focus { + border-bottom: 1px solid #26a69a; + -webkit-box-shadow: 0 1px 0 0 #26a69a; + box-shadow: 0 1px 0 0 #26a69a +} + +.chips:hover { + cursor: text +} + +.chips .input { + background: none; + border: 0; + color: rgba(0, 0, 0, 0.6); + display: inline-block; + font-size: 16px; + height: 3rem; + line-height: 32px; + outline: 0; + margin: 0; + padding: 0 !important; + width: 120px !important +} + +.chips .input:focus { + border: 0 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important +} + +.chips .autocomplete-content { + margin-top: 0; + margin-bottom: 0 +} + +.prefix~.chips { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem) +} + +.chips:empty~label { + font-size: 0.8rem; + -webkit-transform: translateY(-140%); + transform: translateY(-140%) +} + +.materialboxed { + display: block; + cursor: -webkit-zoom-in; + cursor: zoom-in; + position: relative; + -webkit-transition: opacity .4s; + transition: opacity .4s; + -webkit-backface-visibility: hidden +} + +.materialboxed:hover:not(.active) { + opacity: .8 +} + +.materialboxed.active { + cursor: -webkit-zoom-out; + cursor: zoom-out +} + +#materialbox-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #292929; + z-index: 1000; + will-change: opacity +} + +.materialbox-caption { + position: fixed; + display: none; + color: #fff; + line-height: 50px; + bottom: 0; + left: 0; + width: 100%; + text-align: center; + padding: 0% 15%; + height: 50px; + z-index: 1000; + -webkit-font-smoothing: antialiased +} + +select:focus { + outline: 1px solid #c9f3ef +} + +button:focus { + outline: none; + background-color: #2ab7a9 +} + +label { + font-size: .8rem; + color: #9e9e9e +} + +::-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=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea { + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + border-radius: 0; + outline: none; + height: 3rem; + width: 100%; + font-size: 16px; + margin: 0 0 8px 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-transition: border .3s, -webkit-box-shadow .3s; + transition: border .3s, -webkit-box-shadow .3s; + transition: box-shadow .3s, border .3s; + transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s +} + +input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { + color: rgba(0, 0, 0, 0.42); + border-bottom: 1px dotted rgba(0, 0, 0, 0.42) +} + +input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, input[type=text]:not(.browser-default):disabled+label, input[type=text]: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=email]:not(.browser-default):disabled+label, input[type=email]:not(.browser-default)[readonly="readonly"]+label, input[type=url]:not(.browser-default):disabled+label, input[type=url]: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=date]:not(.browser-default):disabled+label, input[type=date]: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=datetime-local]:not(.browser-default):disabled+label, input[type=datetime-local]: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=number]:not(.browser-default):disabled+label, input[type=number]:not(.browser-default)[readonly="readonly"]+label, input[type=search]:not(.browser-default):disabled+label, input[type=search]:not(.browser-default)[readonly="readonly"]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly="readonly"]+label { + color: rgba(0, 0, 0, 0.42) +} + +input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid #26a69a; + -webkit-box-shadow: 0 1px 0 0 #26a69a; + box-shadow: 0 1px 0 0 #26a69a +} + +input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label { + color: #26a69a +} + +input:not([type]):focus.valid~label, input[type=text]:not(.browser-default):focus.valid~label, input[type=password]:not(.browser-default):focus.valid~label, input[type=email]:not(.browser-default):focus.valid~label, input[type=url]:not(.browser-default):focus.valid~label, input[type=time]:not(.browser-default):focus.valid~label, input[type=date]:not(.browser-default):focus.valid~label, input[type=datetime]:not(.browser-default):focus.valid~label, input[type=datetime-local]:not(.browser-default):focus.valid~label, input[type=tel]:not(.browser-default):focus.valid~label, input[type=number]:not(.browser-default):focus.valid~label, input[type=search]:not(.browser-default):focus.valid~label, textarea.materialize-textarea:focus.valid~label { + color: #4CAF50 +} + +input:not([type]):focus.invalid~label, input[type=text]:not(.browser-default):focus.invalid~label, input[type=password]:not(.browser-default):focus.invalid~label, input[type=email]:not(.browser-default):focus.invalid~label, input[type=url]:not(.browser-default):focus.invalid~label, input[type=time]:not(.browser-default):focus.invalid~label, input[type=date]:not(.browser-default):focus.invalid~label, input[type=datetime]:not(.browser-default):focus.invalid~label, input[type=datetime-local]:not(.browser-default):focus.invalid~label, input[type=tel]:not(.browser-default):focus.invalid~label, input[type=number]:not(.browser-default):focus.invalid~label, input[type=search]:not(.browser-default):focus.invalid~label, textarea.materialize-textarea:focus.invalid~label { + color: #F44336 +} + +input:not([type]).validate+label, input[type=text]:not(.browser-default).validate+label, input[type=password]:not(.browser-default).validate+label, input[type=email]:not(.browser-default).validate+label, input[type=url]:not(.browser-default).validate+label, input[type=time]:not(.browser-default).validate+label, input[type=date]:not(.browser-default).validate+label, input[type=datetime]:not(.browser-default).validate+label, input[type=datetime-local]:not(.browser-default).validate+label, input[type=tel]:not(.browser-default).validate+label, input[type=number]:not(.browser-default).validate+label, input[type=search]:not(.browser-default).validate+label, textarea.materialize-textarea.validate+label { + width: 100% +} + +input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown { + border-bottom: 1px solid #4CAF50; + -webkit-box-shadow: 0 1px 0 0 #4CAF50; + box-shadow: 0 1px 0 0 #4CAF50 +} + +input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus { + border-bottom: 1px solid #F44336; + -webkit-box-shadow: 0 1px 0 0 #F44336; + box-shadow: 0 1px 0 0 #F44336 +} + +input:not([type]).valid~.helper-text[data-success], input:not([type]):focus.valid~.helper-text[data-success], input:not([type]).invalid~.helper-text[data-error], input:not([type]):focus.invalid~.helper-text[data-error], input[type=text]:not(.browser-default).valid~.helper-text[data-success], input[type=text]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=text]:not(.browser-default).invalid~.helper-text[data-error], input[type=text]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=password]:not(.browser-default).valid~.helper-text[data-success], input[type=password]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=password]:not(.browser-default).invalid~.helper-text[data-error], input[type=password]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=email]:not(.browser-default).valid~.helper-text[data-success], input[type=email]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=email]:not(.browser-default).invalid~.helper-text[data-error], input[type=email]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=url]:not(.browser-default).valid~.helper-text[data-success], input[type=url]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=url]:not(.browser-default).invalid~.helper-text[data-error], input[type=url]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=time]:not(.browser-default).valid~.helper-text[data-success], input[type=time]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=time]:not(.browser-default).invalid~.helper-text[data-error], input[type=time]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=date]:not(.browser-default).valid~.helper-text[data-success], input[type=date]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=date]:not(.browser-default).invalid~.helper-text[data-error], input[type=date]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=datetime]:not(.browser-default).valid~.helper-text[data-success], input[type=datetime]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error], input[type=datetime]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success], input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error], input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=tel]:not(.browser-default).valid~.helper-text[data-success], input[type=tel]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=tel]:not(.browser-default).invalid~.helper-text[data-error], input[type=tel]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=number]:not(.browser-default).valid~.helper-text[data-success], input[type=number]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=number]:not(.browser-default).invalid~.helper-text[data-error], input[type=number]:not(.browser-default):focus.invalid~.helper-text[data-error], input[type=search]:not(.browser-default).valid~.helper-text[data-success], input[type=search]:not(.browser-default):focus.valid~.helper-text[data-success], input[type=search]:not(.browser-default).invalid~.helper-text[data-error], input[type=search]:not(.browser-default):focus.invalid~.helper-text[data-error], textarea.materialize-textarea.valid~.helper-text[data-success], textarea.materialize-textarea:focus.valid~.helper-text[data-success], textarea.materialize-textarea.invalid~.helper-text[data-error], textarea.materialize-textarea:focus.invalid~.helper-text[data-error], .select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid~.helper-text[data-error] { + color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none +} + +input:not([type]).valid~.helper-text:after, input:not([type]):focus.valid~.helper-text:after, input[type=text]:not(.browser-default).valid~.helper-text:after, input[type=text]:not(.browser-default):focus.valid~.helper-text:after, input[type=password]:not(.browser-default).valid~.helper-text:after, input[type=password]:not(.browser-default):focus.valid~.helper-text:after, input[type=email]:not(.browser-default).valid~.helper-text:after, input[type=email]:not(.browser-default):focus.valid~.helper-text:after, input[type=url]:not(.browser-default).valid~.helper-text:after, input[type=url]:not(.browser-default):focus.valid~.helper-text:after, input[type=time]:not(.browser-default).valid~.helper-text:after, input[type=time]:not(.browser-default):focus.valid~.helper-text:after, input[type=date]:not(.browser-default).valid~.helper-text:after, input[type=date]:not(.browser-default):focus.valid~.helper-text:after, input[type=datetime]:not(.browser-default).valid~.helper-text:after, input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after, input[type=datetime-local]:not(.browser-default).valid~.helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after, input[type=tel]:not(.browser-default).valid~.helper-text:after, input[type=tel]:not(.browser-default):focus.valid~.helper-text:after, input[type=number]:not(.browser-default).valid~.helper-text:after, input[type=number]:not(.browser-default):focus.valid~.helper-text:after, input[type=search]:not(.browser-default).valid~.helper-text:after, input[type=search]:not(.browser-default):focus.valid~.helper-text:after, textarea.materialize-textarea.valid~.helper-text:after, textarea.materialize-textarea:focus.valid~.helper-text:after, .select-wrapper.valid~.helper-text:after { + content: attr(data-success); + color: #4CAF50 +} + +input:not([type]).invalid~.helper-text:after, input:not([type]):focus.invalid~.helper-text:after, input[type=text]:not(.browser-default).invalid~.helper-text:after, input[type=text]:not(.browser-default):focus.invalid~.helper-text:after, input[type=password]:not(.browser-default).invalid~.helper-text:after, input[type=password]:not(.browser-default):focus.invalid~.helper-text:after, input[type=email]:not(.browser-default).invalid~.helper-text:after, input[type=email]:not(.browser-default):focus.invalid~.helper-text:after, input[type=url]:not(.browser-default).invalid~.helper-text:after, input[type=url]:not(.browser-default):focus.invalid~.helper-text:after, input[type=time]:not(.browser-default).invalid~.helper-text:after, input[type=time]:not(.browser-default):focus.invalid~.helper-text:after, input[type=date]:not(.browser-default).invalid~.helper-text:after, input[type=date]:not(.browser-default):focus.invalid~.helper-text:after, input[type=datetime]:not(.browser-default).invalid~.helper-text:after, input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after, input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after, input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after, input[type=tel]:not(.browser-default).invalid~.helper-text:after, input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after, input[type=number]:not(.browser-default).invalid~.helper-text:after, input[type=number]:not(.browser-default):focus.invalid~.helper-text:after, input[type=search]:not(.browser-default).invalid~.helper-text:after, input[type=search]:not(.browser-default):focus.invalid~.helper-text:after, textarea.materialize-textarea.invalid~.helper-text:after, textarea.materialize-textarea:focus.invalid~.helper-text:after, .select-wrapper.invalid~.helper-text:after { + content: attr(data-error); + color: #F44336 +} + +input:not([type])+label:after, input[type=text]:not(.browser-default)+label:after, input[type=password]:not(.browser-default)+label:after, input[type=email]:not(.browser-default)+label:after, input[type=url]:not(.browser-default)+label:after, input[type=time]:not(.browser-default)+label:after, input[type=date]:not(.browser-default)+label:after, input[type=datetime]:not(.browser-default)+label:after, input[type=datetime-local]:not(.browser-default)+label:after, input[type=tel]:not(.browser-default)+label:after, input[type=number]:not(.browser-default)+label:after, input[type=search]:not(.browser-default)+label:after, textarea.materialize-textarea+label:after, .select-wrapper+label:after { + display: block; + content: ""; + position: absolute; + top: 100%; + left: 0; + opacity: 0; + -webkit-transition: .2s opacity ease-out, .2s color ease-out; + transition: .2s opacity ease-out, .2s color ease-out +} + +.input-field { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem +} + +.input-field.inline { + display: inline-block; + vertical-align: middle; + margin-left: 5px +} + +.input-field.inline input, .input-field.inline .select-dropdown { + margin-bottom: 1rem +} + +.input-field.col label { + left: .75rem +} + +.input-field.col .prefix~label, .input-field.col .prefix~.validate~label { + width: calc(100% - 3rem - 1.5rem) +} + +.input-field>label { + color: #9e9e9e; + position: absolute; + top: 0; + left: 0; + font-size: 1rem; + cursor: text; + -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out; + transition: color .2s ease-out, -webkit-transform .2s ease-out; + transition: transform .2s ease-out, color .2s ease-out; + transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out; + -webkit-transform-origin: 0% 100%; + transform-origin: 0% 100%; + text-align: initial; + -webkit-transform: translateY(12px); + transform: translateY(12px) +} + +.input-field>label:not(.label-icon).active { + -webkit-transform: translateY(-14px) scale(0.8); + transform: translateY(-14px) scale(0.8); + -webkit-transform-origin: 0 0; + transform-origin: 0 0 +} + +.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label, .input-field>input[type=date]:not(.browser-default)+label, .input-field>input[type=time]:not(.browser-default)+label { + -webkit-transform: translateY(-14px) scale(0.8); + transform: translateY(-14px) scale(0.8); + -webkit-transform-origin: 0 0; + transform-origin: 0 0 +} + +.input-field .helper-text { + position: relative; + min-height: 18px; + display: block; + font-size: 12px; + color: rgba(0, 0, 0, 0.54) +} + +.input-field .helper-text::after { + opacity: 1; + position: absolute; + top: 0; + left: 0 +} + +.input-field .prefix { + position: absolute; + width: 3rem; + font-size: 2rem; + -webkit-transition: color .2s; + transition: color .2s; + top: .5rem +} + +.input-field .prefix.active { + color: #26a69a +} + +.input-field .prefix~input, .input-field .prefix~textarea, .input-field .prefix~label, .input-field .prefix~.validate~label, .input-field .prefix~.helper-text, .input-field .prefix~.autocomplete-content { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem) +} + +.input-field .prefix~label { + margin-left: 3rem +} + +@media only screen and (max-width: 992px) { + .input-field .prefix~input { + width: 86%; + width: calc(100% - 3rem) + } +} + +@media only screen and (max-width: 600px) { + .input-field .prefix~input { + width: 80%; + width: calc(100% - 3rem) + } +} + +.input-field input[type=search] { + display: block; + line-height: inherit; + -webkit-transition: .3s background-color; + transition: .3s background-color +} + +.nav-wrapper .input-field input[type=search] { + height: inherit; + padding-left: 4rem; + width: calc(100% - 4rem); + border: 0; + -webkit-box-shadow: none; + box-shadow: none +} + +.input-field input[type=search]:focus:not(.browser-default) { + background-color: #fff; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + color: #444 +} + +.input-field input[type=search]:focus:not(.browser-default)+label i, .input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close, .input-field input[type=search]:focus:not(.browser-default)~.material-icons { + color: #444 +} + +.input-field input[type=search]+.label-icon { + -webkit-transform: none; + transform: none; + left: 1rem +} + +.input-field input[type=search]~.mdi-navigation-close, .input-field input[type=search]~.material-icons { + position: absolute; + top: 0; + right: 1rem; + color: transparent; + cursor: pointer; + font-size: 2rem; + -webkit-transition: .3s color; + transition: .3s color +} + +textarea { + width: 100%; + height: 3rem; + background-color: transparent +} + +textarea.materialize-textarea { + line-height: normal; + overflow-y: hidden; + padding: .8rem 0 .8rem 0; + resize: none; + min-height: 3rem; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.hiddendiv { + visibility: hidden; + white-space: pre-wrap; + word-wrap: break-word; + overflow-wrap: break-word; + padding-top: 1.2rem; + position: absolute; + top: 0; + z-index: -1 +} + +.autocomplete-content li .highlight { + color: #444 +} + +.autocomplete-content li img { + height: 40px; + width: 40px; + margin: 5px 15px +} + +.character-counter { + min-height: 18px +} + +[type="radio"]:not(:checked), [type="radio"]:checked { + position: absolute; + opacity: 0; + pointer-events: none +} + +[type="radio"]:not(:checked)+span, [type="radio"]: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:before, [type="radio"]+span:after { + 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"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after, [type="radio"]:checked+span:before, [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after { + border-radius: 50% +} + +[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after { + 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"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after { + border: 2px solid #26a69a +} + +[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after { + background-color: #26a69a +} + +[type="radio"]:checked+span:after { + -webkit-transform: scale(1.02); + transform: scale(1.02) +} + +[type="radio"].with-gap:checked+span:after { + -webkit-transform: scale(0.5); + transform: scale(0.5) +} + +[type="radio"].tabbed:focus+span:before { + -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1) +} + +[type="radio"].with-gap:disabled:checked+span:before { + border: 2px solid rgba(0, 0, 0, 0.42) +} + +[type="radio"].with-gap:disabled:checked+span:after { + border: none; + background-color: rgba(0, 0, 0, 0.42) +} + +[type="radio"]:disabled:not(:checked)+span:before, [type="radio"]:disabled:checked+span:before { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.42) +} + +[type="radio"]:disabled+span { + color: rgba(0, 0, 0, 0.42) +} + +[type="radio"]:disabled:not(:checked)+span:before { + border-color: rgba(0, 0, 0, 0.42) +} + +[type="radio"]:disabled:checked+span:after { + background-color: rgba(0, 0, 0, 0.42); + border-color: #949494 +} + +[type="checkbox"]:not(:checked), [type="checkbox"]: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, 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, 0.1); + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); + background-color: rgba(0, 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 #26a69a; + border-bottom: 2px solid #26a69a; + -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, 0.42); + border-bottom: 2px solid rgba(0, 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 #26a69a; + 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, 0.42); + background-color: transparent +} + +[type="checkbox"].filled-in+span:not(.lever):after { + border-radius: 2px +} + +[type="checkbox"].filled-in+span:not(.lever):before, [type="checkbox"].filled-in+span:not(.lever):after { + content: ''; + left: 0; + position: absolute; + -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; + transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .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: 0px; + 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 #fff; + border-bottom: 2px solid #fff; + -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 #26a69a; + background-color: #26a69a; + 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, 0.1) +} + +[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after { + border-radius: 2px; + background-color: #26a69a; + border-color: #26a69a +} + +[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:before, .switch label input[type=checkbox]:checked+.lever:after { + left: 18px +} + +.switch label input[type=checkbox]:checked+.lever:after { + background-color: #26a69a +} + +.switch label .lever { + content: ""; + display: inline-block; + position: relative; + width: 36px; + height: 14px; + background-color: rgba(0, 0, 0, 0.38); + border-radius: 15px; + margin-right: 10px; + -webkit-transition: background 0.3s ease; + transition: background 0.3s ease; + vertical-align: middle; + margin: 0 16px +} + +.switch label .lever:before, .switch label .lever:after { + content: ""; + position: absolute; + display: inline-block; + width: 20px; + height: 20px; + border-radius: 50%; + left: 0; + top: -3px; + -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; + transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; + transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; + transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease +} + +.switch label .lever:before { + background-color: rgba(38, 166, 154, 0.15) +} + +.switch label .lever:after { + background-color: #F1F1F1; + -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) +} + +input[type=checkbox]:checked:not(:disabled)~.lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before { + -webkit-transform: scale(2.4); + transform: scale(2.4); + background-color: rgba(38, 166, 154, 0.15) +} + +input[type=checkbox]:not(:disabled)~.lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before { + -webkit-transform: scale(2.4); + transform: scale(2.4); + background-color: rgba(0, 0, 0, 0.08) +} + +.switch input[type=checkbox][disabled]+.lever { + cursor: default; + background-color: rgba(0, 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 { +} + +select.browser-default { + display: block +} + +select { + background-color: rgba(255, 255, 255, 0.9); + width: 100%; + padding: 5px; + border: 1px solid #f2f2f2; + border-radius: 2px; + height: 3rem +} + +.select-label { + position: absolute +} + +.select-wrapper { + position: relative +} + +.select-wrapper.valid+label, .select-wrapper.invalid+label { + width: 100%; + pointer-events: none +} + +.select-wrapper input.select-dropdown { + position: relative; + cursor: pointer; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + outline: none; + 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 #26a69a +} + +.select-wrapper .caret { + position: absolute; + right: 0; + top: 0; + bottom: 0; + margin: auto 0; + z-index: 0; + fill: rgba(0, 0, 0, 0.87) +} + +.select-wrapper+label { + position: absolute; + top: -26px; + font-size: .8rem +} + +select:disabled { + color: rgba(0, 0, 0, 0.42) +} + +.select-wrapper.disabled+label { + color: rgba(0, 0, 0, 0.42) +} + +.select-wrapper.disabled .caret { + fill: rgba(0, 0, 0, 0.42) +} + +.select-wrapper input.select-dropdown:disabled { + color: rgba(0, 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, 0.3) +} + +.select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup { + color: rgba(0, 0, 0, 0.3); + background-color: transparent +} + +body.keyboard-focused .select-dropdown.dropdown-content li:focus { + background-color: rgba(0, 0, 0, 0.08) +} + +.select-dropdown.dropdown-content li:hover { + background-color: rgba(0, 0, 0, 0.08) +} + +.select-dropdown.dropdown-content li.selected { + background-color: rgba(0, 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, 0.7) +} + +.select-dropdown li.optgroup>span { + color: rgba(0, 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; + filter: alpha(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: none; + width: 100%; + margin: 15px 0; + padding: 0 +} + +input[type=range]:focus { + outline: none +} + +input[type=range]+.thumb { + position: absolute; + top: 10px; + left: 0; + border: none; + height: 0; + width: 0; + border-radius: 50%; + background-color: #26a69a; + 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: #26a69a; + 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: #fff; + 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: #26a69a; + -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: #26a69a; + -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, 0.26); + box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26) +} + +input[type=range] { + border: 1px solid white +} + +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: #26a69a; + -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 #fff; + outline-offset: -1px +} + +.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb { + box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26) +} + +input[type=range]::-ms-track { + height: 3px; + background: transparent; + 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: #26a69a; + -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, 0.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: #fff; + 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, 0.05) +} + +.sidenav li>a { + color: rgba(0, 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, 0.05) +} + +.sidenav li>a.btn, .sidenav li>a.btn-large, .sidenav li>a.btn-small, .sidenav li>a.btn-large, .sidenav li>a.btn-flat, .sidenav li>a.btn-floating { + margin: 10px 15px +} + +.sidenav li>a.btn, .sidenav li>a.btn-large, .sidenav li>a.btn-small, .sidenav li>a.btn-large, .sidenav li>a.btn-floating { + color: #fff +} + +.sidenav li>a.btn-flat { + color: #343434 +} + +.sidenav li>a.btn:hover, .sidenav li>a.btn-large:hover, .sidenav li>a.btn-small:hover, .sidenav li>a.btn-large:hover { + background-color: #2bbbad +} + +.sidenav li>a.btn-floating:hover { + background-color: #26a69a +} + +.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .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, 0.54) +} + +.sidenav .divider { + margin: 8px 0 0 0 +} + +.sidenav .subheader { + cursor: initial; + pointer-events: none; + color: rgba(0, 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 .name, .sidenav .user-view .email { + display: block +} + +.sidenav .user-view .circle { + height: 64px; + width: 64px +} + +.sidenav .user-view .name, .sidenav .user-view .email { + 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, 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: #26a69a +} + +.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(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both +} + +.active .spinner-layer.spinner-red { + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both +} + +.active .spinner-layer.spinner-yellow { + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both +} + +.active .spinner-layer.spinner-green { + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both +} + +.active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { + opacity: 1; + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 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(0.4, 0, 0.2, 1) infinite both; + animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both +} + +.active .circle-clipper.right .circle { + -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: right-spin 1333ms cubic-bezier(0.4, 0, 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 400ms cubic-bezier(0.4, 0, 0.2, 1); + animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 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: #fff; + 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, 0.5); + -webkit-transition: background-color .3s; + transition: background-color .3s; + border-radius: 50% +} + +.carousel .indicators .indicator-item.active { + background-color: #fff +} + +.carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active) .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 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 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(0.24, 0, 0.38, 1) infinite; + animation: pulse-animation 1s cubic-bezier(0.24, 0, 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, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2); + box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2); + width: 100%; + height: 100%; + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 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::before, .tap-target-wave::after { + content: ''; + display: block; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #ffffff +} + +.tap-target-wave::before { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform .3s; + transition: -webkit-transform .3s; + transition: transform .3s; + transition: transform .3s, -webkit-transform .3s +} + +.tap-target-wave::after { + visibility: hidden; + -webkit-transition: opacity .3s, + visibility 0s, + -webkit-transform .3s; + transition: opacity .3s, + visibility 0s, + -webkit-transform .3s; + transition: opacity .3s, + transform .3s, + visibility 0s; + transition: opacity .3s, + transform .3s, + visibility 0s, + -webkit-transform .3s; + z-index: -1 +} + +.tap-target-origin { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 10002; + position: absolute !important +} + +.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover { + background: none +} + +@media only screen and (max-width: 600px) { + .tap-target, .tap-target-wrapper { + width: 600px; + height: 600px + } +} + +.pulse { + overflow: visible; + position: relative +} + +.pulse::before { + content: ''; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: inherit; + border-radius: inherit; + -webkit-transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, -webkit-transform .3s; + transition: opacity .3s, transform .3s; + transition: opacity .3s, transform .3s, -webkit-transform .3s; + -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; + animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; + z-index: -1 +} + +@-webkit-keyframes pulse-animation { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + 50% { + opacity: 0; + -webkit-transform: scale(1.5); + transform: scale(1.5) + } + + 100% { + opacity: 0; + -webkit-transform: scale(1.5); + transform: scale(1.5) + } +} + +@keyframes pulse-animation { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + 50% { + opacity: 0; + -webkit-transform: scale(1.5); + transform: scale(1.5) + } + + 100% { + opacity: 0; + -webkit-transform: scale(1.5); + transform: scale(1.5) + } +} + +.datepicker-modal { + max-width: 325px; + min-width: 300px; + max-height: none +} + +.datepicker-container.modal-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 +} + +.datepicker-controls { + 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; + width: 280px; + margin: 0 auto +} + +.datepicker-controls .selects-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.datepicker-controls .select-wrapper input { + border-bottom: none; + text-align: center; + margin: 0 +} + +.datepicker-controls .select-wrapper input:focus { + border-bottom: none +} + +.datepicker-controls .select-wrapper .caret { + display: none +} + +.datepicker-controls .select-year input { + width: 50px +} + +.datepicker-controls .select-month input { + width: 70px +} + +.month-prev, .month-next { + margin-top: 4px; + cursor: pointer; + background-color: transparent; + border: none +} + +.datepicker-date-display { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + background-color: #26a69a; + color: #fff; + padding: 20px 22px; + font-weight: 500 +} + +.datepicker-date-display .year-text { + display: block; + font-size: 1.5rem; + line-height: 25px; + color: rgba(255, 255, 255, 0.7) +} + +.datepicker-date-display .date-text { + display: block; + font-size: 2.8rem; + line-height: 47px; + font-weight: 500 +} + +.datepicker-calendar-container { + -webkit-box-flex: 2.5; + -webkit-flex: 2.5 auto; + -ms-flex: 2.5 auto; + flex: 2.5 auto +} + +.datepicker-table { + width: 280px; + font-size: 1rem; + margin: 0 auto +} + +.datepicker-table thead { + border-bottom: none +} + +.datepicker-table th { + padding: 10px 5px; + text-align: center +} + +.datepicker-table tr { + border: none +} + +.datepicker-table abbr { + text-decoration: none; + color: #999 +} + +.datepicker-table td { + border-radius: 50%; + padding: 0 +} + +.datepicker-table td.is-today { + color: #26a69a +} + +.datepicker-table td.is-selected { + background-color: #26a69a; + color: #fff +} + +.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled { + color: rgba(0, 0, 0, 0.3); + pointer-events: none +} + +.datepicker-day-button { + background-color: transparent; + border: none; + line-height: 38px; + display: block; + width: 100%; + border-radius: 50%; + padding: 0 5px; + cursor: pointer; + color: inherit +} + +.datepicker-day-button:focus { + background-color: rgba(43, 161, 150, 0.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-today, .datepicker-done { + color: #26a69a; + padding: 0 1rem +} + +.datepicker-clear { + color: #F44336 +} + +@media only screen and (min-width: 601px) { + .datepicker-modal { + max-width: 625px + } + + .datepicker-container.modal-content { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row + } + + .datepicker-date-display { + -webkit-box-flex: 0; + -webkit-flex: 0 1 270px; + -ms-flex: 0 1 270px; + flex: 0 1 270px + } + + .datepicker-controls, .datepicker-table, .datepicker-footer { + width: 320px + } + + .datepicker-day-button { + line-height: 44px + } +} + +.timepicker-modal { + max-width: 325px; + max-height: none +} + +.timepicker-container.modal-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 0 +} + +.text-primary { + color: #fff +} + +.timepicker-digital-display { + -webkit-box-flex: 1; + -webkit-flex: 1 auto; + -ms-flex: 1 auto; + flex: 1 auto; + background-color: #26a69a; + padding: 10px; + font-weight: 300 +} + +.timepicker-text-container { + font-size: 4rem; + font-weight: bold; + text-align: center; + color: rgba(255, 255, 255, 0.6); + font-weight: 400; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.timepicker-span-hours, .timepicker-span-minutes, .timepicker-span-am-pm div { + cursor: pointer +} + +.timepicker-span-hours { + margin-right: 3px +} + +.timepicker-span-minutes { + margin-left: 3px +} + +.timepicker-display-am-pm { + font-size: 1.3rem; + position: absolute; + right: 1rem; + bottom: 1rem; + font-weight: 400 +} + +.timepicker-analog-display { + -webkit-box-flex: 2.5; + -webkit-flex: 2.5 auto; + -ms-flex: 2.5 auto; + flex: 2.5 auto +} + +.timepicker-plate { + background-color: #eee; + border-radius: 50%; + width: 270px; + height: 270px; + overflow: visible; + position: relative; + margin: auto; + margin-top: 25px; + margin-bottom: 5px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.timepicker-canvas, .timepicker-dial { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0 +} + +.timepicker-minutes { + visibility: hidden +} + +.timepicker-tick { + border-radius: 50%; + color: rgba(0, 0, 0, 0.87); + line-height: 40px; + text-align: center; + width: 40px; + height: 40px; + position: absolute; + cursor: pointer; + font-size: 15px +} + +.timepicker-tick.active, .timepicker-tick:hover { + background-color: rgba(38, 166, 154, 0.25) +} + +.timepicker-dial { + -webkit-transition: opacity 350ms, -webkit-transform 350ms; + transition: opacity 350ms, -webkit-transform 350ms; + transition: transform 350ms, opacity 350ms; + transition: transform 350ms, opacity 350ms, -webkit-transform 350ms +} + +.timepicker-dial-out { + opacity: 0 +} + +.timepicker-dial-out.timepicker-hours { + -webkit-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1) +} + +.timepicker-dial-out.timepicker-minutes { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8) +} + +.timepicker-canvas { + -webkit-transition: opacity 175ms; + transition: opacity 175ms +} + +.timepicker-canvas line { + stroke: #26a69a; + stroke-width: 4; + stroke-linecap: round +} + +.timepicker-canvas-out { + opacity: 0.25 +} + +.timepicker-canvas-bearing { + stroke: none; + fill: #26a69a +} + +.timepicker-canvas-bg { + stroke: none; + fill: #26a69a +} + +.timepicker-footer { + margin: 0 auto; + padding: 5px 1rem; + 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 +} + +.timepicker-clear { + color: #F44336 +} + +.timepicker-close { + color: #26a69a +} + +.timepicker-clear, .timepicker-close { + padding: 0 20px +} + +@media only screen and (min-width: 601px) { + .timepicker-modal { + max-width: 600px + } + + .timepicker-container.modal-content { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row + } + + .timepicker-text-container { + top: 32% + } + + .timepicker-display-am-pm { + position: relative; + right: auto; + bottom: auto; + text-align: center; + margin-top: 1.2rem + } +} diff --git a/assets/templates/uploads.html b/assets/templates/uploads.html index 262ed22..fbb5ff3 100644 --- a/assets/templates/uploads.html +++ b/assets/templates/uploads.html @@ -1,19 +1,25 @@ - - - - - - - - - - + + + + + + + + + - - - - - + + + + + + + + + +
@@ -84,8 +90,21 @@
-
+
+
+
+

+ What is ethoFS? +

+
+
+
+
+
+
+ +
@@ -650,6 +669,7 @@ module = undefined; } + @@ -668,8 +688,23 @@ + + +
diff --git a/modules/geth.js b/modules/geth.js index 952864a..35fe7cb 100755 --- a/modules/geth.js +++ b/modules/geth.js @@ -108,4 +108,4 @@ ipcMain.on("stopGeth", (event, arg) => { EthoGeth.stopGeth(); }); -EthoGeth = new Geth(); \ No newline at end of file +EthoGeth = new Geth();