// :copyright: Copyright 2012 Martin Pengelly-Phillips
// :license: See LICENSE.txt.

.dbootstrap {
    /*fieldset {
        @extend .dbootstrap .well;
    }*/

    label {
        vertical-align: middle;
    }

    // TextBox
    .dijitTextBox {
        display: inline-block;
        font-size: $fontSizeBase;
        color: $gray;
        border-radius: $inputBorderRadius;
        background-color: $inputBackground;
        border: 1px solid $inputBorder;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        transition: border linear .2s, box-shadow linear .2s;
    }

    .dijitTextBoxFocused {
        outline: none;
        border-color: rgba(82,168,236,.8);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    }

    .dijitInputContainer {
        padding: 6px 6px;
    }

    .dijitInputField .dijitInputInner {
    }

    .dj_webkit .dijitInputContainer {
        padding: 4px 4px;
    }

    .dj_webkit .dijitInputField .dijitInputInner {
        height: $lineHeightBase;
    }

    .dj_webkit .dijitInline .dijitInputField .dijitInputInner {
        height: inherit;
    }

    .dijitPlaceHolder {
        font-style: normal;
        padding: 4px 6px;
    }

    .dijitTextBoxDisabled, .dijitTextBoxReadOnly {
        background-image: none;
        box-shadow: none;
        background-color: $inputDisabledBackground;
    }

    .dj_webkit .dijitTextBoxDisabled input,
    .dj_webkit textarea.dijitTextAreaDisabled,
    .dijitTextBoxDisabled,
    .dijitTextBoxReadOnly {
        color: $inputColor;
    }

    // TextArea
    .dijitTextArea {
        padding: 4px 6px;
        line-height: 1.5;
        box-sizing: border-box;
    }

    // ComboBox
    .dijitComboBox .dijitButtonNode {
        @extend .dbootstrap .dijitComboButton .dijitButtonNode;
    }

    .dijitComboBox .dijitButtonNode.dijitArrowButton {
        @extend .dbootstrap .dijitComboButton .dijitArrowButton;
    }

    .dijitComboBox input.dijitArrowButtonInner {
        display: none;
    }

    .dijitComboBoxDisabled .dijitButtonNode {
        @extend .dbootstrap .dijitComboButtonDisabled .dijitButtonNode;
        background-color: $inputDisabledBackground;
    }

    // Validation
    .dijitTextBoxError {
        color: $stateDangerText;
        border-color: $stateDangerText;
    }

    .dijitTextBoxError.dijitTextBoxFocused {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px lighten($stateDangerText, 20%);
    }

    .dijitValidationContainer {
        display: none;
    }
}