.grid-sizer{
	/*width: 226px;*/
	width: 215px;
}
.grid-item {
	/*width: 226px;*/
	width: 215px;
	height: 231px;
	top: 0px;
	left: 0px;
	-webkit-transition-property: left,right,top;
	-moz-transition-property: left,right,top;
	-ms-transition-property: left,right,top;
	-o-transition-property: left,right,top;
	transition-property: left,right,top;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	margin-bottom: 5px;
}
.w100{
	width: 215px;
}
.w200{
	width: 435px;
}
.w300{
	width: 655px;
}
.w500{
	width: 1095px;
}
.h50{
	height: 66px;
}
.h100{
	height: 113px;
}
.h300{
	height: 349px;
}
.h400{
	height: 467px;
}
.h200{
	height: 231px;
}
.container{
	max-width: 1743px;
	margin: auto;
}
#dashboarddropdown{
	height: 28px;
	margin-top: 0;
	margin-bottom: 5px;
}
.grid{
	margin-top: 0;
}
div.orange{
	background-color: orange;
	color: white;
}
div.blue{
	background-color: #2A88E0;
	color: white;
}
.lightblue{
	background-color: #ddf7ff;
	color: #1C65C8;
	border: 1px solid #1C65C8;
}
.movie{
	background-color: #FFFFFF;
	color: black;
	border: 4px solid black;
}
div.red{
	background-color: #dc0000;
	color: white;
}
div.yellow{
	background-color: rgb(253, 234, 182);
}
div.lightgreen{
	background-color: rgb(227, 239, 218);
	color: darkgreen;
}
div.gold{
	background-color: gold;
	color: black;
}
div.brown{
	background-color: #8B5A2B;
	color: antiquewhite;
}
div.gold a{
	color: black;
}
div.yellowgreen{
	background-color: yellowgreen;
	color: white;
}
div.finish{
    background-color: grey;
    background-image: url('/projects/_global/images/finish.jpg');
    background-repeat: no-repeat;
	color: lightgrey;
}
div.green{
	background-color: forestgreen;
	color: white;
}
div.lightblue a{
	color: #1C65C8;
}
div.red a,
div.yellowgreen a,
div.blue a,
div.brown a,
div.orange a,
div.finish a,
div.purple a,
div.green a{
	color: white;
}
div.parts{
	color: black;
	background: white url("/projects/subaru_se/userfiles/teileoriginal.jpg") repeat scroll -145px 0px / 225% auto;
}
div.dragkrok,
div.trailrunner{
	background-color: white;
	color: #54524f;
	background-size: 100%;
}
div.danx{
	background-image: url("/projects/subaru_se/userfiles/danx.jpg");
	background-color: darkblue;
	color: white;
	background-size: 100%;
}
div.dragkrok .counterArrowUp,
div.trailrunner .counterArraowUp{
	border-bottom: 10px solid #54524f;
}
div.dragkrok {
	background-image: url("/projects/subaru_se/userfiles/outback_dragkrokspaket.jpg");
}
div.trailrunner.xv {
	background-image: url("/projects/subaru_se/userfiles/xv_trailrunner.jpg");
}
div.trailrunner.forester {
	background-image: url("/projects/subaru_se/userfiles/forester_trailrunner.jpg");
}
div.trailrunner.outback {
	background-image: url("/projects/subaru_se/userfiles/outback_trailrunner.jpg");
}
div.outback {
	background-image: url("/projects/subaru_se/userfiles/outback2.jpg");
}

