.ui.search.dropdown.scrf-select2, .ui.multiple.dropdown.scrf-select2 {
    width: 100%;
}

.ui.search.dropdown.scrf-select2, .scrf-textarea {
    padding-left: 2.5em!important;
}

.ui.multiple.dropdown.scrf-select2 {
    padding-left: 2em;
}

.ui[class*="left icon"].input.scrf-input:has(.prefix)>input {
    padding-left: 1em!important;
}

.scrf-input:has(.prefix) .ui.search.selection.dropdown.scrf-select2 {
    padding-left: 1em!important;
}

.scrf-input.ui.input:has(textarea) i.icon {
    height: 3em;
}

.ui.search.dropdown.scrf-select2.active>input.search, .ui.search.dropdown.scrf-select2.visible>input.search {
    width: 100%;
    height: 100%;
    background-color: #ffffff99!important;
    z-index: 4;
}

.scrf-input.ui.icon.input>i.icon:not(.link){
    z-index: 9;
}

.scrf-input > .scrf-checkbox {
    flex: 0 0 100%;
}

.scrf-input:has(.scrf-checkbox), .scrf-input:has(.agreement) {
    flex-wrap: wrap;
    justify-content: flex-start!important;
    gap: .35em
}

.scrf-input > .scrf-checkbox label, .field:has(.scrf-checkbox) label {
    text-align: left;
    width: 100%!important;
}

.sejoli.register .five.wide.column.center.aligned:has(.success) .ui.message.error {
    display: none;
}

.scrf-input:has(.prefix) .ui.dropdown {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.scrf-input:has(.suffix) .ui.dropdown {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.scrf-input:has(.ui.dropdown) .prefix {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.scrf-input:has(.ui.dropdown) .suffix {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.hidden.field:has(.scrf-input) {
    display: none;
}

h5.register-subtitle {
    text-transform : none;
    font-weight: 400;
}

.scrf-input:has(.prefix) .scrf-upload {
    width: 20%!important;
}

.scrf-input:has(.suffix) .scrf-upload {
    width: 20%!important;
}

.scrf-input:has(.scrf-upload) .prefix, 
.scrf-input:has(.scrf-upload) .suffix {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrf-users-attachment-wrapper {
    position: relative;
    width: 300px;
    margin-bottom: 1em;
}


.scrf-users-attachment-wrapper i.icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #333;
    color: white;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


img.scrf-preview-image{
    width: 100%;
}

.scrf-input.ui.input:has(.update-attachment) .scrf-upload {
    display: inline-flex;
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    min-width: unset;
}

.register-description {
    text-align: left;
    color: #666;
    margin-top: 0.25em;
}