@charset "UTF-8";

/* Color schemes
	// Nice site www.colorhexa.com

	// Reference color
	#0080D1		// Blue

	// Complementary color
	#d15100		// Orange

	// Analogous colors
	#00d1ba		// Cyan
	#0018d1		// Saturated blue

	// Split complementary colors
	#d1ba00		// Mustard yellow
	#d10018		// Red

	// Triadic colors
	#80d100		// Green
	#d10080		// Pink

	// Tetradic colors
	#00d151		// Green
	#d10080		// Pink
	#d15100		// Orange

	// Monochromatic colors
	#005185		// Dark blue
	#00619e
	#0070b8
	#0080d1		// Reference color
	#0090eb
	#059eff
	#1fa8ff		// Light blue
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-weight: 400;
}

#page {
	min-height: 100%;
	position: relative;
}

#container {
	margin: 0;
	padding: 0 0 370px;
	width: 100%;
	position: relative;
}

.invalid > select {
}

.invalid.invalid-icon {
	background: url(warning.png) no-repeat center right;
	display: inline-block;
	width: 21px;
	height: 14px;
}

textarea.invalid,
input.invalid {
	background: url(warning.png) no-repeat center right;
	box-shadow: 0 0 2px #E59544;
	border-color: #E5892D;
}

select.invalid {
	box-shadow: 0 0 2px #E59544;
	border-color: #E5892D;
}
img { border: 0; }

.invalidborder { border: 2px dashed #c00; }

input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
	color: #666 !important;
	font-size: 9pt !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #666 !important;
	font-size: 9pt !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
	color: #666 !important;
	font-size: 9pt !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #666 !important;
	font-size: 9pt !important;
}

a,
button {
	outline: none !important;
}

/* BANNER */
#alphabanner {
	background: url(alphabanner.png) repeat 0 0;
	border-style: solid;
	border-color: #b00;
	border-width: 3px 0;
	height: 30px;
	width: 100%;
	padding: 5px 0;
}

#bannermessage {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 700px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	background: #fbfbe3;
	color: #b00;
}

#bannermessage span {
	margin: 0 10px;
	color: #999;
	font-weight: normal;
}

#iebanner {
	display: none;
	visibility: hidden;
}

#preferenceslink {
	background: url(preferencesicon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	margin-left: 0;
}

#iAccountswitchdropdown {
	color: #fff;
}
#iAccountswitchdropdown .ajaxloader {
	vertical-align: -3px;
}
#iAccountswitchdropdown > li > a.loading {
	background: none !important;
	color: #333;
	cursor: default;
}
#accountdropdown {
	margin: 0;
	padding: 1px;
	font-size: 12px;
	width: 250px;
}

.navbarlogincontainer {
	position: relative;
	display: block;
	background: #eee;
	padding: 0 10px;
}
.navbarlogincontainer > ul {
	display: inline;
	margin: 0;
	font-size: 10pt;
}
.navbarlogincontainer > ul > li {
	display: inline-block;
	padding: 0 !important;
}

.navbarlogincontainer > ul > li a {
	color: #222 !important;
	display: inline-block;
	height: 20px;
	line-height: 18px;
	padding: 7px 15px;
	vertical-align: middle;
}
.navbarlogincontainer > ul > li a:hover,
.navbarlogincontainer > ul > li a:active {
	text-decoration: none !important;
	color: #333;
	background: #ddd;
}
.navbarlogincontainer > ul > li a.nav-selected {
	background: #fff;
	border-bottom: 0;
	color: #333;
}
.navbarlogincontainer .companyname {
	float: right;
	height: 34px;
	line-height: 32px;
	font-size: 10pt;
	margin-left: 5px;
}
.navbarlogincontainer .companyname > span {
	margin-left: 10px;
}


