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

.modal,
.dbq-popup {
	.modal-fullscreen {
		min-width: calc(100% - 60px) !important;
	}
	.modal-body {
		padding: 20px 30px;
		border-radius: 0;
		&:last-child {
			border-radius: 0 0 $border-radius-default $border-radius-default;
		}
	}

	.dbq-modal-header {
		color: $modal-header-color;
		background-color: $modal-header-background;
		border: 0;
		border-width: 1px !important;
		border-bottom: 1px solid $modal-header-border-color;
		font-weight: 600;
		padding: 20px 30px;
		margin-bottom: 0;
		border-radius: $border-radius-default $border-radius-default 0 0;

		.dbq-modal-header-button {
			float: right;
			background: 0 none;
			border: 0 none;
			outline: 0 none;

			svg {
				width: 20px;
				height: 20px;
				fill: $modal-header-color;
			}
			&:focus,
			&:hover {
				float: right;
				background: 0 none;
				border: 0 none;
				outline: 0 none;
			}
			&:hover {
				svg {
					fill: $color-primary;
				}
			}

			&.dbq-modal-close-button {
				svg {
					width: 28px;
					height: 28px;
				}
			}
		}
	}
	
	.modal-dialog {
		main {
			border-radius: 0 0 $border-radius-default $border-radius-default;
		}
	}
}

.modal-content {
	.dbq-account-popup-left-column {
		margin-bottom: 15px;
		text-align: right;
		font-weight: 600;
	}
}