/*MDB shoite*/

.md-form {
    position: relative;
    margin-bottom:1.5rem
}

.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color:transparent
}

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
    border-bottom:1px solid #4285f4
}

.md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
    color:#4285f4
}

.md-form input[type=date] + label:after, .md-form input[type=datetime-local] + label:after, .md-form input[type=email] + label:after, .md-form input[type=number] + label:after, .md-form input[type=password] + label:after, .md-form input[type=search-md] + label:after, .md-form input[type=search] + label:after, .md-form input[type=tel] + label:after, .md-form input[type=text] + label:after, .md-form input[type=time] + label:after, .md-form input[type=url] + label:after, .md-form textarea.md-textarea + label:after {
    content: "";
    position: absolute;
    top: 65px;
    display: block;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    -o-transition: .2s opacity ease-out, .2s color ease-out;
    transition:.2s opacity ease-out, .2s color ease-out
}

.md-form input[type=date].valid, .md-form input[type=date]:focus.valid, .md-form input[type=datetime-local].valid, .md-form input[type=datetime-local]:focus.valid, .md-form input[type=email].valid, .md-form input[type=email]:focus.valid, .md-form input[type=number].valid, .md-form input[type=number]:focus.valid, .md-form input[type=password].valid, .md-form input[type=password]:focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search].valid, .md-form input[type=search]:focus.valid, .md-form input[type=tel].valid, .md-form input[type=tel]:focus.valid, .md-form input[type=text].valid, .md-form input[type=text]:focus.valid, .md-form input[type=time].valid, .md-form input[type=time]:focus.valid, .md-form input[type=url].valid, .md-form input[type=url]:focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    -webkit-box-shadow: 0 1px 0 0 #00c851;
    box-shadow:0 1px 0 0 #00c851
}

.md-form input[type=date].valid + label:after, .md-form input[type=date]:focus.valid + label:after, .md-form input[type=datetime-local].valid + label:after, .md-form input[type=datetime-local]:focus.valid + label:after, .md-form input[type=email].valid + label:after, .md-form input[type=email]:focus.valid + label:after, .md-form input[type=number].valid + label:after, .md-form input[type=number]:focus.valid + label:after, .md-form input[type=password].valid + label:after, .md-form input[type=password]:focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search].valid + label:after, .md-form input[type=search]:focus.valid + label:after, .md-form input[type=tel].valid + label:after, .md-form input[type=tel]:focus.valid + label:after, .md-form input[type=text].valid + label:after, .md-form input[type=text]:focus.valid + label:after, .md-form input[type=time].valid + label:after, .md-form input[type=time]:focus.valid + label:after, .md-form input[type=url].valid + label:after, .md-form input[type=url]:focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after {
    content: attr(data-success);
    color: #00c851;
    opacity:1
}

.md-form input[type=date].invalid, .md-form input[type=date]:focus.invalid, .md-form input[type=datetime-local].invalid, .md-form input[type=datetime-local]:focus.invalid, .md-form input[type=email].invalid, .md-form input[type=email]:focus.invalid, .md-form input[type=number].invalid, .md-form input[type=number]:focus.invalid, .md-form input[type=password].invalid, .md-form input[type=password]:focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search].invalid, .md-form input[type=search]:focus.invalid, .md-form input[type=tel].invalid, .md-form input[type=tel]:focus.invalid, .md-form input[type=text].invalid, .md-form input[type=text]:focus.invalid, .md-form input[type=time].invalid, .md-form input[type=time]:focus.invalid, .md-form input[type=url].invalid, .md-form input[type=url]:focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow:0 1px 0 0 #f44336
}

.md-form input[type=date].invalid + label:after, .md-form input[type=date]:focus.invalid + label:after, .md-form input[type=datetime-local].invalid + label:after, .md-form input[type=datetime-local]:focus.invalid + label:after, .md-form input[type=email].invalid + label:after, .md-form input[type=email]:focus.invalid + label:after, .md-form input[type=number].invalid + label:after, .md-form input[type=number]:focus.invalid + label:after, .md-form input[type=password].invalid + label:after, .md-form input[type=password]:focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search].invalid + label:after, .md-form input[type=search]:focus.invalid + label:after, .md-form input[type=tel].invalid + label:after, .md-form input[type=tel]:focus.invalid + label:after, .md-form input[type=text].invalid + label:after, .md-form input[type=text]:focus.invalid + label:after, .md-form input[type=time].invalid + label:after, .md-form input[type=time]:focus.invalid + label:after, .md-form input[type=url].invalid + label:after, .md-form input[type=url]:focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after {
    content: attr(data-error);
    color: #f44336;
    opacity:1
}

.md-form input[type=date].form-control.valid + label:after, .md-form input[type=date].form-control:focus.valid + label:after, .md-form input[type=datetime-local].form-control.valid + label:after, .md-form input[type=datetime-local].form-control:focus.valid + label:after, .md-form input[type=email].form-control.valid + label:after, .md-form input[type=email].form-control:focus.valid + label:after, .md-form input[type=number].form-control.valid + label:after, .md-form input[type=number].form-control:focus.valid + label:after, .md-form input[type=password].form-control.valid + label:after, .md-form input[type=password].form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search].form-control.valid + label:after, .md-form input[type=search].form-control:focus.valid + label:after, .md-form input[type=tel].form-control.valid + label:after, .md-form input[type=tel].form-control:focus.valid + label:after, .md-form input[type=text].form-control.valid + label:after, .md-form input[type=text].form-control:focus.valid + label:after, .md-form input[type=time].form-control.valid + label:after, .md-form input[type=time].form-control:focus.valid + label:after, .md-form input[type=url].form-control.valid + label:after, .md-form input[type=url].form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after {
    top:3.56rem
}

