/**
    This file is a slimmed down version of materialize.css that has been updated to target a class
    .materialize-component. This adjustment has been made so that materialize can be used in a page without
    affecting the existing css globally.

    This file should only contain exact copies of materialize.css definitions.
    DO NOT change the materialize definitions.
    If css adjustments need to be made to a page add a file to /online/ats/css/material-overrides
 */

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
.materialize-component input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/* Radio Buttons
   ========================================================================== */
.materialize-component [type="radio"]:not(:checked),
.materialize-component [type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.materialize-component [type="radio"]:not(:checked) + label,
.materialize-component [type="radio"]:checked + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.materialize-component [type="radio"] + label:before,
.materialize-component [type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
}

/* Unchecked styles */
.materialize-component [type="radio"]:not(:checked) + label:before,
.materialize-component [type="radio"]:not(:checked) + label:after,
.materialize-component [type="radio"]:checked + label:before,
.materialize-component [type="radio"]:checked + label:after,
.materialize-component [type="radio"].with-gap:checked + label:before,
.materialize-component [type="radio"].with-gap:checked + label:after {
    border-radius: 50%;
}

.materialize-component [type="radio"]:not(:checked) + label:before,
.materialize-component [type="radio"]:not(:checked) + label:after {
    border: 2px solid #5a5a5a;
}

.materialize-component [type="radio"]:not(:checked) + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Checked styles */
.materialize-component [type="radio"]:checked + label:before {
    border: 2px solid transparent;
}

.materialize-component [type="radio"]:checked + label:after,
.materialize-component [type="radio"].with-gap:checked + label:before,
.materialize-component [type="radio"].with-gap:checked + label:after {
    border: 2px solid #26a69a;
}

.materialize-component [type="radio"]:checked + label:after,
.materialize-component [type="radio"].with-gap:checked + label:after {
    background-color: #26a69a;
}

.materialize-component [type="radio"]:checked + label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

/* Radio With gap */
.materialize-component [type="radio"].with-gap:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

/* Focused styles */
.materialize-component [type="radio"].tabbed:focus + label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
.materialize-component [type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, 0.42);
}

.materialize-component [type="radio"].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
.materialize-component [type="radio"]:disabled:not(:checked) + label:before,
.materialize-component [type="radio"]:disabled:checked + label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.42);
}

.materialize-component [type="radio"]:disabled + label {
    color: rgba(0, 0, 0, 0.42);
}

.materialize-component [type="radio"]:disabled:not(:checked) + label:before {
    border-color: rgba(0, 0, 0, 0.42);
}

.materialize-component [type="radio"]:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, 0.42);
    border-color: #949494;
}


/** Checkboxes **/

/* Remove default checkbox */
.materialize-component[type="checkbox"]:not(:checked),
.materialize-component[type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.materialize-component[type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 25px;
    font-size: 1rem;
    margin-left: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.materialize-component[type="checkbox"] + label:before,
.materialize-component[type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
}

.materialize-component[type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.materialize-component[type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.42);
}

.materialize-component[type="checkbox"].tabbed:focus + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.materialize-component[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.materialize-component[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

/* Indeterminate checkbox */
.materialize-component[type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.materialize-component[type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    background-color: transparent;
}

.materialize-component[type="checkbox"].filled-in + label:after {
    border-radius: 2px;
}

.materialize-component[type="checkbox"].filled-in + label:before,
.materialize-component[type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
}

.materialize-component[type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.materialize-component[type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

.materialize-component[type="checkbox"].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.materialize-component[type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
}

.materialize-component[type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, 0.1);
}

.materialize-component[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a;
}

.materialize-component[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent;
}

.materialize-component[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: #949494;
}

.materialize-component[type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent;
}

.materialize-component[type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #949494;
    border-color: #949494;
}


/* Text inputs */


.materialize-component input:not([type]),
.materialize-component input[type=text]:not(.browser-default),
.materialize-component input[type=password]:not(.browser-default),
.materialize-component input[type=email]:not(.browser-default),
.materialize-component input[type=url]:not(.browser-default),
.materialize-component input[type=time]:not(.browser-default),
.materialize-component input[type=date]:not(.browser-default),
.materialize-component input[type=datetime]:not(.browser-default),
.materialize-component input[type=datetime-local]:not(.browser-default),
.materialize-component input[type=tel]:not(.browser-default),
.materialize-component input[type=number]:not(.browser-default),
.materialize-component input[type=search]:not(.browser-default),
.materialize-component textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.materialize-component input:not([type]):disabled, .materialize-component input:not([type])[readonly="readonly"],
.materialize-component input[type=text]:not(.browser-default):disabled,
.materialize-component input[type=text]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=password]:not(.browser-default):disabled,
.materialize-component input[type=password]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=email]:not(.browser-default):disabled,
.materialize-component input[type=email]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=url]:not(.browser-default):disabled,
.materialize-component input[type=url]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=time]:not(.browser-default):disabled,
.materialize-component input[type=time]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=date]:not(.browser-default):disabled,
.materialize-component input[type=date]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=datetime]:not(.browser-default):disabled,
.materialize-component input[type=datetime]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=datetime-local]:not(.browser-default):disabled,
.materialize-component input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=tel]:not(.browser-default):disabled,
.materialize-component input[type=tel]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=number]:not(.browser-default):disabled,
.materialize-component input[type=number]:not(.browser-default)[readonly="readonly"],
.materialize-component input[type=search]:not(.browser-default):disabled,
.materialize-component input[type=search]:not(.browser-default)[readonly="readonly"],
.materialize-component textarea.materialize-textarea:disabled,
.materialize-component textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5) !important;
}

