/* Do not show h1, reserved for application name */
h1 {
	/* display: none; => disabled because wysiwyg content is not visible in some cases */
}

body {
	min-height: 100%;
	height: 100%;
}

select[multiple] {
	resize: both;
	overflow: auto;
}

/* Main layout styles */
/*************************************************************************/

.wrap.SIP {
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* Must match footer height */
	max-width: 1600px;
}

	.wrap.SIP:after {
		display: block;
		content: '';
		height: 15px; /* Must match footer height */
	}

/* Header */
header.SIP {
	color: #ffffff;
	background: #000000;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	width: 100%;
}

	header.SIP a {
		color: #ffffff;
		text-decoration: none;
		margin-left: 35px;
	}

		header.SIP a:hover {
			color: #ffffff;
			text-decoration: none;
		}

menu.SIP {
	margin-top: 0;
}

	menu.SIP a {
		color: #000000;
		font-size: 13px;
	}

footer.SIP {
	height: 24px;
	padding-top: 5px;
	border-top: 1px solid #0D5CAD;
}

.icon-popup {
	z-index: 200000;
}

.modal-content {
	-webkit-border-radius: 15px 15px 10px 10px;
	-moz-border-radius: 15px 15px 10px 10px;
	border-radius: 15px 15px 10px 10px;
}

