/* Mobile modal/accordion compatibility foundations, adapted from Materialize 1.0.0.
 * Copyright 2014-2018 Materialize. MIT License.
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 * Loaded before site/page overrides. Unused picker, popout, fixed-footer and
 * bottom-sheet variants are intentionally not included.
 * Audited against sidebar, forecast, forecast-car and alerts templates.
 * Unused accordion icon, legacy badge, nested-list-link and
 * fixed-drawer variants have been omitted.
 */
/* Trigger layout retained for W2DApp's ripple ink. Keep this before the
   accordion rules: equal-specificity .collapsible-header must remain flex.
   Site/page overrides still control individual action geometry. */
.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;
}
/* Images inside live collection/bottom navigation ripple triggers. */
.waves-effect img {
  position: relative;
  z-index: -1;
}

/* More/login collection containers and More links. Colors, outer margins
   and borders are already supplied by style.css and inline page styles. */
.collection {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.collection .collection-item {
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
}
.collection .collection-item:last-child {
  border-bottom: none;
}
.collection a.collection-item {
  display: block;
  -webkit-transition: .25s;
  transition: .25s;
}

.modal {
  display:none;
  position:fixed;
  left:0;
  right:0;
  background-color:#fafafa;
  padding:0;
  max-height:70%;
  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;
  background-color:#fafafa;
  padding:4px 6px;
  height:56px;
  width:100%;
  text-align:right
}

.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-body {
  display:none;
  border-bottom:1px solid #ddd;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:2rem
}

.sidenav .collapsible{
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none
}

.sidenav .collapsible li{
  padding:0
}

.sidenav .collapsible-header{
  background-color:transparent;
  border:none;
  line-height:inherit;
  height:inherit;
  padding:0 16px
}

.sidenav .collapsible-header:hover{
  background-color:rgba(0,0,0,0.05)
}

.sidenav .collapsible-body{
  border:0;
  background-color:#fff
}

.sidenav .collapsible {
  margin:0
}

.sidenav .collapsible-body {
  padding:0
}
.modal { box-shadow: 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12), 0 11px 15px -7px rgba(0,0,0,.2); }

/* Remaining dropdown dependencies: geometry/clipping are owned by style.css.
   Keep vendor-level specificity so existing page colors and RTL rules win. */
.dropdown-content {
  background-color: #fff;
}
.dropdown-content li {
  clear: both;
  color: rgba(0,0,0,.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
}
.dropdown-content li:hover,
.dropdown-content li.active {
  background-color: #eee;
}
.dropdown-content li > a {
  font-size: 16px;
  line-height: 22px;
}

/* Drawer container, colors, height and RTL padding live in style.css.
   These are the remaining inherited list/link properties, not a second drawer. */
.sidenav li {
  float: none;
  line-height: 48px;
}
.sidenav li > a {
  display: block;
  font-weight: 500;
  padding: 0 32px;
}

/* Native radar/satellite timelines and radar-clouds opacity control.
   Only missing input defaults from the loaded Materialize 1.0.0 sheet.
   style.css retains borders, margins, #slider width and custom track/thumb
   sizing. The radar-clouds div#slider is a separate jQuery UI control.
   Track/thumb and browser-specific focus parity remain a separate audit. */
input[type=range] {
  position: relative;
  background-color: transparent;
  width: 100%;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Radar-clouds native opacity control: preserve its existing 14px teal thumb.
   style.css retains the transparent 8px WebKit track. Scope these defaults
   to this control so the 32px timeline thumbs and jQuery UI slider are untouched. */
#opacityRange::-webkit-slider-runnable-track { border: none; }
#opacityRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin: -5px 0 0;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
}
#opacityRange::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}
#opacityRange::-moz-focus-inner { border: 0; }
#opacityRange::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  margin-top: -5px;
  transition: box-shadow .3s;
}
#opacityRange:-moz-focusring { outline-offset: -1px; }
#opacityRange::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
#opacityRange::-ms-fill-lower { background: #777; }
#opacityRange::-ms-fill-upper { background: #ddd; }
#opacityRange::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  transition: box-shadow .3s;
}