.materialize-component input:not([type]):disabled + label,
.materialize-component input:not([type])[readonly="readonly"] + label,
.materialize-component input[type=text]:not(.browser-default):disabled + label,
.materialize-component input[type=text]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=password]:not(.browser-default):disabled + label,
.materialize-component input[type=password]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=email]:not(.browser-default):disabled + label,
.materialize-component input[type=email]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=url]:not(.browser-default):disabled + label,
.materialize-component input[type=url]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=time]:not(.browser-default):disabled + label,
.materialize-component input[type=time]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=date]:not(.browser-default):disabled + label,
.materialize-component input[type=date]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=datetime]:not(.browser-default):disabled + label,
.materialize-component input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=datetime-local]:not(.browser-default):disabled + label,
.materialize-component input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=tel]:not(.browser-default):disabled + label,
.materialize-component input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=number]:not(.browser-default):disabled + label,
.materialize-component input[type=number]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component input[type=search]:not(.browser-default):disabled + label,
.materialize-component input[type=search]:not(.browser-default)[readonly="readonly"] + label,
.materialize-component textarea.materialize-textarea:disabled + label,
.materialize-component textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.42);
}

.materialize-component input:not([type]):focus:not([readonly]),
.materialize-component input[type=text]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=password]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=email]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=url]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=time]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=date]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=datetime]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=tel]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=number]:not(.browser-default):focus:not([readonly]),
.materialize-component input[type=search]:not(.browser-default):focus:not([readonly]),
.materialize-component textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

.materialize-component input:not([type]):focus:not([readonly]) + label,
.materialize-component input[type=text]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=password]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=email]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=url]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=time]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=date]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=number]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component input[type=search]:not(.browser-default):focus:not([readonly]) + label,
.materialize-component textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #26a69a;
}

.materialize-component input:not([type]).validate + label,
.materialize-component input[type=text]:not(.browser-default).validate + label,
.materialize-component input[type=password]:not(.browser-default).validate + label,
.materialize-component input[type=email]:not(.browser-default).validate + label,
.materialize-component input[type=url]:not(.browser-default).validate + label,
.materialize-component input[type=time]:not(.browser-default).validate + label,
.materialize-component input[type=date]:not(.browser-default).validate + label,
.materialize-component input[type=datetime]:not(.browser-default).validate + label,
.materialize-component input[type=datetime-local]:not(.browser-default).validate + label,
.materialize-component input[type=tel]:not(.browser-default).validate + label,
.materialize-component input[type=number]:not(.browser-default).validate + label,
.materialize-component input[type=search]:not(.browser-default).validate + label,
.materialize-component textarea.materialize-textarea.validate + label {
    width: 100%;
}

.materialize-component input:not([type]).invalid + label:after,
.materialize-component input:not([type]).valid + label:after,
.materialize-component input[type=text]:not(.browser-default).invalid + label:after,
.materialize-component input[type=text]:not(.browser-default).valid + label:after,
.materialize-component input[type=password]:not(.browser-default).invalid + label:after,
.materialize-component input[type=password]:not(.browser-default).valid + label:after,
.materialize-component input[type=email]:not(.browser-default).invalid + label:after,
.materialize-component input[type=email]:not(.browser-default).valid + label:after,
.materialize-component input[type=url]:not(.browser-default).invalid + label:after,
.materialize-component input[type=url]:not(.browser-default).valid + label:after,
.materialize-component input[type=time]:not(.browser-default).invalid + label:after,
.materialize-component input[type=time]:not(.browser-default).valid + label:after,
.materialize-component input[type=date]:not(.browser-default).invalid + label:after,
.materialize-component input[type=date]:not(.browser-default).valid + label:after,
.materialize-component input[type=datetime]:not(.browser-default).invalid + label:after,
.materialize-component input[type=datetime]:not(.browser-default).valid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default).invalid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default).valid + label:after,
.materialize-component input[type=tel]:not(.browser-default).invalid + label:after,
.materialize-component input[type=tel]:not(.browser-default).valid + label:after,
.materialize-component input[type=number]:not(.browser-default).invalid + label:after,
.materialize-component input[type=number]:not(.browser-default).valid + label:after,
.materialize-component input[type=search]:not(.browser-default).invalid + label:after,
.materialize-component input[type=search]:not(.browser-default).valid + label:after,
.materialize-component textarea.materialize-textarea.invalid + label:after,
.materialize-component textarea.materialize-textarea.valid + label:after {
    display: none;
}

.materialize-component input:not([type]).invalid + label.active:after,
.materialize-component input:not([type]).valid + label.active:after,
.materialize-component input[type=text]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=text]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=password]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=password]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=email]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=email]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=url]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=url]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=time]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=time]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=date]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=date]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=datetime]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=datetime]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=datetime-local]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=tel]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=tel]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=number]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=number]:not(.browser-default).valid + label.active:after,
.materialize-component input[type=search]:not(.browser-default).invalid + label.active:after,
.materialize-component input[type=search]:not(.browser-default).valid + label.active:after,
.materialize-component textarea.materialize-textarea.invalid + label.active:after,
.materialize-component textarea.materialize-textarea.valid + label.active:after {
    display: block;
}

/* Validation Sass Placeholders */

