ok

Mini Shell

Direktori : /home2/selectio/www/mm-tailor-billing/hrm/
Upload File :
Current File : /home2/selectio/www/mm-tailor-billing/hrm/input-css.css

    @media (min-width: 1200px){
.col-lg-6 {
    width: 49%;
}
}

.form-control {
    min-height: auto;
    padding-top: 4px;
    padding-bottom: 3.28px;
    transition: all .1s linear
}

.form-control:focus {
    box-shadow: none;
    transition: all .1s linear;
    border-color: #3b71ca;
    box-shadow: inset 0 0 0 1px #3b71ca
}

.form-control.form-control-sm {
    font-size: .775rem;
    line-height: 1.5
}

.form-control.form-control-lg {
    line-height: 2.15;
    border-radius: .25rem
}

.form-outline {
    position: relative
}

.form-outline .form-helper {
    width: 100%;
    position: absolute;
    font-size: .875em;
    color: #757575
}

.form-outline .form-helper .form-counter {
    text-align: right
}

.form-outline .trailing {
    position: absolute;
    right: 10px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.form-outline .form-icon-trailing {
    padding-right: 2rem!important
}

.form-outline .form-control {
    min-height: auto;
    padding: .33em .75em;
    border: 0;
    background: transparent;
    transition: all .2s linear
}

.form-outline .form-control~.form-label {
    position: absolute;
    top: 0;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: .75rem;
    padding-top: .37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all .2s ease-out;
    color: rgba(0,0,0,.6);
    margin-bottom: 0
}

.form-outline .form-control~.form-notch {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.form-outline .form-control~.form-notch div {
    pointer-events: none;
    border: 1px solid #bdbdbd;
    box-sizing: border-box;
    background: transparent;
    transition: all .2s linear
}

.form-outline .form-control~.form-notch .form-notch-leading {
    left: 0;
    top: 0;
    height: 100%;
    width: .5rem;
    border-right: none;
    border-radius: .25rem 0 0 .25rem
}

.form-outline .form-control~.form-notch .form-notch-middle {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 1rem);
    height: 100%;
    border-right: none;
    border-left: none
}

.form-outline .form-control~.form-notch .form-notch-trailing {
    flex-grow: 1;
    height: 100%;
    border-left: none;
    border-radius: 0 .25rem .25rem 0
}

.form-outline .form-control:not(.placeholder-active)::-moz-placeholder {
    opacity: 0
}

.form-outline .form-control:not(.placeholder-active)::placeholder {
    opacity: 0
}

.form-outline .form-control.active::-moz-placeholder,.form-outline .form-control:focus::-moz-placeholder {
    opacity: 1
}

.form-outline .form-control.active::placeholder,.form-outline .form-control:focus::placeholder {
    opacity: 1
}

.form-outline .form-control:focus {
    box-shadow: none!important
}

.form-outline .form-control.active~.form-label,.form-outline .form-control:focus~.form-label {
    transform: translateY(-1rem) translateY(.1rem) scale(.8)
}

.form-outline .form-control:focus~.form-label {
    color: #3b71ca
}

.form-outline .form-control.active~.form-notch .form-notch-middle,.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-right: none;
    border-left: none;
    border-top: 1px solid transparent
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-color: #3b71ca;
    box-shadow: 0 1px 0 0 #3b71ca;
    border-top: 1px solid transparent
}

.form-outline .form-control.active~.form-notch .form-notch-leading,.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-right: none
}

.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-color: #3b71ca;
    box-shadow: -1px 0 0 0 #3b71ca,0 1px 0 0 #3b71ca,0 -1px 0 0 #3b71ca
}

.form-outline .form-control.active~.form-notch .form-notch-trailing,.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-left: none
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: #3b71ca;
    box-shadow: 1px 0 0 0 #3b71ca,0 -1px 0 0 #3b71ca,0 1px 0 0 #3b71ca
}

.form-outline .form-control.disabled,.form-outline .form-control:disabled,.form-outline .form-control[readonly] {
    background-color: #e9ecef
}

.form-outline .form-control.form-control-lg {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em
}

