// .form-default{
//     .transition-ease{
//         -webkit-transition: all 200ms ease-out;
//         -moz-transition: all 200ms ease-out;
//         -o-transition: all 200ms ease-out;
//         -ms-transition: all 200ms ease-out;
//         transition: all 200ms ease-out;
//     }
//     .form-group{position: relative;margin-bottom: 20px;}
//     .control-label{margin-bottom: 10px;font-weight: normal;font-size: 14px;color: #333;line-height: 1.2em;}
//     .form-control{line-height: 1.2em; padding: 10px 15px;  font-size: 14px; color: #333;min-height: 40px;background-color: #fff; border: 1px solid #ccc;
//         @include border-radius(0px);
//         @include box-shadow(none);
//         &:focus{border-color: #333;}
//     }
//     .floating-label{color: #333; font-size: 14px;position: absolute;pointer-events: none;left: 15px;top: 9px;
//         @extend .transition-ease;
//     }
//     .form-control:focus ~ .floating-label,
//     .form-control:not(:focus):valid ~ .floating-label{color: #333; font-size: 12px; left: 0; top: -22px;}
//     .block-control{position: relative;}
//     .has-error{
//         .form-control:focus{@include box-shadow(none);}
//     }
//     .has-success{
//         .form-control:focus{@include box-shadow(none);}
//     }
// }
// .form-control-feedback{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background-size: 100%;
//     &:before{display: none;}
//     &.glyphicon-ok{
//         background: url('../img/icon/checked.png') center no-repeat;background-size: 16px;
//     }
//     &.glyphicon-remove{
//         background: url('../img/icon/cancel.png') center no-repeat;background-size: 16px;
//     }
// }


.form-default{
    font-weight: 300;
    font-family: 'Pridi', serif;
}
.form-default .form-group{
    position: relative; 
    margin-bottom: 10px;
}

.form-default .help-block{
    margin-top: 10px;
    font-weight: 300;
    line-height: 1.4em;
    color: $color-darkgray;
    font-size: 15px;
}

.form-default .control-label{
    margin-bottom: 10px; 
    font-weight: normal; 
    font-size: inherit; 
    line-height: 1.2em;
}
.form-default .form-control{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2em; 
    padding: 20px 40px 5px 25px;
    color: $color-darkgray;
    height: 60px;
    background-color: #F8F7F5; 
    border: 1px solid #DEDEDF;
    border-radius: 4px;
    text-shadow: none;
    resize: none;
}
.form-default textarea.form-control{
    height: auto;
    min-height: 60px;
    padding: 35px 40px 5px 25px; 
}
.form-default .form-note{
    position: absolute; 
    top: 100%; 
    left: 20px; 
    margin-top: 4px; 
    font-size: 14px; 
    color: #999;
}
.form-default .form-control:focus{
    // border-color: $color-light;
    outline: none;
    box-shadow: none;
    text-shadow: none;
}
.form-default .block-control{
    position: relative;
}
// .form-default .help-block{
//     font-size: 14px;
//     color: $color-default;
//     line-height: 1.4em;
//     margin-top: 1em;
// }
// .form-default .has-error .form-control{
//     border-color: $color-danger;
// }
.form-default .has-error .form-control:focus{
    box-shadow: none;
}
.form-default .has-success .form-control:focus{
    box-shadow: none;
}

.form-default .floating-label{
    color: $color-darkgray;
    font-size: 20px;
    position:absolute;
    pointer-events: none;
    line-height: 20px;
    left: 25px;
    top: 19px;
    background-color: transparent;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
    small{
        color: $color-mute;
    }
}
.form-default .form-control[required=""] ~ .floating-label:after{
    content: '*';
    color: $color-danger;
    padding-left: 3px;
    font-size: 0.8em;
}
.form-default .form-control:focus ~ .floating-label, 
.form-default .form-control:not(:placeholder-shown) ~ .floating-label {
    top: 4px;
    font-size: 14px;
    color: $color-darkgray;
}

.form-control-feedback{
    position: absolute; 
    top: 22px; 
    right: 15px; 
    width: 18px; 
    height: 18px; 
    background-size: 100%;
}
.form-control-feedback:before{
    display: none;
}
.form-control-feedback.glyphicon-ok{
    background: url('../img/icon/checked.svg') center no-repeat;
    background-size: 100%;
}
.form-control-feedback.glyphicon-remove{
    background: url('../img/icon/cancel.svg') center no-repeat;
    background-size: 100%;
}


