.box {
	position: relative;

	background-color: #fff;

	border-radius: 5px;
	border-top: 5px solid #cddaec;

	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFRUIxQUQ0NTcwNjExRTU5NTI1QkU2NDBERkREMUJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFRUIxQUQ1NTcwNjExRTU5NTI1QkU2NDBERkREMUJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUVFQjFBRDI1NzA2MTFFNTk1MjVCRTY0MERGREQxQkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUVFQjFBRDM1NzA2MTFFNTk1MjVCRTY0MERGREQxQkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v/oJfAAAAVElEQVR42mJ89vbb/1fvvzPgA2KCnAwskkKcjH///vv/6sMP7IoEOBhAaphAHBlRbkZRoAA2RSA5EJsJJiiLplgUSREIsCCbAFLM8B8IYWwkABBgAIlCEltSXKyLAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: center top;

	box-shadow: 0px 26px 12px -20px #cdd2e1;
}

.box:before, .box:after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;

	background-image: linear-gradient(#cddaec, transparent);
}

.box:before {
	left: 0;
}

.box:after {
	right: 0;
}

.modal-content.box {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}