#bdi_signature {
    height: 140px;
}

#bdi_text {
    height: 320px;
}

.page-new-letter .form-control {
    margin-bottom: 30px;
}

.page-new-letter .form-custom-actions .col-sm-6, .page-new-letter .form-custom-actions .form-action-container-left, .mandatoryText {
    width: 100%;
}

.page-new-letter .form-custom-actions .form-action-container-left {
    display: flex;
    flex-wrap: wrap;
}

.mandatoryText {
    margin: 8px 0 31px;
}

.form-action-container-left .mandatoryText {
    margin: 6px 0 13px;
}

.page-new-letter .form-custom-actions .btn, .btnSection .page-new-letter .btn {
    margin-right: 20px;
    margin-bottom: 20px;
}

html[dir=ltr] .crmEntityFormView .actions .btn:first-child {
    margin-right: 20px;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child {
    padding-top: 2px;
    padding-bottom: 29px;
}

.modalEmail .btnModalClose {
    top: 15px;
}

.react-datalist-input__listbox {
    z-index: 30;
    max-height: 394px;
    overflow-y: auto;
}

.modalEmail::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    background-color: var(--colorPrimary);
}

#signature-select {
    margin: 25px 0 21px;
}

#list-1 .info, #list-2 .info  {
    margin-bottom: 18px;
}

@media screen and (max-width: 768px) {
    .page-new-letter .form-control, #list-1 .info, #list-2 .info {
        margin-bottom: 1px;
        min-height: inherit;
    }

    #bdi_signature {
        height: 92px;
    }

    #bdi_text {
        height: 692px;
    }

    #bdi_subtitle_label, #bdi_sendingdatetime_label {
        margin-top: 0;
    }

    .page-new-letter .form-custom-actions .btn  {
        margin-right: 0;
    }

    .btnSection {
        width: 100%;
    }

    .mandatoryText {
        margin: 0px 0 15px;
    }

    .form-action-container-left .mandatoryText, #signature-select {
        margin: 0;
    }

    html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child {
        padding-bottom: 0;
    }

    .page-new-letter .form-custom-actions, .page-new-letter .actions {
        margin-bottom: 15px;
    }

    .page-new-letter .form-custom-actions .btnSection .btn:last-of-type {
        margin-bottom: 0;
    }
}