.md-form input[type=date].form-control.invalid + label:after, .md-form input[type=date].form-control:focus.invalid + label:after, .md-form input[type=datetime-local].form-control.invalid + label:after, .md-form input[type=datetime-local].form-control:focus.invalid + label:after, .md-form input[type=email].form-control.invalid + label:after, .md-form input[type=email].form-control:focus.invalid + label:after, .md-form input[type=number].form-control.invalid + label:after, .md-form input[type=number].form-control:focus.invalid + label:after, .md-form input[type=password].form-control.invalid + label:after, .md-form input[type=password].form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search].form-control.invalid + label:after, .md-form input[type=search].form-control:focus.invalid + label:after, .md-form input[type=tel].form-control.invalid + label:after, .md-form input[type=tel].form-control:focus.invalid + label:after, .md-form input[type=text].form-control.invalid + label:after, .md-form input[type=text].form-control:focus.invalid + label:after, .md-form input[type=time].form-control.invalid + label:after, .md-form input[type=time].form-control:focus.invalid + label:after, .md-form input[type=url].form-control.invalid + label:after, .md-form input[type=url].form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after {
    top:3.44rem
}

.md-form input[type=date].form-control-lg.valid + label:after, .md-form input[type=date].form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local].form-control-lg.valid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.valid + label:after, .md-form input[type=email].form-control-lg.valid + label:after, .md-form input[type=email].form-control-lg:focus.valid + label:after, .md-form input[type=number].form-control-lg.valid + label:after, .md-form input[type=number].form-control-lg:focus.valid + label:after, .md-form input[type=password].form-control-lg.valid + label:after, .md-form input[type=password].form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search].form-control-lg.valid + label:after, .md-form input[type=search].form-control-lg:focus.valid + label:after, .md-form input[type=tel].form-control-lg.valid + label:after, .md-form input[type=tel].form-control-lg:focus.valid + label:after, .md-form input[type=text].form-control-lg.valid + label:after, .md-form input[type=text].form-control-lg:focus.valid + label:after, .md-form input[type=time].form-control-lg.valid + label:after, .md-form input[type=time].form-control-lg:focus.valid + label:after, .md-form input[type=url].form-control-lg.valid + label:after, .md-form input[type=url].form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after {
    top:4.1rem
}

.md-form input[type=date].form-control-lg.invalid + label:after, .md-form input[type=date].form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-lg.invalid + label:after, .md-form input[type=datetime-local].form-control-lg:focus.invalid + label:after, .md-form input[type=email].form-control-lg.invalid + label:after, .md-form input[type=email].form-control-lg:focus.invalid + label:after, .md-form input[type=number].form-control-lg.invalid + label:after, .md-form input[type=number].form-control-lg:focus.invalid + label:after, .md-form input[type=password].form-control-lg.invalid + label:after, .md-form input[type=password].form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search].form-control-lg.invalid + label:after, .md-form input[type=search].form-control-lg:focus.invalid + label:after, .md-form input[type=tel].form-control-lg.invalid + label:after, .md-form input[type=tel].form-control-lg:focus.invalid + label:after, .md-form input[type=text].form-control-lg.invalid + label:after, .md-form input[type=text].form-control-lg:focus.invalid + label:after, .md-form input[type=time].form-control-lg.invalid + label:after, .md-form input[type=time].form-control-lg:focus.invalid + label:after, .md-form input[type=url].form-control-lg.invalid + label:after, .md-form input[type=url].form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after {
    top:4rem
}

.md-form input[type=date].form-control-sm.valid + label:after, .md-form input[type=date].form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local].form-control-sm.valid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.valid + label:after, .md-form input[type=email].form-control-sm.valid + label:after, .md-form input[type=email].form-control-sm:focus.valid + label:after, .md-form input[type=number].form-control-sm.valid + label:after, .md-form input[type=number].form-control-sm:focus.valid + label:after, .md-form input[type=password].form-control-sm.valid + label:after, .md-form input[type=password].form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search].form-control-sm.valid + label:after, .md-form input[type=search].form-control-sm:focus.valid + label:after, .md-form input[type=tel].form-control-sm.valid + label:after, .md-form input[type=tel].form-control-sm:focus.valid + label:after, .md-form input[type=text].form-control-sm.valid + label:after, .md-form input[type=text].form-control-sm:focus.valid + label:after, .md-form input[type=time].form-control-sm.valid + label:after, .md-form input[type=time].form-control-sm:focus.valid + label:after, .md-form input[type=url].form-control-sm.valid + label:after, .md-form input[type=url].form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after {
    top:3.2rem
}

