/* GENERIC */

body{
    margin: 0px;
    border: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-size: 0.8em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

*, *:before, *:after {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
    padding: 0.5em;
    border: 0px;
    margin: 0px;
    vertical-align: middle;
    display: block;
}

h1 {
    font-size: 112%;
}

h2 {
    font-size: 110%;
}

h3 {
    font-size: 108%;
}

h4 {
    font-size: 106%;
}

h5 {
    font-size: 104%;
}

h6 {
    font-size: 102%;
}

img {
    border-style: none;
}

ul{
    padding-left: 0;
    list-style-type: none;
}

ul li {
    
}

a {
    color: #039be5;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.hide{
    display: none !important;
}

/* EFFECTS */

@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
     }
}

@keyframes createBox {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@keyframes grow {
    0% {
        width: 0;
        height: 0;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
 
  to {
    opacity: 1;
  }
}

.hoverable:hover {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.circle {
    border-radius: 10%;
}

/* SPINNER */

.spinner-box{
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    width: 100%;
    height: -webkit-fill-available;
}

.spinner{
    /* margin-top: 20vh; */
    margin: 10vh;
    display: inline-block;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid LightGreen;
    border-right: 8px solid Orange;
    border-bottom: 8px solid AliceBlue;
    border-left: 8px solid #E8F5E9;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* END SPINNER */

/* MODALS */

.modal{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
	background-color: white;
    border: 1px whitesmoke solid;
	border-radius: 4px;
	box-shadow: 0 0 50px rgba(black,0.5);
    /*
    max-width: 80vw;
    max-height: 80vh;
    animation: fadeIn .5s;
    */
    padding: 1em;
	z-index: 1020;
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
}

.modal-content{
    min-width: 40vw;
    min-height: 30vh;
}

.modal-content > h1, 
.modal-content > h2, 
.modal-content > h3, 
.modal-content > h4, 
.modal-content > h5, 
.modal-content > h6
{
    font-size: 110%;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1em solid transparent;
    background-color: azure;
}

.modal-body{
    overflow-y: auto;
    overflow-x: none;
    height: 60vh;
    min-height: 300px;
    width: 60vw;
    min-width: 300px;
    margin: 5px solid transparent;
}

.modal-body-html{
    
}

.modal-footer{
    border-top: 1px solid #e0e0e0;
    text-align: right;
    padding: 1em;
}

.modal-action{
    
}

/* MODAL FS */

.msgbox-full-screen{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	background-color: white;
    border: 1px whitesmoke solid;
	border-radius: 4px;
	box-shadow: 0 0 50px rgba(black,0.5);
    width: 90vw;
    height: 90vh;
    padding: 1em;
    animation: fadeIn .5s;
	z-index: 1020;
    overflow-y: auto;
    overflow-x: none;
}

.msgbox-full-screen-content{
    height: auto;
    width: 100%;
}

.fs-media-img{
    text-align: center;
}

.msgbox-full-screen-close{
    position: sticky;
    top: 5px;
    left: 100%;
    background-color: WhiteSmoke;
    z-index: inherit;
    padding: 5px;
    width: 34px;
}

/* TOOLTIPS */

.tooltip{
    margin:8px;
    padding:8px;
    border:1px solid Gainsboro;
    background-color: WhiteSmoke;
    position: absolute;
    z-index: 1110;
}

/* SECTION */

.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* TABLES */

table {
    margin: 1em 1em 1em 0;
    background: WhiteSmoke;
    border-collapse: collapse;
    width: 100%;
}
table th, table td {
    border: 1px silver gainsboro;
    padding: 0.4em;
    /* text-align: center; */
}
table th {
    background: gainsboro;
    /* text-align: center; */
}
table tr:nth-child(even){
    background: white;
}
/*
table tr td:nth-child(even){
    background: white !important;
}
*/
table tr:hover td, .table-highlight {
    /* 12-2022 NO HOVER ON TABLES LIST */
    /* background: Azure !important; */
}

table tr th:hover {
    /* background: Azure !important; */
}

table caption {
    margin-left: inherit;
}

/* ICONS */

.material-icons {
    vertical-align: middle;
    padding: 0px 2px;
    font-size: 160%;
}

/* SIZES */

.tiny{
    font-size: 95% !important;
}

.container{
    padding: 0px 10%;
    width: 70%;
}

/* POSITIONS */

.center{
    position: absolute;
    margin: 0px;
    left: 50%;
}

.right{
    float: right !important;
}

.left{
    float: left !important;
}

.left-align{
    text-align: left;
}

.right-align{
    text-align: right;
}

.center, .center-align{
    text-align: center;
}

.valign-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}

.valign-top {
    vertical-align: top !important;
}

/* NAVBAR */

nav .brand-logo.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

nav ul {
    margin: 0;
}

nav ul li {
    float: left;
    font-size: 90%;
}

nav .brand-logo {
    /* position: absolute; */
    color: #fff;
    display: inline-block;
    font-size: 2em;
    padding: 0;
    vertical-align: middle;
}

nav i.material-icons {
    display: block;
    font-size: 24px;
    height: 42px;
    line-height: 42px;
}

nav ul a {
    font-size: 100%;
    display: block;
    padding: 0 15px;
    cursor: pointer;
}

.pinned{
    position: fixed !important;
}

.pushpin-nav{
    width: 100%;
    height: auto;
}

.pushpin-navbar-spacer{
    width: 100%;
    height: auto;
}

.nav, .nav-wrapper {
    position: relative;
    height: 100%;
}

.nav-item {
    display: inline-block;
}

.brand-logo{
    
}

/* SIDE NAVBAR */

.sidenav, .sidenav.right-aligned {
    position: fixed;
    right: 0;
    left: auto;
    top: 0;
    display: none;
    background-color: white;
    padding: 0.5em 1em;
    margin: 0px;
    border: 0px;
    overflow-y: auto;
    height: 100%;
    z-index: 1010;
}

.sidenav.left-aligned {
    right: auto;
    left: 0;
    top: 0;
}

.sidenav li {
    padding: 2px;
}

.sidenav.divider {
    padding: 2px;
}

/* CARDS */

.card{
    padding: 0.5em;
    overflow-x: auto;
}

.card-content{
    
}

.card-title{
    display: block;
    font-size: 110%;
    margin-bottom: 5px;
}

.card-action{
    text-transform: uppercase;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 0.5em;
}

.card-panel{
    width: auto;
    height: auto;
    border: 1px Gainsboro solid;
}

img.responsive-img, video.responsive-video {
    max-width: 100%;
    height: auto;
}

/* GRID */

.row{
    /* float: left; */
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
    box-sizing: inherit;
    /* box-sizing: border-box; */
    border-collapse: collapse;
    /* display: inline-table; */
    /* display: flex; */
}

.row:after, .row:before {
    content: "";
    display: table;
    clear: both;
}

.col{
    padding: 2px 5px !important;
    margin: 0px;
    border: 0px;
    width: 100%;
    height: auto;
    margin-left: auto;
    left: auto;
    right: auto;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    /* vertical-align: text-top; */
}

.col:not(:first-child) {
  margin-left: -4px;
}

.col:after, .col:before {
    content: "";
    display: table;
    clear: both;
}

.divider {
    padding: 0px;
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}

/* OVERLAY */

.overlay{
    width: 100%;
    height: 100%;
    z-index: 1005;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
}

/* EFFECTS , .collapsible */

nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .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);
}

/* COLLAPSIBLE */

.collapsible{
    
}

.collapsible-header{
    cursor: pointer;
    
}

.collapsible-body{
    display: none;
}

/* COLECTION */

.collection{
    
}

.collection-item{
    padding: 0.2em;
    font-size: 90%;
}

.collection .collection-item.avatar {
    min-height: 84px;
    padding-left: 72px;
    position: relative;
    line-height: 1.5rem;
    border-bottom: 1px solid Gainsboro;
}

.collection-item img{
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
    top: 15px;
}

.collection-item .title{
    display: inline-block;
    vertical-align: middle;
}
.collection .collection-item.avatar .secondary-content {
    position: absolute;
    top: 16px;
    right: 16px;
}

.secondary-content {
    float: right;
    color: #26a69a;
}

/* BUTTONS */

button, input[type="button"] {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

button, input[type="button"], .btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
    outline: 0px;
    padding: 0em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: white;
    cursor: pointer;
    /* base teal color */
    background-color: #009688;
    vertical-align: middle;
    height: 3em;
    line-height: 3em;
    font-size: 100% !important;
    outline: 0px;
}

button:hover, 
input[type="button"]:hover, 
.btn:hover, 
.btn-large:hover, 
.btn-small:hover, 
.btn-floating:hover, 
.btn-large:hover, 
.btn-small:hover, 
.btn-flat:hover {
    animation: shadow-pulse 1s infinite;
}

button, input[type="button"], .btn {
}

input[type="button"].disabled {
    background-color: graytext !important;
    /* background-color: buttonface !important; */
}

.btn .material-icons {
    /* font-size: 20px !important; */
    /* line-height: 3em; */
    line-height: unset;
}

.btn-small, .btn-small .material-icons {
    font-size: 90% !important;
    outline: 0px;
    height: auto;
    line-height: 2.2em;
    font-size: 95%;
}

.btn-small .material-icons {
    font-size: 110% !important;
}

.btn-large {
    font-size: 105% !important;
    outline: 0px;
}

.btn-large .material-icons {
    font-size: 28px !important;
}

/* EFFECTS */

.waves-effect:hover{
    /* background: #F7F7F7; */
    animation: shadow-pulse 1s 1;
}

.waves-effect:active {
    
}

.waves-light:hover{
    /* background: #F7F7F7; */
    animation: shadow-pulse 1s 1;
}

.waves-light:active {
    
}

/* PAGINATION */

.pagination, .pagination li{
    display: inline;
    min-width: 1em;
    min-height: 1em;
    padding: 0.4em;
    text-align: center;
    border-radius: 3px;
    font-size: 105%;
}

.pagination a{
    padding: 0.4em;
}

.pagination .active, .pagination .active a{
    /* background-color: LightCoral; */
    background-color: LightGreen;
    color: white !important;
}

.pagination li:hover{
    /* background-color: LightCoral; */
    background-color: LightGreen;
}

/* TABS */

.tabs{
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
    border-bottom: 1px solid AliceBlue;
}

.tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    width: auto;
}