.materialize-component input.invalid:not([type]), .materialize-component input.invalid:not([type]):focus,
.materialize-component input[type=text].invalid:not(.browser-default),
.materialize-component input[type=text].invalid:not(.browser-default):focus,
.materialize-component input[type=password].invalid:not(.browser-default),
.materialize-component input[type=password].invalid:not(.browser-default):focus,
.materialize-component input[type=email].invalid:not(.browser-default),
.materialize-component input[type=email].invalid:not(.browser-default):focus,
.materialize-component input[type=url].invalid:not(.browser-default),
.materialize-component input[type=url].invalid:not(.browser-default):focus,
.materialize-component input[type=time].invalid:not(.browser-default),
.materialize-component input[type=time].invalid:not(.browser-default):focus,
.materialize-component input[type=date].invalid:not(.browser-default),
.materialize-component input[type=date].invalid:not(.browser-default):focus,
.materialize-component input[type=datetime].invalid:not(.browser-default),
.materialize-component input[type=datetime].invalid:not(.browser-default):focus,
.materialize-component input[type=datetime-local].invalid:not(.browser-default),
.materialize-component input[type=datetime-local].invalid:not(.browser-default):focus,
.materialize-component input[type=tel].invalid:not(.browser-default),
.materialize-component input[type=tel].invalid:not(.browser-default):focus,
.materialize-component input[type=number].invalid:not(.browser-default),
.materialize-component input[type=number].invalid:not(.browser-default):focus,
.materialize-component input[type=search].invalid:not(.browser-default),
.materialize-component input[type=search].invalid:not(.browser-default):focus,
.materialize-component textarea.materialize-textarea.invalid,
.materialize-component textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > .materialize-component input.select-dropdown {
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

.materialize-component input:not([type]).valid + label:after,
.materialize-component input:not([type]):focus.valid + label:after,
.materialize-component input[type=text]:not(.browser-default).valid + label:after,
.materialize-component input[type=text]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=password]:not(.browser-default).valid + label:after,
.materialize-component input[type=password]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=email]:not(.browser-default).valid + label:after,
.materialize-component input[type=email]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=url]:not(.browser-default).valid + label:after,
.materialize-component input[type=url]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=time]:not(.browser-default).valid + label:after,
.materialize-component input[type=time]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=date]:not(.browser-default).valid + label:after,
.materialize-component input[type=date]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=datetime]:not(.browser-default).valid + label:after,
.materialize-component input[type=datetime]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default).valid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=tel]:not(.browser-default).valid + label:after,
.materialize-component input[type=tel]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=number]:not(.browser-default).valid + label:after,
.materialize-component input[type=number]:not(.browser-default):focus.valid + label:after,
.materialize-component input[type=search]:not(.browser-default).valid + label:after,
.materialize-component input[type=search]:not(.browser-default):focus.valid + label:after,
.materialize-component textarea.materialize-textarea.valid + label:after,
.materialize-component textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
    content: attr(data-success);
    color: #4CAF50;
    opacity: 1;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

.materialize-component input:not([type]).invalid + label:after,
.materialize-component input:not([type]):focus.invalid + label:after,
.materialize-component input[type=text]:not(.browser-default).invalid + label:after,
.materialize-component input[type=text]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=password]:not(.browser-default).invalid + label:after,
.materialize-component input[type=password]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=email]:not(.browser-default).invalid + label:after,
.materialize-component input[type=email]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=url]:not(.browser-default).invalid + label:after,
.materialize-component input[type=url]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=time]:not(.browser-default).invalid + label:after,
.materialize-component input[type=time]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=date]:not(.browser-default).invalid + label:after,
.materialize-component input[type=date]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=datetime]:not(.browser-default).invalid + label:after,
.materialize-component input[type=datetime]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default).invalid + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=tel]:not(.browser-default).invalid + label:after,
.materialize-component input[type=tel]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=number]:not(.browser-default).invalid + label:after,
.materialize-component input[type=number]:not(.browser-default):focus.invalid + label:after,
.materialize-component input[type=search]:not(.browser-default).invalid + label:after,
.materialize-component input[type=search]:not(.browser-default):focus.invalid + label:after,
.materialize-component textarea.materialize-textarea.invalid + label:after,
.materialize-component textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

.materialize-component input:not([type]) + label:after,
.materialize-component input[type=text]:not(.browser-default) + label:after,
.materialize-component input[type=password]:not(.browser-default) + label:after,
.materialize-component input[type=email]:not(.browser-default) + label:after,
.materialize-component input[type=url]:not(.browser-default) + label:after,
.materialize-component input[type=time]:not(.browser-default) + label:after,
.materialize-component input[type=date]:not(.browser-default) + label:after,
.materialize-component input[type=datetime]:not(.browser-default) + label:after,
.materialize-component input[type=datetime-local]:not(.browser-default) + label:after,
.materialize-component input[type=tel]:not(.browser-default) + label:after,
.materialize-component input[type=number]:not(.browser-default) + label:after,
.materialize-component input[type=search]:not(.browser-default) + label:after,
.materialize-component textarea.materialize-textarea + label:after, .select-wrapper + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out;
}

.materialize-component .input-field {
    position: relative;
    margin-top: 1rem;
}

.materialize-component .input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.materialize-component .input-field.inline input,
.materialize-component .input-field.inline .select-dropdown {
    margin-bottom: 1rem;
}

.materialize-component .input-field.col label {
    left: 0.75rem;
}

.materialize-component .input-field.col .prefix ~ label,
.materialize-component .input-field.col .prefix ~ .validate ~ label {
    width: calc(100% - 3rem - 1.5rem);
}

.materialize-component .input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    pointer-events: none;
}

.materialize-component .input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-14px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.materialize-component .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.materialize-component .input-field .prefix.active {
    color: #26a69a;
}

.materialize-component .input-field .prefix ~ .materialize-component input,
.materialize-component .input-field .prefix ~ textarea,
.materialize-component .input-field .prefix ~ label,
.materialize-component .input-field .prefix ~ .validate ~ label,
.materialize-component .input-field .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.materialize-component .input-field .prefix ~ label {
    margin-left: 3rem;
}

.materialize-component button.picker__today:focus,
.materialize-component button.picker__clear:focus,
.materialize-component button.picker__close:focus {
    background-color: #a1ded8;
}

.materialize-component .icon-date_range:before {
    content: "\e916";
}

.materialize-component input[type=text]:not(.broswer-default).datepickerWidth {
    width: 150px;
    margin-bottom: 0 !important;
}

.materialize-component .icon-date_range {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #757575;
}

.materialize-component span.datepicker__button:hover {
    background-color: #008e4b;
    color: #fff;
}

.materialize-component input[type=text].picker__input.picker__input--has-button {
    background-image: none;
    min-width: 0;
    width: calc(100% - 50px);
}