.md-form input[type=date].form-control-sm.invalid + label:after, .md-form input[type=date].form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local].form-control-sm.invalid + label:after, .md-form input[type=datetime-local].form-control-sm:focus.invalid + label:after, .md-form input[type=email].form-control-sm.invalid + label:after, .md-form input[type=email].form-control-sm:focus.invalid + label:after, .md-form input[type=number].form-control-sm.invalid + label:after, .md-form input[type=number].form-control-sm:focus.invalid + label:after, .md-form input[type=password].form-control-sm.invalid + label:after, .md-form input[type=password].form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search].form-control-sm.invalid + label:after, .md-form input[type=search].form-control-sm:focus.invalid + label:after, .md-form input[type=tel].form-control-sm.invalid + label:after, .md-form input[type=tel].form-control-sm:focus.invalid + label:after, .md-form input[type=text].form-control-sm.invalid + label:after, .md-form input[type=text].form-control-sm:focus.invalid + label:after, .md-form input[type=time].form-control-sm.invalid + label:after, .md-form input[type=time].form-control-sm:focus.invalid + label:after, .md-form input[type=url].form-control-sm.invalid + label:after, .md-form input[type=url].form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after {
    top:3.1rem
}

.md-form > input[type=date]:not(.browser-default) + label {
    -webkit-transform: translateY(-27px) scale(.8);
    -ms-transform: translateY(-27px) scale(.8);
    transform: translateY(-27px) scale(.8);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin:0 0
}

.md-form > input[type=time]:not(.browser-default) + label, .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size:.8rem
}

.md-form .was-validated input[type=text]:valid + label {
    color:#00c851 !important
}

.md-form .was-validated input[type=text]:invalid + label {
    color:#f44336 !important
}

.md-form .was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow:0 1px 0 0 #00c851 !important
}

.md-form .was-validated .form-control:valid {
    border-color:#00c851 !important
}

.md-form .was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow:0 1px 0 0 #f44336 !important
}

.md-form .was-validated .form-control:invalid {
    border-color:#f44336 !important
}

.md-form .form-control {
    margin: 0 0 .5rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .3rem 0 .55rem;
    background-image: none;
    background-color: transparent;
    height:auto
}

.md-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:0 0
}

.md-form .form-control:disabled, .md-form .form-control[readonly] {
    border-bottom: 1px solid #bdbdbd;
    background-color:transparent
}

.md-form .validate {
    margin-bottom:2.5rem
}

.md-form label {
    font-size:1rem
}

.md-form label.active {
    font-size: .8rem;
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform:translateY(-140%)
}

.md-form .prefix {
    top: .25rem;
    font-size:1.75rem
}

.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    margin-left: 2.5rem;
    width:calc(100% - 2.5rem)
}

.md-form .prefix ~ label {
    margin-left:2.5rem
}

.md-form .prefix ~ .form-text {
    margin-left:2.6rem
}

.md-form label {
    position: absolute;
    top: .65rem;
    left: 0;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: text;
    color:#757575
}

.md-form .prefix.active, .md-form textarea ~ label.active, .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline textarea:focus:not([readonly]) + label {
    color:#4285f4
}

.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition:color .2s
}

.md-form.form-lg .validate {
    margin-bottom:2.8rem
}

.md-form.form-lg label {
    font-size:1.25rem
}

.md-form.form-lg label.active {
    font-size:.95rem
}

.md-form.form-lg .prefix {
    top: .4rem;
    font-size:2rem
}

.md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea {
    margin-left: 3rem;
    width:calc(100% - 3rem)
}

.md-form.form-lg .prefix ~ label {
    margin-left:3rem
}

.md-form.form-lg .prefix ~ .form-text {
    margin-left:3.1rem
}

.md-form.form-sm .validate {
    margin-bottom:2.3rem
}

.md-form.form-sm label {
    font-size:.875rem
}

.md-form.form-sm label.active {
    font-size:.75rem
}

.md-form.form-sm .prefix {
    top: .35rem;
    font-size:1.5rem
}

.md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea {
    margin-left: 2rem;
    width:calc(100% - 2rem)
}

.md-form.form-sm .prefix ~ .form-text, .md-form.form-sm .prefix ~ label {
    margin-left:2rem
}

.md-form textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
    resize:none
}

.md-form textarea.md-textarea-auto {
    padding:1.5rem 0 0
}

.md-form.md-outline {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom:1.5rem
}

.md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=email], .md-form.md-outline input[type=number], .md-form.md-outline input[type=password], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=text], .md-form.md-outline input[type=time], .md-form.md-outline input[type=url], .md-form.md-outline textarea {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline textarea:focus:not([readonly]) {
    border-color: #4285f4;
    -webkit-box-shadow: inset 0 0 0 1px #4285f4;
    box-shadow:inset 0 0 0 1px #4285f4
}

.md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline textarea.valid, .md-form.md-outline textarea:focus.valid {
    border-color: #00c851;
    -webkit-box-shadow: inset 0 0 0 1px #00c851;
    box-shadow:inset 0 0 0 1px #00c851
}

.md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline textarea.valid + label:after, .md-form.md-outline textarea:focus.valid + label:after, .md-form.md-outline textarea:focus:not([readonly]).valid + label {
    content: attr(data-success);
    color: #00c851;
    opacity:1
}

.md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline textarea.invalid, .md-form.md-outline textarea:focus.invalid {
    border-color: #f44336;
    -webkit-box-shadow: inset 0 0 0 1px #f44336;
    box-shadow:inset 0 0 0 1px #f44336
}

.md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.invalid + label:after, .md-form.md-outline textarea:focus.invalid + label:after, .md-form.md-outline textarea:focus:not([readonly]).invalid + label {
    content: attr(data-error);
    color: #f44336;
    opacity:1
}

.md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline textarea.form-control.invalid + label:after, .md-form.md-outline textarea.form-control.valid + label:after, .md-form.md-outline textarea.form-control:focus.invalid + label:after, .md-form.md-outline textarea.form-control:focus.valid + label:after {
    top: 2.75rem;
    left: 0;
    position:absolute
}

.md-form.md-outline > input[type=time]:not(.browser-default) + label, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    left:8px
}

