assets/themes/j1/core/css/themes/unolight/bootstrap.css in j1-template-2024.1.4 vs assets/themes/j1/core/css/themes/unolight/bootstrap.css in j1-template-2024.1.5

- old
+ new

@@ -63,12 +63,12 @@ $caret-width: .3em !default; $caret-width-lg: $caret-width !default; */ /*! - * Bootstrap v5.3.2 (https://getbootstrap.com/) - * Copyright 2011-2023 The Bootstrap Authors + * Bootstrap v5.3.3 (https://getbootstrap.com/) + * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme="light"] { --bs-blue: #2196f3; @@ -2467,11 +2467,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -2482,11 +2482,11 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { @@ -2541,11 +2541,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -2556,11 +2556,11 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { @@ -2643,10 +2643,12 @@ border-color: var(--bs-btn-active-border-color); box-shadow: var(--bs-btn-active-shadow); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); } + .btn-check:checked:focus-visible + .btn { + box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); @@ -3959,16 +3961,15 @@ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23424242'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23424242' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d3c61'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-focus-border-color: #90cbf9; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230d3c61' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } @@ -4012,11 +4013,10 @@ transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; - border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } @@ -4026,41 +4026,40 @@ background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } - .accordion-item:first-of-type .accordion-button { + .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } - .accordion-item:last-of-type .accordion-button.collapsed { + .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } - .accordion-item:last-of-type .accordion-collapse { + .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } -.accordion-flush .accordion-collapse { - border-width: 0; } - -.accordion-flush .accordion-item { +.accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } - .accordion-flush .accordion-item:first-child { + .accordion-flush > .accordion-item:first-child { border-top: 0; } - .accordion-flush .accordion-item:last-child { + .accordion-flush > .accordion-item:last-child { border-bottom: 0; } - .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { + .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } + .accordion-flush > .accordion-item > .accordion-collapse { + border-radius: 0; } [data-bs-theme="dark"] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ac0f8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ac0f8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } @@ -4809,11 +4808,10 @@ .modal-header { display: flex; flex-shrink: 0; align-items: center; - justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { @@ -5285,23 +5283,15 @@ height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } -/* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] -} */ .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; @@ -5827,17 +5817,14 @@ opacity: 0.26; } .offcanvas-header { display: flex; align-items: center; - justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); - margin-top: calc(-.5 * var(--bs-offcanvas-padding-y)); - margin-right: calc(-.5 * var(--bs-offcanvas-padding-x)); - margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); } + margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } @@ -11682,11 +11669,11 @@ background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .is-focused .form-control:valid:focus, .is-focused .form-control.is-valid:focus, .was-validated .is-focused .form-control:valid:focus, .is-focused .form-control.is-valid:focus { border-color: #616161; - box-shadow: 0 0 0 0.25rem rgba(97, 97, 97, 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(97, 97, 97, 0.25); } .was-validated .is-focused textarea.form-control:valid, .is-focused textarea.form-control.is-valid, .was-validated .is-focused textarea.form-control:valid, .is-focused textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); @@ -11707,11 +11694,11 @@ background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .is-focused .form-select:valid:focus, .is-focused .form-select.is-valid:focus, .was-validated .is-focused .form-select:valid:focus, .is-focused .form-select.is-valid:focus { border-color: #616161; - box-shadow: 0 0 0 0.25rem rgba(97, 97, 97, 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(97, 97, 97, 0.25); } .was-validated .is-focused .form-control-color:valid, .is-focused .form-control-color.is-valid, .was-validated .is-focused .form-control-color:valid, .is-focused .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } @@ -11829,11 +11816,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-success .is-focused .form-control:valid:focus, .has-success .is-focused .form-control.is-valid:focus, .was-validated .has-success.is-focused .form-control:valid:focus, .has-success.is-focused .form-control.is-valid:focus { border-color: #4caf50; - box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(76, 175, 80, 0.25); } .was-validated .has-success .is-focused textarea.form-control:valid, .has-success .is-focused textarea.form-control.is-valid, .was-validated .has-success.is-focused textarea.form-control:valid, .has-success.is-focused textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -11844,11 +11831,11 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-success .is-focused .form-select:valid:focus, .has-success .is-focused .form-select.is-valid:focus, .was-validated .has-success.is-focused .form-select:valid:focus, .has-success.is-focused .form-select.is-valid:focus { border-color: #4caf50; - box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(76, 175, 80, 0.25); } .was-validated .has-success .is-focused .form-control-color:valid, .has-success .is-focused .form-control-color.is-valid, .was-validated .has-success.is-focused .form-control-color:valid, .has-success.is-focused .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .has-success .is-focused .form-check-input:valid, .has-success .is-focused .form-check-input.is-valid, .was-validated .has-success.is-focused .form-check-input:valid, .has-success.is-focused .form-check-input.is-valid { @@ -11949,11 +11936,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-info .is-focused .form-control:valid:focus, .has-info .is-focused .form-control.is-valid:focus, .was-validated .has-info.is-focused .form-control:valid:focus, .has-info.is-focused .form-control.is-valid:focus { border-color: #00bcd4; - box-shadow: 0 0 0 0.25rem rgba(0, 188, 212, 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(0, 188, 212, 0.25); } .was-validated .has-info .is-focused textarea.form-control:valid, .has-info .is-focused textarea.form-control.is-valid, .was-validated .has-info.is-focused textarea.form-control:valid, .has-info.is-focused textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -11964,11 +11951,11 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-info .is-focused .form-select:valid:focus, .has-info .is-focused .form-select.is-valid:focus, .was-validated .has-info.is-focused .form-select:valid:focus, .has-info.is-focused .form-select.is-valid:focus { border-color: #00bcd4; - box-shadow: 0 0 0 0.25rem rgba(0, 188, 212, 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(0, 188, 212, 0.25); } .was-validated .has-info .is-focused .form-control-color:valid, .has-info .is-focused .form-control-color.is-valid, .was-validated .has-info.is-focused .form-control-color:valid, .has-info.is-focused .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .has-info .is-focused .form-check-input:valid, .has-info .is-focused .form-check-input.is-valid, .was-validated .has-info.is-focused .form-check-input:valid, .has-info.is-focused .form-check-input.is-valid { @@ -12069,11 +12056,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-warning .is-focused .form-control:valid:focus, .has-warning .is-focused .form-control.is-valid:focus, .was-validated .has-warning.is-focused .form-control:valid:focus, .has-warning.is-focused .form-control.is-valid:focus { border-color: #ffeb3b; - box-shadow: 0 0 0 0.25rem rgba(255, 235, 59, 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(255, 235, 59, 0.25); } .was-validated .has-warning .is-focused textarea.form-control:valid, .has-warning .is-focused textarea.form-control.is-valid, .was-validated .has-warning.is-focused textarea.form-control:valid, .has-warning.is-focused textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -12084,11 +12071,11 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-warning .is-focused .form-select:valid:focus, .has-warning .is-focused .form-select.is-valid:focus, .was-validated .has-warning.is-focused .form-select:valid:focus, .has-warning.is-focused .form-select.is-valid:focus { border-color: #ffeb3b; - box-shadow: 0 0 0 0.25rem rgba(255, 235, 59, 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(255, 235, 59, 0.25); } .was-validated .has-warning .is-focused .form-control-color:valid, .has-warning .is-focused .form-control-color.is-valid, .was-validated .has-warning.is-focused .form-control-color:valid, .has-warning.is-focused .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .has-warning .is-focused .form-check-input:valid, .has-warning .is-focused .form-check-input.is-valid, .was-validated .has-warning.is-focused .form-check-input:valid, .has-warning.is-focused .form-check-input.is-valid { @@ -12189,11 +12176,11 @@ background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-danger .is-focused .form-control:valid:focus, .has-danger .is-focused .form-control.is-valid:focus, .was-validated .has-danger.is-focused .form-control:valid:focus, .has-danger.is-focused .form-control.is-valid:focus { border-color: #f44336; - box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); } + box-shadow: none, 0 0 0 0.25rem rgba(244, 67, 54, 0.25); } .was-validated .has-danger .is-focused textarea.form-control:valid, .has-danger .is-focused textarea.form-control.is-valid, .was-validated .has-danger.is-focused textarea.form-control:valid, .has-danger.is-focused textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } @@ -12204,10 +12191,10 @@ padding-right: 0; background-position: right 0 center, center right 0; background-size: 16px 12px, calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .was-validated .has-danger .is-focused .form-select:valid:focus, .has-danger .is-focused .form-select.is-valid:focus, .was-validated .has-danger.is-focused .form-select:valid:focus, .has-danger.is-focused .form-select.is-valid:focus { border-color: #f44336; - box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); } + box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(244, 67, 54, 0.25); } .was-validated .has-danger .is-focused .form-control-color:valid, .has-danger .is-focused .form-control-color.is-valid, .was-validated .has-danger.is-focused .form-control-color:valid, .has-danger.is-focused .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.875rem)); } .was-validated .has-danger .is-focused .form-check-input:valid, .has-danger .is-focused .form-check-input.is-valid, .was-validated .has-danger.is-focused .form-check-input:valid, .has-danger.is-focused .form-check-input.is-valid {