.form{ &__floating-footer{ position: fixed; bottom: 0; left: 220px; right: 0; background: #fff; padding: 14px 16px; border-top: 1px solid #ececec; } } // Form label{ font-weight: 400; } .#{$ns}-input{ box-shadow: 0 0 0; border: 1px solid #ced4da; border-radius: 0; height: 32px; line-height: 32px; color: #333; &:focus, &.bp3-active{ box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); border-color: #80bdff; } } .#{$ns}-form-group{ margin-bottom: 20px; &.#{$ns}-intent-danger{ select{ box-shadow: 0 0 0 0 rgba(219, 55, 55, 0), 0 0 0 0 rgba(2, 2, 2, 0), inset 0 0 0 1px #db3737, inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2); } .bp3-input{ border-color: #db3737; } } .#{$ns}-label{ margin-bottom: 6px; .#{$ns}-icon-info-circle{ margin-left: 3px; position: relative; top: -1px; color: #A1B2C5; } } } .#{$ns}-button:not([class*=".#{$ns}-intent-"]) { background-image: none; } .#{$ns}-html-select select, .#{$ns}-select select{ background-image: none; border-radius: 0; &, &:hover{ background: #fff; box-shadow: 0 0 0; border: 1px solid #ced4da; } &:focus{ box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); border-color: #80bdff; } } .bp3-datepicker-caption select{ &, &:hover{ border-color: transparent; } } .form-group--select-list{ .#{$ns}-icon-caret-down{ color: #8D8D8D; } }