.modal-header {
	/*background-color: slategrey;*/
	background-color: #0f3b67;
	padding: 12px;
	color: whitesmoke;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

/*************************************************************************/
/* Common global styles */
.space-bottom {
	margin-bottom: 20px;
}

.space-right {
	margin-right: 10px;
}

.space-left {
	margin-left: 10px;
}

.space-top {
	margin-top: 10px;
}


.cursor-pointer {
	cursor: pointer !important;
}

.cursor-default {
	cursor: default !important;
}

.cursor-grab {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.cursor-grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.text-transform-uppercase {
	text-transform: uppercase;
}

/*************************************************************************/
/* Separators */
.separator-before:not(:first-of-type):before {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #f0f0f0;
	margin: 10px 2px 15px 2px;
	content: " ";
	display: block;
}

.separator-before.compact:not(:first-of-type):before {
	margin: 8px;
}

/*.separator-after:after  {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #f0f0f0;
	margin: 15px 2px 10px 2px;
	content: " ";
	display: block;
}*/

.separator-after:not(:last-of-type):after,
.separator-after-all:after {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #f0f0f0;
	margin: 15px 2px 10px 2px;
	content: " ";
	display: block;
}

.separator-after.compact:after {
	margin: 8px;
}

.space-after-0:after {
	margin-bottom: 0px;
}

.space-after-3:after {
	margin-bottom: 3px;
}

.space-after-6:after {
	margin-bottom: 6px;
}

.space-after-9:after {
	margin-bottom: 9px;
}

.space-after-12:after {
	margin-bottom: 12px;
}

/*************************************************************************/
/* Backgrounds */
/* SVG as background image (IE9/Chrome/Safari/Opera) http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
	top #FEFEFE 0%, #FAFAFA 50%, #F5F5F5 100% 
*/
.bg-gray {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4ODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQUZBRkEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1RjVGNSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzg4MikiIC8+Cjwvc3ZnPg==);
}

.container {
	background-color: white;
}

	.container.full-width {
		width: 100%;
		max-width: 100%;
	}


/* PADDING */


.padding-small, .padding-3 {
	padding: 3px;
}

.padding-medium, .padding-6 {
	padding: 6px;
}

.padding-large, .padding-9 {
	padding: 9px;
}

.padding-top-none, .padding-top-0 {
	padding-top: 0px;
}

.padding-top-small, .padding-top-3 {
	padding-top: 3px;
}

.padding-top-medium, .padding-top-6 {
	padding-top: 6px;
}

.padding-top-large, .padding-top-9 {
	padding-top: 9px;
}


.padding-right-none, .padding-right-0 {
	padding-right: 0px;
}

.padding-right-small, .padding-right-3 {
	padding-right: 3px;
}

.padding-right-medium, .padding-right-6 {
	padding-right: 6px;
}

.padding-right-large, .padding-right-9 {
	padding-right: 9px;
}


.padding-bottom-none, .padding-bottom-0 {
	padding-bottom: 0px;
}

.padding-bottom-small, .padding-bottom-3 {
	padding-bottom: 3px;
}

.padding-bottom-medium, .padding-bottom-6 {
	padding-bottom: 6px;
}

.padding-bottom-large, .padding-bottom-9 {
	padding-bottom: 9px;
}


.padding-left-none, .padding-left-0 {
	padding-left: 0px;
}

.padding-left-small, .padding-left-3 {
	padding-left: 3px;
}

.padding-left-medium, .padding-left-6 {
	padding-left: 6px;
}

.padding-left-large, .padding-left-9 {
	padding-left: 9px;
}



/* MARGIN */


.margin-small, .margin-3 {
	margin: 3px;
}

.margin-medium, .margin-6 {
	margin: 6px;
}

.margin-large, .margin-9 {
	margin: 9px;
}

.margin-top-none, .margin-top-0 {
	margin-top: 0px;
}

.margin-top-small, .margin-top-3 {
	margin-top: 3px;
}

.margin-top-medium, .margin-top-6 {
	margin-top: 6px;
}

.margin-top-large, .margin-top-9 {
	margin-top: 9px;
}


.margin-right-none, .margin-right-0 {
	margin-right: 0px;
}

.margin-right-small, .margin-right-3 {
	margin-right: 3px;
}

.margin-right-medium, .margin-right-6 {
	margin-right: 6px;
}

.margin-right-large, .margin-right-9 {
	margin-right: 9px;
}


.margin-bottom-none, .margin-bottom-0 {
	margin-bottom: 0px;
}

.margin-bottom-small, .margin-bottom-3 {
	margin-bottom: 3px;
}

.margin-bottom-medium, .margin-bottom-6 {
	margin-bottom: 6px;
}

.margin-bottom-large, .margin-bottom-9 {
	margin-bottom: 9px;
}


.margin-left-none, .margin-left-0 {
	margin-left: 0px;
}

.margin-left-small, .margin-left-3 {
	margin-left: 3px;
}

.margin-left-medium, .margin-left-6 {
	margin-left: 6px;
}

.margin-left-large, .margin-left-9 {
	margin-left: 9px;
}



/* select2-dropdown-list */

.select2-container {
	width: 100%;
}

	.select2-container .select2-choice {
		height: 34px;
		border-color: #ccc;
	}

	.select2-container:not(.select2-dropdown-open) {
		border-color: #ccc;
	}

		.select2-container:not(.select2-dropdown-open) .select2-choice .select2-arrow {
			border-color: #ccc;
		}

	.select2-container .select2-chosen {
		margin-top: 3px;
		padding-left: 4px;
	}

.select2-drop-active {
	border: 1px solid #ccc;
	border-top: none;
}

.sip-select2-container {
}

.sip-select2-dropdown {
}

.sip-select2-container > div.select2-container > a.select2-choice {
	margin-left: -13px;
	margin-right: -13px;
	margin-top: -7px;
}



.width-auto {
	width: auto !important;
}


.ignore-changes {
	/* the changes made to an input or a select will be ignore with this class */
}


.word-break {
	white-space: normal; /* CSS3 */
	word-wrap: normal; /* IE */
	word-break: normal;
}

.border-radius-3 {
	border-radius: 3px;
}

.section-header {
	border: 1px solid #333333;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #bbbbbb;
	color: #333333;
}

.panel-header {
	background-color: #bbbbbb;
	color: #333333;
}

a {
	cursor: pointer;
}

.isMandatory::after {
	content: " \f069";
	color: red;
	font-family: 'FontAwesome';
	font-size: x-small;
	vertical-align: text-bottom;
}

textarea,
pre {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}


.select2-container-multi .select2-choices .select2-search-choice {
	line-height: 18px;
}

.select2-container-multi .select2-search-choice-close {
	top: 5px;
}

.color-sea-blue {
	color: #006994;
}