//@import "../../../abstracts/abstracts";

// Variables
$modal-background-color: $render-engine-background-color;

.dbqdt-modal-normal-select-wrapper {
	label {
		font-size: $font-size-small;
		line-height: 12px;
	}
}
.modal-backdrop {
	opacity: initial !important;
	background: rgba(6, 22, 42, 0.3);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.modal-open {
	.modal {
		@include scrollbar;
		background: rgba(0, 4, 14, 0.7);
		border-radius: 0 !important;
	}
}
.modal,
.dbq-popup {
	border-radius: $border-radius-default;
	.modal-content {
		border: none;
		border-radius: $border-radius-default;
		background-color: $modal-background-color;
		color: color(text-color-default);
		.header {
			.alert {
				font-size: $font-size-base;
				&.alert-danger {
					background-color: #dc3545;
					color: #fff;
				}
			}
		}
		.modal-body {
			background-color: $modal-background-color;
		}
	}
	.dbq-document {
		background-color: $modal-background-color;
		border-radius: 0 0 $border-radius-default $border-radius-default;
	}
}


.modal-dialog {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;

	.modal-header {
		border-bottom: 1px solid $modal-header-border-color;
		padding: 10px 30px;
		
		&.bg-danger {
			background-color: #dc3545;
		}
		&.bg-success {
			background-color: #28a745;
		}
		&.bg-info {
			background-color: #17a2b8;
		}
		&.bg-warning {
			background-color: #ffc107;
		}
		.modal-title {
			font-size: $font-size-base;
		}
	}

	.modal-footer {
		.btn-danger {
			background: #dc3545;
		}
		.btn-success {
			background: #28a745;
		}
		.btn-info {
			background: #17a2b8;
		}
		.btn-warning {
			background: #ffc107;
		}
	}
}


.popup {
	>div {
		background-color: #0c0c0c;
	}
}