.tabs .tab:hover {
    background-color: Azure;
    border-bottom: 2px solid orange;
}

.tabs .tab.tab-active {
    border-bottom: 3px solid orange;
}

/* FORMS */

.browser-default{
    /* width: auto !important; */
    min-width: 10vw;
}

.input-field {
    vertical-align: middle;
    width: auto;
}

.input-field:hover {
     /* background-color: Azure; */
}

.input-field .prefix {
    display: inline;
    width: 20%;
    font-size: 2rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    top: 0.5rem;
}

.input-field.inline{
    display: inline;
    width: auto;
}

/* input selectors */

input[type="text"].disabled.pointer{
    background-color: #ddd;
    width: 100% !important;
}

input[type="text"].disabled.pointer:hover{
    background-color: #eee;
    animation: shadow-pulse 1s infinite;
}

.form_selector + .material-icons.prefix {
    display: none !important;
}

/* end input selectors */

.input-field.inline > label,
.input-field.inline > input,
.input-field.inline > select,
.input-field.inline > textarea
{
    display: inline;
    width: auto !important;
}

.prefix ~ input {
    width: 80% !important;
}

label {
    display: block;
    padding-bottom: 0.2em;
    color: DarkGray;
}

/* FORM 1 */

/*
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select 
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	background: #fff;
	margin-bottom: 4%;
	border: 1px solid #ccc;
	padding: 3%;
	color: #555;
	font: 95% Arial, Helvetica, sans-serif;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	box-shadow: 0 0 5px #43D1AF;
	padding: 3%;
	border: 1px solid #43D1AF;
}
*/

