.manager-create-modal .modal-dialog {
    max-width: 560px;
}

.manager-create-modal .modal-content,
.manager-create-dialog.e-dialog {
    overflow: hidden;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 18px 55px rgba(20, 29, 39, .22) !important;
}

.manager-create-modal .modal-header,
.manager-create-dialog.e-dialog .e-dlg-header-content {
    height: auto !important;
    min-height: 82px;
    padding: 22px 24px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f3 !important;
    background: #fff !important;
    color: #20262d !important;
}

.manager-create-modal .modal-header {
    align-items: flex-start;
}

.manager-create-modal .modal-title,
.manager-create-dialog.e-dialog .e-dlg-header,
.manager-create-dialog .manager-create-title {
    margin: 0;
    color: #20262d !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.manager-create-modal .manager-create-subtitle,
.manager-create-dialog .manager-create-subtitle {
    margin: 5px 0 0;
    color: #7a848e;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
}

.manager-create-modal .modal-header .btn-close,
.manager-create-dialog.e-dialog .e-dlg-closeicon-btn {
    margin: 0 0 0 auto !important;
    padding: 7px !important;
    border: 0 !important;
    background-color: transparent !important;
    color: #66717b !important;
    opacity: .55;
    box-shadow: none !important;
}

.manager-create-modal .modal-header .btn-close:hover,
.manager-create-dialog.e-dialog .e-dlg-closeicon-btn:hover {
    opacity: .9;
}

.manager-create-modal .modal-body,
.manager-create-dialog.e-dialog .e-dlg-content {
    padding: 22px 24px !important;
    background: #fff !important;
    color: #303840 !important;
    font-size: 13px !important;
}

.manager-create-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.manager-create-field {
    min-width: 0;
}

.manager-create-field.wide {
    grid-column: 1 / -1;
}

.manager-create-field > label,
.manager-create-dialog .e-float-text {
    display: block;
    margin-bottom: 8px;
    color: #3d4650 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.manager-create-modal .form-control,
.manager-create-modal .e-input-group,
.manager-create-dialog.e-dialog .e-input-group,
.manager-create-dialog.e-dialog .e-input-group.e-control-wrapper {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #d9dfe5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #303840 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.manager-create-modal .form-control {
    height: 44px;
    padding: 0 12px;
}

.manager-create-modal .e-input-group input.e-input,
.manager-create-dialog.e-dialog .e-input-group input.e-input {
    min-height: 42px !important;
    padding: 0 12px !important;
    color: #303840 !important;
    font-size: 14px !important;
}

.manager-create-modal .form-control:focus,
.manager-create-modal .e-input-group:focus-within,
.manager-create-dialog.e-dialog .e-input-group:focus-within,
.manager-create-dialog.e-dialog .e-input-group.e-input-focus {
    border-color: #aeb8c1 !important;
    box-shadow: 0 0 0 3px rgba(32, 38, 45, .08) !important;
}

.manager-create-error {
    margin-top: 17px;
    padding: 11px 13px;
    border-radius: 6px;
    background: #fdeff1;
    color: #9c3d4d;
    font-size: 12px;
}

.manager-create-error p:last-child {
    margin-bottom: 0;
}

.manager-create-modal .modal-footer,
.manager-create-dialog.e-dialog .e-footer-content {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px;
    padding: 15px 24px !important;
    border: 0 !important;
    border-top: 1px solid #edf0f3 !important;
    background: #fafbfc !important;
}

.manager-create-modal .manager-modal-cancel,
.manager-create-modal .manager-modal-save,
.manager-create-dialog.e-dialog .e-footer-content .e-btn {
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.manager-create-modal .manager-modal-cancel,
.manager-create-dialog.e-dialog .e-footer-content .bt-secondary,
.manager-create-dialog.e-dialog .e-footer-content .e-btn:not(.e-primary):not(.bt-primary) {
    border: 1px solid #d8dee4 !important;
    background: #fff !important;
    color: #59636d !important;
}

.manager-create-modal .manager-modal-save,
.manager-create-dialog.e-dialog .e-footer-content .bt-primary,
.manager-create-dialog.e-dialog .e-footer-content .e-primary {
    border: 1px solid #20262d !important;
    background: #20262d !important;
    color: #fff !important;
}

.manager-create-modal .manager-modal-save:hover,
.manager-create-dialog.e-dialog .e-footer-content .bt-primary:hover,
.manager-create-dialog.e-dialog .e-footer-content .e-primary:hover {
    border-color: #343c45 !important;
    background: #343c45 !important;
    color: #fff !important;
}

.manager-create-modal .manager-modal-cancel:hover,
.manager-create-dialog.e-dialog .e-footer-content .bt-secondary:hover,
.manager-create-dialog.e-dialog .e-footer-content .e-btn:not(.e-primary):not(.bt-primary):hover {
    border-color: #c7cfd6 !important;
    background: #f3f5f7 !important;
    color: #20262d !important;
}

.manager-create-dialog.e-dialog .e-footer-content .e-btn .e-btn-icon {
    color: inherit !important;
}

@media (max-width: 640px) {
    .manager-create-modal .modal-dialog,
    .manager-create-dialog.e-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin: 12px auto !important;
    }

    .manager-create-grid {
        grid-template-columns: 1fr;
    }

    .manager-create-field.wide {
        grid-column: auto;
    }

    .manager-create-modal .modal-header,
    .manager-create-dialog.e-dialog .e-dlg-header-content,
    .manager-create-modal .modal-body,
    .manager-create-dialog.e-dialog .e-dlg-content,
    .manager-create-modal .modal-footer,
    .manager-create-dialog.e-dialog .e-footer-content {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}