@charset "utf-8";
/* CSS Document */

/* popover */

/* Position */
[data-style="contextual-help"] {
	overflow: visible !important;
}

[data-position="TopLeft"] {
	top: 15px;
	left: 15px;
	bottom: auto;
	right: auto;
}

[data-position="TopRight"] {
	top: 85px;
	right: 15px;
	bottom: auto;
	left: auto;
}

[data-position="BottomRight"] {
	top: auto;
	right: 15px;
	bottom: 15px;
	left: auto;
}

[data-position="BottomLeft"] {
	top: auto;
	right: auto;
	bottom: 15px;
	left: 15px;
}

[data-position="BottomLeft"].modal.fade .modal-dialog, [data-position="BottomRight"].modal.fade .modal-dialog {
    transform: translate(0px, 25%);
}

[data-position="BottomLeft"].modal.in .modal-dialog, [data-position="BottomRight"].modal.in .modal-dialog {
    transform: translate(0px, 0px);
}

@media screen and (max-width: 767px) {
	[data-style="contextual-help"] .modal-dialog {
		width:calc(100% - 15px) !important;
	}
}

#BootstrapContextualHelp .modal-header .close {
	margin-top: 1px;
	font-size: 24px;
	color: #fff;
	opacity: 0.6;
	transition:opacity ease 250ms;
}

#BootstrapContextualHelp .modal-dialog {
	margin: 0;
}

#BootstrapContextualHelp .modal-content {
	border-radius: 0px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
}

#BootstrapContextualHelp .modal-header {
	padding: 10px 15px;
	background: #337AB7;
}



#BootstrapContextualHelp .modal-header .close:hover {
	opacity: 0.85;
}

#BootstrapContextualHelp .modal-header h4 {
	color: #fff;
}