/* END FORM1 */

/* FORM2 */

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select 
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	/* display: block; */
    width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
    /* border-radius: 0.3vw; */
	background: transparent;
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	height: auto; /* 45px */
    background-color: white;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus 
{
	/* background-color: Azure; */
    animation: shadow-pulse 1s 1;
}
textarea{
	/* resize:none; */
	overflow: hidden;
    min-height: 1em !important;
    max-height: 40vh !important;
}

.select.prefix{
    font-size: 100%;
    width: auto;
    top: 0;
    display: inline;
}

/* END FORM2 */

/* FORM FILE */

.file-field{
    position: inline;
	overflow: hidden;
	margin: 10px;
	height: auto;
	width: auto;
	text-align: center;
}

.file-path-wrapper{
    display: inline-block;
    width: 60%;
}

.file-path-wrapper input.file-path {
    
}

.file-field span {
    /* display: none; */
}

input[type="file"] {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 0px;
    width: 0px;
}

/* PLACEHOLDERS */

/* do not group these rules */
*::-webkit-input-placeholder {
    color: Gainsboro;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: Gainsboro;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: Gainsboro;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: Gainsboro;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: Gainsboro;
}
*::placeholder {
    /* modern browser */
    color: Gainsboro;
}

/* SELECT */

select {
    
}