.md-form.md-outline > input[type=time]:not(.browser-default) + label.active, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label.active {
    -webkit-transform: translateY(-17px);
    transform: translateY(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.md-form.md-outline .form-control {
    padding:.375rem .75rem
}

.md-form.md-outline label {
    font-size: .875rem;
    position: absolute;
    top: .65rem;
    left: 0;
    padding-left: 10px;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: text;
    color:#757575
}

.btn-floating, .card .card-reveal .card-title, .card-wrapper .card-rotating .card-title {
    cursor:pointer
}

.md-form.md-outline label.active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    left:8px
}

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding:.5rem .725rem
}

.md-form.md-outline.form-lg label {
    font-size:1.25rem
}

.md-form.md-outline.form-lg label.active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size:13px
}

.md-form.md-outline.form-lg .prefix {
    top: .65rem;
    font-size:25px
}

.md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea {
    margin-left: 2.2rem;
    width:calc(100% - 2.2rem)
}

.md-form.md-outline.form-lg .prefix ~ label {
    margin-left:2.2rem
}

.md-form.md-outline.form-lg .prefix ~ .form-text {
    margin-left:2.3rem
}

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding:.25rem .625rem
}

.md-form.md-outline.form-sm label {
    font-size: .8rem;
    top:.4rem
}

.md-form.md-outline.form-sm label.active {
    -webkit-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    transform: translateY(-85%);
    font-size:10px
}

.md-form.md-outline.form-sm .prefix {
    top: .5rem;
    font-size:15px
}

.md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea {
    margin-left: 1.6rem;
    width:calc(100% - 1.6rem)
}

.md-form.md-outline.form-sm .prefix ~ label {
    margin-left:1.6rem
}

.md-form.md-outline.form-sm .prefix ~ .form-text {
    margin-left:1.7rem
}

.md-form.md-outline .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    top: .6rem;
    font-size:20px
}

.md-form.md-outline .prefix:focus {
    color:#4285f4
}

.md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea {
    margin-left: 2rem;
    width:calc(100% - 2rem)
}

.md-form.md-outline .prefix ~ label {
    margin-left:2rem
}

.md-form.md-outline .prefix ~ .form-text {
    margin-left:2.1rem
}

.md-form.md-outline .character-counter {
    margin-top:-.5rem
}

.md-form .form-control.is-invalid, .md-form .form-control.is-valid, .was-validated .md-form .form-control:invalid, .was-validated .md-form .form-control:valid {
    padding-right:0
}

.needs-validation .md-form label {
    left:.3rem
}


.picker__input.picker__input--active {
    border-color:#0089ec
}

.picker {
    font-size: 1rem;
    text-align: center;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    -ms-user-select: none;
    user-select: none /*!
       * Default mobile-first, responsive styling for pickadate.js
       * Demo: http://amsul.github.io/pickadate.js
       */
}

.picker .picker__holder {
    width: 100%;
    overflow-y: auto;
    overflow-scrolling: touch;
    position: fixed;
    -webkit-transition: background .15s ease-out, top 0s .15s;
    -o-transition: background .15s ease-out, top 0s .15s;
    transition: background .15s ease-out, top 0s .15s;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.picker .picker__frame, .picker .picker__holder {
    bottom: 0;
    left: 0;
    right: 0;
    top:100%
}

.picker .picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 16rem;
    max-width: 20.3125rem;
    width: 18.75rem;
    max-height: 21.875rem;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition:all .15s ease-out
}

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

.picker .picker__frame .picker__wrap {
    display: table;
    width: 100%;
    height:100%
}

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

    .picker .picker__frame .picker__wrap {
        display:block
    }
}

.picker .picker__box {
    background: #fff;
    display: table-cell;
    vertical-align:middle
}

@media (min-height: 28.875em) {
    .picker .picker__box {
        display: block;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 .75rem 2.25rem 1rem rgba(0, 0, 0, .24);
        box-shadow:0 .75rem 2.25rem 1rem rgba(0, 0, 0, .24)
    }
}

.picker--opened .picker__holder {
    top: 0;
    zoom: 1;
    background: rgba(0, 0, 0, .32);
    -webkit-transition: background .15s ease-out;
    -o-transition: background .15s ease-out;
    transition:background .15s ease-out
}

.picker--opened .picker__frame {
    top: 0;
    filter: alpha(opacity=100);
    opacity:1
}

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

.datepicker.picker__input.picker__input--active, .timepicker.picker__input.picker__input--active {
    border-bottom:1px solid #e3f2fd
}

.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin:0
}

.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    padding:.75em 1.25em
}

.picker__list-item--highlighted, .picker__list-item:hover {
    border-color: #0089ec;
    z-index:10
}

@media (min-height: 46.75em) {
    .picker__list-item {
        padding:.5em 1em
    }
}

.picker__list-item:hover {
    cursor: pointer;
    background:#b1dcfb
}