div.lightgrey{
	background-color: lightgrey;
	color: black;
}
div.darkgrey{
	background-color: darkgrey;
}
div.parts,
div.white{
	background-color: white;
	color: black;
	border: 1px solid lightgrey;
}
div.black{
	background-color: black;
	color: white;
}
div.purple{
	background-color: purple;
	color: white;
}
.photo{
	background-image: url("photo.jpg");
	background-size: cover;
	height: 349px;
	width: 100%;
	border: 1px solid darkgrey;
}
.photoinfo{
	line-height: 20px;
	margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	height: 80px;
	width: 228px;
	padding: 10px;
	box-sizing: border-box;
}
.photoinfocontainer{
	height: 118px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	border-left: 1px solid darkgrey;
	border-right: 1px solid darkgrey;
	border-bottom: 1px solid darkgrey;
}
/*.flipper{
	width: 100%;
	height: 100%;
}
.front{
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.back{
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}*/
.text{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.text-small{
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}
.photoinfocontainer div.text{
	padding: 5px;
}
.number{
	display: block;
	font-size: 72px;
	margin-top: 40px;
}
.number-small{
	display: block;
	font-size: 40px;
	margin-top: 7px;
	text-align: center;
}
.header{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 7px;
	display: block;
}

.employee_info_title{
}
.employee_info_name{
	font-weight: bold;
}
.employee_photo{
	height: 300px;
	background-size: 103%;
	background-repeat: no-repeat;
}
ul.grid_bulletins{
	list-style: none;
	color: white;
	padding: 0;
	margin: 0;
}
ul.grid_bulletins li{
	display:inline-block;
	width:205px;
	white-space: nowrap;
	overflow:hidden !important;
	text-overflow: ellipsis;
}

ul.dealer_type_counter{
	list-style: none;
	padding: 0;
	margin-left: 65px;
	padding-top: 20px;
}
span.dealer_type_count_name{
	display:inline-block;
	width: 110px;
	white-space: nowrap;
	overflow:hidden !important;
}
span.dealer_type_count_number{
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 28px;
	margin-right: 4px;
	text-align: right;
}
div.dealer_type_map{
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: auto 90%;
	height: 100%;
}
div.dealer_type_map.uk{
	background-image: url('/projects/_global/images/flag-map-uk.png');
}
div.dealer_type_map.ie{
	background-image: url('/projects/_global/images/flag-map-ie.png');
}
div.dealer_type_map.se{
	background-image: url('/projects/_global/images/flag-map-se.png');
	background-position: 15px center;
}
div.dealer_type_map.dk{
	background-image: url('/projects/_global/images/flag-map-dk.png');
}
div.dealer_type_map.fi{
	background-image: url('/projects/_global/images/flag-map-fi.png');
}
div.dealer_type_map.ee{
	background-image: url('/projects/_global/images/flag-map-ee.png');
	background-position: 0px center;
	background-size: auto 98%;
}
div.dealer_type_map.dk ul,
div.dealer_type_map.se ul{
	margin-left: 50px;
}
div.dealer_type_map.dk ul span.dealer_type_count_name,
div.dealer_type_map.se ul span.dealer_type_count_name{
	width: 130px;
}
div.dealer_type_map.lt ul,
div.dealer_type_map.lv ul,
div.dealer_type_map.ee ul{
	background-color: rgba(255, 255, 255, 0.7);
	height: 100%;
	list-style: outside none none;
	padding: 20px 0 0;
	width: 100%;
	margin: 0;
}
div.dealer_type_map.lt ul span.dealer_type_count_name,
div.dealer_type_map.lv ul span.dealer_type_count_name,
div.dealer_type_map.ee ul span.dealer_type_count_name{
	width: auto;
}
div.dealer_type_map.lt{
	background-image: url('/projects/_global/images/flag-map-lt.png');
}
div.dealer_type_map.lv{
	background-image: url('/projects/_global/images/flag-map-lv.png');
}
.counterContainer{
	text-align: center;
}
.h100 div.counterContainer h2{
	margin: 15px 0 0;
	font-size: 27px;
}
.h200 div.counterContainer h2{
	font-size: 30px;
}
.h100 div.counterValue{
	font-size: 40px;
}
.h200 div.counterValue{
	font-size: 55px;
}
.containerBody{
	overflow: hidden;
	width: 195px;
}
.counterValue {
	min-height: 35px;
}
.counterArrowContainer{
	width: 10px;
	min-height: 35px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.counterArrowUp {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
	float: right;
	margin-bottom: 3px;
}
.counterArrowDown {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
	float: right;
	margin-bottom: 2px;
}
.white .counterArrowUp,
.lightgrey .counterArrowUp{
	border-bottom: 10px solid black;
}
.white .counterArrowDown,
.lightgrey .counterArrowDown{
	border-top: 10px solid black;
}
.dragkrok .counterArrowUp,
.trailrunner .counterArrowUp{
	border-bottom: 10px solid #54524f;
}
.dragkrok .counterArrowDown,
.trailrunner .counterArrowDown{
	border-top: 10px solid #54524f;
}

#dashboarddropdown{

}
span.dealerdroptext{
	float: right;
	line-height: 30px;
    margin-right: 5px;
}
span.dashboardyear{
	float: right;
	margin-right: 5px;
}
span.dealerdropdown{
	float: right;
}

.blink {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

div.starrating{
	margin-top: 5px;
	display: inline-block;
	padding: 10px;
	text-align: center;
	width: 100%;
}


.flip {
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	/*margin:80px 150px;
	width:320px;
	height:243px;*/
	vertical-align:top;
	position:absolute;
	display:block;
	/*font-size:25px;
	font-weight:bold;*/
}

.flip .content {
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	/* content backface is visible so that static content still appears */
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	-ms-backface-visibility: visible;


	/*border: 1px solid grey;
	border-radius: 15px;*/
	position:relative;
	width: 100%;
	height: 100%;

}
.flip.applyflip .content {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}


.flip .content .flipStatic {
	/* Half way through the card flip, rotate static content to 0 degrees */
	transition: 0s linear 0.17s;
	-webkit-transition: 0s linear 0.17s;
	-moz-transition: 0s linear 0.17s;
	-o-transition: 0s linear 0.17s;
	-ms-transition: 0s linear 0.17s;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);

	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	/*line-height:100px;*/
}

.flip.applyflip .content .flipStatic {
	/* Half way through the card flip, rotate static content to -180 degrees -- to negate the flip and unmirror the static content */
	transition: 0s linear 0.17s;
	-webkit-transition: 0s linear 0.17s;
	-moz-transition: 0s linear 0.17s;
	-o-transition: 0s linear 0.17s;
	-ms-transition: 0s linear 0.17s;
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

/*
.flip .content .flipFront {
	background-color: skyblue;
	color: tomato;
}

.flip .content .flipBack {
	background-color: tomato;
	color: skyblue;
}*/

.flipBack {
	text-align: left !important;
}


.flip .content .flipFront, .flip .content .flipBack {
	/* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 0 5px;
	/*line-height:200px;
	border-radius: 14px;*/
}
.flip .content .flipFront, .flip.applyflip .content .flipFront {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

.flip .content .flipBack, .flip.applyflip .content .flipBack {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

.flip .content .flipFront, .flip.applyflip .content .flipBack {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: visible;
}
.flip.applyflip .content .flipFront, .flip .content .flipBack {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: hidden;
}
@keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }

.downloadContent{
    padding: 5px;
}

.downloadContent ul{
	list-style: none;
	color: white;
	padding: 0;
	margin: 0;
}

.downloadContent li{
	display:inline-block;
	width:205px;
	white-space: nowrap;
	overflow:hidden !important;
	text-overflow: ellipsis;
}

div.facebook{
	background-image: url('/projects/subaru_se/images/Facebook_subaru_extranet.jpg');
	background-repeat: no-repeat;
}
#bonusbox{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url('/projects/subaru_se/images/pengar-3.jpg');
}
.period{
	width: 90px;
	height: 220px;
	margin: 5px;
	float: left;
	text-align: center;
}
.period p{
	text-align: center;
	font-size: 12px;
	padding: 5px;
	color: white;
}
.period span.amount{
	text-align: center;
	font-size: 25px;
	padding: 5px;
	color: white;
}
.cash{
	height: 230px;
	width: 255px;
	float: left;
	padding: 10px 10px 10px 20px;
}
.cash p{
	font-size: 14px;
}
.cash p.cash-title{
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}
.period p.period_text{
	position: absolute;
	bottom: 0;
	padding: 0;
	font-size: 14px !important;
	text-transform: uppercase;
	width: 100%;
	font-weight: bold;
	color: white;
	text-align: center;
}

a.life__item {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	height: 100%;
	background-image:url("/projects/_global/images/ajax-loader.gif");
	background-repeat:no-repeat;
	background-position: 80px 80px;
}
.life__item img {
	margin-bottom: 0 !important;
	height: 229px;
	margin-left: -40%;
}
img.life__loading{
	margin-top: 80px;
	width: 32px;
	height: 32px !important;
}
p.life__overlay {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	color: #fff;
	font-family: "helvetica-light", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	left: 0;
	height: 40px;
	margin: 0;
	padding: 10px 5px;
	position: absolute;
	width: 100%;
}
div.life__hover {
	left: 0px;
	top: 100%;
	-moz-box-align: center;
	-moz-box-pack: center;
	align-items: center;
	background-color: rgba(19, 36, 60, 0.8);
	color: #fff;
	display: flex;
	font-family: "helvetica-bold",Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 27px;
	height: 100%;
	justify-content: center;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: 100%;
}
span.notincluded{
	height: 50px;
	width: 50px;
	background-size: 100%;
	background-image: url('/projects/_global/images/messages/error.png');
	background-repeat: no-repeat;
}
span.included{
	height: 50px;
	width: 50px;
	background-size: 100%;
	background-image: url('/projects/_global/images/messages/success.png');
	background-repeat: no-repeat;
}
li span{
	font-size: 14px;
}
ul.grid-realisations{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.grid-realisations li{
	white-space: nowrap;
}
span.realisations-position{
	margin-right: 5px;
	float: left;
	text-align: right;
	width: 20px;
}
span.realisations-percentage{
	width: 28px;
	text-align: right;
	margin-right: 5px;
	display: inline-block;
}
span.realisations-name{
	width: 140px;
	float: left;
	display: inline-block;
	overflow: hidden;
}
span.realisations-header{
	width: 180px;
	display: inline-block;
	overflow: hidden;
	font-weight: bold;
	margin-left: 26px;
}
div.year-realisations-container,
div.realisations-container{
	margin: 0;
	height: 231px;
	overflow-y: scroll;
	overflow-x: hidden;
}

table.group1,
table.group2{
	clear: both;
	width: 100%;
}
table.group1 th,
table.group2 th,
table.group1 td,
table.group2 td{
	padding: 0 3px;
	text-align: right;
	font-size: 12px;
}
.model{
	text-align: center;
	padding: 0 2px;

}
.total{
	width: 50px;
	text-align: center;
}
#group2,
#group1{
}
#group1{
}
#group2 h3,
#group1 h3{
	clear: both;
	width: 350px;
	text-align: center;
	background-color: yellow;
}
tbody tr td{
	text-align: left;
}
tbody tr td.dealername{
	text-align: left;
}
thead tr th.dealername span,
tbody tr td.dealername span{
	width: 100%;
	display: block;
	overflow: hidden;
	height: 19px;
	text-align: left;
}