select option {
}

select option:hover {
    /* outline-color: LightGreen; */
}

/* CHECKBOXES */

input[type="checkbox"] {
    line-height: 100%;
}

label:has(> input[type="checkbox"] ) {
    vertical-align: middle;
    text-align: center;
}

input[type="checkbox"] ~ span {
    background-color: LightCoral;
    filter: alpha(opacity=60);
    /* IE */
    -moz-opacity: 0.6;
    /* Mozilla */
    opacity: 0.6;
    padding: 0.2em 1em;
    color: black;
    border: 1px solid Gainsboro;
}

input[type="checkbox"]:checked ~ span {
    background-color: LightGreen;
    filter: alpha(opacity=60);
    /* IE */
    -moz-opacity: 0.6;
    /* Mozilla */
    opacity: 0.6;
}

input[type="checkbox"][disabled] ~ span {
    background-color: lightgray;
    filter: alpha(opacity=60);
    /* IE */
    -moz-opacity: 0.6;
    /* Mozilla */
    opacity: 0.6;
}

/* GENERIC SCREEN */

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12,.ms1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12, .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}

/* BIG SCREEN */

@media only screen and (min-width: 900px) {
    .hide-on-med-and-up, .hide-on-large-only {
        display: none !important;
    }
    
    .show-on-medium-and-up, .show-on-large{
        display: inherit;
    }
    
    .s1{
        width: 8.33%;
        height: auto;
    }

    .s2{
        width: 16.66%;
        height: auto;
    }

    .s3{
        width: 25%;
        height: auto;
    }

    .s4{
        width: 33.33%;
        height: auto;
    }

    .s5{
        width: 41.66%;
        height: auto;
    }

    .s6{
        width: 50%;
        height: auto;
    }

    .s7{
        width: 58.33%;
        height: auto;
    }

    .s8{
        width: 66.66%;
        height: auto;
    }

    .s9{
        width: 75%;
        height: auto;
    }

    .s10{
        width: 83.33%;
        height: auto;
    }

    .s11{
        width: 91.66%;
        height: auto;
    }

    .s12{
        width: 100%;
        height: auto;
    }
    
    .m1{
        width: 8.33% !important;
        height: auto;
    }

    .m2{
        width: 16.66% !important;
        height: auto;
    }

    .m3{
        width: 25% !important;
        height: auto;
    }

    .m4{
        width: 33.33% !important;
        height: auto;
    }

    .m5{
        width: 41.66% !important;
        height: auto;
    }

    .m6{
        width: 50% !important;
        height: auto;
    }

    .m7{
        width: 58.33% !important;
        height: auto;
    }

    .m8{
        width: 66.66% !important;
        height: auto;
    }

    .m9{
        width: 75% !important;
        height: auto;
    }

    .m10{
        width: 83.33% !important;
        height: auto;
    }

    .m11{
        width: 91.66% !important;
        height: auto;
    }

    .m12{
        width: 100% !important;
        height: auto;
    }

    .l1{
        width: 8.33% !important;
        height: auto;
    }

    .l2{
        width: 16.66% !important;
        height: auto;
    }

    .l3{
        width: 25% !important;
        height: auto;
    }

    .l4{
        width: 33.33% !important;
        height: auto;
    }

    .l5{
        width: 41.66% !important;
        height: auto;
    }

    .l6{
        width: 50% !important;
        height: auto;
    }

    .l7{
        width: 58.33% !important;
        height: auto;
    }

    .l8{
        width: 66.66% !important;
        height: auto;
    }

    .l9{
        width: 75% !important;
        height: auto;
    }

    .l10{
        width: 83.33% !important;
        height: auto;
    }

    .l11{
        width: 91.66% !important;
        height: auto;
    }

    .l12{
        width: 100% !important;
        height: auto;
    }
}