.materialize-component input[type=text].picker__input.picker__input--editable {
    background-image: none;
    cursor: default;
}

.materialize-component input.picker__input,
.materialize-component input.picker__input[readonly] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2MkU5NDA4OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2MkU5NDA5OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYyRTk0MDY5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDc5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kxTxbAAAAd0lEQVR42mIsLS1lQAL/obQgEH9gwA3g6rq6usDqmBioBBiBLgoG0jOBWJhMM94CcTbIRTMoMIQBqncqyCARKvhMmGphRDWDWJDYCkD8kQwz3qMb9JFA2qGP10YNGjWIWga9RUrq/8nA4DIJZFA2kmFkF2wAAQYARC4ipcMk4AYAAAAASUVORK5CYII=') no-repeat center right;
    cursor: pointer;
}

.materialize-component input.picker__input[disabled],
.materialize-component input.picker__input.disabled {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGxmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMS0yM1QxMToxMjoyNS0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmQxNzY4ZjItNzEyMi1iYzQwLWFkNjItMzZiMzg1YWJjZjQ3IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjgwMTIxNjUtM2Y2Yi1mNDQ4LWFiMGItMDEyYmEyYmI2NWI5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDk5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNjJFOTQwNjk0MDcxMUU3OEVDNEQzMEIxQkNBMjk0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNjJFOTQwNzk0MDcxMUU3OEVDNEQzMEIxQkNBMjk0NSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzJhMDRlYS02YTM0LTQ4NDAtOGI5My00NmU2NGFjNmI2OTciIHN0RXZ0OndoZW49IjIwMTgtMDEtMjNUMTE6MzE6MTMtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkMTc2OGYyLTcxMjItYmM0MC1hZDYyLTM2YjM4NWFiY2Y0NyIgc3RFdnQ6d2hlbj0iMjAxOC0wMS0yM1QxMTozMToxMy0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72U9/hAAAAWElEQVQ4EWM4ePAgAxL+D8UCaOIMuNT9//+fAYQZqGlQMBC/QZIkFYP0hoMMek2BIXDDGKhgCBgPboPkobFFKsYwiFCU400KowaNGjToDHpDrWIknBoFGwBujeEuWYTiiAAAAABJRU5ErkJggg==') no-repeat center right;
}

.materialize-component input.picker__input.invalid.hasErrorIcon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2MkU5NDA4OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2MkU5NDA5OTQwNzExRTc4RUM0RDMwQjFCQ0EyOTQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYyRTk0MDY5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYyRTk0MDc5NDA3MTFFNzhFQzREMzBCMUJDQTI5NDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kxTxbAAAAd0lEQVR42mIsLS1lQAL/obQgEH9gwA3g6rq6usDqmBioBBiBLgoG0jOBWJhMM94CcTbIRTMoMIQBqncqyCARKvhMmGphRDWDWJDYCkD8kQwz3qMb9JFA2qGP10YNGjWIWga9RUrq/8nA4DIJZFA2kmFkF2wAAQYARC4ipcMk4AYAAAAASUVORK5CYII=') no-repeat center right 30px;
    cursor: pointer;
}

.materialize-component input.picker__input--small {
    font-size: 14px !important;
}


/**
 * Input select fields Material styles
 */
.materialize-component .input-field > select.browser-default,
.materialize-component .input-field > select,
select {
    display: block;
    position: relative;
    width: 100%;
    pointer-events: all;
    min-height: 3.1rem;
    top: auto;
    left: auto;
    opacity: 1;
    border: 0;
    border-bottom: 1px solid rgb(158, 158, 158);
    padding-left: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAAGEvU8KAAAAAXNSR0IArs4c6QAAAOhJREFUOBG1UlsOgjAQpFxVY4zxDuIdjDFGrwoyxGkG2N1C0P5Ad56lpP3x3HRte6l0Ybg7nDrMEl+UUGFIIAExffr5+3kf8KxWbw7tjC86yJlFBZ6wzt5KmGWCrQTsw9YgeGsUC5J3dDXQSrmzEiwTFSnXfYeJC/ZA+J1DYV1f3XsoCV+PW5PPPL0GT5z6RAiBZzE2JQMVzsSRwVRoii0DS+iK1cATghOu4j1Dbf1RoesGkCcZ3dQ/CzCQnUfBHP6ywDSQGWYwwS0FvEB6h8EkrSlQCqTnomCSowJLA+m1KpgiLbA2kB4f9pSYQKfoL3cAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px;
    background-color: transparent;
    padding-right: 20px;
    cursor: pointer;
}

.materialize-component select::-ms-value {
    background-color: transparent;
    color: #63666a;
}

.materialize-component select.browser-default.readonly {
    cursor: not-allowed;
}

@media only screen and (max-width: 992px) {
    .materialize-component .input-field .prefix ~ .materialize-component input {
        width: 86%;
        width: calc(100% - 3rem);
    }
}