.form-outline .form-control.form-control-lg~.form-label {
    padding-top: .7rem
}

.form-outline .form-control.form-control-lg.active~.form-label,.form-outline .form-control.form-control-lg:focus~.form-label {
    transform: translateY(-1.25rem) translateY(.1rem) scale(.8)
}

.form-outline .form-control.form-control-sm {
    padding: .43em .99em .35em;
    font-size: .775rem;
    line-height: 1.6
}

.form-outline .form-control.form-control-sm~.form-label {
    padding-top: .33rem;
    font-size: .775rem
}

.form-outline .form-control.form-control-sm.active~.form-label,.form-outline .form-control.form-control-sm:focus~.form-label {
    transform: translateY(-.85rem) translateY(.1rem) scale(.8)
}

.form-outline.form-white .form-control {
    color: #fff
}

.form-outline.form-white .form-control~.form-label {
    color: #fbfbfb
}

.form-outline.form-white .form-control~.form-notch div {
    border-color: #fbfbfb
}

.form-outline.form-white .form-control:focus~.form-label {
    color: #fff
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-middle {
    border-color: #fff;
    box-shadow: 0 1px 0 0 #fff;
    border-top: 1px solid transparent
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-leading {
    border-color: #fff;
    box-shadow: -1px 0 0 0 #fff,0 1px 0 0 #fff,0 -1px 0 0 #fff
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-trailing {
    border-color: #fff;
    box-shadow: 1px 0 0 0 #fff,0 -1px 0 0 #fff,0 1px 0 0 #fff
}

.form-outline.form-white .form-control::-moz-placeholder {
    color: hsla(0,0%,100%,.7)
}

.form-outline.form-white .form-control::placeholder {
    color: hsla(0,0%,100%,.7)
}

.form-outline.form-white .form-control.disabled,.form-outline.form-white .form-control:disabled,.form-outline.form-white .form-control[readonly] {
    background-color: hsla(0,0%,100%,.45)
}

.select-input.form-control[readonly]:not([disabled]) {
    background-color: transparent
}

.form-select {
    transition: all .2s linear
}

.form-select:focus {
    border-color: #3b71ca;
    outline: 0;
    box-shadow: inset 0 0 0 1px #3b71ca
}

.form-check {
    min-height: 1.5rem
}

.form-check-input {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    background-color: #fff;
    border: .125rem solid rgba(0,0,0,.25)
}

.form-check-input:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: scale(0)
}

.form-check-input:hover {
    cursor: pointer
}

.form-check-input:hover:before {
    opacity: .04;
    box-shadow: 0 0 0 13px rgba(0,0,0,.6)
}

.form-check-input:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.25);
    transition: border-color .2s
}

.form-check-input:focus:before {
    opacity: .12;
    box-shadow: 0 0 0 13px rgba(0,0,0,.6);
    transform: scale(1);
    transition: box-shadow .2s,transform .2s
}

.form-check-input:checked {
    border-color: #3b71ca
}

.form-check-input:checked:before {
    opacity: .16
}

.form-check-input:checked:after {
    content: "";
    position: absolute
}

.form-check-input:checked:focus {
    border-color: #3b71ca
}

.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px #3b71ca;
    transform: scale(1);
    transition: box-shadow .2s,transform .2s
}

.form-check-input:indeterminate:focus:before {
    box-shadow: 0 0 0 13px #3b71ca
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
    margin-top: .19em;
    margin-right: 6px
}

.form-check-input[type=checkbox]:focus:after {
    content: "";
    position: absolute;
    width: .875rem;
    height: .875rem;
    z-index: 1;
    display: block;
    border-radius: 0;
    background-color: #fff
}

.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: #3b71ca
}

.form-check-input[type=checkbox]:checked:after {
    display: block;
    transform: rotate(45deg) /*!rtl:ignore*/;
    width: .375rem;
    height: .8125rem;
    border: .125rem solid #fff;
    border-top: 0;
    border-left: 0 /*!rtl:ignore*/;
  margin-left: .25rem;
    margin-top: -1px;
    background-color: transparent
}

