section.block.CardExchange{
    padding: 45px 0;
    background: var(--light-yelow-color);
}
.CardExchange .opener{
    color: var(--dark-yellow-color);
    font-size:1.5rem;
    cursor:pointer;
    font-weight:bold;
}
.CardExchange .opener:hover{
    color: var(--yellow-color);
}
.CardExchange .opener i.icon{
    display: inline-block;
    font-size:14px;
    transform: rotate(90deg);
    color: var(--dark-yellow-color);
}
.CardExchange .opener.opened i.icon{
    transform: rotate(270deg);
}

.CardExchange .pretext{
    font-size: 1.3rem;
}


.CardExchange .extend-form{
    padding:1rem 0;
}

.CardExchange .extension-from-reason textarea{
    height:135px;
}

.CardExchange .error .exchange-form-dropzone{
    border-color:var(--bs-danger);
}

.CardExchange .exchange-form-dropzone{
    border-radius:2px;
    width:100%;
    padding:3rem 1rem;
    text-align:center;
    display:flex;
    border:dashed 1px rgba(102, 102, 102, 0.5);
    margin-bottom:1.5rem;
    margin-top:0.3rem;
    align-items:center;
    transition:all 0.3s ease;
    background:var(--f7-color);
}
.CardExchange .exchange-form-dropzone.drag{
    opacity:0.5;
}
.exchange-form-dropzone div{
    width:100%;
}
.CardExchange .exchange-form-dropzone button{
    background-color:var(--blue-color);
    color: var(--white-color);
    width:auto!important;
    margin:0 0.5rem;
}
.CardExchange .exchange-form-dropzone button:hover{
    color: var(--white-color);
    background-color: var(--yellow-color);
}
.CardExchange .exchange-form-dropzone i.icon{
    font-size: 100px;
    color: var(--9-color);
}
.CardExchange .exchange-form-image{
    border-radius:12px;
    width:100%;
    overflow:hidden;
    height:215px;
    position:relative;
}
.CardExchange .exchange-form-image img{
    width:100%;
    height:100%;
    object-fit:cover;

}
.CardExchange .exchange-form-image .reset{
    position:absolute;
    right:1rem;
    top:1rem;
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--white-color);
    border-radius:15px;
    box-shadow:0 5px 10px rgba(0,0,0,0.5);
    cursor:pointer;
}
.CardExchange .exchange-form-image .reset i.icon{
    font-size:20px;
    transition:all 0.3s ease;
    color: var(--9-color);
}
.CardExchange .exchange-form-image .reset:hover i.icon{
    transform:scale(1.1);
}
.CardExchange .exchange-form-image .reset:hover i.icon{
    color: var(--bs-danger);
}

.CardExchange .hidden-input{
    width:0;
    height:0;
    overflow:hidden;
}