2021-09-30 00:06:20 +02:00
|
|
|
::-ms-reveal {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
::placeholder {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('inputPlaceholderColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input, select, textarea {
|
|
|
|
&:required {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
|
|
-webkit-appearance:
|
|
|
|
-cancel-button;
|
|
|
|
}
|
|
|
|
|
|
|
|
label:not(.form-check-label):not(.btn), label.bold {
|
|
|
|
font-weight: 600;
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('headingColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
label.form-check-label, .form-control-file {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('headingColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-check-block {
|
|
|
|
.form-check-label {
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
> small {
|
|
|
|
display: block;
|
|
|
|
font-weight: normal;
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textMuted');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
> span {
|
|
|
|
display: block;
|
|
|
|
font-weight: normal;
|
|
|
|
@extend .mt-2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-check-block + .form-check-block {
|
|
|
|
&:not(.mt-2) {
|
|
|
|
@extend .mt-3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-10-05 18:12:44 +02:00
|
|
|
.form-group {
|
|
|
|
.form-group-child-check {
|
|
|
|
@extend .ml-4
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
.form-inline {
|
|
|
|
input[type='datetime-local'] {
|
|
|
|
width: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-control {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('inputBackgroundColor');
|
|
|
|
border-color: themed('inputBorderColor');
|
|
|
|
color: themed('inputTextColor');
|
|
|
|
}
|
|
|
|
|
|
|
|
&:disabled, &[readonly] {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('inputDisabledBackground');
|
|
|
|
color: themed('inputDisabledColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="radio"], input[type="checkbox"] {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-control.stripe-form-control {
|
|
|
|
padding-top: 0.55rem;
|
|
|
|
|
|
|
|
&.is-focused {
|
|
|
|
outline: 0;
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('inputBackgroundColor');
|
|
|
|
border-color: themed('inputBorderColor');
|
|
|
|
box-shadow: 0 0 0 $input-focus-width rgba(mix(color-yiq(themed('primary')), themed('primary'), 15%), .5);
|
|
|
|
color: themed('inputTextColor');
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-invalid {
|
|
|
|
opacity: 0.75;
|
|
|
|
@include themify($themes) {
|
|
|
|
box-shadow: 0 0 0 $input-focus-width themed('danger');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-invalid {
|
|
|
|
@include themify($themes) {
|
|
|
|
border-color: themed('danger');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu, .dropdown-item {
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('dropdownBackground');
|
|
|
|
color: themed('dropdownTextColor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-item {
|
2021-10-05 12:03:24 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('dropdownTextColor');
|
|
|
|
}
|
|
|
|
|
2021-09-30 00:06:20 +02:00
|
|
|
&.text-danger {
|
|
|
|
@include themify($themes) {
|
2021-10-05 12:03:24 +02:00
|
|
|
color: themed('danger') !important;
|
2021-09-30 00:06:20 +02:00
|
|
|
}
|
|
|
|
}
|
2021-10-05 12:03:24 +02:00
|
|
|
&:hover {
|
2021-09-30 00:06:20 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('dropdownHover');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:active{
|
|
|
|
background-color: rgba(0,0,0,0.1) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu {
|
|
|
|
button {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
@include themify($themes) {
|
|
|
|
border: 1px solid themed('listItemBorder');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item {
|
|
|
|
&:focus,
|
|
|
|
&.focus {
|
|
|
|
z-index: 100;
|
|
|
|
}
|
|
|
|
@include themify($themes) {
|
|
|
|
background-color: themed('foregroundColor');
|
|
|
|
border-color: themed('listItemBorder');
|
2021-10-28 14:20:37 +02:00
|
|
|
color: themed('textColor');
|
|
|
|
}
|
|
|
|
>.two-factor-content {
|
|
|
|
justify-content: center;
|
|
|
|
flex-direction: row;
|
|
|
|
display: flex;
|
|
|
|
>.text-col {
|
|
|
|
flex-direction: column;
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
>.logo-col {
|
|
|
|
min-width: 100px;
|
|
|
|
margin-right: 20px;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
img {
|
|
|
|
height: fit-content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
>.btn-col {
|
|
|
|
width: 85px;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
2021-09-30 00:06:20 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item.active {
|
|
|
|
font-weight: bold !important;
|
|
|
|
padding-left: calc(#{$list-group-item-padding-x} - 3px);
|
|
|
|
@include themify($themes) {
|
|
|
|
border-color: themed('borderColor');
|
|
|
|
border-left: 3px solid themed('borderPrimaryColor');
|
|
|
|
color: themed('listItemActive');
|
|
|
|
}
|
|
|
|
}
|
2021-10-05 12:03:24 +02:00
|
|
|
|
|
|
|
// Browser specific icons overlayed on input fields. e.g. caps lock indicator on password field
|
|
|
|
::-webkit-calendar-picker-indicator, input::-webkit-caps-lock-indicator, input::-webkit-credentials-auto-fill-button {
|
|
|
|
@include themify($themes) {
|
|
|
|
filter: themed('browserInputIconsFilter');
|
|
|
|
}
|
|
|
|
}
|