.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted:hover {
    cursor: pointer;
    color: #000;
    background:#b1dcfb
}

.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover {
    background: #0089ec;
    z-index:10
}

.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index:auto
}

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color:#666
}

.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover {
    color: #000;
    background: #b1dcfb;
    border-color: #e20;
    cursor: pointer;
    outline:0
}

.picker--time .picker__button--clear:before {
    top: -.25em;
    color: #666;
    font-size: 1.25em;
    font-weight:700
}

.picker--time .picker__frame {
    min-width: 16rem;
    max-width:20rem
}

.picker--time .picker__box {
    font-size: 1em;
    background: #f2f2f2;
    padding:0
}

@media (min-height: 40.125em) {
    .picker--time .picker__box {
        margin-bottom: 5em
    }
}
/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Further modified
 * Copyright 2015 Ching Yaw Hao.
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.picker__date-display {
    text-align: center;
    background-color: #4285f4;
    padding-bottom: .9375rem;
    font-weight: 300;
    margin-bottom:1rem
}

.picker__date-display .clockpicker-display {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 5.3125rem;
    font-size: 4.375rem;
    padding: .625rem .625rem 0;
    color:#b2dfdb
}

.picker__date-display .clockpicker-display .clockpicker-display-column {
    float:left
}

.picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary {
    -webkit-animation-name: pulse;
    animation-name:pulse
}

.picker__date-display .clockpicker-display .clockpicker-display-column #click-am, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm {
    cursor:pointer
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm {
    padding-left: .3125rem;
    vertical-align: bottom;
    height:5.3125rem
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
    display: inline-block;
    font-size: 1.4375rem;
    line-height: 1.5625rem;
    color:#b2dfdb
}

.picker__date-display .clockpicker-display .clockpicker-span-hours, .picker__date-display .clockpicker-display .clockpicker-span-minutes {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    cursor:pointer
}

.clockpicker-display {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 5.3125rem;
    font-size: 4.375rem;
    padding: .625rem .625rem 0;
    color:#b2dfdb
}

.clockpicker-display .clockpicker-display-column {
    float:left
}

.clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary {
    -webkit-animation-name: pulse;
    animation-name:pulse
}

.clockpicker-display .clockpicker-display-column #click-am, .clockpicker-display .clockpicker-display-column #click-pm {
    cursor:pointer
}

.clockpicker-display .clockpicker-display-am-pm {
    padding-left: .3125rem;
    vertical-align: bottom;
    height:5.3125rem
}

.clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
    display: inline-block;
    font-size: 1.4375rem;
    line-height: 1.5625rem;
    color:#b2dfdb
}

.clockpicker-display .clockpicker-span-hours, .clockpicker-display .clockpicker-span-minutes {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: pointer;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition:color .5s
}

@keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
}

.clockpicker-moving {
    cursor:move
}

.clockpicker-plate {
    background-color: #eee;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 16.875rem;
    height: 16.875rem;
    overflow: visible;
    position: relative;
    margin: 1.25rem auto auto;
    -ms-user-select: none;
    user-select:none
}

.clockpicker-plate .clockpicker-canvas, .clockpicker-plate .clockpicker-dial {
    width: 16.875rem;
    height: 16.875rem;
    position: absolute;
    left: -1px;
    top:-1px
}

.clockpicker-plate .clockpicker-dial {
    -webkit-transition: opacity 350ms, -webkit-transform 350ms;
    -o-transition: transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
    transition:transform 350ms, opacity 350ms, -webkit-transform 350ms
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #666;
    line-height: 2.5rem;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    background-color:rgba(0, 150, 136, 0)
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick.active, .clockpicker-plate .clockpicker-dial .clockpicker-tick:hover {
    background-color:rgba(0, 150, 136, .25)
}

.clockpicker-plate .clockpicker-minutes {
    visibility:hidden
}

.clockpicker-plate .clockpicker-dial-out {
    opacity:0
}

.clockpicker-plate .clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform:scale(1.2, 1.2)
}

.clockpicker-plate .clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform:scale(.8, .8)
}

.clockpicker-canvas {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition:opacity .3s
}

.clockpicker-canvas line {
    stroke: rgba(0, 150, 136, .25);
    stroke-width:1
}

.clockpicker-canvas-out {
    opacity:.25
}

.clockpicker-canvas-bearing {
    stroke: none;
    fill:rgba(0, 77, 64, .75)
}

.clockpicker-canvas-fg {
    stroke: none;
    fill:rgba(0, 77, 64, 0)
}

.clockpicker-canvas-fg.active {
    fill:rgba(0, 77, 64, .5)
}

.clockpicker-canvas-bg, .clockpicker-canvas-bg-trans {
    fill:rgba(0, 150, 136, .25)
}

.clockpicker-canvas-bg {
    stroke:none
}

.clockpicker-am-pm-block {
    margin-top: -.625rem;
    width: 100%;
    height:3.125rem
}

.clockpicker-am-pm-block .clockpicker-button.am-button {
    height: 2.8125rem;
    width: 2.8125rem;
    float: left;
    border:0
}

.clockpicker-am-pm-block .clockpicker-button.pm-button {
    height: 2.8125rem;
    width: 2.8125rem;
    float: right;
    border:0
}

.btn-floating.btn-flat {
    color: #fff;
    padding: 0;
    background:#4285f4
}

