/*<meta />*/

/* import bootstrap */

@import url('../js/bootstrap/css/bootstrap.min.css');

/* import font-awesome */

@import url('../js/font-awesome/css/font-awesome.min.css');

/* import codemirror */

@import url('../js/codemirror/codemirror.css');

/* import leaflet */

@import url('../js/leaflet/leaflet.css');

/* import prism */

@import url('../js/prismjs/prism.css');

/* import OpenLayers */

@import url('../js/openlayers/ol.css');

/* import dashboard */

@import url('../apps/dashboard/css/style.min.css');

/* import request runner */

@import url('../apps/rawRequestRunner/css/style.min.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);


/* custom styles */

body
{
	/* padding-top: 20px;  */
	padding-bottom: 20px;
}

.highlight
{
	background-color: #dddd00;
}

.highlightActive
{
	background-color: #ffff00;
	font-weight: bold;
}

/* special heading classes => add font-awesome icon before text with some padding */

.purchaser:before
{
	font-family: FontAwesome;
	content: "\f27e"; /* fa-black-tie */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.administrator:before
{
	font-family: FontAwesome;
	content: "\f013"; /* fa-cog */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.developer:before
{
	font-family: FontAwesome;
	content: "\f1c9"; /* fa-file-code-o */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.technicalConcept:before
{
	font-family: FontAwesome;
	content: "\f0ad"; /* fa-wrench */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.info:before
{
	font-family: FontAwesome;
	content: "\f129"; /* fa-info */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.server:before
{
	font-family: FontAwesome;
	content: "\f233"; /* fa-server */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.brief:before
{
	font-family: FontAwesome;
	content: "\f05a"; /* fa-info-circle */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.star:before
{
	font-family: FontAwesome;
	content: "\f005"; /* fa-star */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.structure:before
{
	font-family: FontAwesome;
	content: "\f0e8"; /* fa-sitemap */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.related:before
{
	font-family: FontAwesome;
	content: "\f08e"; /* fa-external-link */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.recommendation:before
{
	font-family: FontAwesome;
	content: "\f085"; /* fa-cogs */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.file:before
{
	font-family: FontAwesome;
	content: "\f15b"; /* fa-file */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.ex-link:before
{
	font-family: FontAwesome;
	content: "\f0c1"; /* fa-link */
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
}

.troubleshooting:before
{
	font-family: FontAwesome;
	content: "\f071"; /* fa-warning */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.database:before
{
	font-family: FontAwesome;
	content: "\f1c0"; /* fa-database */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.quickstart:before
{
	font-family: FontAwesome;
	content: "\f144"; /* fa-play-circle */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.pre-check:before
{
	font-family: FontAwesome;
	content: "\f046"; /* fa-check-square-o */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.next-step:before
{
	font-family: FontAwesome;
	content: "\f04e"; /* fa-forward */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.pre-log:before
{
	font-family: FontAwesome;
	content: "\f02e"; /* fa-bookmark */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.analysis:before
{
	font-family: FontAwesome;
	content: "\f201"; /* fa-line-chart */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.monitor:before
{
	font-family: FontAwesome;
	content: "\f108"; /* fa-desktop */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.power-off:before
{
	font-family: FontAwesome;
	content: "\f011"; /* fa-power-off */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.users:before
{
	font-family: FontAwesome;
	content: "\f0c0"; /* fa-users */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.code:before
{
	font-family: FontAwesome;
	content: "\f121"; /* fa-code */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.compress:before
{
	font-family: FontAwesome;
	content: "\f066"; /* fa-compress */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.fast:before
{
	font-family: FontAwesome;
	content: "\f0fb"; /* fa-fighter-jet */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}


.action-dot:before
{
	font-family: FontAwesome;
	content: "\f192"; /* fa-dot-circle-o */
	display: inline-block;
	padding-right: 15px;
	vertical-align: top;
}

.diagrams-label:before
{
    font-family: FontAwesome;
    content: "\f0e8"; /* fa-sitemap */
    white-space: nowrap;
    padding-right: 15px;
    vertical-align: top;
}

.operations-label:before
{
    font-family: FontAwesome;
    content: "\f00b"; /* fa-th-list */
    white-space: nowrap;
    padding-right: 15px;
    vertical-align: top;
}

.types-label:before
{
    font-family: FontAwesome;
    content: "\f009"; /* fa-th-large */
    white-space: nowrap;
    padding-right: 15px;
    vertical-align: top;
}

.experimental-label:before
{
    font-family: FontAwesome;
    content: "\f0c3"; /* fa-flask */
    white-space: nowrap;
    padding-right: 5px;
    vertical-align: top;
}

.deprecated-label
{
    text-decoration: line-through;
}

.tc-grey
{
	color: #585858;
}

.h4-space
{
	margin-top: 25px;
}

img
{
	max-width: 52em;
	max-height: auto;
}

img.slides
{
	max-width: 90em;
	max-height: auto;
}

img.bigimages
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 90px;
	max-width: auto;
	max-height: auto;
}

img.initial
{
	margin-right: 1em;
	max-height: 4.5em;
	max-width: 4.5em;
	float: left;
}

/* change dropdown icon */

.MCDropDown_Open .MCDropDownHotSpot_
{
	background-image: url('../Images/skin/caret-down.png');
	padding-left: 0px;
	padding-right: 0px;
}

.MCDropDown_Closed .MCDropDownHotSpot_
{
	background-image: url('../Images/skin/caret-right.png');
	padding-left: 0px;
	padding-right: 0px;
}

.MCDropDownBody
{
	margin-left: 0px;
	overflow: hidden;
}

/* custom styling for glossary page */

.MCGlossaryProxy_0
{
	border-top-style: none !important;
}

div.GlossaryPageHeading_0
{
	border-bottom-color: #ccc;
}

li.GlossaryPageEntry
{
	list-style-type: none;
}

div.GlossaryPageTerm a
{
	color: black;
	font-weight: bold;
	text-decoration: none;
}

/* custom styling for glossary entries */

.MCTextPopup_Closed.MCTextPopupHotSpot_
{
	background-image: none !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.MCTextPopup_Open.MCTextPopupHotSpot_
{
	background-image: none !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.glossaryTerm,
a.glossaryTerm:active,
a.glossaryTerm:hover
{
	font-weight: normal !important;
	color: #337ab7 !important;
	text-decoration: none;
	cursor: help;
}

/* disable glossary terms on tutorialrunner */

tutorialrunner
{
	mc-disable-glossary-terms: true;
}

/* class for excluding glossary terms */

.noglossary
{
	mc-disable-glossary-terms: true;
}

MadCap|xref
{
	color: #337ab7;
}

MadCap|xref:focus
{
	color: #23527c;
}

MadCap|xref:hover
{
	color: #23527c;
}

a.Popup
{
	color: #337ab7;
}

a:link
{
	color: #337ab7;
	text-decoration: none;
}

figure
{
	display: inline-block;
	margin-bottom: 10px;
	background: white;
	border: 1px solid gainsboro;
	max-width: 52em;
}

figure figcaption
{
	text-align: center;
	margin: 10px;
}

figure img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.container-full-bg
{
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
}

/* For boxes with same height on home page */

.row-flex,
.row-flex > div[class*='col-']
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 1 auto;
}

.row-flex-wrap
{
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex: 0;
}

.row-flex > div[class*='col-'],
.container-flex > div[class*='col-']
{
	margin: -.2px;
	/* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,
.row-flex > div[class*='col-'] div
{
	width: 100%;
}

.flex-col
{
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow
{
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

/* popover size and word wrap */
.popover{
    max-width:500px;
    overflow-wrap:break-word;
}