.form-control {
            height: 36px;
            padding: 7px 0;
            font-size: 14px;
            line-height: 1.42857;
        }
        .radio label,
        .checkbox label {
            min-height: 20px;
        }

       
        .form-control,
        .form-group .form-control {
            border: 0;
            background-image: linear-gradient(#005fab, #005fab), linear-gradient(#D2D2D2, #D2D2D2);
            background-size: 0 2px, 100% 1px;
            background-repeat: no-repeat;
            background-position: center bottom, center calc(100% - 1px);
            background-color: transparent;
            transition: background 0s ease-out;
            float: none;
            box-shadow: none;
            border-radius: 0;
            font-weight: 400;
        }

        .form-control::-moz-placeholder,
        .form-group .form-control::-moz-placeholder {
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-control:-ms-input-placeholder,
        .form-group .form-control:-ms-input-placeholder {
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-control::-webkit-input-placeholder,
        .form-group .form-control::-webkit-input-placeholder {
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-control[readonly],
        .form-control[disabled],
        fieldset[disabled] .form-control,
        .form-group .form-control[readonly],
        .form-group .form-control[disabled],
        fieldset[disabled] .form-group .form-control {
            background-color: transparent;
        }

        .form-control[disabled],
        fieldset[disabled] .form-control,
        .form-group .form-control[disabled],
        fieldset[disabled] .form-group .form-control {
            background-image: none;
            border-bottom: 1px dotted #D2D2D2;
        }

        .form-group {
            position: relative;
        }

        .form-group.label-static label.control-label,
        .form-group.label-placeholder label.control-label,
        .form-group.label-floating label.control-label {
            position: absolute;
            pointer-events: none;
            transition: 0.3s ease all;
        }

        .form-group.label-floating label.control-label {
            will-change: left, top, contents;
        }

        .form-group.label-placeholder:not(.is-empty) label.control-label {
            display: none;
        }

        .form-group .help-block {
            position: absolute;
            display: none;
        }

        .form-group.is-focused .form-control {
            outline: none;
            background-image: linear-gradient(#005fab, #005fab), linear-gradient(#D2D2D2, #D2D2D2);
            background-size: 100% 2px, 100% 1px;
            box-shadow: none;
            transition-duration: 0.3s;
        }

        .form-group.is-focused .form-control .material-input:after {
            background-color: #005fab;
        }

        .form-group.is-focused.form-info .form-control {
            background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.form-success .form-control {
            background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.form-warning .form-control {
            background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.form-danger .form-control {
            background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.form-rose .form-control {
            background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.form-white .form-control {
            background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.is-focused.label-placeholder label,
        .form-group.is-focused.label-placeholder label.control-label {
            color: #AAAAAA;
        }

        .form-group.is-focused .help-block {
            display: block;
        }

        .form-group.has-warning .form-control {
            box-shadow: none;
        }

        .form-group.has-warning.is-focused .form-control {
            background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.has-warning label.control-label,
        .form-group.has-warning .help-block {
            color: #ff9800;
        }

        .form-group.has-error .form-control {
            box-shadow: none;
        }

        .form-group.has-error.is-focused .form-control {
            background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.has-error label.control-label,
        .form-group.has-error .help-block {
            color: #f44336;
        }

        .form-group.has-success .form-control {
            box-shadow: none;
        }

        .form-group.has-success.is-focused .form-control {
            background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.has-success label.control-label,
        .form-group.has-success .help-block {
            color: #4caf50;
        }

        .form-group.has-info .form-control {
            box-shadow: none;
        }

        .form-group.has-info.is-focused .form-control {
            background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
        }

        .form-group.has-info label.control-label,
        .form-group.has-info .help-block {
            color: #00bcd4;
        }

        .form-group textarea {
            resize: none;
        }

        .form-group textarea~.form-control-highlight {
            margin-top: -11px;
        }

        .form-group select {
            appearance: none;
        }

        .form-group select~.material-input:after {
            display: none;
        }

        .form-control {
            margin-bottom: 7px;
        }

        .form-control::-moz-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-control:-ms-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-control::-webkit-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .checkbox label,
        .radio label,
        label {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        label.control-label {
            font-size: 11px;
            line-height: 1.07143;
            color: #AAAAAA;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

        .help-block {
            margin-top: 0;
            font-size: 11px;
        }

        .form-group {
            padding-bottom: 7px;
            margin: 27px 0 0 0;
        }

        .form-group .form-control {
            margin-bottom: 7px;
        }

        .form-group .form-control::-moz-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group .form-control:-ms-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group .form-control::-webkit-input-placeholder {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group .checkbox label,
        .form-group .radio label,
        .form-group label {
            font-size: 14px;
            line-height: 1.42857;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group label.control-label {
            font-size: 11px;
            line-height: 1.07143;
            color: #AAAAAA;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

        .form-group .help-block {
            margin-top: 0;
            font-size: 11px;
        }

        .form-group.label-floating label.control-label,
        .form-group.label-placeholder label.control-label {
            top: -7px;
            font-size: 14px;
            line-height: 1.42857;
        }

        .form-group.label-static label.control-label,
        .form-group.label-floating.is-focused label.control-label,
        .form-group.label-floating:not(.is-empty) label.control-label {
            top: -28px;
            left: 0;
            font-size: 11px;
            line-height: 1.07143;
        }

        .form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
            top: -28px;
            left: 0;
            font-size: 11px;
            line-height: 1.07143;
        }

        .form-group.form-group-sm {
            padding-bottom: 3px;
            margin: 21px 0 0 0;
        }

        .form-group.form-group-sm .form-control {
            margin-bottom: 3px;
        }

        .form-group.form-group-sm .form-control::-moz-placeholder {
            font-size: 11px;
            line-height: 1.5;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-sm .form-control:-ms-input-placeholder {
            font-size: 11px;
            line-height: 1.5;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-sm .form-control::-webkit-input-placeholder {
            font-size: 11px;
            line-height: 1.5;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-sm .checkbox label,
        .form-group.form-group-sm .radio label,
        .form-group.form-group-sm label {
            font-size: 11px;
            line-height: 1.5;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-sm label.control-label {
            font-size: 9px;
            line-height: 1.125;
            color: #AAAAAA;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

        .form-group.form-group-sm .help-block {
            margin-top: 0;
            font-size: 9px;
        }

        .form-group.form-group-sm.label-floating label.control-label,
        .form-group.form-group-sm.label-placeholder label.control-label {
            top: -11px;
            font-size: 11px;
            line-height: 1.5;
        }

        .form-group.form-group-sm.label-static label.control-label,
        .form-group.form-group-sm.label-floating.is-focused label.control-label,
        .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
            top: -25px;
            left: 0;
            font-size: 9px;
            line-height: 1.125;
        }

        .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
            top: -25px;
            left: 0;
            font-size: 9px;
            line-height: 1.125;
        }

        .form-group.form-group-lg {
            padding-bottom: 9px;
            margin: 30px 0 0 0;
        }

        .form-group.form-group-lg .form-control {
            margin-bottom: 9px;
        }

        .form-group.form-group-lg .form-control::-moz-placeholder {
            font-size: 18px;
            line-height: 1.33333;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-lg .form-control:-ms-input-placeholder {
            font-size: 18px;
            line-height: 1.33333;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-lg .form-control::-webkit-input-placeholder {
            font-size: 18px;
            line-height: 1.33333;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-lg .checkbox label,
        .form-group.form-group-lg .radio label,
        .form-group.form-group-lg label {
            font-size: 18px;
            line-height: 1.33333;
            color: #AAAAAA;
            font-weight: 400;
        }

        .form-group.form-group-lg label.control-label {
            font-size: 14px;
            line-height: 1.0;
            color: #AAAAAA;
            font-weight: 400;
            margin: 16px 0 0 0;
        }

        .form-group.form-group-lg .help-block {
            margin-top: 0;
            font-size: 14px;
        }

        .form-group.form-group-lg.label-floating label.control-label,
        .form-group.form-group-lg.label-placeholder label.control-label {
            top: -5px;
            font-size: 18px;
            line-height: 1.33333;
        }

        .form-group.form-group-lg.label-static label.control-label,
        .form-group.form-group-lg.label-floating.is-focused label.control-label,
        .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
            top: -32px;
            left: 0;
            font-size: 14px;
            line-height: 1.0;
        }

        .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
            top: -32px;
            left: 0;
            font-size: 14px;
            line-height: 1.0;
        }

        select.form-control {
            border: 0;
            box-shadow: none;
            border-radius: 0;
        }

        .form-group.is-focused select.form-control {
            box-shadow: none;
            border-color: #D2D2D2;
        }

        select.form-control[multiple],
        .form-group.is-focused select.form-control[multiple] {
            height: 85px;
        }

        .input-group-btn .btn {
            margin: 0 0 7px 0;
        }

        .form-group.form-group-sm .input-group-btn .btn {
            margin: 0 0 3px 0;
        }

        .form-group.form-group-lg .input-group-btn .btn {
            margin: 0 0 9px 0;
        }

        .input-group .input-group-btn {
            padding: 0 12px;
        }

        .input-group .input-group-addon {
            border: 0;
            background: transparent;
            padding: 6px 15px 0px;
        }

        .form-group input[type=file] {
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 100;
        }

        .form-control-feedback {
            opacity: 0;
        }

        .has-success .form-control-feedback {
            color: #4caf50;
            opacity: 1;
        }

        .has-error .form-control-feedback {
            color: #f44336;
            opacity: 1;
        }

       

        .radio label {
            cursor: pointer;
            padding-left: 35px;
            position: relative;
            color: rgba(0, 0, 0, 0.68);
        }

        .form-group.is-focused .radio label {
            color: rgba(0, 0, 0, 0.26);
        }

        .form-group.is-focused .radio label:hover,
        .form-group.is-focused .radio label:focus {
            color: rgba(0, 0, 0, .54);
        }

        fieldset[disabled] .form-group.is-focused .radio label {
            color: rgba(0, 0, 0, 0.26);
        }

        .radio label span {
            display: block;
            position: absolute;
            left: 10px;
            top: 2px;
            transition-duration: 0.2s;
        }

        .radio label .circle {
            border: 1px solid rgba(0, 0, 0, .54);
            height: 15px;
            width: 15px;
            border-radius: 100%;
        }

        .radio label .check {
            height: 15px;
            width: 15px;
            border-radius: 100%;
            background-color: #4272d7;
            transform: scale3d(0, 0, 0);
        }

        .radio label .check:after {
            display: block;
            position: absolute;
            content: "";
            background-color: rgba(0, 0, 0, 0.87);
            left: -18px;
            top: -18px;
            height: 50px;
            width: 50px;
            border-radius: 100%;
            z-index: 1;
            opacity: 0;
            margin: 0;
            transform: scale3d(1.5, 1.5, 1);
        }

        .radio label input[type=radio]:not(:checked)~.check:after {
            animation: rippleOff 500ms;
        }

        .radio label input[type=radio]:checked~.check:after {
            animation: rippleOn 500ms;
        }

        .radio input[type=radio] {
            opacity: 0;
            height: 0;
            width: 0;
            overflow: hidden;
        }

        .radio input[type=radio]:checked~.check,
        .radio input[type=radio]:checked~.circle {
            opacity: 1;
        }

        .radio input[type=radio]:checked~.check {
            transform: scale3d(0.65, 0.65, 1);
        }

        .radio input[type=radio][disabled]~.check,
        .radio input[type=radio][disabled]~.circle {
            opacity: 0.26;
        }

        .radio input[type=radio][disabled]~.check {
            background-color: #000000;
        }

        .radio input[type=radio][disabled]~.circle {
            border-color: #000000;
        }

       
        .checkbox label {
            cursor: pointer;
            padding-left: 0;
            color: rgba(0, 0, 0, 0.68);
        }

        .form-group.is-focused .checkbox label {
            color: rgba(0, 0, 0, 0.26);
        }

        .form-group.is-focused .checkbox label:hover,
        .form-group.is-focused .checkbox label:focus {
            color: rgba(0, 0, 0, .54);
        }

        fieldset[disabled] .form-group.is-focused .checkbox label {
            color: rgba(0, 0, 0, 0.26);
        }

        .checkbox input[type=checkbox] {
            opacity: 0;
            position: absolute;
            margin: 0;
            z-index: -1;
            width: 0;
            height: 0;
            overflow: hidden;
            left: 0;
            pointer-events: none;
        }

        .checkbox .checkbox-material {
            vertical-align: middle;
            position: relative;
            top: 3px;
            padding-right: 5px;
        }

        .checkbox .checkbox-material:before {
            display: block;
            position: absolute;
            left: 0;
            content: "";
            background-color: rgba(0, 0, 0, 0.84);
            height: 20px;
            width: 20px;
            border-radius: 100%;
            z-index: 1;
            opacity: 0;
            margin: 0;
            transform: scale3d(2.3, 2.3, 1);
        }

        .checkbox .checkbox-material .check {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 1px solid rgba(0, 0, 0, .54);
            overflow: hidden;
            z-index: 1;
            border-radius: 3px;
        }

        .checkbox .checkbox-material .check:before {
            position: absolute;
            content: "";
            transform: rotate(45deg);
            display: block;
            margin-top: -3px;
            margin-left: 7px;
            width: 0;
            height: 0;
            background: red;
            box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
            animation: checkbox-off 0.3s forwards;
        }

        .checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
            opacity: 0.2;
        }

        .checkbox input[type=checkbox]:checked+.checkbox-material .check {
            background: #005fab;
        }

        .checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
            color: #FFFFFF;
            box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
            animation: checkbox-on 0.3s forwards;
        }

        .checkbox input[type=checkbox]:checked+.checkbox-material:before {
            animation: rippleOn 500ms;
        }

        .checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
            animation: rippleOn 500ms forwards;
        }

        .checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
            animation: rippleOff 500ms;
        }

        .checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
            animation: rippleOff 500ms;
        }


        .checkbox input[type=checkbox][disabled]~.checkbox-material .check {
            border-color: #000000;
            opacity: .26;
        }

        .checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
            background-color: rgba(0, 0, 0, 0.87);
            transform: rotate(-45deg);
        }