﻿.confirmation-dialog {
    width: 400px !important;
}

.confirmation-dialog .dxbl-modal-content {
	padding: 0;
}

    .confirmation-dialog.same-email-popup{
        width: 450px !important;
        max-height: 500px !important;
    }

    .confirmation-dialog .dxbl-modal-body {
        padding: 16px 24px 24px 24px !important;
    }

	.confirmation-dialog.cancellation-date {
		width: 450px !important;
		position: absolute !important;
		top: 20% !important;
	}

.confirmation-dialog .confirm-delete-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--support-red_alpha);
    font-size: 16px;
    font-weight: bold;
    height: 72px;
    padding: 24px;
    border-radius: 4px 4px 0 0 !important;
}

.confirmation-dialog .confirm-study-removal-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #fff3e9;
	font-size: 16px;
	font-weight: bold;
	height: 72px;
	padding: 24px;
	border-radius: 4px 4px 0 0 !important;
}

.confirmation-dialog .confirm-delete-header.information-modal {
    background-color: white !important;
    padding-bottom: 0 !important;
    height: 50px !important;
}

.confirmation-dialog .confirm-delete-footer {
    display: flex;
    align-items: end;
    font-size: 16px;
    font-weight: bold;
    justify-content: flex-end;
}

.confirmation-dialog .delete-confirm-icon {
    color: var(--support-darkred);
    margin-right: 8px;
    font-size: 30px;
}

	.confirmation-dialog .confirm-icon {
		margin-right: 8px;
		font-size: 30px;
	}

		.confirmation-dialog .confirm-icon.danger-icon {
			color: var(--support-darkred);
		}

		.confirmation-dialog .confirm-icon.warning-icon {
			color: var(--support-orange);
		}

.confirmation-dialog .confirm-delete-body {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    padding-bottom: 16px !important;
    min-height: 50px;
}

.confirmation-dialog .confirm-delete-body span {
    cursor: pointer;
    padding: 0 2px !important;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.confirmation-dialog .confirm-delete-body q {
    display: inline-flex;
}

.confirmation-dialog .btn-destructive {
    width: 155px !important;
}

/* Concurrency popup styles */

.concurrency-dialog .reload-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--support-red_alpha);
    font-size: 16px;
    font-weight: bold;
    height: 72px;
    padding: 24px;
    border-radius: 4px 4px 0 0 !important;
}

.concurrency-dialog .reload-icon {
    color: var(--support-orange);
    margin-right: 8px;
    font-size: 30px;
}

.concurrency-dialog .reload-body {
    display: inline-block;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    padding-bottom: 16px !important;
    min-height: 50px;
}

.concurrency-dialog .reload-footer {
    display: flex;
    align-items: end;
    font-size: 16px;
    font-weight: bold;
    justify-content: flex-end;
}

.concurrency-dialog .reload-cancel {
    color: var(--grey-45);
    background-color: transparent;
    border: none !important;
    padding: 8px 32px;
    font-weight: 600;
}

.concurrency-dialog .reload-cancel:hover {
    color: var(--grey-70);
}