.form-check-input[type=checkbox]:checked:focus {
    background-color: #3b71ca
}

.form-check-input[type=checkbox]:indeterminate {
    border-color: #3b71ca
}

.form-check-input[type=radio] {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .125em;
    margin-right: 4px
}

.form-check-input[type=radio]:before {
    width: 1rem;
    height: 1rem
}

.form-check-input[type=radio]:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    z-index: 1;
    display: block;
    border-radius: 50%;
    background-color: #fff
}

.form-check-input[type=radio]:checked {
    background-image: none;
    background-color: #fff
}

.form-check-input[type=radio]:checked:after {
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    border-color: #3b71ca;
    background-color: #3b71ca;
    transition: border-color;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.form-check-input[type=radio]:checked:focus {
    background-color: #fff
}

.form-check-label {
    padding-left: .15rem
}

.form-check-label:hover {
    cursor: pointer
}

.form-switch .form-check-input {
    background-image: none;
    border-width: 0;
    border-radius: .4375rem;
    width: 2rem;
    height: .875rem;
    background-color: rgba(0,0,0,.25);
    margin-top: .3em;
    margin-right: 8px
}

.form-switch .form-check-input:after {
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #fff;
    margin-top: -.1875rem;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04);
    transition: background-color .2s,transform .2s
}

.form-switch .form-check-input:focus {
    background-image: none
}

.form-switch .form-check-input:focus:before {
    box-shadow: 3px -1px 0 13px rgba(0,0,0,.6);
    transform: scale(1);
    transition: box-shadow .2s,transform .2s
}

.form-switch .form-check-input:focus:after {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem
}

.form-switch .form-check-input:checked,.form-switch .form-check-input:checked:focus {
    background-image: none
}

.form-switch .form-check-input:checked:focus:before {
    margin-left: 1.0625rem;
    box-shadow: 3px -1px 0 13px #3b71ca;
    transform: scale(1);
    transition: box-shadow .2s,transform .2s
}

.form-switch .form-check-input:checked[type=checkbox] {
    background-image: none
}

