| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- .iwb-form {
- .form-group {
- margin-bottom: .5rem;
- }
- .input-group + p[id$="-error"], .input-group + label.error {
- margin-top: 0;
- margin-bottom: 0;
- position: absolute;
- right: 20px;
- top: 4px;
- font-weight: 600;
- z-index: 9999;
- color: red;
- }
- .iwb-label {
- font-size: .95rem;
- }
- .help-block {
- color: var(--mc);
- padding-left: 0.5rem;
- font-size: 0.75rem;
- }
- .select2 {
- &:focus {
- outline: none;
- }
- &.select2-container {
- //.select2-selection--single, .select2-selection--multiple {}
- .select2-selection {
- height: 31px;
- background-color: transparent;
- border: 1px solid $input-border-color;
- border-radius: .25rem;
- padding: 0;
- &:focus {
- outline: none;
- }
- .select2-selection__rendered {
- line-height: 31px;
- margin-top: -1px;
- }
- }
- &.select2-container--open {
- &.select2-container--below .select2-selection {
- border-radius: .25rem .25rem 0 0;
- }
- &.select2-container--above .select2-selection {
- border-radius: 0 0 .25rem .25rem;
- }
- }
- }
- }
- select {
- &:disabled + .select2, &[readonly] + .select2 {
- .select2-selection {
- background-color: #e9ecef;
- opacity: 1;
- }
- }
- }
- .nav-tabs {
- margin-top: -0.5rem;
- border-bottom: 1px solid $iwb-color;
- .nav-item {
- .nav-link {
- color: $iwb-color;
- &:focus, &:hover {
- border-color: $iwb-color $iwb-color $iwb-color;
- }
- &.active {
- color: $white;
- background: $iwb-color;
- border-color: $iwb-color;
- }
- }
- }
- }
- }
- .select2-container--open > .select2-dropdown {
- z-index: 1200;
- .select2-search__field:focus {
- outline: 0;
- border: 1px solid scale-color($iwb-color,-20%);
- }
- .select2-results__options {
- .select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted[aria-selected]:hover {
- background-color: scale-color($iwb-color,-45%);
- color: $white;
- }
- .select2-results__option[aria-selected=true] {
- background-color: scale-color($iwb-color,-30%);
- color: $white;
- }
- }
- }
|