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;
    
}