.form-switch .form-check-input:checked[type=checkbox]:after {
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #3b71ca;
    margin-top: -3px;
    margin-left: 1.0625rem;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    transition: background-color .2s,transform .2s
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,.form-control[type=file]::-webkit-file-upload-button {
    background-color: transparent
}

.input-group>.form-control {
    min-height: calc(2.08rem + 2px);
    height: calc(2.08rem + 2px);
    padding-top: .27rem;
    padding-bottom: .27rem;
    transition: all .2s linear
}

.input-group>.form-control:focus {
    transition: all .2s linear;
    border-color: #3b71ca;
    outline: 0;
    box-shadow: inset 0 0 0 1px #3b71ca
}

.input-group-text {
    background-color: transparent;
    padding-top: .26rem;
    padding-bottom: .26rem
}

.input-group-text>.form-check-input[type=checkbox] {
    margin-left: 1px;
    margin-right: 1px
}

.input-group-text>.form-check-input[type=radio] {
    margin-right: 0
}

.input-group-lg>.form-control {
    height: calc(2.645rem + 2px);
    font-size: 1rem;
    padding-top: .33rem;
    padding-bottom: .33rem
}

.input-group-lg .input-group-text {
    font-size: 1rem
}

.input-group-sm>.form-control {
    min-height: calc(1.66rem + 2px);
    height: calc(1.66rem + 2px);
    font-size: .775rem;
    padding-top: .33rem;
    padding-bottom: .33rem
}

.input-group-sm .input-group-text {
    font-size: .775rem;
    line-height: 1.5
}

.input-group.form-outline .input-group-text {
    border-left: 0
}

.input-group.form-outline input+.input-group-text {
    border: 0;
    border-left: 1px solid #bdbdbd
}

.input-group .form-outline:not(:first-child),.input-group .form-outline:not(:first-child) .form-notch-leading,.input-group .select-wrapper:not(:first-child),.input-group .select-wrapper:not(:first-child) .form-notch-leading {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.input-group .form-outline:not(:last-child),.input-group .form-outline:not(:last-child) .form-notch-trailing,.input-group .select-wrapper:not(:last-child),.input-group .select-wrapper:not(:last-child) .form-notch-trailing {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.input-group>[class*=btn-outline-]+[class*=btn-outline-] {
    border-left: 0
}

.input-group>.btn[class*=btn-outline-] {
    padding-top: .47rem
}

.input-group>.btn {
    padding-top: .59rem
}

.input-group.input-group-lg .input-group-text {
    height: calc(2.645rem + 2px)
}

.input-group .input-group-text {
    height: calc(2.08rem + 2px)
}

.input-group .btn {
    line-height: 1
}

.input-group.input-group-sm .input-group-text {
    height: calc(1.66rem + 2px)
}

.input-group .invalid-feedback,.input-group .valid-feedback,.was-validated .input-group .invalid-feedback,.was-validated .input-group .valid-feedback {
    margin-top: 2.5rem
}

.valid-feedback {
    width: auto;
    color: #14a44d;
    margin-top: -.75rem
}

.valid-feedback,.valid-tooltip {
    position: absolute;
    display: none;
    font-size: .875rem
}

.valid-tooltip {
    top: 100%;
    z-index: 5;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    background-color: rgba(20,164,77,.9);
    border-radius: .25rem!important;
    color: #fff
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    margin-bottom: 1rem;
    background-image: none;
    border-color: #14a44d
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #14a44d;
    box-shadow: 0 0 0 .25rem rgba(20,164,77,.25)
}

.form-outline .form-control.is-valid~.form-label,.was-validated .form-outline .form-control:valid~.form-label {
    color: #14a44d
}

.form-outline .form-control.is-valid~.form-notch .form-notch-leading,.form-outline .form-control.is-valid~.form-notch .form-notch-middle,.form-outline .form-control.is-valid~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid~.form-notch .form-notch-trailing {
    border-color: #14a44d
}

.form-outline .form-control.is-valid.active~.form-notch .form-notch-middle,.form-outline .form-control.is-valid:focus~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid.active~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid:focus~.form-notch .form-notch-middle {
    border-top: 1px solid transparent
}

.form-outline .form-control.is-valid:focus~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid:focus~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 #14a44d
}

.form-outline .form-control.is-valid:focus~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:valid:focus~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 #14a44d,0 1px 0 0 #14a44d,0 -1px 0 0 #14a44d
}

.form-outline .form-control.is-valid:focus~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:valid:focus~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 #14a44d,0 -1px 0 0 #14a44d,0 1px 0 0 #14a44d
}

.form-outline .form-control.is-valid.select-input.focused~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:valid.select-input.focused~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 #14a44d,0 1px 0 0 #14a44d,0 -1px 0 0 #14a44d
}

.form-outline .form-control.is-valid.select-input.focused~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:valid.select-input.focused~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 #14a44d;
    border-top: 1px solid transparent
}

.form-outline .form-control.is-valid.select-input.focused~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:valid.select-input.focused~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 #14a44d,0 -1px 0 0 #14a44d,0 1px 0 0 #14a44d
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #14a44d
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #14a44d;
    box-shadow: 0 0 0 .25rem rgba(20,164,77,.25)
}

.form-select.is-valid~.valid-feedback,.was-validated .form-select:valid~.valid-feedback {
    margin-top: 0
}

.input-group .form-control.is-valid,.was-validated .input-group .form-control:valid {
    margin-bottom: 0
}

.was-validated input[type=file].form-control:valid .valid-feedback,input[type=file].form-control.is-valid .valid-feedback {
    margin-top: 0
}

.was-validated input[type=file].form-control:valid:focus,input[type=file].form-control.is-valid:focus {
    box-shadow: inset 0 0 0 1px #14a44d;
    border-color: #14a44d
}

.was-validated input[type=file].form-control:valid:focus~.form-file-label,input[type=file].form-control.is-valid:focus~.form-file-label {
    box-shadow: none
}

.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-button,.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-text,input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-button,input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-text {
    border-color: #14a44d
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #14a44d
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #14a44d
}

