#sideform {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    max-width: 800px;

}

#sideform:has(.sideform) {
    height: 100%;
    width: 100%;
    max-width: unset;
    /* text-align: right; */
}

.sideform {
    background-color: var(--rd-font-light);
    min-height: 100%;
    position: relative;
    z-index: 1;
    width: 50%;
    border-radius: var(--xx-sm, 4px);
    background: var(--BW-White, #FFF);
    box-shadow: 0px 1px 40px 0px rgba(15, 15, 16, 0.25);
    position: absolute;
    right: 0;
}

.sideform-header {
    background: linear-gradient(90deg, #3B3F59 0.05%, #737790 99.58%);
    display: flex;
    padding: var(--rd-spacing-lg);
    );
    color: var(--rd-font-light);
    );
    gap: var(--rd-spacing-xxx-big);
}

pc-small-image-upload.profil_img .pc-image-upload-label {
    background-size: cover;
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: var(--rd-primary-active);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-size: var(--rd-fontsize-3);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-2);
    line-height: var(--rd-lineheights-0);
    letter-spacing: 0.12px;
    background-position: 50%;
    margin: 0;
    min-width: auto !important;
}

pc-small-image-uploadprofil_img .pc-image-upload-label .icon:before {
    position: relative;
}

pc-small-image-upload.profil_img .pc-image-upload-file-info {
    display: none;
}

pc-small-image-upload.profil_img .pc-image-upload-delete-btn {
    right: 0;
    top: 0;
}

pc-small-image-upload.profil_img .pc-image-upload-label .icon:before {
    position: relative;
}

#removeSideForm {
    position: fixed;
    /* background-color: #F00; */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.infoContent,
.messageContent,
.attachContent {
    display: none;
}

#InfoTab:checked~.infoContent,
#MessageTab:checked~.messageContent,
#AttachTab:checked~.attachContent {
    display: block;
    padding: var(--rd-spacing-x-big);
}


#InfoTab:checked~.rd-tabs-card #InfoTab:after,
#MessageTab:checked~.rd-tabs-card #MessageTab:after,
#AttachTab:checked~.rd-tabs-card #AttachTab:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 3px;
    right: 0;
    background-color: var(--rd-success-default);
}

.input_double {
    display: grid;
    grid-template-areas:
        "LEFT RIGHT";
    grid-auto-columns: 50% 50%;
    gap: 12px;
    width: calc(100% - 12px);
    margin-bottom: 12px;
}

.input_double>div>label,
.input_double>div>select,
.input_double>div>input,
.input_single>input,
.input_single>label,
.input_single>select {
    display: block;
    width: 100%;
}

.input_double>div>label,
.input_single>label {
    font-weight: var(--rd-fontweights-open-sans-0);
    font-size: var(--rd-fontsize-3);
    color: var(--rd-font-dark);
}

.input_single {
    margin-bottom: 12px;
}

.input_double>div>select,
.input_double>div>input,
.input_single>input,
.input_single>select {
    padding: var(--rd-spacing-x-sm);
    font-size: var(--rd-fontsize-3);
    line-height: var(--rd-lineheights-0);
    border: 1px solid var(--rd-input-default);
}

.infoContent legend {
    color: var(--rd-primary-active);
    font-weight: var(--rd-fontweights-open-sans-0);
    font-size: var(--rd-fontsize-6);
    border: none;
}

.sideform-footer {
    display: flex;
    gap: 12px;
    padding: var(--rd-spacing-x-big);
    justify-content: end;
}

.rd-side-hr {
    background-color: #F5F9FD;
    height: 16px;
    margin: 0;
    border: none;
}

#sideform fieldset {
    border: none;
    padding: 0 var(--rd-spacing-xx-lg);
}

#sideform fieldset legend {
    border: none;
    color: var(--rd-font-dark);
    text-align: left;
    /* font-feature-settings: 'liga' off; */
    /* font-family: "Open Sans"; */
    font-size: var(--rd-fontsize-4);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-0);
    line-height: var(--rd-lineheights-0);
    /* 18.48px */
    letter-spacing: 0.14px;
    padding-left: var(--rd-spacing-xx-lg);
    padding-top: var(--rd-spacing-sm);
}

input:checked+.hiddeble+.hiddeble_content {
    display: none;
}

.rd-card-headline.hiddeble {
    cursor: pointer;
    width: 100%;
    color: var(--rd-font-dark) !important;
    display: flex;
    justify-content: space-between;
}

.rd-card-headline.hiddeble:after {
    content: '';
    display: inline-block;
    background-color: var(--rd-font-dark);
    width: 15px;
    height: 15px;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-down.svg");
}

input:checked+.hiddeble:after {
    mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-up.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cheveron-up.svg");

}
.closeSidefrom{
    position: absolute;
    left: -20px;
    top: 40px;
    width: 40px;
    height: 40px;
    background-color: #FFF;
    border-radius: 100%;
    cursor: pointer;
}
.closeSidefrom::before{
    content: '';
    display: inline-block;
    background-color: var(--rd-primary-active);
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    mask-size: 15px;
    -webkit-mask-size: 15px;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("/src/img/2024/svg/icons/rd-icon-close.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-close.svg");
}
.toggle_sub_menu{
    position:absolute;
    right:30px;
}
.toggle_sub_menu .toogle_sub_menu_label{
    display:inline-block;
    width:16px;
    height:16px;
    background-color:#FFF;
      mask-size: 15px;
    -webkit-mask-size: 15px;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("/src/img/2024/svg/icons/rd-icon-context-menu.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-context-menu.svg");
cursor:pointer;
}
.toggle_sub_menu .toggle_sub_menu_content{
    display:none;
    position:absolute;
    right:0;
    border-radius: var(--rd-borderradius-border-md);
    border: 1px solid #CCC;
    background: var(--rd-font-light);

/* Shadow - lg */
    box-shadow: 0px 20px 25px -5px rgba(15, 15, 16, 0.10), 0px 10px 10px -5px rgba(15, 15, 16, 0.04);
    color: var(--rd-font-dark);
    /* font-feature-settings: 'liga' off; */

/* BodySM/Medium */
    /* font-family: "Open Sans"; */
    font-size: var(--rd-fontsize-3);
    font-style: normal;
    font-weight: var(--rd-fontweights-open-sans-1);
    line-height: var(--rd-lineheights-0); /* 15.84px */
    letter-spacing: 0.12px;
    padding: var(--rd-spacing-sm);
}
.toggle_sub_menu .toggle_sub_menu_content ul,
.toggle_sub_menu .toggle_sub_menu_content li{
    display:block;
    margin:0;
    padding:0;
}
.toggle_sub_menu input:checked ~ .toggle_sub_menu_content{
    display:block;
}
.toggle_sub_menu .toggle_sub_menu_content li span{
    display:flex;
    gap:8px;
    cursor:pointer;
}

.toggle_sub_menu .toggle_sub_menu_content li span:before{
    content:'';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--rd-font-dark);
     mask-size: cover;
    -webkit-mask-size: cover;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
   
}
.toggle_sub_menu .toggle_sub_menu_content li span.delat_link:before{
  mask-image: url("/src/img/2024/svg/icons/rd-icon-trash.svg");
    -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-trash.svg");
   
}