
.input-field,
.address-field,
.textarea-field { 
    position: relative; 
    margin-bottom: 25px; 
    
    input[type="text"],
    select, 
    textarea, 
    input[type="text"], 
    input[type="password"], 
    input[type="datetime"], 
    input[type="datetime-local"], 
    input[type="date"], 
    input[type="month"], 
    input[type="time"], 
    input[type="week"], 
    input[type="number"], 
    input[type="email"], 
    input[type="url"], 
    input[type="search"], 
    input[type="tel"], 
    input[type="color"],
    &.comment-form-rating,
    > strong {
        display: block;
        margin-bottom: 0;
        padding: 0 15px 0 165px;
        width: 100%; 
        font-size: 15px; 
        height: 46px; 
        line-height: 1;
        width: 100%;
        
        @media #{$screen-normal} {
            padding: 13px 10px 13px 140px;
        } 
        
        @media #{$screen-medium} {
            padding: 13px 10px 13px 125px;
        } 
    }
    
    > strong {
        line-height: 46px;
    }

    textarea {
        line-height: 1.42857;
    }
    
    &.nolabel {
        input[type="text"], 
        input[type="password"], 
        input[type="datetime"], 
        input[type="datetime-local"], 
        input[type="date"], 
        input[type="month"], 
        input[type="time"], 
        input[type="week"], 
        input[type="number"], 
        input[type="email"], 
        input[type="url"], 
        input[type="search"], 
        input[type="tel"], 
        input[type="color"] { 
            padding-left: 15px; 
            
            @media #{$screen-normal} {
                padding-left: 10px;
            }
        }
    }
    
    &.comment-form-rating { 
        margin-bottom: 25px;
        
        label { 
            left: 0; 
            top: 0; 
            bottom: 0; 
        } 
    }
    
    label {
        position: absolute; 
        top: 1px; 
        bottom: 1px; 
        left: 1px; 
        overflow: hidden; 
        font-size: 14px; 
        line-height: 46px; 
        margin: 0; 
        padding: 0 15px; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        width: 150px; 
        z-index: 1;
        
        @media #{$screen-normal} {
            padding: 0 10px; 
            width: 130px;
        }
        
        @media #{$screen-medium} {
            padding: 0 8px; 
            width: 115px;
        }
        
        .fa {
            width: 20px; 
            text-align: center; 
            font-size: 15px;
            margin-left: -5px; 
            margin-right: 5px;
        }
    }
}

body.safari {
    .input-field,
    .address-field,
    .textarea-field {
        select {
            -webkit-appearance: none;
        }
    }
}

.textarea-field {
    
    textarea { 
        padding: 59px 15px 13px; 
        height: 200px; 
        
        @media #{$screen-normal} {
            padding: 59px 10px 13px;
        }
        
        @media #{$screen-medium} {
            padding: 59px 10px 13px;
        }
    }

    label { 
        right: 1px; 
        bottom: auto !important;
        height: 45px;
        width: auto; 
    }
}

abbr[title], 
abbr[data-original-title] {
    
    .input-field &,
    .textarea-field & {
        border-width: 0; 
        cursor: default;
    }
}

.button-row {
    margin-top: 35px;

    label {
        margin-left: 15px;
    }
}

.form-row .button, 
.form-row .btn,
.input-field .button, 
.input-field .btn { 
    margin-right: 10px; 
}

.input-field option { 
    text-indent: 15px; 
}

.input-field .chzn-container { 
    display: block; 
}

.input-field .chzn-container-single .chzn-single { 
    font-size: 15px; 
    height: 46px !important; 
    background-color: transparent !important; 
    background-image: none !important; 
    padding-left: 165px; 
    line-height: 46px !important;
    @include box-shadow(none);
    
    @media #{$screen-normal} {
        padding-left: 140px;
    }
    
    @media #{$screen-medium} {
        padding-left: 125px;
    }
}

.woocommerce-checkout #main .input-field .chzn-container-single .chzn-single div b { 
    background-position: 0 12px !important; 
}

.woocommerce-checkout #main .input-field .chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 12px !important; 
}

.input-field .chzn-container-single .chzn-search input { 
    padding: 3px 5px; 
    line-height: 20px; 
    height: 35px; 
    background-image: none; 
}