.form-check-input.is-valid:checked:focus:before,.was-validated .form-check-input:valid:checked:focus:before {
    box-shadow: 0 0 0 13px #14a44d
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: none
}

.form-check-input.is-valid:focus:before,.was-validated .form-check-input:valid:focus:before {
    box-shadow: 0 0 0 13px #14a44d
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #14a44d;
    margin-bottom: 1rem
}

.form-check-input.is-valid[type=checkbox]:checked:focus,.was-validated .form-check-input:valid[type=checkbox]:checked:focus {
    background-color: #14a44d;
    border-color: #14a44d
}

.form-check-input.is-valid[type=radio]:checked,.was-validated .form-check-input:valid[type=radio]:checked {
    border-color: #14a44d;
    background-color: #fff
}

.form-check-input.is-valid[type=radio]:checked:focus:before,.was-validated .form-check-input:valid[type=radio]:checked:focus:before {
    box-shadow: 0 0 0 13px #14a44d
}

.form-check-input.is-valid[type=radio]:checked:after,.was-validated .form-check-input:valid[type=radio]:checked:after {
    border-color: #14a44d;
    background-color: #14a44d
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.form-switch .form-check-input.is-valid:focus:before,.was-validated .form-switch .form-check-input:valid:focus:before {
    box-shadow: 3px -1px 0 13px rgba(0,0,0,.6)
}

.form-switch .form-check-input.is-valid:checked[type=checkbox]:after,.was-validated .form-switch .form-check-input:valid:checked[type=checkbox]:after {
    background-color: #14a44d;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.form-switch .form-check-input.is-valid:checked:focus:before,.was-validated .form-switch .form-check-input:valid:checked:focus:before {
    box-shadow: 3px -1px 0 13px #14a44d
}

.invalid-feedback {
    width: auto;
    color: #dc4c64;
    margin-top: -.75rem
}

.invalid-feedback,.invalid-tooltip {
    position: absolute;
    display: none;
    font-size: .875rem
}

.invalid-tooltip {
    top: 100%;
    z-index: 5;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    background-color: rgba(220,76,100,.9);
    border-radius: .25rem!important;
    color: #fff
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    margin-bottom: 1rem;
    background-image: none;
    border-color: #dc4c64
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc4c64;
    box-shadow: 0 0 0 .25rem rgba(220,76,100,.25)
}

.form-outline .form-control.is-invalid~.form-label,.was-validated .form-outline .form-control:invalid~.form-label {
    color: #dc4c64
}

.form-outline .form-control.is-invalid~.form-notch .form-notch-leading,.form-outline .form-control.is-invalid~.form-notch .form-notch-middle,.form-outline .form-control.is-invalid~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-trailing {
    border-color: #dc4c64
}

.form-outline .form-control.is-invalid.active~.form-notch .form-notch-middle,.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid.active~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-middle {
    border-top: 1px solid transparent
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 #dc4c64
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 #dc4c64,0 1px 0 0 #dc4c64,0 -1px 0 0 #dc4c64
}

.form-outline .form-control.is-invalid:focus~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:invalid:focus~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 #dc4c64,0 -1px 0 0 #dc4c64,0 1px 0 0 #dc4c64
}

.form-outline .form-control.is-invalid.select-input.focused~.form-notch .form-notch-leading,.was-validated .form-outline .form-control:invalid.select-input.focused~.form-notch .form-notch-leading {
    box-shadow: -1px 0 0 0 #dc4c64,0 1px 0 0 #dc4c64,0 -1px 0 0 #dc4c64
}

.form-outline .form-control.is-invalid.select-input.focused~.form-notch .form-notch-middle,.was-validated .form-outline .form-control:invalid.select-input.focused~.form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 #dc4c64;
    border-top: 1px solid transparent
}

.form-outline .form-control.is-invalid.select-input.focused~.form-notch .form-notch-trailing,.was-validated .form-outline .form-control:invalid.select-input.focused~.form-notch .form-notch-trailing {
    box-shadow: 1px 0 0 0 #dc4c64,0 -1px 0 0 #dc4c64,0 1px 0 0 #dc4c64
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc4c64
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc4c64;
    box-shadow: 0 0 0 .25rem rgba(220,76,100,.25)
}

