﻿
        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;
            left: -9999px;
            visibility: hidden;
        }

        [type="checkbox"] {
            /* checkbox aspect */
        }

            [type="checkbox"] + label {
                position: relative;
                padding-left: 35px;
                cursor: pointer;
                display: inline-block;
                height: 25px;
                line-height: 25px;
                font-size: 14px;
                -webkit-user-select: none;
                /* webkit (safari, chrome) browsers */
                -moz-user-select: none;
                /* mozilla browsers */
                -khtml-user-select: none;
                /* webkit (konqueror) browsers */
                -ms-user-select: none;
                /* IE10+ */
            }

                [type="checkbox"] + label:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 18px;
                    height: 18px;
                    z-index: 0;
                    border: 2px solid #5a5a5a;
                    border-radius: 1px;
                    margin-top: 2px;
                    transition: .2s;
                }

            [type="checkbox"]:not(:checked):disabled + label:before {
                border: none;
                background-color: rgba(0, 0, 0, 0.26);
            }

            [type="checkbox"]:checked + label:before {
                top: -4px;
                left: -3px;
                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.26);
                border-bottom: 2px solid rgba(0, 0, 0, 0.26);
            }

            /* Indeterminate checkbox */
            [type="checkbox"]:indeterminate + label:before {
                left: -10px;
                top: -11px;
                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.26);
                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 */
                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: 20% 40%;
                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: 0px;
                width: 20px;
                height: 20px;
                border: 2px solid #26a69a;
                background-color: #26a69a;
                z-index: 0;
            }

            [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: #BDBDBD;
            }

            [type="checkbox"].filled-in:disabled:checked + label:before {
                background-color: transparent;
            }

            [type="checkbox"].filled-in:disabled:checked + label:after {
                background-color: #BDBDBD;
                border-color: #BDBDBD;
            }