/*!
 * Start Bootstrap - Half Slider (https://startbootstrap.com/template-overviews/half-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-half-slider/blob/master/LICENSE)
 */
.row {
    margin-bottom: 0px !important;
}

.bg .transparent {
    /*background-color: rgba(21, 39, 108, 0.5) !important;*/
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

.login-heading, .login-heading-lorem {
    z-index: 1;
    position: relative;
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.carousel-item {
    height: 65vh;
    min-height: 635px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-item1 {
    height: 40vh;
    min-height: 290px;
    background-image: url(images/customer_bg.jpg);
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



s .product-font {
    font-size: 19px;
    color: #202766;
    font-family: Roboto, Helvetica;
}


.heading {
    padding-top: 7rem;
    padding-left: 4rem;
    color: #fff;
}


.Pragraph {
    padding-left: 4rem;
    color: #FFF;
}



.element_hide_2 {
    display: none;
}




.product-font1 {
    font-size: 19px;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}

.product-semi-font {
    font-size: 14px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
}


.secton2-bg {
    background-color: #f6f6f6;
    height: 350px;
}



.secton3-bg {
    background-image: url(../images/Why%20%20Choose%20Us.jpg);
    height: 266px;
}


.card {
    width: 250px;
    height: 220px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
}

.payment-btn {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.card-apply-box {
    width: 250px;
    height: 50px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
}

.Apply-botton {
    background-color: #00aeef;
    border: 1 px solid #06F;
    border-radius: 10px;
    display: inline-block;
    height: 50px;
    width: 160px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    margin-left: 42rem;
    margin-top: 3em;
    padding-top: .6rem;
    box-shadow: 1px 1px 1px #adadad;
}

    .Apply-botton:hover {
        background-color: #015aa6;
    }


.card-paymentdue {
    width: 250px;
    height: 250px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
}

.icon {
    padding-top: 1rem;
}

.icon-text {
    padding-top: 1rem;
    color: #969696;
    font-size: 14px;
}

.icon-text-paymentdue {
    color: #969696;
    font-size: 14px;
}


.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-group .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

            .card-group .card:only-child {
                border-radius: .25rem;
            }

                .card-group .card:only-child .card-img-top {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem;
                }

                .card-group .card:only-child .card-img-bottom {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem;
                }

            .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0;
            }

                .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
                .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
                    border-radius: 0;
                }

    .card-columns .card {
        margin-bottom: .75rem;
    }

    @media (min-width: 576px) {
        .card-columns {
            -webkit-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
        }

            .card-columns .card {
                display: inline-block;
                width: 100%;
            }






        .why-us {
            padding: 30px 0px;
            text-align: center;
        }


        .mobile-add {
            color: #2d4882;
            font-size: 18px;
            padding: 1.5rem;
        }

        .section5-bg {
            background-color: #FFF;
        }

        .mobile-app {
            padding: 50px 0px;
        }






        .secton4-bg {
            background-image: url(../images/customer_speck.jpg);
            height: 300px;
            padding: 30px;
        }

        .customer-speck {
            color: #FFF;
            font-size: 16px;
        }

        .fixed-top {
            box-shadow: 1px 1px 1px #adadad;
        }


        .partner {
            padding: 30px;
        }

        .footer {
            background-color: #19286c;
            height: 400px;
            .;
        }


        .footer-text {
            color: #FFF;
            font-size: 16px;
            padding: 30px;
            font-family: Arial, Helvetica, sans-serif;
        }


        .footer-semi-text {
            color: #fafafa;
            padding: 0px 30px 0px;
            ;
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .follow-us {
            padding: 0px 30px 0px;
        }

        .get-mobile {
            padding: 0px 30px 0px;
        }

        .input-text {
            padding: 0px 30px 0px;
        }

        .right-pannel {
            position: fixed;
            z-index: 501;
            right: 0;
            top: 130px;
        }

        .right-pannel-icon {
            float: left;
            padding-left: 14px;
        }


        .right-pannel-item {
            background-color: #f6f6f6;
            width: 142px;
            height: 60px;
            text-align: center;
            border-radius: 5px 0px 0px 5px;
            box-shadow: 1px 1px 1px #adadad;
            margin-bottom: 0.1rem;
            padding-top: 1rem;
        }


        /*<!---->*************************************************************************************************************
******************************************************************************************************
************************************************************************************  Login Style Sheet*/
        body, html, section.login, .section5-bg {
            height: 100vh;
        }

        .login-logo {
            padding: 0 !important;
            margin: 27px 0;
        }

        input.login-botton {
            margin-top: 25px;
            height: 45px;
            border: 0;
        }

        .social-link {
            margin-top: 15px;
        }

        input#email, input#password {
            height: 26px;
        }

        .login .row.no-gutters {
            height: 100%;
        }

        .col-md-4 {
            height: 100%;
        }

        .col-md-8 {
            height: 100%;
        }

        .select {
            display: block !important;
            border: 0;
            outline: 0;
            border-bottom: 1px solid gray;
        }

        .bg {
            /*background: url(../images/leftImage.jpg);*/
            height: 100%;
            background-size: cover;
            /*position:relative;*/
            text-align:center;
        }


        .login-logo {
            text-align: center;
            padding: 2.5rem;
        }

        .login-text {
            font-size: 21px;
            font-family: Arial, Helvetica, sans-serif;
            color: #da1d23;
            padding-left: 2rem;
        }

        .login-text-1 {
            font-size: 21px;
            font-family: Arial, Helvetica, sans-serif;
            color: #15276c;
            padding-left: 2rem;
        }

        .login-botton {
            background: #15276c;
            color: #FFF;
            height: 45px;
            width: 150px;
            text-align: center;
            border-radius: 10px;
            font-size: 20px;
        }

            .login-botton:hover {
                cursor: pointer;
                background: #4a7fd0;
            }

        .login-heading {
            color: #FFF;
            Tahoma, Geneva, sans-serif;
            padding-left: 7rem;
            font-size: 50px;
            padding-top: 10rem;
            margin: 0px;
        }

        .login-heading-lorem {
            color: #FFF;
            Tahoma, Geneva, sans-serif;
            padding-left: 7rem;
            font-size: 18px;
        }

        .follow-us {
            color: #202766;
            font-size: 18px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 600;
        }

        .line {
            padding-left: 2rem;
        }

        .login-btn {
            padding-top: 3rem;
        }




        .Master-btn {
            background: #202766;
            color: #FFF;
            height: 50px;
            width: 200px;
            text-align: center;
            border-radius: 10px;
            font-size: 20px;
            margin-left: 3rem;
        }




        .Master-btn-exit {
            background: #da1d23;
            color: #FFF;
            height: 50px;
            width: 200px;
            text-align: center;
            border-radius: 10px;
            font-size: 20px;
            margin-left: 3rem;
        }


        .action-item span {
            padding: 0px 5px;
        }

        .dataTables_wrapper input {
            border: 1px solid #f3f3f3 !important;
            height: 15px;
        }

        .dataTables_wrapper label {
            text-align: left;
            font-size: 15px;
        }


        .dataTables_wrapper select {
            display: block;
        }

        #profile_details_length select {
            display: inline-block;
            width: auto;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #fff !important;
            border: 1px solid #979797;
            background-color: white;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
            background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
            background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
            background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
            background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
            background: linear-gradient(to bottom, #172ad8 0%, #4f5dd9 100%);
        }



        .dropdown-menu-header {
            background-color: #202766;
            height: 60px;
            color: #FFF;
        }



        .form-header {
            padding-top: 4rem;
        }

        .header-heading {
            font-size: 18px;
            font-family: Arial, Helvetica, sans-serif;
            color: #15276c;
            font-weight: bold;
        }

        .semi-heading {
            font-size: 16px;
            font-family: Arial, Helvetica, sans-serif;
            color: #15276c;
        }


        select:focus {
            outline: 1px solid #c9f3ef;
        }

        button:focus {
            outline: none;
            background-color: #2ab7a9;
        }

        label {
            font-size: 1.2rem;
            color: #9e9e9e;
        }

        /* Text Inputs + Textarea
   ========================================================================== */
        /* Style Placeholders */
        ::-webkit-input-placeholder {
            color: #d1d1d1;
        }

        ::-moz-placeholder {
            color: #d1d1d1;
        }

        :-ms-input-placeholder {
            color: #d1d1d1;
        }

        ::placeholder {
            color: #d1d1d1;
        }

        /* Text inputs */
        input:not([type]),
        input[type=text]:not(.browser-default),
        input[type=password]:not(.browser-default),
        input[type=email]:not(.browser-default),
        input[type=url]:not(.browser-default),
        input[type=time]:not(.browser-default),
        input[type=date]:not(.browser-default),
        input[type=datetime]:not(.browser-default),
        input[type=datetime-local]:not(.browser-default),
        input[type=tel]:not(.browser-default),
        input[type=number]:not(.browser-default),
        input[type=search]:not(.browser-default),
        textarea.materialize-textarea {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #9e9e9e;
            border-radius: 0;
            outline: none;
            /*height: 3rem;*/
            color: #5d5d5d;
            width: 100%;
            font-size: 1rem;
            margin: 0 0 20px 0;
            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;
        }

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

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

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

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

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

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

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

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

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

            input:not([type]).valid + label:after,
            input:not([type]):focus.valid + label:after,
            input[type=text]:not(.browser-default).valid + label:after,
            input[type=text]:not(.browser-default):focus.valid + label:after,
            input[type=password]:not(.browser-default).valid + label:after,
            input[type=password]:not(.browser-default):focus.valid + label:after,
            input[type=email]:not(.browser-default).valid + label:after,
            input[type=email]:not(.browser-default):focus.valid + label:after,
            input[type=url]:not(.browser-default).valid + label:after,
            input[type=url]:not(.browser-default):focus.valid + label:after,
            input[type=time]:not(.browser-default).valid + label:after,
            input[type=time]:not(.browser-default):focus.valid + label:after,
            input[type=date]:not(.browser-default).valid + label:after,
            input[type=date]:not(.browser-default):focus.valid + label:after,
            input[type=datetime]:not(.browser-default).valid + label:after,
            input[type=datetime]:not(.browser-default):focus.valid + label:after,
            input[type=datetime-local]:not(.browser-default).valid + label:after,
            input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
            input[type=tel]:not(.browser-default).valid + label:after,
            input[type=tel]:not(.browser-default):focus.valid + label:after,
            input[type=number]:not(.browser-default).valid + label:after,
            input[type=number]:not(.browser-default):focus.valid + label:after,
            input[type=search]:not(.browser-default).valid + label:after,
            input[type=search]:not(.browser-default):focus.valid + label:after,
            textarea.materialize-textarea.valid + label:after,
            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);
            }

            input:not([type]).invalid + label:after,
            input:not([type]):focus.invalid + label:after,
            input[type=text]:not(.browser-default).invalid + label:after,
            input[type=text]:not(.browser-default):focus.invalid + label:after,
            input[type=password]:not(.browser-default).invalid + label:after,
            input[type=password]:not(.browser-default):focus.invalid + label:after,
            input[type=email]:not(.browser-default).invalid + label:after,
            input[type=email]:not(.browser-default):focus.invalid + label:after,
            input[type=url]:not(.browser-default).invalid + label:after,
            input[type=url]:not(.browser-default):focus.invalid + label:after,
            input[type=time]:not(.browser-default).invalid + label:after,
            input[type=time]:not(.browser-default):focus.invalid + label:after,
            input[type=date]:not(.browser-default).invalid + label:after,
            input[type=date]:not(.browser-default):focus.invalid + label:after,
            input[type=datetime]:not(.browser-default).invalid + label:after,
            input[type=datetime]:not(.browser-default):focus.invalid + label:after,
            input[type=datetime-local]:not(.browser-default).invalid + label:after,
            input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
            input[type=tel]:not(.browser-default).invalid + label:after,
            input[type=tel]:not(.browser-default):focus.invalid + label:after,
            input[type=number]:not(.browser-default).invalid + label:after,
            input[type=number]:not(.browser-default):focus.invalid + label:after,
            input[type=search]:not(.browser-default).invalid + label:after,
            input[type=search]:not(.browser-default):focus.invalid + label:after,
            textarea.materialize-textarea.invalid + label:after,
            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);
            }

            input:not([type]) + label:after,
            input[type=text]:not(.browser-default) + label:after,
            input[type=password]:not(.browser-default) + label:after,
            input[type=email]:not(.browser-default) + label:after,
            input[type=url]:not(.browser-default) + label:after,
            input[type=time]:not(.browser-default) + label:after,
            input[type=date]:not(.browser-default) + label:after,
            input[type=datetime]:not(.browser-default) + label:after,
            input[type=datetime-local]:not(.browser-default) + label:after,
            input[type=tel]:not(.browser-default) + label:after,
            input[type=number]:not(.browser-default) + label:after,
            input[type=search]:not(.browser-default) + label:after,
            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;
            }

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

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

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

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

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

            .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;
                padding-left: 1rem;
            }

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

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

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

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

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

        .btn, .btn-large,
        .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;
        }

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

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

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

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

            .btn:focus, .btn-large:focus,
            .btn-floating:focus {
                background-color: #1d7d74;
            }

        .btn, .btn-large {
            text-decoration: none;
            color: #fff;
            background-color: #00aeef;
            text-align: center;
            letter-spacing: .5px;
            -webkit-transition: .2s ease-out;
            transition: .2s ease-out;
            cursor: pointer;
        }

            .btn:hover, .btn-large:hover {
                background-color: #015aa6;
            }

        .btn-floating {
            display: inline-block;
            color: #fff;
            position: relative;
            overflow: hidden;
            z-index: 1;
            width: 40px;
            height: 40px;
            line-height: 40px;
            padding: 0;
            background-color: #26a69a;
            border-radius: 50%;
            -webkit-transition: .3s;
            transition: .3s;
            cursor: pointer;
            vertical-align: middle;
        }

            .btn-floating:hover {
                background-color: #26a69a;
            }

            .btn-floating:before {
                border-radius: 0;
            }

            .btn-floating.btn-large {
                width: 56px;
                height: 56px;
            }

                .btn-floating.btn-large.halfway-fab {
                    bottom: -28px;
                }

                .btn-floating.btn-large i {
                    line-height: 56px;
                }

            .btn-floating.halfway-fab {
                position: absolute;
                right: 24px;
                bottom: -20px;
            }

                .btn-floating.halfway-fab.left {
                    right: auto;
                    left: 24px;
                }

            .btn-floating i {
                width: inherit;
                display: inline-block;
                text-align: center;
                color: #fff;
                font-size: 1.6rem;
                line-height: 40px;
            }

        button.btn-floating {
            border: none;
        }


        select.browser-default {
            display: block;
        }

        select {
            background-color: #f1f2f7 !important;
            width: 100%;
            padding: 5px;
            border: 1px solid #f2f2f2;
            border-radius: 2px;
            /*height: 3rem;*/
        }

        .input-field > select {
            display: block;
            position: absolute;
            width: 0;
            pointer-events: none;
            height: 0;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .select-label {
            position: absolute;
        }

        .select-wrapper {
            position: relative;
        }

            .select-wrapper.valid + label,
            .select-wrapper.invalid + label {
                width: 100%;
                pointer-events: none;
            }

            .select-wrapper input.select-dropdown {
                position: relative;
                cursor: pointer;
                background-color: transparent;
                border: none;
                border-bottom: 1px solid #9e9e9e;
                outline: none;
                /*height: 3rem;*/
                line-height: 3rem;
                width: 100%;
                font-size: 1rem;
                margin: 0 0 20px 0;
                padding: 0;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .select-wrapper span.caret {
                color: initial;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                height: 10px;
                margin: auto 0;
                font-size: 10px;
                line-height: 10px;
            }

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

        select:disabled {
            color: rgba(0, 0, 0, 0.42);
        }

        .select-wrapper.disabled span.caret,
        .select-wrapper.disabled + label {
            color: rgba(0, 0, 0, 0.42);
        }

        .select-wrapper input.select-dropdown:disabled {
            color: rgba(0, 0, 0, 0.42);
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

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

        .select-dropdown li.disabled,
        .select-dropdown li.disabled > span,
        .select-dropdown li.optgroup {
            color: rgba(0, 0, 0, 0.3);
            background-color: transparent;
        }

        .select-dropdown.dropdown-content li.active {
            background-color: transparent;
        }

        .select-dropdown.dropdown-content li:hover {
            background-color: rgba(0, 0, 0, 0.06);
        }

        .select-dropdown.dropdown-content li.selected {
            background-color: rgba(0, 0, 0, 0.03);
        }

        .prefix ~ .select-wrapper {
            margin-left: 3rem;
            width: 92%;
            width: calc(100% - 3rem);
        }

        .prefix ~ label {
            margin-left: 3rem;
        }

        .select-dropdown li img {
            height: 40px;
            width: 40px;
            margin: 5px 15px;
            float: right;
        }

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

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

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

            .select-dropdown li.optgroup ~ li.optgroup-option {
                padding-left: 1rem;
            }

        .dropdown-content {
            background-color: #fff;
            margin: 0;
            display: none;
            min-width: 100px;
            max-height: 650px;
            overflow-y: auto;
            opacity: 0;
            position: absolute;
            z-index: 999;
            will-change: width, height;
        }

            .dropdown-content li {
                clear: both;
                color: rgba(0, 0, 0, 0.87);
                cursor: pointer;
                min-height: 50px;
                line-height: 1.5rem;
                width: 100%;
                text-align: left;
                text-transform: none;
            }

                .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
                    background-color: #eee;
                }

                    .dropdown-content li.active.selected {
                        background-color: #e1e1e1;
                    }

                .dropdown-content li.divider {
                    min-height: 0;
                    height: 1px;
                }

                .dropdown-content li > a, .dropdown-content li > span {
                    font-size: 16px;
                    color: #015aa6;
                    display: block;
                    line-height: 22px;
                    padding: 14px 16px;
                }

                    .dropdown-content li > span > label {
                        top: 1px;
                        left: 0;
                        height: 18px;
                    }

                    .dropdown-content li > a > i {
                        height: inherit;
                        line-height: inherit;
                        float: left;
                        margin: 0 24px 0 0;
                        width: 24px;
                    }

        .input-field.col .dropdown-content [type="checkbox"] + label {
            top: 1px;
            left: 0;
            height: 18px;
        }




        /* Search Field */
        .input-field input[type=search] {
            display: block;
            line-height: inherit;
        }

        .nav-wrapper .input-field input[type=search] {
            height: inherit;
            padding-left: 4rem;
            width: calc(100% - 4rem);
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .input-field input[type=search]:focus {
            background-color: #fff;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #444;
        }

            .input-field input[type=search]:focus + label i,
            .input-field input[type=search]:focus ~ .mdi-navigation-close,
            .input-field input[type=search]:focus ~ .material-icons {
                color: #444;
            }

        .input-field input[type=search] + label {
            left: 1rem;
        }

        .input-field input[type=search] ~ .mdi-navigation-close,
        .input-field input[type=search] ~ .material-icons {
            position: absolute;
            top: 0;
            right: 1rem;
            color: transparent;
            cursor: pointer;
            font-size: 2rem;
            -webkit-transition: .3s color;
            transition: .3s color;
        }

        /* Textarea */
        textarea {
            width: 100%;
            height: 3rem;
            background-color: transparent;
        }

            textarea.materialize-textarea {
                overflow-y: hidden;
                /* prevents scroll bar flash */
                /* prevents text jump on Enter keypress */
                resize: none;
                min-height: 3rem;
            }

                textarea.materialize-textarea.validate + label {
                    height: 100%;
                }

                    textarea.materialize-textarea.validate + label::after {
                        top: calc(100% - 12px);
                    }

                    textarea.materialize-textarea.validate + label:not(.label-icon).active {
                        -webkit-transform: translateY(-25px);
                        transform: translateY(-25px);
                    }

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

        /* Autocomplete */
        .autocomplete-content {
            margin-top: -20px;
            margin-bottom: 20px;
            display: block;
            opacity: 1;
            position: static;
        }

            .autocomplete-content li .highlight {
                color: #444;
            }

            .autocomplete-content li img {
                height: 40px;
                width: 40px;
                margin: 5px 15px;
            }

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

            [type="radio"]:not(:checked) + label,
            [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;
            }

        [type="radio"] + label:before,
        [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 */
        [type="radio"]:not(:checked) + label:before,
        [type="radio"]:not(:checked) + label:after,
        [type="radio"]:checked + label:before,
        [type="radio"]:checked + label:after,
        [type="radio"].with-gap:checked + label:before,
        [type="radio"].with-gap:checked + label:after {
            border-radius: 50%;
        }

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

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

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

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

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

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

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

        /* Focused styles */
        [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 */
        [type="radio"].with-gap:disabled:checked + label:before {
            border: 2px solid rgba(0, 0, 0, 0.42);
        }

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

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

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

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

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

        /* Checkboxes
   ========================================================================== */
        /* CUSTOM CSS CHECKBOXES */
        form p {
            margin-bottom: 10px;
            text-align: left;
        }

            form p:last-child {
                margin-bottom: 0;
            }

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

        [type="checkbox"] {
            /* checkbox aspect */
        }

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

                [type="checkbox"] + label:before,
                [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;
                }

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

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

            [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);
            }

            [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%;
            }

            [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);
            }

        /* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
        /**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
        .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.
 */
        .picker__input {
            cursor: default;
        }

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

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

        /*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
        /**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
        /**
 * Make the holder and frame fullscreen.
 */
        .picker__holder,
        .picker__frame {
            bottom: 0;
            left: 0;
            right: 0;
            top: 100%;
        }

        /**
 * The holder should overlay the entire screen.
 */
        .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.
 */
        .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) {
            .picker__frame {
                overflow: visible;
                top: auto;
                bottom: -100%;
                max-height: 80%;
            }
        }

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

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

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

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

        @media (min-height: 28.875em) {
            .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...
 */
        .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;
        }

        .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) {
            .picker--opened .picker__frame {
                top: 10%;
                bottom: auto;
            }
        }

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

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

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

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

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

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

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

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

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

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

            .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.
 */
        .picker__nav--prev,
        .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;
        }

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

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

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

        /**
 * The calendar table of dates
 */
        .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__table th, .picker__table td {
                text-align: center;
            }

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

        /**
 * The weekday labels
 */
        .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) {
            .picker__weekday {
                padding-bottom: .5em;
            }
        }

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

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

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

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

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

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

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

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

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

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

        .picker__button--today,
        .picker__button--clear,
        .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;
        }

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

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

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

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

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

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

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

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

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

        /* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
        /*.picker__box {
  border-radius: 2px;
  overflow: hidden;
}*/
        .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;
            }
        }

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

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

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

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

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

        /*.picker__box {
  padding: 0;
}*/
        .picker__calendar-container {
            padding: 0 1rem;
        }

            .picker__calendar-container thead {
                border: none;
            }

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

        .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) {
            .picker__day--infocus {
                padding: 1.1rem 0;
            }
        }

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

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

        .picker__weekday {
            font-size: .9rem;
        }

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

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

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

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

        .picker__clear {
            color: #f44336;
            float: left;
        }

        .picker__nav--prev:before,
        .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;
        }

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

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

        /* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
        /**
 * The list of times.
 */
        .picker__list {
            list-style: none;
            padding: 0.75em 0 4.2em;
            margin: 0;
        }

        /**
 * The times on the clock.
 */
        .picker__list-item {
            border-bottom: 1px solid #ddd;
            border-top: 1px solid #ddd;
            margin-bottom: -1px;
            position: relative;
            background: #fff;
            padding: .75em 1.25em;
        }

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

        /* Hovered time */
        .picker__list-item:hover {
            cursor: pointer;
            color: #000;
            background: #b1dcfb;
            border-color: #0089ec;
            z-index: 10;
        }

        /* Highlighted and hovered/focused time */
        .picker__list-item--highlighted {
            border-color: #0089ec;
            z-index: 10;
        }

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

        /* Selected and hovered/focused time */
        .picker__list-item--selected,
        .picker__list-item--selected:hover,
        .picker--focused .picker__list-item--selected {
            background: #0089ec;
            color: #fff;
            z-index: 10;
        }

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

        /**
 * The clear button
 */
        .picker--time .picker__button--clear {
            display: block;
            width: 80%;
            margin: 1em auto 0;
            padding: 1em 1.25em;
            background: none;
            border: 0;
            font-weight: 500;
            font-size: .67em;
            text-align: center;
            text-transform: uppercase;
            color: rgba(0, 0, 0, 0.87);
        }

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

            .picker--time .picker__button--clear:before {
                top: -0.25em;
                color: rgba(0, 0, 0, 0.87);
                font-size: 1.25em;
                font-weight: bold;
            }

            .picker--time .picker__button--clear:hover:before,
            .picker--time .picker__button--clear:focus:before {
                color: #fff;
            }

        /* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
        /**
 * The frame the bounds the time picker.
 */
        .picker--time .picker__frame {
            min-width: 256px;
            max-width: 320px;
        }

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

        @media (min-height: 40.125em) {
            .picker--time .picker__box {
                margin-bottom: 5em;
            }
        }

        /* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
        .clockpicker-display {
            font-size: 4rem;
            font-weight: bold;
            text-align: center;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 400;
            clear: both;
            position: relative;
        }

        .clockpicker-span-am-pm {
            font-size: 1.3rem;
            position: absolute;
            right: 1rem;
            bottom: 0.3rem;
            line-height: 2rem;
            font-weight: 500;
        }

        @media only screen and (min-width: 601px) {
            .clockpicker-display {
                top: 32%;
            }

            .clockpicker-span-am-pm {
                position: relative;
                right: auto;
                bottom: auto;
                text-align: center;
                margin-top: 1.2rem;
            }
        }

        .text-primary {
            color: white;
        }

        .clockpicker-span-hours {
            margin-right: 3px;
        }

        .clockpicker-span-minutes {
            margin-left: 3px;
        }

        .clockpicker-span-hours,
        .clockpicker-span-minutes,
        .clockpicker-span-am-pm div {
            cursor: pointer;
        }

        .clockpicker-moving {
            cursor: move;
        }

        .clockpicker-plate {
            background-color: #eee;
            border-radius: 50%;
            width: 270px;
            height: 270px;
            overflow: visible;
            position: relative;
            margin: auto;
            margin-top: 25px;
            margin-bottom: 5px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

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

        .clockpicker-minutes {
            visibility: hidden;
        }

        .clockpicker-tick {
            border-radius: 50%;
            color: rgba(0, 0, 0, 0.87);
            line-height: 40px;
            text-align: center;
            width: 40px;
            height: 40px;
            position: absolute;
            cursor: pointer;
        }

            .clockpicker-tick.active,
            .clockpicker-tick:hover {
                background-color: rgba(38, 166, 154, 0.25);
            }

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

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

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

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

        .clockpicker-canvas {
            -webkit-transition: opacity 175ms;
            transition: opacity 175ms;
        }

        .clockpicker-canvas-out {
            opacity: 0.25;
        }

        .clockpicker-canvas-bearing {
            stroke: none;
            fill: #26a69a;
        }

        .clockpicker-canvas-bg {
            stroke: none;
            fill: #26a69a;
        }

        .clockpicker-canvas-bg-trans {
            fill: #26a69a;
        }

        .clockpicker-canvas line {
            stroke: #26a69a;
            stroke-width: 4;
            stroke-linecap: round;
            /*shape-rendering: crispEdges;*/
        }







        /* Indeterminate checkbox */
        [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%;
        }

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

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

        [type="checkbox"].filled-in + label:before,
        [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;
        }

        [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%;
        }

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

        [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%;
        }

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

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

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

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

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

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

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

        /* Switch
   ========================================================================== */
        .switch,
        .switch * {
            -webkit-tap-highlight-color: transparent;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .switch label {
                cursor: pointer;
            }

                .switch label input[type=checkbox] {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }

                    .switch label input[type=checkbox]:checked + .lever {
                        background-color: #84c7c1;
                    }

                        .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
                            left: 18px;
                        }

                        .switch label input[type=checkbox]:checked + .lever:after {
                            background-color: #26a69a;
                        }

                .switch label .lever {
                    content: "";
                    display: inline-block;
                    position: relative;
                    width: 36px;
                    height: 14px;
                    background-color: rgba(0, 0, 0, 0.38);
                    border-radius: 15px;
                    margin-right: 10px;
                    -webkit-transition: background 0.3s ease;
                    transition: background 0.3s ease;
                    vertical-align: middle;
                    margin: 0 16px;
                }

                    .switch label .lever:before, .switch label .lever:after {
                        content: "";
                        position: absolute;
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        left: 0;
                        top: -3px;
                        -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                        transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                        transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
                        transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
                    }

                    .switch label .lever:before {
                        background-color: rgba(38, 166, 154, 0.15);
                    }

                    .switch label .lever:after {
                        background-color: #F1F1F1;
                        -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
                        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
                    }

        input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
        input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
            -webkit-transform: scale(2.4);
            transform: scale(2.4);
            background-color: rgba(38, 166, 154, 0.15);
        }

        input[type=checkbox]:not(:disabled) ~ .lever:active:before,
        input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
            -webkit-transform: scale(2.4);
            transform: scale(2.4);
            background-color: rgba(0, 0, 0, 0.08);
        }

        .switch input[type=checkbox][disabled] + .lever {
            cursor: default;
            background-color: rgba(0, 0, 0, 0.12);
        }

        .switch label input[type=checkbox][disabled] + .lever:after,
        .switch label input[type=checkbox][disabled]:checked + .lever:after {
            background-color: #949494;
        }



        /* Select Field
   ========================================================================== */
        select {
            display: none;
        }

            select.browser-default {
                display: block;
            }

        select {
            background-color: rgba(255, 255, 255, 0.9);
            width: 100%;
            padding: 5px;
            border: 1px solid #f2f2f2;
            border-radius: 2px;
            /*height: 3rem;*/
        }

        .input-field > select {
            display: block;
            position: absolute;
            width: 0;
            pointer-events: none;
            height: 0;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .select-label {
            position: absolute;
        }

        .select-wrapper {
            position: relative;
        }

            .select-wrapper.valid + label,
            .select-wrapper.invalid + label {
                width: 100%;
                pointer-events: none;
            }

            .select-wrapper input.select-dropdown {
                position: relative;
                cursor: pointer;
                background-color: transparent;
                border: none;
                border-bottom: 1px solid #9e9e9e;
                outline: none;
                height: 3rem;
                line-height: 3rem;
                width: 100%;
                font-size: 1rem;
                margin: 0 0 20px 0;
                padding: 0;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .select-wrapper span.caret {
                color: initial;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                height: 10px;
                margin: auto 0;
                font-size: 10px;
                line-height: 10px;
            }

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

        select:disabled {
            color: rgba(0, 0, 0, 0.42);
        }

        .select-wrapper.disabled span.caret,
        .select-wrapper.disabled + label {
            color: rgba(0, 0, 0, 0.42);
        }

        .select-wrapper input.select-dropdown:disabled {
            color: rgba(0, 0, 0, 0.42);
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

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

        .select-dropdown li.disabled,
        .select-dropdown li.disabled > span,
        .select-dropdown li.optgroup {
            color: rgba(0, 0, 0, 0.3);
            background-color: transparent;
        }

        .select-dropdown.dropdown-content li.active {
            background-color: transparent;
        }

        .select-dropdown.dropdown-content li:hover {
            background-color: rgba(0, 0, 0, 0.06);
        }

        .select-dropdown.dropdown-content li.selected {
            background-color: rgba(0, 0, 0, 0.03);
        }

        .prefix ~ .select-wrapper {
            margin-left: 3rem;
            width: 92%;
            width: calc(100% - 3rem);
        }

        .prefix ~ label {
            margin-left: 3rem;
        }

        .select-dropdown li img {
            height: 40px;
            width: 40px;
            margin: 5px 15px;
            float: right;
        }

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

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

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

            .select-dropdown li.optgroup ~ li.optgroup-option {
                padding-left: 1rem;
            }

        /* File Input
   ========================================================================== */
        .file-field {
            position: relative;
        }

            .file-field .file-path-wrapper {
                overflow: hidden;
                padding-left: 10px;
            }

            .file-field input.file-path {
                width: 100%;
            }

            .file-field .btn, .file-field .btn-large {
                float: left;
                height: 3rem;
                line-height: 3rem;
            }

            .file-field span {
                cursor: pointer;
            }

            .file-field input[type=file] {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                margin: 0;
                padding: 0;
                font-size: 20px;
                cursor: pointer;
                opacity: 0;
                filter: alpha(opacity=0);
            }

                .file-field input[type=file]::-webkit-file-upload-button {
                    display: none;
                }

        /* Range
   ========================================================================== */
        .range-field {
            position: relative;
        }

        input[type=range],
        input[type=range] + .thumb {
            cursor: pointer;
        }

        input[type=range] {
            position: relative;
            background-color: transparent;
            border: none;
            outline: none;
            width: 100%;
            margin: 15px 0;
            padding: 0;
        }

            input[type=range]:focus {
                outline: none;
            }

            input[type=range] + .thumb {
                position: absolute;
                top: 10px;
                left: 0;
                border: none;
                height: 0;
                width: 0;
                border-radius: 50%;
                background-color: #26a69a;
                margin-left: 7px;
                -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

                input[type=range] + .thumb .value {
                    display: block;
                    width: 30px;
                    text-align: center;
                    color: #26a69a;
                    font-size: 0;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                input[type=range] + .thumb.active {
                    border-radius: 50% 50% 50% 0;
                }

                    input[type=range] + .thumb.active .value {
                        color: #fff;
                        margin-left: -1px;
                        margin-top: 8px;
                        font-size: 10px;
                    }

        input[type=range] {
            -webkit-appearance: none;
        }

            input[type=range]::-webkit-slider-runnable-track {
                height: 3px;
                background: #c2c0c2;
                border: none;
            }

            input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none;
                border: none;
                height: 14px;
                width: 14px;
                border-radius: 50%;
                background-color: #26a69a;
                -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                margin: -5px 0 0 0;
                -webkit-transition: .3s;
                transition: .3s;
            }

            input[type=range]:focus::-webkit-slider-runnable-track {
                background: #ccc;
            }

        input[type=range] {
            /* fix for FF unable to apply focus style bug  */
            border: 1px solid white;
            /*required for proper track sizing in FF*/
        }

            input[type=range]::-moz-range-track {
                height: 3px;
                background: #ddd;
                border: none;
            }

            input[type=range]::-moz-range-thumb {
                border: none;
                height: 14px;
                width: 14px;
                border-radius: 50%;
                background: #26a69a;
                margin-top: -5px;
            }

            input[type=range]:-moz-focusring {
                outline: 1px solid #fff;
                outline-offset: -1px;
            }

            input[type=range]:focus::-moz-range-track {
                background: #ccc;
            }

            input[type=range]::-ms-track {
                height: 3px;
                background: transparent;
                border-color: transparent;
                border-width: 6px 0;
                /*remove default tick marks*/
                color: transparent;
            }

            input[type=range]::-ms-fill-lower {
                background: #777;
            }

            input[type=range]::-ms-fill-upper {
                background: #ddd;
            }

            input[type=range]::-ms-thumb {
                border: none;
                height: 14px;
                width: 14px;
                border-radius: 50%;
                background: #26a69a;
            }

            input[type=range]:focus::-ms-fill-lower {
                background: #888;
            }

            input[type=range]:focus::-ms-fill-upper {
                background: #ccc;
            }

        .select-dropdown {
            padding: 0px;
            .select-dropdown li;

{
    list-style: none;
}


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

    [type="radio"]:not(:checked) + label,
    [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;
    }

[type="radio"] + label:before,
[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 */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
    border-radius: 50%;
}

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

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

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

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

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

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

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

/* Focused styles */
[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 */
[type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, 0.42);
}

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

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

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

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

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

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
    margin-bottom: 10px;
    text-align: left;
}

    form p:last-child {
        margin-bottom: 0;
    }

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

[type="checkbox"] {
    /* checkbox aspect */
}

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

        [type="checkbox"] + label:before,
        [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;
        }

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

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

    [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);
    }

    [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%;
    }

    [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 */
    [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%;
    }

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

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

    [type="checkbox"].filled-in + label:before,
    [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;
    }

    [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%;
    }

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

    [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%;
    }

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

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

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

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

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

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

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