:root {
    --cu-background-main: #fff;
    --cu-elevation-4: 0 6px 24px rgba(0, 0, 0, .08);
    --cu-label-xsmall-font-size: .75rem;
    --cu-label-weight-strong: 500;
    --cu-label-xsmall-line-height: 1.334;
    --cu-content-default: rgb(42, 46, 52);
    --cu-label-small-font-size: .875rem;
    --cu-label-weight: 400;
    --cu-label-small-line-height: 1.143;
    --cu-border-size-1: 1px;
    --cu-border-high-contrast: rgb(214, 217, 222);
}

body {
    background: #fafbfb;
    font-family: 'sans-serif', sans-serif;
}

#form-space {
    display: none;
}


section {
    background-color: #F7F8F9;

}

section .content_div {

    padding: 45px 55px;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 550px;
    border-radius: 8px;
    box-shadow: var(--cu-elevation-4);
    background-color: var(--cu-background-main);

}

section .content_div .logo div {
    width: 80px;
    height: 80px;
    margin-top: -94px;
    background-color: #fff;

}

.custom_input, .custom_input:focus, .custom_input:active {
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgb(116, 94, 239);
    padding: 4px 0;
}

.custom_input {
    border-bottom: 1px solid rgb(165 165 165 / 21%);
}


section label {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--cu-label-xsmall-font-size);
    font-weight: var(--cu-label-weight-strong);
    line-height: var(--cu-label-xsmall-line-height);
    color: var(--cu-content-default);
    display: block;
    padding-block: 8px;
}


.cu-form__body :not(.status-list__search) > input:not(.cu-search__input,.cu-select__search,.cu-time-estimates-input__input,.cu-search-input__input), .cu-form__body textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--cu-label-small-font-size);
    font-weight: var(--cu-label-weight);
    line-height: var(--cu-label-small-line-height);
    width: 100%;
    padding: 8px 0;
    border: none;
    border-bottom: var(--cu-border-size-1) solid var(--cu-border-high-contrast);
    background: none;
    box-shadow: none;
    color: var(--cu-content-default);

}

.selection__text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #292d34;
    display: flex;
    align-items: center;
    min-width: 0;
}

.cu-form__attachments {
    transition: border-color .2s cubic-bezier(.785, .135, .15, .86);
    width: 100%;
    border: 3px dashed var(--cu-border-high-contrast);
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    flex-wrap: wrap;
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid rgb(165 165 165 / 21%);
    padding: 0;
}

.users_group {
    cursor: pointer;
}

.users_group svg:hover path {
    fill: #5F48EA;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}


/*loading */

#backdrop .text-center {
    width: 100%;
    position: relative;
    height: 100%;
}

#backdrop .spinner-border {
    display: block;
    position: fixed;
    top: calc(50% - (58px / 2));
    right: calc(50% - (58px / 2));
    color: blue;
}

#backdrop {
    position:absolute;
    top:0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: rgba(255, 255, 255);
}