﻿/* Fixing common browser problems extract from: normalize.css | MIT License | git.io/normalize */
/* Thanks to Nicolas Gallagher and Jonathan Neal */
html {font-family:sans-serif;}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden],template {display:none;}
a {background-color:transparent;}
a:active,a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
h1 {font-size:2em;margin:0.67em 0;}
mark {background: #ff0;color:#000;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0; position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre {overflow:auto;}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto;}
input[type=search] {box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
html {box-sizing:border-box;}
*,*:before,*:after {box-sizing:inherit;}
table {border-collapse:collapse;border-spacing:0;width:100%;display:table;}
table,th,td {border:none;}
/* End Normalize Browser Fixes */
html {
  font-family: Verdana,sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1;
  margin: 0.7em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 48px}
h2 {font-size: 40px}
h3 {font-size: 34px}
h4 {font-size: 28px}
h5 {font-size: 22px}
h6 {font-size: 16px}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
/* W3.CSS ver 1.008 created and designed by Jan Egil Refsnes. W3schools May 2015. Do not remove this line. */

/* TABLES */ 
.w3-table {border-collapse:collapse;border-spacing:0;width:100%;display:table;}
.w3-table {border:none;}
table.w3-bordered tr {border-bottom: 1px solid #d0d0d0;}
table.w3-striped tbody tr:nth-child(odd) {background-color: #f2f2f2;}
table.w3-hoverable tbody tr {transition: background-color .25s ease;}
table.w3-hoverable tbody tr:hover {background-color: #f2f2f2;}
table.w3-centered tr th, table.w3-centered tr td {text-align: center;}
thead.w3-bordered {border-bottom: 1px solid #d0d0d0;}
table.w3-table td, th {
  padding: 6px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}
/* BUTTONS */
.w3-btn {
  border: none;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  outline: 0;
  padding: 0 16px;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  text-align: center;
  transition: .2s ease-out;
  cursor: pointer;
}
.w3-btn.w3-disabled, .w3-btn-floating.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled {
  background-color: #DFDFDF;
  box-shadow: none;
  color: #9F9F9F;
  cursor: not-allowed;
}
.w3-btn.w3-disabled *, .w3-btn-floating.w3-disabled *, .w3-btn:disabled *, .w3-btn-floating:disabled * {pointer-events: none;}
.w3-btn.w3-disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating:disabled:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}
.w3-btn i, .w3-btn-floating i {
  font-size: 21px;
  line-height: inherit;
}
.w3-btn:hover, .w3-btn-floating:hover, .w3-btn-floating i:hover  {
  opacity: 0.7 !important;
}
.w3-btn-floating {
  display: inline-block;
  color: #fff;
  background-color: #000;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}
.w3-btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 25px;
  line-height: 36px;
}
.w3-btn-floating:before {border-radius: 0;}
/* BADGES */
.w3-badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
  border-radius: 12px;
}
.w3-badge:empty {
  display: none;
}
/* BLOCKQUOTE */
.w3-blockquote {
  margin: 0;
  padding-left: 16px;
  border-left: 5px solid #ddd;
  font-style: italic;
}
/* LISTS */
ul.w3-ul {
  list-style-type: none;
  padding: 0;
}
ul.w3-ul li {
  line-height: 24px;
  padding: 6px 8px;
  border-bottom: 1px solid #e0e0e0;
}
ul.w3-ul li:last-child {border-bottom: none;}
/* IMAGES */
.w3-image {position: relative;}
.w3-image img {
  max-width: 100%;
  height: auto;
}
.w3-image .w3-title {
  position: absolute;
  bottom: 8px;
  left: 16px;
  color: #fff;
  font-size: 20px;
}
/* TOOLTIP */
.w3-tooltip .w3-text {display: none;}
.w3-tooltip:hover .w3-text {
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  background: #333;
  color: #fff;
}
/* TOPNAV */
.w3-topnav ul {
  padding: 0;
  margin: 0;
  list-style: none !important;
}
.w3-topnav li {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
.w3-topnav a:first-child {
  padding: 0 16px;
}
.w3-topnav a {
  text-decoration: none !important;
  color: #fff;
  display: block;
  transition: .3s;
}
.w3-topnav li:hover {border-bottom: 4px solid #fff;}
/* SIDENAV */
.w3-sidenav {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
  overflow: auto;
}
.w3-opennav, .w3-closenav {color: #000;}
.w3-opennav:hover, .w3-closenav:hover {cursor: pointer; opacity: 0.8;}
.w3-sidenav a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 12px 16px;
  transition: .3s;
}
.w3-sidenav a:hover, .w3-sidenav a:focus {background-color: #ccc;}
/* MODAL */
.w3-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow:auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.w3-modal:target {
  display: table;
  position: absolute;
  overflow: scroll;
}
.w3-modal-dialog {
  display: table-cell;
  vertical-align: middle;
}
.w3-modal-dialog .w3-modal-content {
  margin: auto;
  background-color: #f3f3f3;
  position: relative;
  padding: 0;
  outline: 0;
  border: 1px #555 solid;
  text-align: justify;
  font-size: 15px;
  width: 600px;
}
.w3-closebtn {
  text-decoration:none;
  float: right;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}
.w3-closebtn:hover, .w3-closebtn:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* FORMS */
.w3-group {position: relative; margin-top: 30px; margin-bottom: 30px;}
.w3-input, .w3-textarea {
  font-size: 18px;
  padding: 10px;
  display: block;
  width: 300px;
  border: none;
  border-bottom: 1px solid #808080;
}
.w3-label {
  color: green; 
  font-size: 18px;
  pointer-events: none;
  position: absolute;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all; 
  -moz-transition: 0.2s ease all; 
  -webkit-transition: 0.2s ease all;
}
.w3-input:focus ~ .w3-label, .w3-input:valid ~ .w3-label,
.w3-textarea:focus ~ .w3-label, .w3-textarea:valid ~ .w3-label {
  top: -20px;
  font-size: 14px;
  color: #888;
}
/* RESPONSIVE */
.w3-row {margin:0;padding:0;}
.w3-row:after {
  content: ""; display: table; clear: both;
}
.w3-col, .w3-half, .w3-quarter, .w3-third, .w3-col2, .w3-col3, .w3-col4 {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.w3-col.s1 {width:  8.33333%;}
.w3-col.s2 {width: 16.66666%;}
.w3-col.s3 {width: 24.99999%;}
.w3-col.s4 {width: 33.33333%;}
.w3-col.s5 {width: 41.66666%;}
.w3-col.s6 {width: 49.99999%;}
.w3-col.s7 {width: 58.33333%;}
.w3-col.s8 {width: 66.66666%;}
.w3-col.s9 {width: 74.99999%;}
.w3-col.s10{width: 83.33333%;}
.w3-col.s11{width: 91.66666%;}
.w3-col.s12, .w3-half, .w3-third, .w3-quarter, .w3-col2, .w3-col3, .w3-col4 {width: 99.99999%;}
@media only screen and (min-width : 601px) {
.w3-col.m1 {width: 8.33333%;}
.w3-col.m2 {width: 16.66666%;}
.w3-col.m3, .w3-quarter, .w3-col4 {width: 24.99999%;}
.w3-col.m4, .w3-third, .w3-col3 {width: 33.33333%;}
.w3-col.m5 {width: 41.66666%;}
.w3-col.m6, .w3-half, .w3-col2 {width: 49.99999%;}
.w3-col.m7 {width: 58.33333%;}
.w3-col.m8 {width: 66.66666%;}
.w3-col.m9 {width: 74.99999%;}
.w3-col.m10{width: 83.33333%;}
.w3-col.m11{width: 91.66666%;}
.w3-col.m12 {width: 99.99999%;}}
@media only screen and (min-width : 993px) {
.w3-col.l1 {width:  8.33333%;}
.w3-col.l2 {width: 16.66666%;}
.w3-col.l3, .w3-quarter, .w3-col4 {width: 24.99999%;}
.w3-col.l4, .w3-third, .w3-col3 {width: 33.33333%;}
.w3-col.l5 {width: 41.66666%;}
.w3-col.l6, .w3-half, .w3-col2 {width: 49.99999%;}
.w3-col.l7 {width: 58.33333%;}
.w3-col.l8 {width: 66.66666%;}
.w3-col.l9 {width: 74.99999%;}
.w3-col.l10{width: 83.33333%;}
.w3-col.l11{width: 91.66666%;}
.w3-col.l12{width: 99.99999%;}}
@media (max-width: 570px) {
  .w3-modal-dialog .w3-modal-content {
  margin:50px 10px 10px 10px;
  width: auto !important;}}
@media (max-width: 768px) {
  .w3-modal-dialog .w3-modal-content {
  width: 500px;}}
@media (min-width: 992px) {
  .w3-modal-dialog .w3-modal-content {
  width: 900px;}}
@media screen and (min-width: 630px) {
.w3-topnav li {
  padding: 0px 5px;
}
.w3-topnav li {display: inline-block;}
}	
@media screen and (max-width: 629px) {
.w3-topnav ul {text-align:center;}
}
table.responsive-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  position: relative;
}
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 {
  padding: 0 10px;
}
table.responsive-table thead {
  border: 0;
  border-right: 1px solid #d0d0d0; }
table.responsive-table.bordered th {
  border-bottom: 0;
  border-left: 0;
}
table.responsive-table.bordered td {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
table.responsive-table.bordered tr {
  border: 0;
}
table.responsive-table.bordered tbody tr {
  border-right: 1px solid #d0d0d0;
}
img.responsive-img, video.responsive-video {
  max-width: 100%;
  height: auto;
}
/* UTILITIES */
i {line-height: inherit;}
i.left   {float: left; margin-right: 15px !important;}
i.right  {float: right; margin-left: 15px !important;}
i.tiny   {font-size: 1em !important;}
i.small  {font-size: 2em !important;}
i.medium {font-size: 4em !important;}
i.large  {font-size: 6em !important;}
.w3-hide {display: none !important;}
.w3-show {display: block !important;}
.w3-tiny {font-size: 10px !important;}
.w3-small {font-size: 12px !important;}
.w3-large {font-size: 20px !important;}
.w3-xlarge {font-size: 24px !important;}
.w3-xxlarge {font-size: 32px !important;}
.w3-left-align {text-align: left !important;}
.w3-right-align {text-align: right !important;}
.w3-center, .center-align {text-align: center !important;}
.w3-left {float: left !important;}
.w3-right {float: right !important;}
.w3-circle {border-radius: 50% !important;}
.w3-border, .w3-borders {border: 1px solid #ccc !important;}
.w3-border-top {border-top: 1px solid #ccc !important;}
.w3-border-bottom {border-bottom: 1px solid #ccc !important;}
.w3-border-left {border-left: 1px solid #ccc !important;}
.w3-border-right {border-right: 1px solid #ccc !important;}
.w3-border-none {border: 0 !important;}
.w3-margin-0 {margin: 0px !important;}
.w3-margin-2 {margin: 2px !important;}
.w3-margin-4 {margin: 4px !important;}
.w3-margin-8 {margin: 8px !important;}
.w3-margin-12 {margin: 12px !important;}
.w3-margin-16 {margin: 16px !important;}
.w3-margin-24 {margin: 24px !important;}
.w3-margin-32 {margin: 32px !important;}
.w3-margin {margin: 16px !important;}
.w3-padding-0 {padding: 0 !important;}
.w3-padding-2 {padding: 1px 2px !important;}
.w3-padding-4 {padding: 2px 4px !important;}
.w3-padding-8 {padding: 4px 8px !important;}
.w3-padding-12 {padding: 6px 12px !important;}
.w3-padding-16 {padding: 8px 16px !important;}
.w3-padding-24 {padding: 12px 24px !important;}
.w3-padding-32 {padding: 16px 32px !important;}
.w3-padding {padding: 8px 16px 8px 16px !important;}
.w3-padding-top {padding-top: 8px !important;}
.w3-padding-bottom {padding-bottom: 8px !important;}
.w3-padding-left {padding-left: 16px !important;}
.w3-padding-right {padding-right: 16px !important;}
.w3-padding-none {padding: 0 !important;}
.w3-card {border: 1px solid #ccc;}
.w3-header, .w3-footer, .w3-article, .w3-section, .w3-container, .w3-panel {padding: 1px 16px; overflow: hidden;}
/* DEPTHS */
.w3-depth-0 {border: 1px solid #ccc !important;}
.w3-depth-2, .w3-card-2 {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;}
.w3-depth-4, .w3-card-4 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.w3-depth-8, .w3-card-8 {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.w3-depth-12, .w3-card-12 {box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;}
.w3-depth-16, .w3-card-16 {box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;}
.w3-depth-24, .w3-card-24 {box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;}
/* COLORS */
.red-l5 {color: #000; background-color: #FFEBEE !important;}
.red-l4 {color: #000; background-color: #FFCDD2 !important;}
.red-l3 {color: #000; background-color: #EF9A9A !important;}
.red-l2 {color: #000; background-color: #E57373 !important;}
.red-l1 {color: #fff; background-color: #EF5350 !important;}
.red {color: #fff; background-color: #F44336 !important;}
.red-d1 {color: #fff; background-color: #E53935 !important;}
.red-d2 {color: #fff; background-color: #D32F2F !important;}
.red-d3 {color: #fff; background-color: #C62828 !important;}
.red-d4 {color: #fff; background-color: #B71C1C !important;}
.red-accent-1 {color: #fff; background-color: #FF8A80 !important;}
.red-accent-2 {color: #fff; background-color: #FF5252 !important;}
.red-accent-3 {color: #fff; background-color: #FF1744 !important;}
.red-accent-4 {color: #fff; background-color: #D50000 !important;}
.pink-l5 {color: #000; background-color: #fce4ec !important;}
.pink-l4 {color: #000; background-color: #f8bbd0 !important;}
.pink-l3 {color: #000; background-color: #f48fb1 !important;}
.pink-l2 {color: #fff; background-color: #f06292 !important;}
.pink-l1 {color: #fff; background-color: #ec407a !important;}
.pink {color: #fff; background-color: #e91e63 !important;}
.pink-d1 {color: #fff; background-color: #d81b60 !important;}
.pink-d2 {color: #fff; background-color: #c2185b !important;}
.pink-d3 {color: #fff; background-color: #ad1457 !important;}
.pink-d4 {color: #fff; background-color: #880e4f !important;}
.pink-accent-1 {color: #fff; background-color: #ff80ab !important;}
.pink-accent-2 {color: #fff; background-color: #ff4081 !important;}
.pink-accent-3 {color: #fff; background-color: #f50057 !important;}
.pink-accent-4 {color: #fff; background-color: #c51162 !important;}
.purple-l5 {color: #000; background-color: #f3e5f5 !important;}
.purple-l4 {color: #000; background-color: #e1bee7 !important;}
.purple-l3 {color: #000; background-color: #ce93d8 !important;}
.purple-l2 {color: #fff; background-color: #ba68c8 !important;}
.purple-l1 {color: #fff; background-color: #ab47bc !important;}
.purple {color: #fff; background-color: #9c27b0 !important;}
.purple-d1 {color: #fff; background-color: #8e24aa !important;}
.purple-d2 {color: #fff; background-color: #7b1fa2 !important;}
.purple-d3 {color: #fff; background-color: #6a1b9a !important;}
.purple-d4 {color: #fff; background-color: #4a148c !important;}
.purple-accent-1 {color: #fff; background-color: #ea80fc !important;}
.purple-accent-2 {color: #fff; background-color: #e040fb !important;}
.purple-accent-3 {color: #fff; background-color: #d500f9 !important;}
.purple-accent-4 {color: #fff; background-color: #aa00ff !important;}
.deep-purple-l5 {color: #000; background-color: #ede7f6 !important;}
.deep-purple-l4 {color: #000; background-color: #d1c4e9 !important;}
.deep-purple-l3 {color: #000; background-color: #b39ddb !important;}
.deep-purple-l2 {color: #fff; background-color: #9575cd !important;}
.deep-purple-l1 {color: #fff; background-color: #7e57c2 !important;}
.deep-purple {color: #fff; background-color: #673ab7 !important;}
.deep-purple-d1 {color: #fff; background-color: #5e35b1 !important;}
.deep-purple-d2 {color: #fff; background-color: #512da8 !important;}
.deep-purple-d3 {color: #fff; background-color: #4527a0 !important;}
.deep-purple-d4 {color: #fff; background-color: #311b92 !important;}
.deep-purple-accent-1 {color: #fff; background-color: #b388ff !important;}
.deep-purple-accent-2 {color: #fff; background-color: #7c4dff !important;}
.deep-purple-accent-3 {color: #fff; background-color: #651fff !important;}
.deep-purple-accent-4 {color: #fff; background-color: #6200ea !important;}
.indigo-l5 {color: #000; background-color: #e8eaf6 !important;}
.indigo-l4 {color: #000; background-color: #c5cae9 !important;}
.indigo-l3 {color: #000; background-color: #9fa8da !important;}
.indigo-l2 {color: #fff; background-color: #7986cb !important;}
.indigo-l1 {color: #fff; background-color: #5c6bc0 !important;}
.indigo {color: #fff; background-color: #3f51b5 !important;}
.indigo-d1 {color: #fff; background-color: #3949ab !important;}
.indigo-d2 {color: #fff; background-color: #303f9f !important;}
.indigo-d3 {color: #fff; background-color: #283593 !important;}
.indigo-d4 {color: #fff; background-color: #1a237e !important;}
.indigo-accent-1 {color: #fff; background-color: #8c9eff !important;}
.indigo-accent-2 {color: #fff; background-color: #536dfe !important;}
.indigo-accent-3 {color: #fff; background-color: #3d5afe !important;}
.indigo-accent-4 {color: #fff; background-color: #304ffe !important;}
.blue-l5 {color: #000; background-color: #E3F2FD !important;}
.blue-l4 {color: #000; background-color: #BBDEFB !important;}
.blue-l3 {color: #000; background-color: #90CAF9 !important;}
.blue-l2 {color: #000; background-color: #64B5F6 !important;}
.blue-l1 {color: #fff; background-color: #42A5F5 !important;}
.blue {color: #fff; background-color: #2196F3 !important;}
.blue-d1 {color: #fff; background-color: #1E88E5 !important;}
.blue-d2 {color: #fff; background-color: #1976D2 !important;}
.blue-d3 {color: #fff; background-color: #1565C0 !important;}
.blue-d4 {color: #fff; background-color: #0D47A1 !important;}
.blue-accent-1 {color: #fff; background-color: #82B1FF !important;}
.blue-accent-2 {color: #fff; background-color: #448AFF !important;}
.blue-accent-3 {color: #fff; background-color: #2979FF !important;}
.blue-accent-4 {color: #fff; background-color: #2962FF !important;}
.light-blue-l5 {color: #000; background-color: #e1f5fe !important;}
.light-blue-l4 {color: #000; background-color: #b3e5fc !important;}
.light-blue-l3 {color: #000; background-color: #81d4fa !important;}
.light-blue-l2 {color: #000; background-color: #4fc3f7 !important;}
.light-blue-l1 {color: #000; background-color: #29b6f6 !important;}
.light-blue {color: #000; background-color: #03a9f4 !important;}
.light-blue-d1 {color: #fff; background-color: #039be5 !important;}
.light-blue-d2 {color: #fff; background-color: #0288d1 !important;}
.light-blue-d3 {color: #fff; background-color: #0277bd !important;}
.light-blue-d4 {color: #fff; background-color: #01579b !important;}
.light-blue-accent-1 {color: #fff; background-color: #80d8ff !important;}
.light-blue-accent-2 {color: #fff; background-color: #40c4ff !important;}
.light-blue-accent-3 {color: #fff; background-color: #00b0ff !important;}
.light-blue-accent-4 {color: #fff; background-color: #0091ea !important;}
.cyan-l5 {color: #000; background-color: #e0f7fa !important;}
.cyan-l4 {color: #000; background-color: #b2ebf2 !important;}
.cyan-l3 {color: #000; background-color: #80deea !important;}
.cyan-l2 {color: #000; background-color: #4dd0e1 !important;}
.cyan-l1 {color: #000; background-color: #26c6da !important;}
.cyan {color: #000; background-color: #00bcd4 !important;}
.cyan-d1 {color: #000; background-color: #00acc1 !important;}
.cyan-d2 {color: #fff; background-color: #0097a7 !important;}
.cyan-d3 {color: #fff; background-color: #00838f !important;}
.cyan-d4 {color: #fff; background-color: #006064 !important;}
.cyan-accent-1 {color: #fff; background-color: #84ffff !important;}
.cyan-accent-2 {color: #fff; background-color: #18ffff !important;}
.cyan-accent-3 {color: #fff; background-color: #00e5ff !important;}
.cyan-accent-4 {color: #fff; background-color: #00b8d4 !important;}
.teal-l5 {color: #000; background-color: #e0f2f1 !important;}
.teal-l4 {color: #000; background-color: #b2dfdb !important;}
.teal-l3 {color: #000; background-color: #80cbc4 !important;}
.teal-l2 {color: #000; background-color: #4db6ac !important;}
.teal-l1 {color: #000; background-color: #26a69a !important;}
.teal {color: #fff; background-color: #009688 !important;}
.teal-d1 {color: #fff; background-color: #00897b !important;}
.teal-d2 {color: #fff; background-color: #00796b !important;}
.teal-d3 {color: #fff; background-color: #00695c !important;}
.teal-d4 {color: #fff; background-color: #004d40 !important;}
.teal-accent-1 {color: #fff; background-color: #a7ffeb !important;}
.teal-accent-2 {color: #fff; background-color: #64ffda !important;}
.teal-accent-3 {color: #fff; background-color: #1de9b6 !important;}
.teal-accent-4 {color: #fff; background-color: #00bfa5 !important;}
.green-l5 {color: #000; background-color: #E8F5E9 !important;}
.green-l4 {color: #000; background-color: #C8E6C9 !important;}
.green-l3 {color: #000; background-color: #A5D6A7 !important;}
.green-l2 {color: #000; background-color: #81C784 !important;}
.green-l1 {color: #000; background-color: #66BB6A !important;}
.green {color: #000; background-color: #4CAF50 !important;}
.green-d1 {color: #fff; background-color: #43A047 !important;}
.green-d2 {color: #fff; background-color: #388E3C !important;}
.green-d3 {color: #fff; background-color: #2E7D32 !important;}
.green-d4 {color: #fff; background-color: #1B5E20 !important;}
.green-accent-1 {color: #fff; background-color: #B9F6CA !important;}
.green-accent-2 {color: #fff; background-color: #69F0AE !important;}
.green-accent-3 {color: #fff; background-color: #00E676 !important;}
.green-accent-4 {color: #fff; background-color: #00C853 !important;}
.light-green-l5 {color: #000; background-color: #f1f8e9 !important;}
.light-green-l4 {color: #000; background-color: #dcedc8 !important;}
.light-green-l3 {color: #000; background-color: #c5e1a5 !important;}
.light-green-l2 {color: #000; background-color: #aed581 !important;}
.light-green-l1 {color: #000; background-color: #9ccc65 !important;}
.light-green {color: #000; background-color: #8bc34a !important;}
.light-green-d1 {color: #000; background-color: #7cb342 !important;}
.light-green-d2 {color: #fff; background-color: #689f38 !important;}
.light-green-d3 {color: #fff; background-color: #558b2f !important;}
.light-green-d4 {color: #fff; background-color: #33691e !important;}
.light-green-accent-1 {color: #fff; background-color: #ccff90 !important;}
.light-green-accent-2 {color: #fff; background-color: #b2ff59 !important;}
.light-green-accent-3 {color: #fff; background-color: #76ff03 !important;}
.light-green-accent-4 {color: #fff; background-color: #64dd17 !important;}
.lime-l5 {color: #000; background-color: #f9fbe7 !important;}
.lime-l4 {color: #000; background-color: #f0f4c3 !important;}
.lime-l3 {color: #000; background-color: #e6ee9c !important;}
.lime-l2 {color: #000; background-color: #dce775 !important;}
.lime-l1 {color: #000; background-color: #d4e157 !important;}
.lime {color: #000; background-color: #cddc39 !important;}
.lime-d1 {color: #000; background-color: #c0ca33 !important;}
.lime-d2 {color: #000; background-color: #afb42b !important;}
.lime-d3 {color: #000; background-color: #9e9d24 !important;}
.lime-d4 {color: #fff; background-color: #827717 !important;}
.lime-accent-1 {color: #fff; background-color: #f4ff81 !important;}
.lime-accent-2 {color: #fff; background-color: #eeff41 !important;}
.lime-accent-3 {color: #fff; background-color: #c6ff00 !important;}
.lime-accent-4 {color: #fff; background-color: #aeea00 !important;}
.yellow-l5 {color: #000; background-color: #fffde7 !important;}
.yellow-l4 {color: #000; background-color: #fff9c4 !important;}
.yellow-l3 {color: #000; background-color: #fff59d !important;}
.yellow-l2 {color: #000; background-color: #fff176 !important;}
.yellow-l1 {color: #000; background-color: #ffee58 !important;}
.yellow {color: #000; background-color: #ffeb3b !important;}
.yellow-d1 {color: #000; background-color: #fdd835 !important;}
.yellow-d2 {color: #000; background-color: #fbc02d !important;}
.yellow-d3 {color: #000; background-color: #f9a825 !important;}
.yellow-d4 {color: #000; background-color: #f57f17 !important;}
.yellow-accent-1 {color: #fff; background-color: #ffff8d !important;}
.yellow-accent-2 {color: #fff; background-color: #ffff00 !important;}
.yellow-accent-3 {color: #fff; background-color: #ffea00 !important;}
.yellow-accent-4 {color: #fff; background-color: #ffd600 !important;}
.amber-l5 {color: #000; background-color: #fff8e1 !important;}
.amber-l4 {color: #000; background-color: #ffecb3 !important;}
.amber-l3 {color: #000; background-color: #ffe082 !important;}
.amber-l2 {color: #000; background-color: #ffd54f !important;}
.amber-l1 {color: #000; background-color: #ffca28 !important;}
.amber {color: #000; background-color: #ffc107 !important;}
.amber-d1 {color: #000; background-color: #ffb300 !important;}
.amber-d2 {color: #000; background-color: #ffa000 !important;}
.amber-d3 {color: #000; background-color: #ff8f00 !important;}
.amber-d4 {color: #000; background-color: #ff6f00 !important;}
.amber-accent-1 {color: #000; background-color: #ffe57f !important;}
.amber-accent-2 {color: #000; background-color: #ffd740 !important;}
.amber-accent-3 {color: #000; background-color: #ffc400 !important;}
.amber-accent-4 {color: #000; background-color: #ffab00 !important;}
.orange-l5 {color: #000; background-color: #fff3e0 !important;}
.orange-l4 {color: #000; background-color: #ffe0b2 !important;}
.orange-l3 {color: #000; background-color: #ffcc80 !important;}
.orange-l2 {color: #000; background-color: #ffb74d !important;}
.orange-l1 {color: #000; background-color: #ffa726 !important;}
.orange {color: #000; background-color: #ff9800 !important;}
.orange-d1 {color: #000; background-color: #fb8c00 !important;}
.orange-d2 {color: #000; background-color: #f57c00 !important;}
.orange-d3 {color: #fff; background-color: #ef6c00 !important;}
.orange-d4 {color: #fff; background-color: #e65100 !important;}
.orange-accent-1 {color: #fff; background-color: #ffd180 !important;}
.orange-accent-2 {color: #fff; background-color: #ffab40 !important;}
.orange-accent-3 {color: #fff; background-color: #ff9100 !important;}
.orange-accent-4 {color: #fff; background-color: #ff6d00 !important;}
.deep-orange-l5 {color: #000; background-color: #fbe9e7 !important;}
.deep-orange-l4 {color: #000; background-color: #ffccbc !important;}
.deep-orange-l3 {color: #000; background-color: #ffab91 !important;}
.deep-orange-l2 {color: #000; background-color: #ff8a65 !important;}
.deep-orange-l1 {color: #000; background-color: #ff7043 !important;}
.deep-orange {color: #fff; background-color: #ff5722 !important;}
.deep-orange-d1 {color: #fff; background-color: #f4511e !important;}
.deep-orange-d2 {color: #fff; background-color: #e64a19 !important;}
.deep-orange-d3 {color: #fff; background-color: #d84315 !important;}
.deep-orange-d4 {color: #fff; background-color: #bf360c !important;}
.deep-orange-accent-1 {color: #fff; background-color: #ff9e80 !important;}
.deep-orange-accent-2 {color: #fff; background-color: #ff6e40 !important;}
.deep-orange-accent-3 {color: #fff; background-color: #ff3d00 !important;}
.deep-orange-accent-4 {color: #fff; background-color: #dd2c00 !important;}
.brown-l5 {color: #000; background-color: #efebe9 !important;}
.brown-l4 {color: #000; background-color: #d7ccc8 !important;}
.brown-l3 {color: #000; background-color: #bcaaa4 !important;}
.brown-l2 {color: #fff; background-color: #a1887f !important;}
.brown-l1 {color: #fff; background-color: #8d6e63 !important;}
.brown {color: #fff; background-color: #795548 !important;}
.brown-d1 {color: #fff; background-color: #6d4c41 !important;}
.brown-d2 {color: #fff; background-color: #5d4037 !important;}
.brown-d3 {color: #fff; background-color: #4e342e !important;}
.brown-d4 {color: #fff; background-color: #3e2723 !important;}
.blue-grey-l5 {color: #000; background-color: #eceff1 !important;}
.blue-grey-l4 {color: #000; background-color: #cfd8dc !important;}
.blue-grey-l3 {color: #000; background-color: #b0bec5 !important;}
.blue-grey-l2 {color: #000; background-color: #90a4ae !important;}
.blue-grey-l1 {color: #fff; background-color: #78909c !important;}
.blue-grey {color: #fff; background-color: #607d8b !important;}
.blue-grey-d1 {color: #fff; background-color: #546e7a !important;}
.blue-grey-d2 {color: #fff; background-color: #455a64 !important;}
.blue-grey-d3 {color: #fff; background-color: #37474f !important;}
.blue-grey-d4 {color: #fff; background-color: #263238 !important;}
.grey-l5 {color: #000; background-color: #fafafa !important;}
.grey-l4 {color: #000; background-color: #f5f5f5 !important;}
.grey-l3 {color: #000; background-color: #eeeeee !important;}
.grey-l2 {color: #000; background-color: #e0e0e0 !important;}
.grey-l1 {color: #000; background-color: #bdbdbd !important;}
.grey {color: #000; background-color: #9e9e9e !important;}
.grey-d1 {color: #fff; background-color: #757575 !important;}
.grey-d2 {color: #fff; background-color: #616161 !important;}
.grey-d3 {color: #fff; background-color: #424242 !important;}
.grey-d4 {color: #fff; background-color: #212121 !important;}
.black {color: #fff; background-color: #000 !important;}
.black-l5 {color: #fff; background-color: #555 !important;}
.black-l4 {color: #fff; background-color: #444 !important;}
.black-l3 {color: #fff; background-color: #333 !important;}
.black-l2 {color: #fff; background-color: #222 !important;}
.black-l1 {color: #fff; background-color: #111 !important;}
.white {color: #000; background-color: #fff !important;}
.text-black {color: #000 !important;}
.text-white {color: #fff !important;}