input::-webkit-input-placeholder { /* webkit, blink, edge */color : #ccc;}
input:-moz-placeholder { /* mozilla firefox 4 to 18 */color : #ccc;}
input::-moz-placeholder { /* mozilla firefox 19  */color : #ccc;}
input:-ms-input-placeholder { /* internet explorer 10-11 */color : #ccc;}
input::-ms-input-placeholder { /* microsoft edge */color : #ccc;}

input[type=text].h-input, input[type=number].h-input, input[type=date].h-input{
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    color: #333;
    width: 200px;
}
input[type=text].h-input:focus, input[type=number].h-input:focus, input[type=date].h-input:focus{
    outline: 1px solid #e27900;
    border: 1px solid #00000000;
}
input[type=text].h-input-none, input[type=number].h-input-none, input[type=date].h-input-none{
    border: 0;
    padding: 5px 10px;
}
input[type=text].h-input-none:focus, input[type=number].h-input-none:focus, input[type=date].h-input-none:focus{
    outline: 0;
}
textarea.h-input{
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    color: #333;
    width: 100%;
}
input[type=checkbox].h-check{
    margin-right: 8px;
}
input[type=checkbox]{
        margin: 0;
    position: relative;
    top: 0px;
}
input[type=radio] {
    margin: 0;
    position: relative;
    top: 3px;
}
.h-radio:checked:before {
    content: "\f10c";
    border-color: #e27900;
    background-color: #e27900;
    color: #fff;
}
.h-radio:before {
    visibility: visible;
    content: "";
    font: normal normal normal 12px/1 fontawesome;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -1px;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
}

.h-check:checked:before {
    content: "\f00c";
    border-color: #e27900;
    background-color: #e27900;
    color: #fff;
}
.h-check:before {
    visibility: visible;
    outline: 0;
    content: "";
    font: normal normal normal 12px/1 fontawesome;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: absolute;
    top: -2px;
    cursor: pointer;
    line-height: 12px;
    text-align: center;
    overflow: hidden;
}
select {
    padding: 5px 10px;
    border-radius: 4px;
    color: #333;
    border: 1px solid #ddd;
    overflow: hidden;
}
select:focus{
    outline: 1px solid #e27900;
    border: 1px solid #00000000;
}

input[type=submit].h-button{
    border: none;
    outline: none;
    
}