.bg__flex-modal {
	background-color: rgba(black, 0.7);
	.bg__fm__custom {
		width: 55%;
	}

	.highLightText {
		color: $highlight-color-snippets;
		font-weight: bold;
		font-size: 97%;
	}

	& > .modal-dialog > .modal-content {
		box-shadow: 0 3px 10px rgba(black, 0.4);
		cursor: grab;

		& > .modal-header {
			background-color: black;
			color: white;
			padding: 0;
			font-family: $fontHeading;
			border-top: 1px solid lighten(black, 20%);

			& > h4 {
				padding: 10px 20px;
				font-size: 20px;
			}

			& > button {
				display: inline-block;
				width: 50px;
				height: 50px;
				background-color: $clDarkGrey;
				color: white;
				background-repeat: no-repeat;
				background-position: center center;
				opacity: 1;
				transition: background-color $transition;

				&:hover {
					background-color: darken($clDarkGrey, 8%);
				}

				&.close {
					background-image: $iconCrossUrl;
					background-size: 16px;
				}
			}
		}
	}
}