tbody tr td.total{
}
table.green{
	color: #2B5600;
}
table.green th{
	background-color: #99cc66;
}
table.green tr.odd{
	background-color: #d9e4bc;
}
table.green tr.even{
	background-color: #ecf1dd;
}
table.blue{
	color: #0D4484;
}
table.blue th{
	background-color: #4f81be;
}
table.blue tr.odd{
	background-color: #dde7f3;
}
table.blue tr.even{
	background-color: #b4cce8;
}

a#user-menu-icon.dropdown-toggle::after,
a#main-menu-icon.dropdown-toggle.menubars::after {
	border-top: .0em solid !important;
}

span.badge {
	background-color: #777 !important;
	border-radius: 50% !important;
}

#subaruseRegNrLookup{
	padding: 15px 15px 15px 18px;
	/*background-color: #F9F9F9;*/
}

#subaruseRegNrLookupContainer {
	background-image: url('/projects/ora_se/images/eu-numberplate.jpg');
	background-repeat: no-repeat;
	width: 475px;
	height: 85px;
}

#subaruseRegNrButton {
	height: 65px;
	margin-top: 11px;
	margin-left: 5px;
	float: left;
}

#subaruseRegNrInput {
	margin-left: 38px;
	margin-top: 11px;
	width: 275px;
	height: 65px;
	border: 1px solid lightgrey;
	font-family: "Helvetica","Arial", sans-serif;
	font-size: 2.3rem;
	font-stretch: ultra-condensed;
	text-transform: uppercase;
	outline: none;
	float: left;
	color: black;
	text-align: left;
	padding-left: 10px;
}

input#subaruseRegNrInput::placeholder {
	font-size: 2.5rem;
	text-align: center;
	color: #e7e7e7;
}