.form-select.is-invalid~.invalid-feedback,.was-validated .form-select:invalid~.invalid-feedback {
    margin-top: 0
}

.input-group .form-control.is-invalid,.was-validated .input-group .form-control:invalid {
    margin-bottom: 0
}

.was-validated input[type=file].form-control:invalid .invalid-feedback,input[type=file].form-control.is-invalid .invalid-feedback {
    margin-top: 0
}

.was-validated input[type=file].form-control:invalid:focus,input[type=file].form-control.is-invalid:focus {
    box-shadow: inset 0 0 0 1px #dc4c64;
    border-color: #dc4c64
}

.was-validated input[type=file].form-control:invalid:focus~.form-file-label,input[type=file].form-control.is-invalid:focus~.form-file-label {
    box-shadow: none
}

.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-button,.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-text,input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-button,input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-text {
    border-color: #dc4c64
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc4c64
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc4c64
}

.form-check-input.is-invalid:checked:focus:before,.was-validated .form-check-input:invalid:checked:focus:before {
    box-shadow: 0 0 0 13px #dc4c64
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: none
}

.form-check-input.is-invalid:focus:before,.was-validated .form-check-input:invalid:focus:before {
    box-shadow: 0 0 0 13px #dc4c64
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc4c64;
    margin-bottom: 1rem
}

.form-check-input.is-invalid[type=checkbox]:checked:focus,.was-validated .form-check-input:invalid[type=checkbox]:checked:focus {
    background-color: #dc4c64;
    border-color: #dc4c64
}

.form-check-input.is-invalid[type=radio]:checked,.was-validated .form-check-input:invalid[type=radio]:checked {
    border-color: #dc4c64;
    background-color: #fff
}

.form-check-input.is-invalid[type=radio]:checked:focus:before,.was-validated .form-check-input:invalid[type=radio]:checked:focus:before {
    box-shadow: 0 0 0 13px #dc4c64
}

.form-check-input.is-invalid[type=radio]:checked:after,.was-validated .form-check-input:invalid[type=radio]:checked:after {
    border-color: #dc4c64;
    background-color: #dc4c64
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.form-switch .form-check-input.is-invalid:focus:before,.was-validated .form-switch .form-check-input:invalid:focus:before {
    box-shadow: 3px -1px 0 13px rgba(0,0,0,.6)
}

.form-switch .form-check-input.is-invalid:checked[type=checkbox]:after,.was-validated .form-switch .form-check-input:invalid:checked[type=checkbox]:after {
    background-color: #dc4c64;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.form-switch .form-check-input.is-invalid:checked:focus:before,.was-validated .form-switch .form-check-input:invalid:checked:focus:before {
    box-shadow: 3px -1px 0 13px #dc4c64
}

.form-range:focus {
    box-shadow: none
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: none
}

.form-range:focus::-moz-range-thumb {
    box-shadow: none
}

.form-range:focus::-ms-thumb {
    box-shadow: none
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    margin-top: -6px;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.form-range::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 0
}

.form-range::-moz-range-thumb {
    box-shadow: none;
    -moz-appearance: none;
    appearance: none
}
INPUT:not(:-webkit-autofill), SELECT:not(:-webkit-autofill), TEXTAREA:not(:-webkit-autofill) {
    animation-name: onautofillcancel;
}

.form-outline .form-control.active~.form-label, .form-outline .form-control:focus~.form-label {
        font-style: italic;
        font-size: 15px;
        font-weight: 900;
}
INPUT:-webkit-autofill,SELECT:-webkit-autofill,TEXTAREA:-webkit-autofill{animation-name:onautofillstart}INPUT:not(:-webkit-autofill),SELECT:not(:-webkit-autofill),TEXTAREA:not(:-webkit-autofill){animation-name:onautofillcancel}@keyframes onautofillstart{}@keyframes onautofillcancel{}

Zerion Mini Shell 1.0