
/* FONTS */

/* @import url("//hello.myfonts.net/count/2cc6fd"); */
/* @font-face {font-family: 'HelveticaNeueLTStd-Md';src: url('/fonts/2CC6FD_0_0.eot');src: url('/fonts/2CC6FD_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2CC6FD_0_0.woff2') format('woff2'),url('/fonts/2CC6FD_0_0.woff') format('woff'),url('/fonts/2CC6FD_0_0.ttf') format('truetype');} */
/* @font-face {font-family: 'HelveticaNeueLT-Bold';src: url('/fonts/2CC6FD_1_0.eot');src: url('/fonts/2CC6FD_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2CC6FD_1_0.woff2') format('woff2'),url('/fonts/2CC6FD_1_0.woff') format('woff'),url('/fonts/2CC6FD_1_0.ttf') format('truetype');} */
/* @font-face {font-family: 'HelveticaNeueLT-Light';src: url('/fonts/2CC6FD_2_0.eot');src: url('/fonts/2CC6FD_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2CC6FD_2_0.woff2') format('woff2'),url('/fonts/2CC6FD_2_0.woff') format('woff'),url('/fonts/2CC6FD_2_0.ttf') format('truetype');} */
/* @font-face {font-family: 'HelveticaNeueLT-Roman';src: url('/fonts/2CC6FD_3_0.eot');src: url('/fonts/2CC6FD_3_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2CC6FD_3_0.woff2') format('woff2'),url('/fonts/2CC6FD_3_0.woff') format('woff'),url('/fonts/2CC6FD_3_0.ttf') format('truetype');} */


/* for Internet Explorer < 9 */
/* @font-face { */
/* 	font-family: DINWeb; */
/* 	src: url("/fonts/DINWeb.eot"); */
/* 	src: url("/fonts/DINWeb.woff") format("woff"); */
/* } */

/* for WOFF-capable browsers */
/* @font-face { */
/* 	font-family: DINWeb-Bold; */
/* 	src: url("/fonts/DINWeb-Bold.eot"); */
/* 	src: url("/fonts/DINWeb-Bold.woff") format("woff"); */
/* } */


/* GLOBAL */

html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 95px;
	font-family: HelveticaNeueLT-Roman, Arial, sans-serif;
	line-height: 1.4em;

	 /* Margin bottom by footer height */
	margin-bottom: 60px;
}

body .navbar-fixed-top .navbar-brand {
	height: 75px;
	padding-top: 25px;
}

body .navbar-fixed-top .navbar-nav.navbar-right {
	padding-top: 15px;
}

.navbar-inverse {
	background-image: none;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;

	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #000;
}

.footer .container {
	padding-top: 20px;
	color: #fff;
}

h1 {
	font-size: 50px;
}

h1, h2 {
	font-family: DINWeb, Arial, sans-serif;
}

h3, h4 {
	font-family: DINWeb-Bold, Arial, sans-serif;
}

h1.primary, h2.primary, h3.primary, h4.primary, h5.primary {
	color: #278A93;
}

h1.danger, h2.danger, h3.danger, h4.danger, h5.danger {
	color: #ce4844;
}

strong {
	font-family: HelveticaNeueLT-Bold, Arial, sans-serif;
}


/* BREADCRUMBS */

.breadcrumb-arrows { 
	list-style: none; 
	overflow: hidden; 
	font: 16px Helvetica, Arial, Sans-Serif;
	padding-left: 0;
	margin: 0 0 30px;
}

.breadcrumb-arrows li { 
	float: left;
	width: 33.3333333%;
}

.breadcrumb-arrows li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
	background: #278891;
	position: relative; 
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	cursor: default;
}

.breadcrumb-arrows li.active a {
	background: #278891; 
}

.breadcrumb-arrows li.inactive a {
	background: #bedcdf; 
}

.breadcrumb-arrows li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #278891;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb-arrows li.active a:after {
	border-left: 30px solid #278891;
}

.breadcrumb-arrows li.inactive a:after {
	border-left: 30px solid #bedcdf;
}

