﻿div.fancy-textbox input {
    font-size: 14px;     
    height: 18px;
    padding: 0px;
    margin-top: 12px;
    width: 90%;
    box-shadow: none;
    border: none;
    outline: none;
    display: block;
}

div.fancy-textbox {           
    height: 45px;
    width: 100%;
    padding: 10px 16px;
    line-height: 1.33;
    border-radius: 6px;
    position: relative;
}

div.fancy-textbox ~ .blue-text {
    display: block;
}

div.fancy-textbox input[value=""] ~ .permanent-placeholder {
    position: absolute;
    top: 15px;
    font-size: 14px;
    line-height: 1;
    color: #999999;
    transition: top linear .1s, font-size linear .1s;
    -webkit-transition: top linear .1s, font-size linear .1s;
}

div.fancy-textbox input:focus ~ .permanent-placeholder,
div.fancy-textbox input:not([value=""]) ~ .permanent-placeholder {
    position: absolute;
    top: 5px;
    font-size: 12px;
    line-height: 1;
    color: #999999;
} 

.fancy-textbox.validation-visualizer:not(.has-error) {    
    border: 1px solid rgb(204, 204, 204);
}

.fancy-textbox.validation-visualizer.has-error {
    margin-bottom: 17px;
}

.fancy-textbox.validation-visualizer.has-error .validation-message {
    margin-top: 2px;
    margin-left: -16px;
}

.fancy-textbox.validation-visualizer.has-error.has-focus,
.fancy-textbox.validation-visualizer:not(.has-error).has-focus {
    box-shadow: 0 0 5px rgb(105,176,232);
    border: 1px solid rgb(102,175,233);
}

.password-show {
    cursor: pointer;
    text-decoration: none;        
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 17px;
    color: #777777;
}

.password-show:hover {
    text-decoration: none; 
    color: #555555;
}

.fancy-textbox.validation-visualizer.has-error .password-show {
    right: 30px;
}