/* #region Global Overrides */
html,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--font);
}
/* #endregion */

/* #region Nav Overrides */
.z-depth-1, nav, /* .card-panel, .card, */ .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {box-shadow: none;}

[data-theme='origami'] nav {background-color: var(--theme-primary);}

.brand-logo img {
    width: 262px;
    height: auto;
}

nav ul a {
    padding: var(--space-s) var(--space);
    line-height: 1;
}

nav ul.secondary {clear: right;}

nav ul.secondary a {padding: var(--space-s);}

nav .material-icons {font-size: 16px;}
/* #endregion */

/* #region General Overrides */
.material-icons {vertical-align: middle; margin-top: -2px;}
/* #endregion */

/* #region Table Overrides */
table.m-highlight > tbody > tr {
    transition: background-color .25s ease; }
    table.m-highlight > tbody > tr:hover {
      background-color: var(--gray-200) }
/* #endregion */

/* #region Tabs Overrides */
.tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: var(--space-xl);
    width: 100%;
    background-color: var(--white);
    margin: 0 auto;
    white-space: nowrap;
    border-bottom: 1px solid var(--gray-200);
  }
  
  .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: var(--gray-500);
  }
  
  .tabs.tabs-transparent .tab a:hover,
  .tabs.tabs-transparent .tab a.active {
    color: var(--white);
  }
  
  .tabs.tabs-transparent .indicator {
    background-color: var(--white);
  }
  
  .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: var(--space-xl);
    height: var(--space-xl);
    padding: 0;
    margin: 0;
    text-transform: uppercase;
  }
  
  .tabs .tab a {
    color: var(--theme-primary-light);
    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 {
    border: 1px solid var(--theme-primary-lightest);
    outline: none;
    border-radius: 2px 2px 0 0;
  }
  
  .tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: var(--theme-primary);
  }
  
  .tabs .tab.disabled a,
  .tabs .tab.disabled a:hover {
    color: var(--gray-500);
    cursor: default;
  }
  
  .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--theme-primary);
    will-change: left, right;
  }
/* #endregion */

/* #region Tabs Overrides */
.collapsible {
    border-top: 1px solid var(--border);
    border-right: 1px solid var(--border);
    border-left: 1px solid var(--border);
    margin: 0;
    list-style-type: none;
}
.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: var(--space-m);
    background-color: #fff;
    border-bottom: 1px solid var(--border);
}
.collapsible-header:focus {
    outline: 0;
}
.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: var(--space-m);
}
.keyboard-focused .collapsible-header:focus {
    background-color: var(--gray-200);
}
.collapsible-body {
    display: none;
    border-bottom: 1px solid var(--border);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--space-l);
}
/* #endregion */

/* #region Dropdown Overrides */
.dropdown-content {
    background-color: var(--white);
    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;
    border: 1px solid var(--border);
}
.dropdown-content:focus {
    outline: 0;
}
.dropdown-content li {
    clear: both;
    color: var(--font-color);
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
}
.dropdown-content li:hover,
.dropdown-content li.active {
    background-color: var(--gray-100);
}
.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: var(--theme-link);
    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: var(--gray-100);
}
.input-field.col .dropdown-content [type="checkbox"] + label {
    top: 1px;
    left: 0;
    height: 18px;
    -webkit-transform: none;
    transform: none;
}
.dropdown-trigger {
    cursor: pointer;
} 

.divider {
    height: 1px;
    overflow: hidden;
    background-color: var(--gray-200);
}
/* #endregion */

/* #region General Overrides */
.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:0;
  margin: 0;
  border-radius:2px;
  background-color:#fff
 }
 .card {
  position:relative;
  margin: 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: var(--text-m);
  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;

 }
 .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:0;
  width: 100%;
  border-radius:0 0 2px 2px
 }
 .card .card-content p {
  margin:0
 }
 .card .card-content .card-title {
  display:block;
  line-height:initial;
  margin-bottom:0;
 }
 .card .card-content .card-title i {
  line-height:32px
 }
 .card .card-action {
  background-color:inherit;
  border-top:1px solid rgba(160,160,160,.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-small):not(.btn-large):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-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
  color:#ffd8a6
 }
 .card .card-reveal {
  padding: 0;
  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
 }
 
/* #endregion */


.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }