/*
    输入框
*/

@import "../../less/config/main";
.cui-textBoxContainer {
    position: relative;
    margin: 10px;
    input,
    textarea {
        outline: none;
        border: 1px solid @c-light-a;
        border-radius: 2px;
        padding: 5px 10px;
        width: 192px;
        &.hold {
            border-color: @c-important-a;
            background-color: lighten(@c-important-a, 45%);
        }
        &.success {
            border-color: @c-important-c;
            background-color: lighten(@c-important-c, 45%);
        }
        &.failure {
            border-color: @c-important-d;
            background-color: lighten(@c-important-d, 30%);
            color: @c-important-d;
        }
        &[disabled] {
            cursor: no-drop;
        }
    }
    input {
        height: 34px;
        &.addonLeftInput{
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
        &.addonRightInput{
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }
    }
    textarea {
        resize: none;
    }
}

.inline {
    display: inline-block;
}

.addonLeft,
.addonRight {
    background-color: @c-light-a;
    display: inline-block;
    height: 34px;
    line-height: 2;
    padding: 2px 10px;
    border: 1px solid @c-light-a;
    &.icon-component {
        line-height: 1.9;
        position: relative\0;
        top: 1px\0;
        //top: 2px\9;
    }
}

span.addonLeft, span.addonRight {
    position: relative\9;
    top: 1px\9;
}

.addonLeft {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.addonRight {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}