@import "{ohif:viewerbase}/app"

.form-themed .state-error, .state-error

    &.wrapperLabel input + .wrapperText
        theme('color', '$uiStateErrorText')

    &+.tooltip

        .tooltip-inner
            color: white
            theme('background-color', '$uiStateErrorBorder')

        &.top .tooltip-arrow
            theme('border-top-color', '$uiStateErrorBorder')
        &.right .tooltip-arrow
            theme('border-right-color', '$uiStateErrorBorder')
        &.bottom .tooltip-arrow
            theme('border-bottom-color', '$uiStateErrorBorder')
        &.left .tooltip-arrow
            theme('border-left-color', '$uiStateErrorBorder')


    &:not(.component-group)
        &.form-control, .form-control
            theme('background-color', '$uiStateError')
            theme('border-color', '$uiStateErrorBorder')

        .select2-selection
            theme('background-color', '$uiStateError')
            theme('border-color', '$uiStateErrorBorder')