/* MEDIUM SCREEN */

@media only screen and (min-width: 600px) and (max-width: 900px) {
    .hide-on-med-and-up, .hide-on-med-and-down, .hide-on-med-only{
        display: none !important;
    }
    
    .show-on-medium-and-down, .show-on-medium-and-up, .show-on-medium {
        display: inherit;
    }
    
    .s1{
        width: 8.33%;
        height: auto;
    }

    .s2{
        width: 16.66%;
        height: auto;
    }

    .s3{
        width: 25%;
        height: auto;
    }

    .s4{
        width: 33.33%;
        height: auto;
    }

    .s5{
        width: 41.66%;
        height: auto;
    }

    .s6{
        width: 50%;
        height: auto;
    }

    .s7{
        width: 58.33%;
        height: auto;
    }

    .s8{
        width: 66.66%;
        height: auto;
    }

    .s9{
        width: 75%;
        height: auto;
    }

    .s10{
        width: 83.33%;
        height: auto;
    }

    .s11{
        width: 91.66%;
        height: auto;
    }
    
    .s12{
        width: 100%;
        height: auto;
    }
    
    .m1{
        width: 8.33% !important;
        height: auto;
    }

    .m2{
        width: 16.66% !important;
        height: auto;
    }

    .m3{
        width: 25% !important;
        height: auto;
    }

    .m4{
        width: 33.33% !important;
        height: auto;
    }

    .m5{
        width: 41.66% !important;
        height: auto;
    }

    .m6{
        width: 50% !important;
        height: auto;
    }

    .m7{
        width: 58.33% !important;
        height: auto;
    }

    .m8{
        width: 66.66% !important;
        height: auto;
    }

    .m9{
        width: 75% !important;
        height: auto;
    }

    .m10{
        width: 83.33% !important;
        height: auto;
    }

    .m11{
        width: 91.66% !important;
        height: auto;
    }

    .m12{
        width: 100% !important;
        height: auto;
    }

}

/* TINY SCREEN */

@media only screen and (max-width: 600px) {
    .hide-on-small-only, .hide-on-med-and-down, .hide-on-small-only{
        display: none !important;
    }
    
    .show-on-medium-and-down, .show-on-small {
        display: inherit;
    }
    
    .s1{
        width: 8.33%;
        height: auto;
    }

    .s2{
        width: 16.66%;
        height: auto;
    }

    .s3{
        width: 25%;
        height: auto;
    }

    .s4{
        width: 33.33%;
        height: auto;
    }

    .s5{
        width: 41.66%;
        height: auto;
    }

    .s6{
        width: 50%;
        height: auto;
    }

    .s7{
        width: 58.33%;
        height: auto;
    }

    .s8{
        width: 66.66%;
        height: auto;
    }

    .s9{
        width: 75%;
        height: auto;
    }

    .s10{
        width: 83.33%;
        height: auto;
    }

    .s11{
        width: 91.66%;
        height: auto;
    }

    .s12{
        width: 100%;
        height: auto;
    }
    
}

/* COLORS */

/*!
 * 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: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !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: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !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: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !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: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}