/* LAYOUT */
.content {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.content img.center { display: block; }

.fixedwidth { width: 980px; }

.rounded { border-radius: 5px; }
.roundedtop {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.roundedbottom {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.roundedright {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.roundedleft {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.roundedtopleft { border-top-left-radius: 5px; }
.roundedtopright { border-top-right-radius: 5px; }
.roundedbottomleft { border-bottom-left-radius: 5px; }
.roundedbottomright { border-bottom-right-radius: 5px; }

.tile {
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}
.tile.floating {
	box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.15);
}

.gradient {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
	background: -moz-linear-gradient(center top, #fcfcfc, #fcfcfc 60%, #f0f0f0);
}

/* Typography */
.newsprint {
	font-size: 13pt;
}
.newsprint h1,
.newsprint h2,
.newsprint h3,
.newsprint h4 {
	font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.2px;
}
.newsprint h1 {
	font-size: 32pt;
	display: inline-block;
}
.newsprint h2 {
	font-size: 18pt;
	line-height: 26pt;
	font-weight: 400;
}
.newsprint h3 {
	font-size: 15pt;
	font-weight: 400;
}
.newsprint h4 {
	font-weight: 700;
	color: #4d4d4d;
}
.newsprint li,
.newsprint p {
	color: #706e6f;
	line-height: 1.7em;
}
.newsprint li {
	line-height: 1.4em;
}


/* Javascript errors */
.errorelement {
	position: fixed;
	background: #fdf8b2;
	color: #000;
	z-index: 300000;
	padding: 5px 30px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	font-size: 10pt !important;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
.errorelement.user_notice {
}
.errorelement.user_long_notice {
}
.errorelement.user_warning {
}
.errorelement.error {
	background: #C90D07;
	color: #fff;
	font-weight: normal !important;
}
.errorelement.unrecoverable_error {
	background: #C90D07;
	color: #fff;
}
.user_long_notice {
	background: #f0ad4e;
	color: #fff;
	font-weight: normal !important;
}
.errorelement.warning {
}
.errorelement.notice {
}
.errorelement.debug {
}
.errorelement.tip { background: #F7D3FF; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.textcenter { text-align: center; }
.textbold { font-weight: bold; }
.textitalic { font-style: italic; }
.textalignright { text-align: right; }

.compulsory {
	color: #FF8000;
	margin-left: 3px;
	font-size: 16px;
}

.nb {
	color: #c00;
	font-size: 16px;
	text-align: center;
}
.error {
	color: #c00;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

.comfypadding { padding: 40px; }
.compactpadding { padding: 10px; }

.bubblecount {
	display: inline-block;
	font-size: 9pt;
	height: 14px;
	line-height: 14px;
	padding: 3px 8px;
	margin-top: -7px;
	margin-left: 10px;
	color: #fff;
	border-radius: 50px;
	background: #36B1C0;
}

.noise {
	background: url(noisepattern.png) repeat;
}

.warning { background-color: #FCF8E3 !important; }

.ajaxloader {
	margin-right: 10px;
	vertical-align: text-top;
}

.linkarrow {
	padding-right: 12px;
	background: url(linkarrow.png) no-repeat center right;
}

.hidden { display: none; }

.helptext { font-size: 8pt; }

.application-loadingbox {
	padding: 10px;
	background: #fefefe;
	position: fixed;
	top: 135px;
	left: 50%;
	margin-left: -110px;
	width: 200px;
	text-align: center;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
	z-index: 10;
	border-radius: 2px;
	border: 1px solid #f0f0f0; /* For IE */
	border-color: rgba(240, 240, 240, 0);
}
.application-loadingbox .image {
	margin-top: 10px;
	display: block;
	height: 14px;
	width: 199px;
}
.application-loadingbox .image.blue {
	background: url(loadingbar-blue.gif) no-repeat;
}

.labelicon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(labelicons.png) no-repeat;
	margin-right: 10px;
}

.labelicon.factory { background-position: 0 0; }
.labelicon.calendar { background-position: -18px 0; }
.labelicon.document { background-position: -36px 0; }
.labelicon.docno { background-position: -54px 0; }

/* M2form */
.m2form {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #F7F5F2;
}
.m2form.form-horizontal .control-group {
	margin-bottom: 10px;
}
.m2form .formheader {
	margin-bottom: 0;
	border-bottom: 1px solid #edebe8;
}
.m2form .formheader h1 {
	margin: 0;
	padding: 10px 20px;
	font-size: 18pt;
	font-weight: 300;
	line-height: 40px;
}
.m2form .formheader .close {
	font-size: 18pt;
	line-height: 20pt;
	margin-top: 3px;
	margin-right: 10px;
}
.m2form .formbody {
	padding: 10px;
}
.m2form .formfooter {
	margin: 0;
	border-top: 1px solid #edebe8;
}
.m2form .form-actions {
	margin: 0;
	padding: 10px;
	border-top: 0;
	text-align: right;
}
.m2form .form-actions .btn {
	margin-left: 7px;
}
.m2form .checkbox {
	cursor: pointer;
}

/* Modal */
div.modal-backdrop,
div.modal-backdrop.fade.in {
	background: #000 !important;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
.modal {
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.4) !important;
	outline: none;
}
.modal-header {
	color: #fff;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 15px !important;
	background: rgb(56, 56, 56);
	background: -moz-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(27, 27, 27, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(56, 56, 56, 1)), color-stop(100%, rgba(27, 27, 27, 1)));
	background: -webkit-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(27, 27, 27, 1) 100%);
	background: -o-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(27, 27, 27, 1) 100%);
	background: -ms-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(27, 27, 27, 1) 100%);
	background: linear-gradient(to bottom, rgba(56, 56, 56, 1) 0%, rgba(27, 27, 27, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#383838', endColorstr = '#1b1b1b', GradientType = 0);
}
.modal-header h3 {
	font-weight: 400;
	font-size: 12pt;
}
.modal-header .close {
	color: #fff !important;
	opacity: 1 !important;
	text-shadow: none;
	padding-top: 2px;
}

.modal .modalclose {
	position: absolute;
	top: 10px;
	right: 15px;
}

/* Icons */
.icon-middle {
	vertical-align: baseline !important;
}
.icon-spacing-right {
	margin-top: 2px;
	margin-right: 8px;
}
.icon-spacing-left {
	margin-top: 2px;
	margin-left: 8px;
}

/* Other */
.handwriting {
	font-family: 'Desyrel', Arial, sans-serif;
	font-size: 22px;
	color: #004080;
}
a.handwriting:hover,
a.handwriting:active {
	color: #ED9600;
	text-decoration: none;
}
.table {
	border-collapse: separate;
}
.table th {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 9pt;
	line-height: 16px;
	color: #898989;
	padding: 2px 8px;
}
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th {
	border-top: 1px solid #ddd;
}
.table > thead > tr th,
.table > thead > tr td {
	background: #f9f9f9;
}
.table-striped tbody tr:nth-child(2n+2) {
	background-color: #f9f9f9;
}
.table-striped tbody tr:nth-child(2n+1) td {
	background-color: transparent;
}
.table tbody tr.info td {
	background-color: '';
}
.table tbody tr.warning td {
}

.table.table-condensed {
	font-size: 9pt;
}

.linkicon,
.companyprofilelink {
	display: inline-block;
	background: url(externalicon.png) no-repeat;
	width: 12px;
	height: 12px;
	margin-left: 10px;
}

/* Temporary */
#iGet3quotes {
	position: absolute;
	top: 13px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	color: #fff;
	font-size: 18pt;
}

/* Angular styling */
[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none;
}


.nav.nav-pills > li > a {
	border-radius: 2px;
	padding: 14px 18px;
}

.nav.nav-tabs.nav-stacked {
	background-color: #eee;
	border: none;
}
.nav.nav-tabs.nav-stacked a {
	font-size: 14pt;
	font-weight: 300;
}
.nav.nav-tabs.nav-stacked > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
}
.nav.nav-tabs.nav-stacked > li.active a {
	background-color: #36B1C0;
	color: #fff;
	border-radius: 0;
}
.nav-tabs.nav-stacked > li.active > a,
.nav-tabs.nav-stacked > li.active > a:hover,
.nav-tabs.nav-stacked > li.active > a:focus,
.nav-tabs.nav-stacked > li > a,
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
	border: none;
}
.nav-tabs.nav-stacked > li.active > a,
.nav-tabs.nav-stacked > li.active > a:hover,
.nav-tabs.nav-stacked > li.active > a:focus {
	border-left: 6px solid #0096a3;
	background-color: #36B1C0 !important;
	padding-left: 16px;
}
.nav.nav-tabs.nav-stacked > li > a:hover,
.nav.nav-tabs.nav-stacked > li > a:focus {
	background-color: #ddd;
}
.nav-tabs.nav-stacked > li > a {
	padding-left: 22px;
}
.nav-tabs.nav-stacked > li:first-child {
	border-top: none;
}
.nav-tabs.nav-stacked > li {
	border-top: 1px solid #ccc;
}
.nav-tabs.nav-stacked .nav-header {
	padding: 8px 12px;
	text-shadow: none;
	font-weight: 400;
	font-size: 11pt;
	color: #666;
}

.breadcrumb {
	font-size: 8pt;
	padding: 4px 10px;
	border-radius: 2px;
	background: none;
}
.breadcrumb a {
	color: #4d4d4d;
}