.btn-floating.btn-flat:hover {
    -webkit-box-shadow: none;
    box-shadow:none
}

.btn-floating.btn-flat:focus, .btn-floating.btn-flat:hover {
    background-color:#5a95f5 !important
}

.btn-floating.btn-flat.active {
    background-color: #0b51c5 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.picker__footer {
    width:100%
}

.picker__footer .clockpicker-button {
    margin: .9375rem auto auto;
    background-color: transparent;
    text-transform:uppercase
}

.picker__footer .clockpicker-button:focus {
    background-color:transparent
}

.picker__footer .clockpicker-button:active {
    background-color:rgba(0, 150, 136, .25)
}

.darktheme .picker__box {
    background-color:#212121
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate, .darktheme .picker__box .picker__date-display {
    background-color:transparent
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick {
    background-color:rgba(255, 64, 129, 0)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick.active, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick:hover, .darktheme .picker__box .picker__footer .clockpicker-button:active {
    background-color:rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas line {
    stroke:rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bearing {
    fill:#fff
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg {
    fill:rgba(255, 64, 129, 0)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg.active {
    fill:rgba(255, 64, 129, .5)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg {
    fill:rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg-trans {
    fill:rgba(255, 64, 129, .5)
}

.picker__box {
    padding: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    overflow:hidden
}

.picker__box .picker__header {
    text-align: center;
    position: relative;
    margin-bottom:1.25rem
}

.picker__box .picker__header select {
    display:inline-block !important
}

.picker__box .picker__header .picker__date-display {
    text-align: center;
    background-color: #4285f4;
    padding-bottom: .9375rem;
    font-weight: 300;
    margin-bottom:1rem
}

.picker__box .picker__header .picker__date-display .picker__weekday-display {
    background-color: #206ff2;
    padding: .625rem;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom:.9375rem
}

.picker__box .picker__header .picker__date-display .picker__month-display {
    text-transform: uppercase;
    font-size:2rem
}

.picker__box .picker__header .picker__date-display .picker__day-display {
    font-size: 4.5rem;
    font-weight:400
}

.picker__box .picker__header .picker__date-display .picker__year-display {
    font-size: 1.8rem;
    color:rgba(255, 255, 255, .4)
}

.picker__box .picker__header .picker__month, .picker__box .picker__header .picker__year {
    display: inline-block;
    margin-left: .25em;
    margin-right:.25em
}

.picker__box .picker__header .picker__select--month, .picker__box .picker__header .picker__select--year {
    height: 2em;
    padding: 0;
    margin-left: .25em;
    margin-right: .25em;
    display:inline-block
}

.picker__box .picker__header .picker__select--month:focus, .picker__box .picker__header .picker__select--year:focus {
    border-color:rgba(0, 0, 0, .05)
}

.picker__box .picker__header .picker__select--year {
    width:30%
}

.picker__box .picker__header .picker__select--month.browser-default {
    display: inline;
    width:40%
}

.picker__box .picker__header .picker__select--year.browser-default {
    display: inline;
    width:25%
}

.picker__box .picker__header .picker__nav--next, .picker__box .picker__header .picker__nav--prev {
    position: absolute;
    padding: .5em 1.55em;
    width: 1em;
    height: 1em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    bottom:0
}

.picker__box .picker__header .picker__nav--next:hover, .picker__box .picker__header .picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background:#ecf2fc
}

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

.picker__box .picker__header .picker__nav--prev {
    left: -1em;
    padding-right:1.25em
}

.picker__box .picker__header .picker__nav--next {
    right: -1em;
    padding-left:1.25em
}

.picker__box .picker__header .picker__nav--next:before {
    border-right: 0;
    border-left:.75em solid #676767
}

.picker__box .picker__header .picker__nav--disabled, .picker__box .picker__header .picker__nav--disabled:before, .picker__box .picker__header .picker__nav--disabled:before:hover, .picker__box .picker__header .picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color:#f5f5f5
}

.picker__box .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
}

.picker__box .picker__table td, .picker__box .picker__table th {
    text-align:center
}

.picker__box .picker__table td {
    margin: 0;
    padding:0
}

.picker__box .picker__table .picker__weekday {
    width: 14%;
    font-size: .9em;
    padding-bottom: .25em;
    color: #999;
    font-weight:500
}

@media (min-height: 33.875em) {
    .picker__box .picker__table .picker__weekday {
        padding-bottom:.25em
    }
}

.picker__box .picker__table .picker__day--today {
    position: relative;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border:1px solid transparent
}

.picker__box .picker__table .picker__day.picker__day--today {
    color:#fff
}

.picker__box .picker__table .picker__day--disabled:before {
    border-top-color:#aaa
}

.picker__box .picker__table .picker__day--infocus {
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border:#595959
}

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

.picker__box .picker__table .picker__day--outfocus {
    display: none;
    padding:.75rem 0
}

.picker__box .picker__table .picker__day--outfocus:hover {
    cursor: pointer;
    color: #ddd;
    font-weight:500
}

.picker__box .picker__table .picker--focused .picker__day--highlighted, .picker__box .picker__table .picker__day--highlighted:hover {
    cursor:pointer
}

.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    background-color: #4285f4;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow:0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.picker__box .picker__table .picker--focused.picker__day--outfocus, .picker__box .picker__table .picker__day--selected.picker__day--outfocus, .picker__box .picker__table .picker__day--selected:hover.picker__day--outfocus {
    background-color:#ecf2fc
}

.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--disabled, .picker__box .picker__table .picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor:default
}

.picker__box .picker__table .picker__day--highlighted.picker__day--disabled, .picker__box .picker__table .picker__day--highlighted.picker__day--disabled:hover {
    background:#bbb
}

.picker__box .picker__footer {
    text-align: right;
    padding: .3125rem .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.picker__box .picker__footer .picker__button--clear, .picker__box .picker__footer .picker__button--close, .picker__box .picker__footer .picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: 1rem 0 .7rem;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
    text-transform:uppercase
}

.picker__box .picker__footer .picker__button--clear:hover, .picker__box .picker__footer .picker__button--close:hover, .picker__box .picker__footer .picker__button--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color:#b1dcfb
}

.picker__box .picker__footer .picker__button--clear:focus, .picker__box .picker__footer .picker__button--close:focus, .picker__box .picker__footer .picker__button--today:focus {
    background: #b1dcfb;
    border-color: rgba(0, 0, 0, .05);
    outline:0
}

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

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

.picker__box .picker__footer .picker__button--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left:.66em solid transparent
}

.picker__box .picker__footer .picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top:3px solid #e20
}

.picker__box .picker__footer .picker__button--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color:#777
}

