/* This file is reserved for overriding and extending the template styles. */
.custom-select.custom-select{
    background: var(--foreground) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23777777' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.4rem center/10px 10px;
}
.form-control-sm, .custom-select-sm{
    line-height: 2;
}
.form-check.custom-icon .form-check-input:checked::after {
    margin: 0 .3rem;
}
textarea.form-control:disabled ~ span{
    background-color: #eee !important;
}
img.attachment:hover{
    cursor: pointer;
}
.image_wrapper{
    position: relative;
}
.image_wrapper span{
    display: none;
}
.image_wrapper:hover span.download{
    display: block;
    position: absolute;
    left: 0;
    background-color: #eee;
    padding: .3rem;
    border-radius: 8px;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.image_wrapper:hover span.remove{
    display: block;
    position: absolute;
    right: 0;
    background-color: #eee;
    padding: .3rem;
    border-radius: 8px;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    top:0
}