@media only screen and (max-width: 600px) {
    .materialize-component .input-field .prefix ~ .materialize-component input {
        width: 80%;
        width: calc(100% - 3rem);
    }
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.materialize-component  .material-icons {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

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

.materialize-component .section.no-pad {
    padding: 0;
}

.materialize-component .section.no-pad-bot {
    padding-bottom: 0;
}

.materialize-component .section.no-pad-top {
    padding-top: 0;
}

.materialize-component .row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.materialize-component .row:after {
    content: "";
    display: table;
    clear: both;
}

.materialize-component .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}

.materialize-component .row .col[class*="push-"], .materialize-component .row .col[class*="pull-"] {
    position: relative;
}

.materialize-component .row .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.materialize-component .row .col.offset-s1 {
    margin-left: 8.3333333333%;
}

.materialize-component .row .col.pull-s1 {
    right: 8.3333333333%;
}

.materialize-component .row .col.push-s1 {
    left: 8.3333333333%;
}

.materialize-component .row .col.offset-s2 {
    margin-left: 16.6666666667%;
}

.materialize-component .row .col.pull-s2 {
    right: 16.6666666667%;
}

.materialize-component .row .col.push-s2 {
    left: 16.6666666667%;
}

.materialize-component .row .col.offset-s3 {
    margin-left: 25%;
}

.materialize-component .row .col.pull-s3 {
    right: 25%;
}

.materialize-component .row .col.push-s3 {
    left: 25%;
}

.materialize-component .row .col.offset-s4 {
    margin-left: 33.3333333333%;
}

.materialize-component .row .col.pull-s4 {
    right: 33.3333333333%;
}

.materialize-component .row .col.push-s4 {
    left: 33.3333333333%;
}

.materialize-component .row .col.offset-s5 {
    margin-left: 41.6666666667%;
}

.materialize-component .row .col.pull-s5 {
    right: 41.6666666667%;
}

.materialize-component .row .col.push-s5 {
    left: 41.6666666667%;
}

.materialize-component .row .col.offset-s6 {
    margin-left: 50%;
}

.materialize-component .row .col.pull-s6 {
    right: 50%;
}

.materialize-component .row .col.push-s6 {
    left: 50%;
}

.materialize-component .row .col.offset-s7 {
    margin-left: 58.3333333333%;
}

.materialize-component .row .col.pull-s7 {
    right: 58.3333333333%;
}

.materialize-component .row .col.push-s7 {
    left: 58.3333333333%;
}

.materialize-component .row .col.offset-s8 {
    margin-left: 66.6666666667%;
}

.materialize-component .row .col.pull-s8 {
    right: 66.6666666667%;
}

.materialize-component .row .col.push-s8 {
    left: 66.6666666667%;
}

.materialize-component .row .col.offset-s9 {
    margin-left: 75%;
}

.materialize-component .row .col.pull-s9 {
    right: 75%;
}

.materialize-component .row .col.push-s9 {
    left: 75%;
}

.materialize-component .row .col.offset-s10 {
    margin-left: 83.3333333333%;
}

.materialize-component .row .col.pull-s10 {
    right: 83.3333333333%;
}

.materialize-component .row .col.push-s10 {
    left: 83.3333333333%;
}

.materialize-component .row .col.offset-s11 {
    margin-left: 91.6666666667%;
}

.materialize-component .row .col.pull-s11 {
    right: 91.6666666667%;
}

.materialize-component .row .col.push-s11 {
    left: 91.6666666667%;
}

.materialize-component .row .col.offset-s12 {
    margin-left: 100%;
}

.materialize-component .row .col.pull-s12 {
    right: 100%;
}

.materialize-component .row .col.push-s12 {
    left: 100%;
}

@media only screen and (min-width: 601px) {
    .materialize-component .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.offset-m1 {
        margin-left: 8.3333333333%;
    }
    .materialize-component .row .col.pull-m1 {
        right: 8.3333333333%;
    }
    .materialize-component .row .col.push-m1 {
        left: 8.3333333333%;
    }
    .materialize-component .row .col.offset-m2 {
        margin-left: 16.6666666667%;
    }
    .materialize-component .row .col.pull-m2 {
        right: 16.6666666667%;
    }
    .materialize-component .row .col.push-m2 {
        left: 16.6666666667%;
    }
    .materialize-component .row .col.offset-m3 {
        margin-left: 25%;
    }
    .materialize-component .row .col.pull-m3 {
        right: 25%;
    }
    .materialize-component .row .col.push-m3 {
        left: 25%;
    }
    .materialize-component .row .col.offset-m4 {
        margin-left: 33.3333333333%;
    }
    .materialize-component .row .col.pull-m4 {
        right: 33.3333333333%;
    }
    .materialize-component .row .col.push-m4 {
        left: 33.3333333333%;
    }
    .materialize-component .row .col.offset-m5 {
        margin-left: 41.6666666667%;
    }
    .materialize-component .row .col.pull-m5 {
        right: 41.6666666667%;
    }
    .materialize-component .row .col.push-m5 {
        left: 41.6666666667%;
    }
    .materialize-component .row .col.offset-m6 {
        margin-left: 50%;
    }
    .materialize-component .row .col.pull-m6 {
        right: 50%;
    }
    .materialize-component .row .col.push-m6 {
        left: 50%;
    }
    .materialize-component .row .col.offset-m7 {
        margin-left: 58.3333333333%;
    }
    .materialize-component .row .col.pull-m7 {
        right: 58.3333333333%;
    }
    .materialize-component .row .col.push-m7 {
        left: 58.3333333333%;
    }
    .materialize-component .row .col.offset-m8 {
        margin-left: 66.6666666667%;
    }
    .materialize-component .row .col.pull-m8 {
        right: 66.6666666667%;
    }
    .materialize-component .row .col.push-m8 {
        left: 66.6666666667%;
    }
    .materialize-component .row .col.offset-m9 {
        margin-left: 75%;
    }
    .materialize-component .row .col.pull-m9 {
        right: 75%;
    }
    .materialize-component .row .col.push-m9 {
        left: 75%;
    }
    .materialize-component .row .col.offset-m10 {
        margin-left: 83.3333333333%;
    }
    .materialize-component .row .col.pull-m10 {
        right: 83.3333333333%;
    }
    .materialize-component .row .col.push-m10 {
        left: 83.3333333333%;
    }
    .materialize-component .row .col.offset-m11 {
        margin-left: 91.6666666667%;
    }
    .materialize-component .row .col.pull-m11 {
        right: 91.6666666667%;
    }
    .materialize-component .row .col.push-m11 {
        left: 91.6666666667%;
    }
    .materialize-component .row .col.offset-m12 {
        margin-left: 100%;
    }
    .materialize-component .row .col.pull-m12 {
        right: 100%;
    }
    .materialize-component .row .col.push-m12 {
        left: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .materialize-component .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.offset-l1 {
        margin-left: 8.3333333333%;
    }
    .materialize-component .row .col.pull-l1 {
        right: 8.3333333333%;
    }
    .materialize-component .row .col.push-l1 {
        left: 8.3333333333%;
    }
    .materialize-component .row .col.offset-l2 {
        margin-left: 16.6666666667%;
    }
    .materialize-component .row .col.pull-l2 {
        right: 16.6666666667%;
    }
    .materialize-component .row .col.push-l2 {
        left: 16.6666666667%;
    }
    .materialize-component .row .col.offset-l3 {
        margin-left: 25%;
    }
    .materialize-component .row .col.pull-l3 {
        right: 25%;
    }
    .materialize-component .row .col.push-l3 {
        left: 25%;
    }
    .materialize-component .row .col.offset-l4 {
        margin-left: 33.3333333333%;
    }
    .materialize-component .row .col.pull-l4 {
        right: 33.3333333333%;
    }
    .materialize-component .row .col.push-l4 {
        left: 33.3333333333%;
    }
    .materialize-component .row .col.offset-l5 {
        margin-left: 41.6666666667%;
    }
    .materialize-component .row .col.pull-l5 {
        right: 41.6666666667%;
    }
    .materialize-component .row .col.push-l5 {
        left: 41.6666666667%;
    }
    .materialize-component .row .col.offset-l6 {
        margin-left: 50%;
    }
    .materialize-component .row .col.pull-l6 {
        right: 50%;
    }
    .materialize-component .row .col.push-l6 {
        left: 50%;
    }
    .materialize-component .row .col.offset-l7 {
        margin-left: 58.3333333333%;
    }
    .materialize-component .row .col.pull-l7 {
        right: 58.3333333333%;
    }
    .materialize-component .row .col.push-l7 {
        left: 58.3333333333%;
    }
    .materialize-component .row .col.offset-l8 {
        margin-left: 66.6666666667%;
    }
    .materialize-component .row .col.pull-l8 {
        right: 66.6666666667%;
    }
    .materialize-component .row .col.push-l8 {
        left: 66.6666666667%;
    }
    .materialize-component .row .col.offset-l9 {
        margin-left: 75%;
    }
    .materialize-component .row .col.pull-l9 {
        right: 75%;
    }
    .materialize-component .row .col.push-l9 {
        left: 75%;
    }
    .materialize-component .row .col.offset-l10 {
        margin-left: 83.3333333333%;
    }
    .materialize-component .row .col.pull-l10 {
        right: 83.3333333333%;
    }
    .materialize-component .row .col.push-l10 {
        left: 83.3333333333%;
    }
    .materialize-component .row .col.offset-l11 {
        margin-left: 91.6666666667%;
    }
    .materialize-component .row .col.pull-l11 {
        right: 91.6666666667%;
    }
    .materialize-component .row .col.push-l11 {
        left: 91.6666666667%;
    }
    .materialize-component .row .col.offset-l12 {
        margin-left: 100%;
    }
    .materialize-component .row .col.pull-l12 {
        right: 100%;
    }
    .materialize-component .row .col.push-l12 {
        left: 100%;
    }
}

@media only screen and (min-width: 1201px) {
    .materialize-component .row .col.xl1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .materialize-component .row .col.offset-xl1 {
        margin-left: 8.3333333333%;
    }
    .materialize-component .row .col.pull-xl1 {
        right: 8.3333333333%;
    }
    .materialize-component .row .col.push-xl1 {
        left: 8.3333333333%;
    }
    .materialize-component .row .col.offset-xl2 {
        margin-left: 16.6666666667%;
    }
    .materialize-component .row .col.pull-xl2 {
        right: 16.6666666667%;
    }
    .materialize-component .row .col.push-xl2 {
        left: 16.6666666667%;
    }
    .materialize-component .row .col.offset-xl3 {
        margin-left: 25%;
    }
    .materialize-component .row .col.pull-xl3 {
        right: 25%;
    }
    .materialize-component .row .col.push-xl3 {
        left: 25%;
    }
    .materialize-component .row .col.offset-xl4 {
        margin-left: 33.3333333333%;
    }
    .materialize-component .row .col.pull-xl4 {
        right: 33.3333333333%;
    }
    .materialize-component .row .col.push-xl4 {
        left: 33.3333333333%;
    }
    .materialize-component .row .col.offset-xl5 {
        margin-left: 41.6666666667%;
    }
    .materialize-component .row .col.pull-xl5 {
        right: 41.6666666667%;
    }
    .materialize-component .row .col.push-xl5 {
        left: 41.6666666667%;
    }
    .materialize-component .row .col.offset-xl6 {
        margin-left: 50%;
    }
    .materialize-component .row .col.pull-xl6 {
        right: 50%;
    }
    .materialize-component .row .col.push-xl6 {
        left: 50%;
    }
    .materialize-component .row .col.offset-xl7 {
        margin-left: 58.3333333333%;
    }
    .materialize-component .row .col.pull-xl7 {
        right: 58.3333333333%;
    }
    .materialize-component .row .col.push-xl7 {
        left: 58.3333333333%;
    }
    .materialize-component .row .col.offset-xl8 {
        margin-left: 66.6666666667%;
    }
    .materialize-component .row .col.pull-xl8 {
        right: 66.6666666667%;
    }
    .materialize-component .row .col.push-xl8 {
        left: 66.6666666667%;
    }
    .materialize-component .row .col.offset-xl9 {
        margin-left: 75%;
    }
    .materialize-component .row .col.pull-xl9 {
        right: 75%;
    }
    .materialize-component .row .col.push-xl9 {
        left: 75%;
    }
    .materialize-component .row .col.offset-xl10 {
        margin-left: 83.3333333333%;
    }
    .materialize-component .row .col.pull-xl10 {
        right: 83.3333333333%;
    }
    .materialize-component .row .col.push-xl10 {
        left: 83.3333333333%;
    }
    .materialize-component .row .col.offset-xl11 {
        margin-left: 91.6666666667%;
    }
    .materialize-component .row .col.pull-xl11 {
        right: 91.6666666667%;
    }
    .materialize-component .row .col.push-xl11 {
        left: 91.6666666667%;
    }
    .materialize-component .row .col.offset-xl12 {
        margin-left: 100%;
    }
    .materialize-component .row .col.pull-xl12 {
        right: 100%;
    }
    .materialize-component .row .col.push-xl12 {
        left: 100%;
    }
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.materialize-component .picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

/**
 * The picker input element.
 */
.materialize-component .picker__input {
    cursor: default;
}

/**
 * When the picker is opened, the input element is "activated".
 */
.materialize-component .picker__input.picker__input--active {
    border-color: #0089ec;
}

/**
 * The holder is the only "scrollable" top-level container element.
 */
.materialize-component .picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


.materialize-component .picker__holder,
.materialize-component .picker__frame {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.materialize-component .picker__holder {
    position: fixed;
    -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
    transition: background 0.15s ease-out, top 0s 0.15s;
    -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.materialize-component .picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    width: 300px;
    max-height: 350px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

@media (min-height: 28.875em) {
    .materialize-component .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%;
    }
}

@media (min-height: 40.125em) {
    .materialize-component .picker__frame {
        margin-bottom: 7.5%;
    }
}

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.materialize-component .picker__wrap {
    display: table;
    width: 100%;
    height: 100%;
}

@media (min-height: 28.875em) {
    .materialize-component .picker__wrap {
        display: block;
    }
}

/**
 * The box contains all the picker contents.
 */
.materialize-component .picker__box {
    background: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

@media (min-height: 28.875em) {
    .materialize-component .picker__box {
        display: block;
        border: 1px solid #777777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    }
}

/**
 * When the picker opens...
 */
.materialize-component .picker--opened .picker__holder {
    top: 0;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0, 0, 0, 0.32);
    -webkit-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}

.materialize-component .picker--opened .picker__frame {
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media (min-height: 35.875em) {
    .materialize-component .picker--opened .picker__frame {
        top: 10%;
        bottom: auto;
    }
}

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.materialize-component .picker__input.picker__input--active {
    border-color: #E3F2FD;
}

.materialize-component .picker__frame {
    margin: 0 auto;
    max-width: 325px;
}

@media (min-height: 38.875em) {
    .materialize-component .picker--opened .picker__frame {
        top: 10%;
        bottom: auto;
    }
}

@media only screen and (min-width: 601px) {
    .materialize-component .picker__box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .materialize-component .picker__frame {
        width: 80%;
        max-width: 600px;
    }
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.materialize-component .picker__box {
    padding: 0;
    border-radius: 2px;
    overflow: hidden;
}

/**
 * The header containing the month and year stuff.
 */
.materialize-component .picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em;
}

/**
 * The month and year labels.
 */
.materialize-component .picker__month,
.materialize-component .picker__year {
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}

/**
 * The month and year selectors.
 */
.materialize-component .picker__select--month,
.materialize-component .picker__select--year {
    height: 2em;
    padding: 0;
    margin-left: .25em;
    margin-right: .25em;
}

.materialize-component .picker__select--month.browser-default {
    display: inline;
    background-color: #FFFFFF;
    width: 40%;
}

.materialize-component .picker__select--year.browser-default {
    display: inline;
    background-color: #FFFFFF;
    width: 26%;
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: rgba(0, 0, 0, 0.05);
}

/**
 * The month navigation buttons.
 */
.materialize-component .picker__nav--prev,
.materialize-component .picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: -0.25em;
}

.materialize-component .picker__nav--prev {
    left: -1em;
    padding-right: 1.25em;
}

.materialize-component .picker__nav--next {
    right: -1em;
    padding-left: 1.25em;
}

.materialize-component .picker__nav--disabled,
.materialize-component .picker__nav--disabled:hover,
.materialize-component .picker__nav--disabled:before,
.materialize-component .picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.materialize-component .picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1rem;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
}

.materialize-component .picker__table th, .picker__table td {
    text-align: center;
}

.materialize-component .picker__table td {
    margin: 0;
    padding: 0;
}

/**
 * The weekday labels
 */
.materialize-component .picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500;
    /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
    .materialize-component .picker__weekday {
        padding-bottom: .5em;
    }
}

/**
 * The days on the calendar
 */
.materialize-component .picker__day--today {
    position: relative;
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent;
}

.materialize-component .picker__day--disabled:before {
    border-top-color: #aaaaaa;
}

.materialize-component .picker__day--infocus:hover {
    cursor: pointer;
    color: #000;
    font-weight: 500;
}

.materialize-component .picker__day--outfocus {
    display: none;
    padding: .75rem 0;
    color: #fff;
}

.materialize-component .picker__day--outfocus:hover {
    cursor: pointer;
    color: #dddddd;
    font-weight: 500;
}

.materialize-component .picker__day--highlighted:hover,
.materialize-component .picker--focused .picker__day--highlighted {
    cursor: pointer;
}

.materialize-component .picker__day--selected,
.materialize-component .picker__day--selected:hover,
.materialize-component .picker--focused .picker__day--selected {
    border-radius: 50%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    background: #0089ec;
    color: #ffffff;
}

.materialize-component .picker__day--disabled,
.materialize-component .picker__day--disabled:hover,
.materialize-component .picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.materialize-component .picker__day--highlighted.picker__day--disabled,
.materialize-component .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.materialize-component .picker__footer {
    text-align: right;
}

.materialize-component .picker__button--today,
.materialize-component .picker__button--clear,
.materialize-component .picker__button--close {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
}

.materialize-component .picker__button--today:hover,
.materialize-component .picker__button--clear:hover,
.materialize-component .picker__button--close:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb;
}

.materialize-component .picker__button--today:focus,
.materialize-component .picker__button--clear:focus,
.materialize-component .picker__button--close:focus {
    background: #b1dcfb;
    border-color: rgba(0, 0, 0, 0.05);
    outline: none;
}

.materialize-component .picker__button--today:before,
.materialize-component .picker__button--clear:before,
.materialize-component .picker__button--close:before {
    position: relative;
    display: inline-block;
    height: 0;
}

.materialize-component .picker__button--today:before,
.materialize-component .picker__button--clear:before {
    content: " ";
    margin-right: .45em;
}

.materialize-component .picker__button--today:before {
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent;
}

.materialize-component .picker__button--clear:before {
    top: -0.25em;
    width: .66em;
    border-top: 3px solid #ee2200;
}

.materialize-component .picker__button--close:before {
    content: "\D7";
    top: -0.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777777;
}

.materialize-component .picker__button--today[disabled],
.materialize-component .picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.materialize-component .picker__button--today[disabled]:before {
    border-top-color: #aaaaaa;
}

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
/*.picker__box {
  border-radius: 2px;
  overflow: hidden;
}*/
.materialize-component .picker__date-display {
    text-align: left;
    background-color: #26a69a;
    color: #fff;
    padding: 18px;
    font-weight: 300;
}

@media only screen and (min-width: 601px) {
    .picker__date-display {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .picker__weekday-display {
        display: block;
    }

    .picker__container__wrapper {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

.materialize-component .picker__nav--prev:hover,
.materialize-component .picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #a1ded8;
}

.materialize-component .picker__weekday-display {
    font-weight: 500;
    font-size: 2.8rem;
    margin-right: 5px;
    margin-top: 4px;
}

.materialize-component .picker__month-display {
    font-size: 2.8rem;
    font-weight: 500;
}

.materialize-component .picker__day-display {
    font-size: 2.8rem;
    font-weight: 500;
    margin-right: 5px;
}

.materialize-component .picker__year-display {
    font-size: 1.5rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

.materialize-component .picker__calendar-container {
    padding: 0 1rem;
}

.materialize-component .picker__calendar-container thead {
    border: none;
}

.materialize-component .picker__table {
    margin-top: 0;
    margin-bottom: .5em;
}

.materialize-component .picker__day--infocus {
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: -.3px;
    padding: 0.75rem 0;
    font-weight: 400;
    border: 1px solid transparent;
}

@media only screen and (min-width: 601px) {
    .materialize-component .picker__day--infocus {
        padding: 1.1rem 0;
    }
}

.materialize-component .picker__day.picker__day--today {
    color: #26a69a;
}

.materialize-component .picker__day.picker__day--today.picker__day--selected {
    color: #fff;
}

.materialize-component .picker__weekday {
    padding: 15px 5px;
    font-size: .9rem;
}

.materialize-component .picker__day--selected,
.materialize-component .picker__day--selected:hover,
.materialize-component .picker--focused .picker__day--selected {
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    background-color: #26a69a;
    color: #ffffff;
}

.materialize-component .picker__day--selected.picker__day--outfocus,
.materialize-component .picker__day--selected:hover.picker__day--outfocus,
.materialize-component .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #a1ded8;
}

.materialize-component .picker__footer {
    text-align: right;
    padding: 5px 10px;
}

.materialize-component .picker__close,
.materialize-component .picker__today,
.materialize-component .picker__clear {
    font-size: 1.1rem;
    padding: 0 1rem;
    color: #26a69a;
}

.materialize-component .picker__clear {
    color: #f44336;
    float: left;
}

.materialize-component .picker__nav--prev:before,
.materialize-component .picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #676767;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}

.materialize-component .picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #676767;
}

.materialize-component .parsley-errors-list.filled {
    color: #F44336;
}
.materialize-component ul.parsley-errors-list {
    margin-bottom: 0px;
    position: relative;
    padding: 0;
    list-style-type: none;
}

.materialize-component .btn, .materialize-component .btn-large,
.materialize-component .btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.materialize-component .btn.disabled, .materialize-component .disabled.btn-large,
.materialize-component .btn-floating.disabled,
.materialize-component .btn-large.disabled,
.materialize-component .btn-flat.disabled,
.materialize-component .btn:disabled,
.materialize-component .btn-large:disabled,
.materialize-component .btn-floating:disabled,
.materialize-component .btn-large:disabled,
.materialize-component .btn-flat:disabled,
.materialize-component .btn[disabled],
.materialize-component [disabled].btn-large,
.materialize-component .btn-floating[disabled],
.materialize-component .btn-large[disabled],
.materialize-component .btn-flat[disabled] {
    pointer-events: none;
    background-color: #DFDFDF !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}

.materialize-component .btn.disabled:hover, .materialize-component .disabled.btn-large:hover,
.materialize-component .btn-floating.disabled:hover,
.materialize-component .btn-large.disabled:hover,
.materialize-component .btn-flat.disabled:hover,
.materialize-component .btn:disabled:hover,
.materialize-component .btn-large:disabled:hover,
.materialize-component .btn-floating:disabled:hover,
.materialize-component .btn-large:disabled:hover,
.materialize-component .btn-flat:disabled:hover,
.materialize-component .btn[disabled]:hover,
.materialize-component [disabled].btn-large:hover,
.materialize-component .btn-floating[disabled]:hover,
.materialize-component .btn-large[disabled]:hover,
.materialize-component .btn-flat[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important;
}

.materialize-component .btn, .materialize-component .btn-large,
.materialize-component .btn-floating,
.materialize-component .btn-large,
.materialize-component .btn-flat {
    font-size: 1rem;
    outline: 0;
}

.materialize-component .btn i, .materialize-component .btn-large i,
.materialize-component .btn-floating i,
.materialize-component .btn-large i,
.materialize-component .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit;
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* future version of deprecated 'word-wrap' */
    padding-top: 1.2rem;
    /* prevents text jump on Enter keypress */
    position: absolute;
    top: 0;
}