.picker__box .picker__footer .picker__button--today[disabled], .picker__box .picker__footer .picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor:default
}

.picker__box .picker__footer .picker__button--today[disabled]:before {
    border-top-color:#aaa
}

.picker__calendar-container {
    padding:0 1rem
}

.fixed-sn main, .hidden-sn main {
    padding-top:5.5rem
}

.picker__calendar-container thead {
    border:none
}


.form-header {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    text-align: center;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-border-radius: .125rem;
    border-radius:.125rem
}

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events:none
}

.form-check-input[type=radio]:checked + label, .form-check-input[type=radio]:not(:checked) + label, label.btn input[type=radio]:checked + label, label.btn input[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.clockpicker-plate, .picker, .select-wrapper .select-dropdown {
    -webkit-user-select: none;
    -moz-user-select:none
}

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

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, .form-check-input[type=radio]:checked + label:before, .form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
    -webkit-border-radius: 50%;
    border-radius:50%
}

.form-check-input[type=radio]:not(:checked) + label:after, .form-check-input[type=radio]:not(:checked) + label:before, label.btn input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:before {
    border:2px solid #5a5a5a
}

.form-check-input[type=radio]:not(:checked) + label:after, label.btn input[type=radio]:not(:checked) + label:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform:scale(0)
}

.form-check-input[type=radio]:checked + label:before, label.btn input[type=radio]:checked + label:before {
    border:2px solid transparent
}

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after {
    border:2px solid #4285f4
}

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio]:checked + label:after {
    background-color:#4285f4
}

.form-check-input[type=radio]:checked + label:after, label.btn input[type=radio]:checked + label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform:scale(1.02)
}

.form-check-input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform:scale(.5)
}

.form-check-input[type=radio].with-gap:disabled:checked + label:before, label.btn input[type=radio].with-gap:disabled:checked + label:before {
    border:2px solid rgba(0, 0, 0, .46)
}

.form-check-input[type=radio].with-gap:disabled:checked + label:after, label.btn input[type=radio].with-gap:disabled:checked + label:after {
    border: none;
    background-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:checked + label:before, .form-check-input[type=radio]:disabled:not(:checked) + label:before, label.btn input[type=radio]:disabled:checked + label:before, label.btn input[type=radio]:disabled:not(:checked) + label:before {
    background-color: transparent;
    border-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled + span, label.btn input[type=radio]:disabled + span {
    color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:not(:checked) + span:before, label.btn input[type=radio]:disabled:not(:checked) + span:before {
    border-color:rgba(0, 0, 0, .46)
}

.form-check-input[type=radio]:disabled:checked + span:after, label.btn input[type=radio]:disabled:checked + span:after {
    background-color: rgba(0, 0, 0, .46);
    border-color:#BDBDBD
}

.form-check-input[type=radio]:checked + label:after .disabled-material, label.btn input[type=radio]:checked + label:after .disabled-material {
    background-color:rgba(66, 133, 244, .2)
}

.md-disabled::after {
    background-color: rgba(66, 133, 244, .5) !important;
    border-color:rgba(66, 133, 244, .2) !important
}

.md-disabled::before {
    border-color:rgba(66, 133, 244, .25) !important
}

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events:none
}

.form-check-input[type=checkbox] + label, label.btn input[type=checkbox] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.form-check-input[type=checkbox] + label:before, .form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox] + label:before, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #8a8a8a;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition:.2s
}

.form-check-input[type=checkbox]:not(.filled-in) + label:after, label.btn input[type=checkbox]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform:scale(0)
}

.form-check-input[type=checkbox]:not(:checked):disabled + label:before, label.btn input[type=checkbox]:not(:checked):disabled + label:before {
    border: none;
    background-color:#BDBDBD
}

.form-check-input[type=checkbox]:checked + label:before, label.btn input[type=checkbox]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 1.375rem;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #4285f4;
    border-bottom: 2px solid #4285f4;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox]:checked:disabled + label:before, label.btn input[type=checkbox]:checked:disabled + label:before {
    border-right: 2px solid #BDBDBD;
    border-bottom:2px solid #BDBDBD
}