.breadcrumb-arrows li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumb-arrows li:first-child a {
	padding-left: 10px;
}
/* limit for phones */
@media only screen and (min-width : 320px) {
	H1 { font-size: large; }
	H1 #safety { margin-right: 10px; }
}
@media only screen and (min-width : 768px) {
	
}
/* limit for tablets */
@media (max-width: 991px) {
	.breadcrumb-arrows li.active {
		width: 50%;
	}
	.breadcrumb-arrows li.inactive {
		width: 25%;
	}
}


/* limit font size on smaller desktop devices */
@media (max-width: 1199px) {
	.breadcrumb-arrows li a {
		font-size: 14px;
	}
}

/* END BREADCRUMBS */



/* BOOTSTRAP OVERWRITE */

.btn-primary {
	background-image: none;
	border-radius: 0;
    border: none;
}

.btn-primary {
/* 	background-color: #278891; */
	background-color: #FDBA00;
	color: #222222;
	border: 1px solid #cccccc;
}

.btn-primary:hover,.btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary.active:hover,.btn-primary:active, .btn-primary.active {
/* 	background-color: #1d666d; */
	background-color: #eaeaea;
	border: 1px solid #a6a6a6;
	color: #222222;
}


.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}

.input-group {
	display: flex;
}
input.form-control {
/*     border-top: none; */
/*     border-right: none; */
/*     border-left: none; */
    box-shadow: none;
    border-radius: 0;
}
input.form-control:focus {
	box-shadow: none;
}

.container .jumbotron {
	margin-bottom: 1px;
	border-radius: 0;
}


.alert.alert-info {
	background-image: none;
	background-color: #eee;
	border: none;
	border-radius: 0;
	color: #000;
}

.alert.alert-info a {
	color: #278A93
}
#safety {
	color: Gold;
	font-size: 48px;
}
.warning {
	color: Gold;
}
.langFlag {
	vertical-align: baseline;
} 
.flag {
	width: 16px;
	height: 11px;
	background:url(/images/flags.png) no-repeat;
	vertical-align: baseline;
}
.panel-default > .panel-heading {
	background-image: none;
}
.results {
	display:none;
}
LABEL.results {
	margin-top: 10px; 
}
#results {
    overflow: auto;
    height: 210px;
    cursor: pointer;
    margin-left: -20px;
}
#results LI:hover {
	background-color: Gold;
}
.nobrand {
	width: 180px;
	height: 45px;	
}
.hotpoint-logo {
	background: url(/img/hotpoint-logo.png) no-repeat;
	width: 180px;
	height: 33px;
} 
.indesit-logo {
	background: url(/img/indesit-logo.png) no-repeat;
	width: 161px;
	height: 45px;
}
.jumbotron-1 {
	background-color: #ffffff;
}
H4.success {
	color: Green;
}
.langSwitcherLabel {
	font-size: small;
}
.model-entered {
	font-weight: bold;
}
.flag.flag-al {background-position: -96px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-gb,.flag.flag-en {background-position: -176px -44px}
.flag.flag-el {background-position: -112px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-he {background-position: -96px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-tr {background-position: -32px -154px}
.flag.flag-ua {background-position: -112px -154px}
.option-panel {
	min-height: 300px;
}
.status {
	width: 20px;
	height: 21px;
	background:url(/img/status-sprite.png) no-repeat;
	display: inline-block;
	vertical-align: inherit;
}
.status-link {
	cursor: pointer;
	text-decoration: underline;
	color: blue;
}
.status-repaired, .status-exchanged, .status-modified, .status-green-dot {
	background-position: -6px 0px;
}
.status-engineer-scheduled {
	background-position: -25px 0px;
}
.status-waiting {
	background-position: -65px 0px;
}
.btn-hotpoint {
	background-color: #000;
	border-color: #333;
	color: #fff;
}
.btn-hotpoint:hover {
	background-color: #222;
	color: #fff;
}
.btn-indesit {
    background-color: #337ab7;
    border-color: #2e6da4;
	color: #fff;
}
.btn-indesit:hover {
    background-color: #286090;
    border-color: #204d74;
	color: #fff;
}