.form-check-input[type=checkbox]:indeterminate + label:before, label.btn input[type=checkbox]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 1.375rem;
    border-top: none;
    border-left: none;
    border-right: 2px solid #4285f4;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox]:indeterminate:disabled + label:before, label.btn input[type=checkbox]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, .46);
    background-color:transparent
}

.form-check-input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:after {
    -webkit-border-radius: .125rem;
    border-radius:.125rem
}

.form-check-input[type=checkbox].filled-in + label:after, .form-check-input[type=checkbox].filled-in + label:before, label.btn input[type=checkbox].filled-in + label:after, label.btn input[type=checkbox].filled-in + label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index:1
}

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

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

.form-check-input[type=checkbox].filled-in:checked + label:before, label.btn input[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);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin:100% 100%
}

.form-check-input[type=checkbox].filled-in:checked + label:after, label.btn input[type=checkbox].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #a6c;
    background-color: #a6c;
    z-index:0
}

.form-check-input[type=checkbox].filled-in.filled-in-danger:checked + label:after, label.btn input[type=checkbox].filled-in.filled-in-danger:checked + label:after {
    background-color: #f44336;
    border-color:#f44336
}

.form-check-input[type=checkbox]:disabled:not(:checked) + label:after, .form-check-input[type=checkbox]:disabled:not(:checked) + label:before, label.btn input[type=checkbox]:disabled:not(:checked) + label:after, label.btn input[type=checkbox]:disabled:not(:checked) + label:before {
    background-color: #BDBDBD;
    border-color:#BDBDBD
}

.form-check-input[type=checkbox]:disabled:checked + label:before, label.btn input[type=checkbox]:disabled:checked + label:before {
    background-color:transparent
}

.form-check-input[type=checkbox]:disabled:checked + label:after, label.btn input[type=checkbox]:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color:#BDBDBD
}

.select-wrapper .select-dropdown {
    -ms-user-select: none;
    user-select:none
}

.select-label {
    position:absolute
}

.select-wrapper {
    position:relative
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    outline: 0;
    height: 38px;
    line-height: 2.9rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 .94rem;
    padding: 0;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow:ellipsis
}

.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, .3);
    border-bottom-color: rgba(0, 0, 0, .3);
    cursor:default
}

.select-wrapper input.select-dropdown .selected, .select-wrapper input.select-dropdown li:focus {
    background-color:rgba(0, 0, 0, .15)
}

.select-wrapper input.select-dropdown li.active {
    background:0 0
}

.select-wrapper input.select-dropdown .fab, .select-wrapper input.select-dropdown .far, .select-wrapper input.select-dropdown .fas {
    color:inherit
}

.select-wrapper .search-wrap {
    padding: 1rem 0 0;
    display: block;
    margin:0 .7rem
}

.select-wrapper .search-wrap .md-form {
    margin-top: 0;
    margin-bottom:1rem
}

.select-wrapper .search-wrap .md-form input {
    padding-bottom: .4rem;
    margin-bottom:0
}

.select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: .8rem;
    font-size:.63rem
}

.select-wrapper span.caret.disabled {
    color:rgba(0, 0, 0, .46)
}

.select-wrapper + label {
    position: absolute;
    top: 7px;
    font-size:.8rem
}

.select-wrapper i {
    color:rgba(0, 0, 0, .3)
}

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

.select-wrapper.md-form > ul li label {
    top: 0;
    color: #4285f4;
    font-size:.9rem
}

.select-wrapper.md-form > ul li.select-toggle-all label {
    padding-left:38px
}

.select-wrapper.md-form.colorful-select > ul li.select-toggle-all:hover label {
    color:#fff
}

select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display:none !important
}

select.browser-default {
    display:block !important
}

select:disabled {
    color:rgba(0, 0, 0, .3)
}

.select-dropdown [type=checkbox]:disabled:not(:checked) + label:before {
    margin-left: 0;
    margin-top:0
}

.select-dropdown ul {
    list-style-type: none;
    padding:0
}

.select-dropdown li img {
    height: 30px;
    width: 30px;
    margin: .3rem .75rem;
    float:right
}

.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, .3);
    background-color: transparent !important;
    cursor:context-menu
}

.select-dropdown li.optgroup {
    border-top:1px solid #eee
}

.select-dropdown li.optgroup.selected > span {
    color:rgba(0, 0, 0, .7)
}

.select-dropdown li.optgroup > span {
    color:rgba(0, 0, 0, .4)
}

.multiple-select-dropdown li [type=checkbox] + label {
    height:.63rem
}
.note{padding:10px;border-left:6px solid;-webkit-border-radius:5px;border-radius:5px}
.note strong{font-weight:600}.note p{font-weight:500}
.note.note-primary{background-color:#dfeefd;border-color:#176ac4}
.note.note-secondary{background-color:#e2e3e5;border-color:#58595a}
.note.note-success{background-color:#e2f0e5;border-color:#49a75f}
.note.note-danger{background-color:#fae7e8;border-color:#e45460}
.note.note-warning{background-color:#faf4e0;border-color:#c2a442}
.note.note-info{background-color:#e4f2f5;border-color:#2492a5}
.note.note-light{background-color:#fefefe;border-color:#0f0f0f}