/* TABLE OF CONTENTS ===============

 * 1. GENERAL
 * 2. FONTS
 * 3. SIDE MENU SLIDER
 * 4. HEADER
 * 5. CONTENT
 * 6. NOTIFICATIONS
 * 7. ACTIONS
 * 8. BOTTOM BAR
 * 9. FOOTER
 *10. WEBSHOP LAYOUT
 ===================================*/
 
 /* ====================================================================================================================
 * 1. GENERAL
 * ====================================================================================================================*/
footer#login .footer2 {
    margin:0;
}
.content-wrapper.login {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.sitecontainer {
    min-width: auto;
    background: transparent;
    top: 0px;
    min-height: 100vh;
}
.pagination {
    padding: 0 6%;
}
.flexslider .slides img {
    /* height: 100%; */
    display: block;
    width:100%
}
.spacer {
  clear: both;
  height: 0px;
}
 /* ====================================================================================================================
 * 2. FONTS
 * ====================================================================================================================*/
/* TAKE OUT THE SLIDER */
.info-slider.acties {
    display:none;
}
.info-slider.beloningen {
    display:none;
}
.info-slider.claimen {
    display:none;
}
.info-slider.profiel {
    display:none;
}
.info-slider.spelregels {
    display:none;
}
.info-slider.support {
    display:none;
}
.info-slider.tickets {
    display:none;
}
.info-slider.webshop-overzicht {
    display:none;
}
.info-slider.webshop-overzicht-bg {
    display:none;
}
.info-slider.webshop-overzicht-fm {
    display:none;
}
.info-slider.webshop-overzicht-lx {
    display:none;
}
.info-slider.webshop-overzicht-th {
    display:none;
}
.info-slider.webshop-overzicht-tk {
    display:none;
}
.info-slider.webshop-overzicht-vt {
    display:none;
}
.info-slider.webshop {
    display:none;
}


 /*PREPAGES*/
 .col1 {
    display: block;
    float: left;
    width: 88%;
    margin: 6%;
}
.col2 {
    display: block;
    float: left;
    width: 88%;
    margin: 6%;
}
.col-title {
    font-family: 'GT-America-Standard-Regular';
    color: #3c353f;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: left;
}
.col1 p, .col2 p {
    font-family: 'GT-America-Standard-Regular';
    color: #3c353f;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
}
.paratitle {
    font-family: 'GT-America-Standard-Regular';
    color: #3c353f;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
}





.login-sitename .main {
    display: none;
}
.login-main {
    position: relative;
    left: 0;
    width: 100%;
    height: 45vh;
    min-height: 100%;
    padding: 3%;
    float: right;
}
.loginbox {
    position: absolute;
    bottom: 0;
    left: 5%;
    display: block;
    float: left;
    padding: 0 0 0 0;
    width: 90%;
    margin: 0 auto;
    max-width: 100%;
    /* background-color: #fff; */
}
.input {
    opacity: 0.5;
}
.greysection {
    background-color: transparent;
} 
.helptitle {
    color: #ffffff;
    margin: 0 2%;
}
.helptext {
    color: #ffffff;
    line-height: 18px;
}
.helptext2 {
    display: none;
    color: #ffffff;
    line-height: 18px;
}
#footer-left {
    padding: 3% 3% 3% 4%;
    width: 100%;
}
#footer-left .logo {
    font-size: 13px;
}
#footer-right {
    display: none;
}
.cb-slideshow li:nth-child(1) span { 
    background-position: 70% 50%;
}
.cb-slideshow li:nth-child(2) span { 
        background-position: 50% 50%;
}
.cb-slideshow li:nth-child(3) span { 
        background-position: 60% 50%;
}
.cb-slideshow li:nth-child(4) span { 
        background-position: 40% 50%;
}
.cb-slideshow li:nth-child(5) span { 
            background-position: 60% 50%;
}
.cb-slideshow li:nth-child(6) span { 
            background-position: 50% 50%;
}



.topsection {
 	overflow:auto;
	max-width:100%;
	min-width:375px;
	margin:0px 0px 0px 0px;
	padding:0;
 }
.links {
	display:none;
	width:27%;
	height:100%;
	float:left;
	margin-right:2%;
}
.rechts {
	width:100%;
	height:100%;
	float:right;
}
.rechts-webshop {
	width:100%;
	height:100%;
	margin: 0 auto;
}
.links2 {
	display:none;
}
.logincontent .topsection .links {
	display:none;
	width:27%;
	height:100%;
	float:left;
	margin-right:2%;
}
.logincontent .topsection .rechts {
	width:100%;
	height:100%;
	float:none;
	margin: 12% auto 0% auto;
}
.logincontent .topsection .rechts img{
	width:100%;
}
.logincontent .topsection .rechts p{
	position:absolute;
	text-align:left;
	top:0%;
	margin:4% 8% 0% 8%;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 1.45em;
}
.logincontent .topsection .links2 {
	display:none;
	width:94%;
	height:100%;
	float:none;
	margin-right:3%;
	margin-left:2.5%;
	margin-top:2%;
}
 .slider {
	position:relative;
	top:0px;
	right:-25%;
	width:100%;
	height:100%;
	max-height: 216px;
	float:right;
}
 .slider-webshop {
	position:relative;
	top:0px;
	right:-25%;
	width:100%;
	height:100%;
	max-height: 216px;
	float:right;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .topsection {
 	overflow:auto;
	max-width:100%;
	min-width:667px;
	margin:0px 0px 0px 0px;
 }
 .slider {
	position:relative;
	top:0px;
	right:0;
	width:100%;
	height:100%;
	max-height: 216px;
	float:right;
}
 .slider-webshop {
		position:relative;
		top:0px;
		left:0%;
		width:100%;
		height:100%;
		max-height: 258px;
		float:right;
	}
}
.info-slider.off {
    display: none;
}

.flexslider {
	width:149%;
	float:right;
}
.flexslider.claimen {
	display:block;
}
.flexslider.dakar-q417-info {
	display:none;
}
.flexslider.dakar-q417-amf {
	display:none;
}
.flexslider.scotland-rangorde {
	display:none;
}
.flexslider.scotland-info {
	display:none;
}
.flexslider.wrx-q218 {
	display:none;
}
.flexslider.wrx-q218-info {
	display:none;
}
.flexslider.kto-competitie {
	display:none;
}
.flexslider.mijnautos {
	display:none;
}
.flexslider.transacties {
	display:none;
}
.info-slider .flexslider.webshop {
	display:none;
}
.ws-slider .flexslider.webshop {
	display:block;
}
.flexslider.beeld-geluid {
	display:none;
}
.flexslider.fit-mooi {
	display:none;
}
.flexslider.tuin-klussen {
	display:none;
}
.flexslider.thuis {
	display:none;
}
.flexslider.vrije-tijd {
	display:none;
}
.flexslider.luxe {
	display:none;
}
.flexslider.support {
	display:none;
}
.flexslider.beloningen {
	display:none;
}
.flexslider.profiel {
	display:none;
}
.flexslider.tickets {
	display:none;
}
.flexslider.acties {
	display:none;
}
.flexslider.spelregels {
	display:none;
}
.flexslider.privacy {
	display:none;
}
.flexslider.dakar-q418 {
	display:none;
}
.flexslider.dakar-q418-ranglijst {
	display:none;
}

.flexslider.carousel {
	max-width:100%;
	width:100%;
	box-sizing: border-box;
	float:none;
}
.login-slider .flex-viewport {
	width: 100%;
    height: 100%;
}
.flexslider.carousel .flex-viewport {
    margin-left: 3%;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 
  .flexslider {
	width:100%;
	float:right;
	}
 }
nav li#logoff {
    display: table-cell;
    width: 6.5rem;
    height: 64px;
    vertical-align: middle;
}
.hometitle {
    margin: 6% 0 0 0;
}
.homesubtitle {
    display: block;
    float: left;
    width: 100%;
    height: 30px;
}

.entry {
    display: block;
    float: left;
    width: 100%;
    margin-top: 1%;
}
input[type="submit"] + label:after {
    content: "";
    background-image: url(../images/hvrarrright.png);
    background-size: 20px 20px;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 20px;
}
 .logincontent .topsection {
 	position:relative;
	overflow:auto;
	max-width:1375px;
	min-width:300px;
	margin:0% auto 0% auto;
 }
.logincontent .topsection .slider {
	position:relative;
	top:0px;
	width:100%;
	height:100%;
	max-height:190px;
	float:right;
}
.menu-header {
	position:absolute;
	display:block;
	top:38px;
	left:15px;
	font-family:'GT-America-Standard-Regular';
	text-transform:uppercase;
	color: #fff;
	font-size: 10px;
}
nav li .content-link {
    position: relative;
    padding: 0 1.4375rem;
    border-bottom: 0px solid #e4002c;
    height: 46px;
    padding-bottom: 0px;
    background: transparent;
    background-size: 0% 0px;
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: background .3s ease-out,opacity .3s ease-out;
    transition: background .3s ease-out,opacity .3s ease-out,-webkit-background .3s ease-out;
}
nav li .content-link:hover {
    position: relative;
    padding: 0 1.4375rem;
    height: 46px;
    width: 100%;
    padding-bottom: 5px;
    background: transparent;
    background-size: 100% 5px;
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: background .3s ease-out,opacity .3s ease-out;
    transition: background .3s ease-out,opacity .3s ease-out,-webkit-background .3s ease-out;
}
nav li.selected .content-link {
    position: relative;
    padding: 0 1.4375rem;
    height: 46px;
    background: rgba(255,255,255,0.2);
    background-size: 100% 5px;
}
nav li.selected .content-link:hover {
    position: relative;
    padding: 0 1.4375rem;
    border-bottom: 0px solid #e4002c;
    height: 46px;
}
/* ====================================================================================================================
 * 4. HEADER
 * ====================================================================================================================*/
.topbar {
    display: none;
}
header {
    padding: 0 0 0 0%;
}
.header-container {
	display:block;
	height:64px;
	width:100%;
	box-sizing: border-box;
	max-width:100%;
	min-width:0px;
	padding: 0 6%;
	margin:0 auto;
}
header .toggle{
	display:block;
	float: left;
	width:33%;
	height:64px;
}
header .login-logo {
	display:block;
	float:left;
	height:64px;
	width:61px;
	min-width:0px;
	background: url("../images/peugeotlogo.png") no-repeat center center;
	background-size: 61px 44px;
	margin-left:0;
}
.chal {
    position:absolute;
	display:block;
	right:5%;
}
.chal {
	display: none;
	margin: 0 0;
	font-family:'GT-America-Standard-Regular';
	color: #fff;
	font-size: 12px;
	line-height:60px;
}
header .sitename{
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 15%;
    min-width: 90px;
}
.login-sitename {
    position: absolute;
    top: 0px;
    right: 3%;
    display: block;
    height: 60px;
    width: 60px;
}
.sitename #program {
    font-size: 18px;
    display: none;
}
.sitename #plussign {
    font-size: 24px;
    line-height: 75px;
}
.sitename #plus {
    font-size: 14px;
}

header .sitename p{
    float:right;
	margin: 0 0;
	font-family:'GT-America-Standard-Regular';
	color: #fff;
	font-size: 14px;
	line-height:64px;
}

header .header-nav {
	display: none;
}
.headerbar {
	display:none;
}
.saldobar {
	display:block;
	padding: 0;
    width: 100%;
	box-sizing: border-box;
    height: 36px;
	border-top: 0px solid #cccccc;
	background: linear-gradient(to bottom, rgba(36,48,65,0.9),rgba(15,26,43,0.9));
}
.carsaldobar {
    position:relative;
	display:block;
	box-sizing: border-box;
	padding: 0 6%;
    margin: 0;	
    height: 36px;
	border-top: 0px solid #cccccc;
	background: linear-gradient(to bottom, rgba(225,225,225,0.9),rgba(255,255,255,0.9));
}
.carsaldobar p{
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #333;
	font-size: 0.9em;
	line-height:36px;
	margin: 0 auto;
	padding: 0;
	text-align:left;


	
}
.carindexbar {
    position:relative;
	display:block;
	width: 100%;
    margin: 3% 0;
	padding: 0;
    height: 36px;
	border-top: 1px solid rgba(44,43,63,.1);
	/*background: linear-gradient(to bottom, rgba(255,255,255,0.9),rgba(225,225,225,0.9));*/
}
.carindexbar p{
	display:block;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #80878e;
	font-size: 12px;
	line-height:36px;
	margin: 0 auto;
	text-align:center;
    height: 36px;
}
.saldo {
	display:block;
	height:36px;
	float:right;
	font-family:'GT-America-Expanded-Medium';
	color: #9f9f9f;
	font-size: 0.9em;
	line-height:36px;
	margin-right:6%;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .headerbar {
	position:absolute;
	display:none;
	top:320px;
	width:100%;
	height:35px;
	background-color: #e6e7e8;
    border-bottom: 1px solid #b9b9b9;
	z-index:2;
	}
}


.content {
    display: block;
    float: left;
    width: 100%;
    max-width: 80rem;
    padding-left: 0;
    min-width: 100%;
    overflow:none;
    /*overflow: hidden;
    -webkit-overflow-scrolling: touch;*/
}
.content-white {
	top: 0;
    margin: 64px auto 207px auto;
    padding-bottom: 0%;
    width: 100%;
	max-width:100%;
    height: 100%;
	min-height: 100%;
	background-color:#ffffff;
	overflow-x:hidden;
}
.logincontent {
    padding-top: 70px;
    padding-bottom: 130px;
    width: 100%;
}
.main-left {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0%;
    float: left;
    border-right: 0px solid rgba(44,43,63,.1);
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2){
  .info-slider.conditional {
	display:none;
	width:100%;
	height:100%;
	float:left;
	background-color:#d1d1d1;
	box-sizing:border-box;
	margin:0;
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
    max-height: 200px;
    float: right;
	}
}
.info-name {
    display: none;
}
.info-saldo {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    float: left;
    background: #f23d92;
    background: -webkit-gradient(linear,left top,right top,from(#f23d92),to(#e4002c));
    background: linear-gradient(to left,#f23d92 0,#e4002c 100%);
    margin: 0;
    padding: 0 5%;
    border-top: 0px solid rgba(44,43,63,.1);
    border-bottom: 0px solid rgba(44,43,63,.1);
}
.info-saldo .header {
    line-height: 36px;
}
.info-saldo .saldo {
    font-size: 20px;
    line-height: 36px;
}
.info-percentage {
    display: none;
}
.info-claims {
    display: none;
}
.slider .flexslider .flex-control-nav {
    display:none;
}
.main-right {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0%;
    float: left;
    position: relative;
    padding: 0 0 100px 0;
}
.input {
	font-size:13px;
}
:-webkit-input-placeholder {
   font-family:LatoLatinWebLight;
   font-size:16px;
    line-height:50px;
   color: #ffffff;
   padding:4px 0 0 0;
}
:-moz-placeholder { /* Firefox 18- */
   font-family:LatoLatinWebLight;
   font-size:16px;
    line-height:50px;
   color: #ffffff;
}

:-moz-placeholder {  /* Firefox 19+ */
   font-family:LatoLatinWebLight;
   font-size:16px;
    line-height:50px;
   color: #ffffff;
}

:-ms-input-placeholder {  
   font-family:LatoLatinWebLight;
   font-size:16px;
    line-height:50px;
   color: #ffffff;
}
.main-right .top-box {
    width: 100%;
    background: #ececec;
    height: 100px;
    position: absolute;
    bottom: 0;
}
.slider .flex-viewport {
  max-height: 2000px;
  height:216px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .slider .flex-viewport {
  	max-height: 2000px;
  	height:258px;
  	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
	}
}
.slider .loading .flex-viewport {
  max-height: 300px;
}

.loginactions {
	position:relative;
	overflow:auto;
	max-width:1375px;
	min-width:0px;
	margin:6% auto 0% auto;
}
.loginactions .claimbox {
	width: 84%;
    margin: 0 auto;
}
.loginactions .login-text {
	display:block;
	float:left;
	width:100%;
	padding-right:0%;
	text-align:center;
	font-family: 'GT-America-Standard-Regular';
    font-size: 0.8em;
	line-height:1.2em;
    color: #888888;
}
.loginactions .login-input {
	display:block;
	float:left;
	width:100%;
	margin:8% 0px 0px 0px;
}
.loginactions .login-but {
	display:block;
	float:right;
	width:100%;
	margin:4% 0px 8% 0px;
}
.actions {
	position:static;
	display:block;
	background-color: #f1f2f2;
	padding: 6% 6% 6% 6%;
	margin: 0;
	z-index:0;
}
.actions ul {
	list-style: none;
	margin: 0;
	padding: 0 0;
	background-color: #f1f2f2;
}
.actions li {
	font-size: 0.85em;
	background: #fff url('../images/right_grey.png') no-repeat 96% center;
	line-height: 1.4em;
}
.actions .claimbox {
	position: relative;
	height:60px;
	width:100%;
	font-size: 0.85em;
	margin-top:0;
}

/* claimpage=========================================*/
.inputbox {
	display:block;
	float:left;
	vertical-align: top;
	height:60px;
	width:57%;
	margin-top:0;
	margin-bottom: 0;
}
.claimbut {
	margin: 0;
    width: 40%;
}
.claimactions {
	display:block;
	position: relative;
	height:60px;
	background-color: #fff;
	padding: 0 6%;
}
.claimactions .claimbox {
	display:block;
	position: relative;
	height:60px;
	width:100%;
	margin-top:0;
}
.claimactions .claimbut a{
	display:inline-block;
 	width: 100%;
	height:60px;
	background-image:linear-gradient(#3d8eb9, #3d8eb9);
		-webkit-gradient(linear,(#3d8eb9, #3d8eb9));
			-moz-linear-gradient(#3d8eb9, #3d8eb9);
	background-color: #3d8eb9;
	border: 1px #3d8eb9 solid;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	behavior: url(/css/border-radius.htc);
    border-radius: 3px;
}
.claimactions .claimbut a p{
	font-family:'GT-America-Standard-Regular';
	text-transform:uppercase;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:60px;
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
.claimactions .searchbut a{
	display:inline-block;
 	width: 100%;
	height:60px;
	background-image:linear-gradient(#00a885, #00a885);
		-webkit-gradient(linear,(#00a885, #00a885));
			-moz-linear-gradient(#00a885, #00a885);
	background-color: #00a885;
	border: 1px #00a885 solid;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	behavior: url(/css/border-radius.htc);
    border-radius: 3px;
}
.claimactions .searchbut a p{
	font-family:'GT-America-Standard-Regular';
	text-transform:uppercase;
	font-size:14px;
	line-height:60px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
/* PAGE */
.rewards-wrapper {
    margin: 0;
    width: 100%;
    padding: 5% 5% 0 3%;
}
.rewards-wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    -o-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}
.reward-box-wrapper {
    margin: 0 0 20% 0;
}
.reward-title {
    font-size: 3vw;
}
.reward-title:after {
    /*content: '';*/
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    height: 2px;
    background-color: inherit;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2);
}
.reward-amount {
    font-size: 6.8vw;
    line-height: 18vw;
}
.reward-amount:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    height: 2px;
    background-color: #6e99fc;
    -webkit-transform: scaleX(.2);
    transform: scaleX(.2);
    z-index: 1000;
}
.reward-amount:after {
    content: 'pluspunten';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    height: 2px;
    background-color: inherit;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    font-size: 16px;
    font-family: LatoLatinWeb;
    color: #5b6770;
    line-height: 18px;
    text-align: center;
}
.reward-description {
    font-size: 3.8vw;
    line-height: 3.8vw;
    margin: 5% 0 5% 0;
}
.reward-expiration {
    font-size: 2.6vw;
    line-height: 2.8vw;
    padding: 5%;
    margin: 2%;
}
.reward-expiration:before {
    content: '';
    position: absolute;
    left: 10%;
    bottom: 32px;
    height: 1px;
    width: 80%;
    background-color: #9cabb4;
    /* -webkit-transform: scaleX(.2); */
    /* transform: scaleX(.2); */
}
.page {
	width:100%;
    max-width:100%;
	min-width:320px;
	padding: 0%;
}
.actiebloks {
    position: relative;
    display: block;
    float: left;
    padding: 5% 0;
    border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0%;
}
.actieblok1 {
    width: 100%;
}
.actieblok2 {
    width: 100%;
    padding: 0% 0 0 0%;
}
.actieblok2 .title {
    margin: 5% 0 1% 0;
}
.actieblok-subimg img {
    top: 4px;
}
.page .section {
    padding: 5% 5% 4% 5%;
}
.page .section.rewards {
    padding: 0;
}
.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
}
.page .section .col1-2 {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}
.page .section .col2-2 {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}
.rowpage {
	background-color: #ffffff;
	padding: 6% 0%;
}
.actionpage {
    display:block;
	max-width:1250px;
	min-width:10px;
	margin:0 auto;
	background-color: #ffffff;
    padding: 0;
}
.toprow-grey {
    display: none;
    height: 30px;
    width: 100%;
}
.back a {
    display: block;
    float: left;
    height: 44px;
    margin-left: 18px;
    text-decoration: none;
    background: url(../images/backarrow.png);
    background-size: 8px 15px;
    background-repeat: no-repeat;
    background-position: left;
}
.back a:after {
    content: "Terug";
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
    color: #1480d8;
    font-size: 12px;
    line-height: 44px;
    margin: 0 0 0 14px;
    text-decoration: none;
}
.pagetitle {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
    height: 50px;
    background-color: #ebedf5;
    font-size: 24px;
    line-height: 50px;
    text-align: left;
    padding-left: 6%;
    font-family: LatoLatinWebLight;
    text-transform: uppercase;
    color: #888888;
}
.subnav {
	display:none;
}
.sitename {
	display:block;
}
/*@keyframes slide {
  0% {
    height: 45px;
  }
  50% {
    height:45px;
  }
  100% {
    height:5px;
  }
}
.sitename:hover {
    height: 5px;
    width: 100%;
	background-color: #007edb;
	animation-duration: 3s;
	animation-delay:0s;
    animation-name: slideout;
	-webkit-animation-iteration-count: 1;
}
@keyframes slideout {
  0% {
    height: 45px;
  }
  50% {
    height:45px;
  }
  100% {
    height:5px;
  }
}*/
.sitename .sub {
    background-color: #007edb;
	height: 32px;
}
.sitename .sub select {
    padding-left: 5%;
	height: 32px;
    color: #fff;
    background: url(../images/arrow_down_light.png);
    background-size: 12px 8px;
    background-repeat: no-repeat;
    background-position: 96%;
}
.sitename .main {
    display: none;
}
.content-wrapper {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
        overflow: hidden;
}

.sectiontitle {
	font-family:'GT-America-Standard-Regular';
	text-transform:uppercase;
	color: #222;
	font-size: 12px;
	margin-top: 3%;
	text-decoration: none;
}
.page li{
	font-family:'GT-America-Standard-Regular';
	color: #333;
	font-size: 12px;
	margin-top: 0;
	margin-left:-6%;
	text-decoration: none;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  	.page {
		max-width:667px;
		min-width:375px;
		padding: 6%;
	}
	.pagetitle {
		font-size: 14px;
	}
	.sectiontitle {
		font-size: 11px;
	}
	.page li{
		margin-left:-3%;
	}
}

/*TICKETS*/
.tickets {
    display: block;
    float: left;
    width: 100%;
    padding: 3% 0% 10% 0%;
    margin: 0;
}
.tickets label {
    height: 40px;
	width: 25%;
    font-size: 0.8em;
    line-height: 40px;
	margin: 0 0% 3% 4%;
}
.tickets .tab-content .row.closed .title {
    height: 60px;
	width:100%;
}
.tickets .tab-content .row.opened .title {
    height: 60px;
	width:100%;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img {
    height: 60px;
	width:10%;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img {
    height: 60px;
	width:10%;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img.new #closed {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img.new #closed {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img.read #open {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img.read #open {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img.sent #sent {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img.sent #sent {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img.closed #wait {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img.closed #wait {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.closed .title .column-left .ticket-list-img.closed #archive {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.opened .title .column-left .ticket-list-img.closed #archive {
    margin: 18px 0 32px 16px;
}
.tickets .tab-content .row.closed .title .column-right .arrow {
    margin-right: 10px;
}
.tickets .tab-content .row.opened .title .column-right .arrow {
    margin-right: 10px;
}
.tickets .tab-content .row.closed .title .column-left .ticket-subject {
    height: 30px;
    width: 90%;
	line-height:20px;
	padding-right: 3%;
}
.tickets .tab-content .row.opened .title .column-left .ticket-subject {
    height: 30px;
    width: 90%;
	line-height:20px;
	padding-right: 3%;
}
.tickets .tab-content .row.closed .title .column-left .ticket-no {
    height: 30px;
	width:90%;
    font-size: 14px;
	line-height:45px;
	padding: 0 5% 0 0;
}
.tickets .tab-content .row.opened .title .column-left .ticket-no {
    height: 30px;
	width:90%;
    font-size: 14px;
	line-height:45px;
	padding: 0 5% 0 0;
}
.tickets .tab-content .row.closed .title .column-left .arrow {
    margin-top: 10px;
}
.tickets .tab-content .row.opened .title .column-left .arrow {
    margin-top: 10px;
}
.ticket-header-title {
    width: 40%;
	padding: 0 0 0 9%;
}
.ticket-header {
    width: 100%;
}
.tickets .ticket-box {
    padding: 0% 5% 5% 9%;
}
.tickets .response-box {
    padding: 0% 5% 5% 9%;
}
.tickets .ticket-box p {
	font-family: LatoLatinWeb;
	font-size:13px;
	line-height:18px;
}
.tickets .response-box p {
	font-family: LatoLatinWeb;
	font-size:13px;
	line-height:18px;
}
.readbut {
    width: 30%;
	padding: 0 0 0 8%;
}
.readbut a {
    font-size: 11px;
}
.closebut {
    width: 30%;
	padding: 0 0 0 8%;
}
.closebut a {
    font-size: 11px;
}
.tickets .ticket-buttons {
    margin: 0 0 5% 0;
}
.tickets .ticket-answer {
    padding: 0% 5% 5% 9%;
	font-size: 14px;
}
.tickets .ticket-answer textarea {
    min-height: 150px;
	font-family: LatoLatinWeb;
	font-size:14px;
	line-height:18px;
}
.sendTicketbut {
    width: 50%;
    margin: 5% 0 0 0;
}
.tickets .new-ticket {
    padding: 0% 4% 3% 4%;
}
.ticket-send input[type=text] {
    font-size: 14px;
}
.ticket-send textarea {
    font-size: 14px;
}


/*OLD*/
.tabs {
      position: relative;   
      min-height: 500px; /* This part sucks */
      clear: both;
      margin: 14px 0;
    }
    .tab {
      float: left;
    }
    .tab label {
      background: #ececee;
	  font-family: 'GT-America-Standard-Regular';
	  color: #333;
	  font-size: 0.8rem;
	      line-height: 1rem;
	  font-weight: 400;
      padding: 10px 30px; 
      border: 0px solid #ccc; 

    }
    .tab [type=radio] {
      display: none;   
    }
    .tabcontent {
      position: absolute;
      top: 28px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 20px 0;
      border: 0px solid #ccc; 
	padding: 10px 0 20px 0;
    }
    .tab [type=radio]:checked ~ label {
      background: #007edb;
	  font-family: 'GT-America-Standard-Regular';
	  color: #fff;
	  font-size: 0.8rem;
	      line-height: 1rem;
	  font-weight: 400;
      border-bottom: 0px solid white;
      z-index: 2;
    }
    .tab [type=radio]:checked ~ label ~ .tabcontent {
      z-index: 1;
    }
.ticket-row {
	display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px 0 0 0;
    background-color: #fff;
}
.ticket-row .status {
	position:relative;
	display:block;
	float:left;
	width:5%;
	height:30px;
	margin-right: 2%;
}
.ticket-row .status .tiknew {
	position: absolute;
    top: 35%;
    left: 0%;
	display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 5px solid #007edb;
}
.ticket-row .status .tikread {
	position: absolute;
    top: 35%;
    left: 0%;
	display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #007edb;
}
.ticket-row .status .tiksent {
	position: absolute;
    top: 35%;
    left: 0%;
	display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 5px solid #e14938;
}
.ticket-row .title {
	display: block;
    float: left;
    width: 93%;
    margin-right: 0%;
    margin-left: 7%;
	padding-right: 5%;
	padding-Bottom: 4%;
    font-family: 'GT-America-Standard-Regular';
	color: #333;
	font-size: 1rem;
	line-height: 18px;
	font-weight: 400;
	border-bottom: 1px solid rgba(44,43,63,.1);
}
.ticket-row .title.new {
    display: block;
    float: left;
    width: 93%;
    margin-right: 0%;
    margin-left: 7%;
	padding-Bottom: 4%;
    font-family: 'GT-America-Standard-Regular';
    color: #007edb;
    font-size: 1rem;
    line-height: 18px;
    font-weight: 400;
	border-bottom: 1px solid rgba(44,43,63,.1);
}
.ticket-row .date {
	display:block;
	float:left;
	width:93%;
	margin-right:0%;
	font-family: 'GT-America-Standard-Regular';
	color: #333;
	font-size: 1rem;
	line-height: 30px;
	font-weight: 400;
}
.ticket-row .date.new {
	display:block;
	float:left;
	width:93%;
	margin-right:0%;
	font-family: 'GT-America-Standard-Regular';
	color: #007edb;
	font-size: 1rem;
	line-height: 30px;
	font-weight: 400;
}
.ticket.closed {
	display:block;
	float:left;
}
/*TICKETS*/

/* ROWS */
.claim-row .title {
	box-sizing: border-box;
    border-bottom: 1px solid rgba(44,43,63,.1);
    height: 70px;
    padding: 0 3%;
    margin:0;
}
.claim-row .claim-list-img {
    width: 30%;
    height: 70px;
    padding: 4px 0;
}
.claim-row .claim-label-box {
    width: 40%;
    height: 70px;
}
.claim-row .claim-label {
    height: 35px;
    padding: 0;
    line-height: 55px;
}
.claim-row .claim-label-sub1 {
    line-height: 30px;
}
.claim-row .claim-delete {
    height: 70px;
    padding-right: 2%;
    width: 28%;
}
.claim-row .deletebut {
    height: 50px;
    width: 80%;
    margin: 10px 0 10px 3%;
    line-height: 70px;
}

.rows.pagetitle {
	display:block;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #222;
	font-size: 14px;
	padding-bottom:1em;
	padding: 0 6% 6% 6%;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.rows .row.opened .title {
    height: 70px;
    border-radius: 0px;
    padding: 0 3%;
    box-shadow: 0px -3px 3px 0px #afc6fa;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-btopleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}
.rows .row.opened .title:after, .rows .row.opened .title:before {
    top: 9px;
}
.rows .row.closed .title {
	box-sizing: border-box;
    border-bottom: 1px solid rgba(44,43,63,.1);
    height: 70px;
    padding: 0 3%;
}
.rows .row .title {
    cursor: pointer;
}
.rows .row .title .column-left {
    width: 100%;
	height:70px;
}
.rows .row .column-left {
    float: left;
}
.rows .row.opened .title .column-left .arrow {
    width: 5%;
    height: 30px;
    float: right;
	margin-top:15px;
	margin-right:8%;
    background: url(../images/arrow_up.png);
    background-repeat: no-repeat;
    background-position: center;
}
.rows .row.closed .title .column-left .arrow {
    width: 5%;
    height: 30px;
    float: right;
	margin-top:15px;
	margin-right:0%;
    background: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: center;
}
.rows .row.closed .title .column-left .arrow-right {
    width: 5%;
    height: 60px;
    float: right;
	margin-top:0;
	margin-right:8%;
    background: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
}
.rows .row.closed .title .column-left .label {
	padding-left: 0%;
	width:45%;
    float: left;
    font-size: 16px;
}
.rows .row.closed .title .column-left .label .label-ktn {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
    color: #333333;
    float: left;
    font-size: 18px;
    line-height: 46px;
}
.rows .row.closed .title .column-left .label .label-clnt {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
    color: #80878e;
    float: left;
    font-size: 10px;
    line-height: 24px;
	overflow:hidden;
}
.rows .row.closed .title .column-left .label.grey {
	padding-left: 0%;
	width:45%;
    float: left;
    font-size: 16px;
}
.rows .row.closed .title .column-left .label.grey .label-ktn {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
	color: #9ca5ae;
    float: left;
    font-size: 18px;
    line-height: 60px;
}
.rows .row.closed .title .column-left .label.grey .label-clnt {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
	color: #9ca5ae;
    float: left;
    font-size: 10px;
    line-height: 30px;
	overflow:hidden;
}
@media only screen and (max-device-width: 320px) {
	.rows .row.closed .title .column-left .label {
		padding-top: 20px;
		padding-left: 2%;
		width:20%;
    	font-family: 'GT-America-Standard-Regular';
    	float: left;
    	font-size: 13px;
	}
	.rows .row.closed .title .column-left .label.grey {
		padding-top: 20px;
		padding-left: 2%;
		color: #9ca5ae;
		width:35%;
    	font-family: 'GT-America-Standard-Regular';
    	float: left;
    	font-size: 13px;
	}
}
/*.rows .row.opened .title .column-left .label {
	padding-top: 15px;
	padding-left: 6%;
	width:35%;
    font-family: 'GT-America-Standard-Regular';
	color:#333;
    float: left;
    font-size: 18px;
}*/
.rows .row.closed .column-left .list-img {
    padding-left: 0%;
	padding-top:5px;
	padding-bottom:5px;
    height: 60px;
	width:20%;
    float: left;
	margin-top:0px;
}
.rows .row.opened .column-left .list-img {
    display:none;
}
.rows .row.closed .column-left .transaction-list-img.positive {
    width: 18%;
    height: 60px;
    padding: 15px 0 0 0;
}
.rows .row.opened .column-left .transaction-list-img.positive {
    width: 18%;
    height: 60px;
    padding: 15px 0 0 0;
}
.rows .row.closed .column-left .transaction-list-img.negative {
    width: 14%;
}
.rows .row.opened .column-left .transaction-list-img.negative {
    width: 14%;
}
.rows .row.closed .title .column-left .transaction-label-box {
    width: 55%;
    height: 70px;
}
.rows .row.opened .title .column-left .transaction-label-box {
    width: 55%;
    height: 70px;
}
.rows .row.closed .column-left .price img {
	height:24px;
	margin-top:18px;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  	.rows .row.closed .column-left .price img {
    	width:70px;
		height:24px;
		}
}
.rows .row.opened .column-left .price img {
    display:none;
}
.rows .row.closed .column-left .price {
	height: 60px;
	width:25%;
	padding: 0;
    float: left;
	font-family: 'GT-America-Standard-Regular';
    font-size: 16px;
	line-height:60px;
	text-align:left;
}
.rows .row.opend .column-left .price {
    display:none;
}
@media only screen and (max-device-width: 320px) {
	.rows .row .column-left .price {
    	padding-top: 9px;
    	float: left;
    	padding-left: 0%;
		padding-right: 1%;
	}
}
.newkmbnr {
    display: block;
    width: 100%;
    height: 26px;
	box-sizing:border-box;
	margin: 17px 0 17px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #007edb;
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
    color: #007edb;
    text-align: center;
    font-size: 10px;
    line-height: 26px;
}
.trackingbnr {
    display: block;
    width: 100%;
    height: 26px;
	box-sizing:border-box;
	margin: 17px 0 17px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #d1d5d8;
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
    color: #a0a9b1;
    text-align: center;
    font-size: 10px;
    line-height: 26px;
}
.rows .row .column-right {
    margin-left: 310px;
}
.column-right {
    display: none;
}
.clear {
    clear: both;
}
.clear {
    float: none;
    display: block;
    clear: both;
}
.listcontent {
	margin-bottom: 25px;
    padding-bottom: 10px;
    border-left: 0px solid rgba(44,43,63,.1);
    border-right: 0px solid rgba(44,43,63,.1);
    border-bottom: 0px solid rgba(44,43,63,.1);
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 10px 15px 0px #afc6fa;
}
.listcontent .carindex {
	display: block;
    margin: 0 6% 12% 6%;
	width:auto;
	height:auto;
	box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    font-family: 'GT-America-Expanded-Medium';
    color: #333333;
    font-size: 11px;
}
/*.claimlink {
    padding: 0;
    margin: 0% 6%;
    float: none;
	overflow:auto;
}*/
.claimlink a {
	font-family: 'GT-America-Standard-Regular';
}
.listcontent img {
	display: block;
    margin: 2% auto;
    height: auto;
    width: 100%;
}
.rows .row.closed .column-left .price .element {
	display:none;
	height:30px;
	width:16.5%;
	margin: 0px 0px 0px 0px;
}
.rows .row.opened .column-left .price .element {
	display:none;
}
.element img{
	display:block;
	height:100%;
}
@media only screen and (max-device-width: 320px) {
	.element {
		display:inline-block;
		height:28px;
		width:28px;
		margin: 3px 0px 0px 0px;
	}
	.element img{
		display:block;
		height:28px;
		width:28px;
	}
}

.element-container {
	display:block;
	height:44px;
	width:100%;
	margin: 0;
	background: #fff;
	border-top: 1px solid #cccccc;
}
.row .listcontent .column-left-big.gesloten .element-container {
	display:block;
	height:44px;
	width:100%;
	margin: 0;
	background: #fff;
	border-top: 1px solid rgba(44,43,63,.1);
}
.row .listcontent .column-left-big.open .element-container {
	display:block;
	height:44px;
	width:100%;
	margin: 0;
	background-color: rgba(44,43,63,.1);
	border-top: 1px solid transparent;
}
.element-info-container {
	display:block;
	height:auto;
	width:100%;
	margin: 0;
	padding-top:0px;
	padding-bottom:0px;
}
.display-fix {
	height:1px;
	width:100%;
	margin: 0;
	padding-top:0px;
	padding-bottom:0px;
}
.element-large {
	display:inline-block;
	height:44px;
	width:15%;
}
/*.element-large img{
	display:block;
	height:30px;
	width:30px;
	margin: 7px 0 7px 13px;
}*/
.element-title {
    width: 35%;
    line-height: 44px;
}
.element-title.grey {
	color:#cccccc;
}
.column-left-big.gesloten .element-container .element-new {
    width:15%;
	font-weight: 600;
	line-height: 24px;
}
.column-left-big.open .element-container .element-new {
    width:15%;
	font-weight: 600;
    line-height: 24px;
}
/*.element-kms {
	display:inline-block;
	vertical-align:top;
	text-align:right;
	width:20%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right:0px;
    font-family: 'GT-America-Standard-Regular';
	color:#333333;
    font-size: 14px;
}*/
.element-kms.blue {
	color:#1abc9c;;
    font-family: 'GT-America-Standard-Regular';
}
.element-kms.grey {
	color:#cccccc;
}
.rows .listcontent .column-left-big.open .element-container .arrow {
    display:inline-block;
	vertical-align:top;
	width:15%;
    height: 46px;
    background: url(../images/arrow_up_dark.png);
    background-repeat: no-repeat;
    background-position: center;
}
.rows .listcontent .column-left-big.gesloten .element-container .arrow {   
	display:inline-block;
	vertical-align:top;
	width:15%;
    height: 46px;
    background: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: center;
}
.element-info {
	margin-left:15%;
	vertical-align:top;
	width:85%;
	margin-top:10px;
	margin-bottom:10px;
}
.element-info-box {
	display:inline-block;
	width:100%;
}
.info-box-title {
    width: 120px;
    font-size: 10px;
}
.info-box-content {
	display:block;
	float:left;
	padding-top: 0px;
	padding-left:15px;
    font-family: 'GT-America-Standard-Regular';
	color:#646464;
    font-size: 12px;
}
.space {
	display:block;
	height:25px;
	border-top: 1px solid #cccccc;
	background: linear-gradient(to bottom, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 30%);
    border-bottom: 1px solid #cccccc;
}
.page-space {
	display:block;
	height:25px;
}

.login-greysection {
	display:block;
	float:left;
	padding:8%;
	width:100%;
	background-color:#f5f5f5;
}
.login-helptitle {
    font-family:'GT-America-Standard-Regular';
    margin: 0 5px 10px;
    border-bottom: 1px solid #ccc;
    padding: 0 0px 10px;
    height: 1.8rem;
    line-height: 1.2;
    color: #3c3947;
    font-size: 1rem;
    font-weight: 400;
}
.login-helptext {
	display:block;
	float:left;
	width:100%;
	padding-left:5px;
	padding-right: 5px;
	font-family:'GT-America-Standard-Regular';
	color: #000;
	font-size: 0.725rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}
.login-helptext2 {
	display:none;
	float:left;
	width:100%;
	padding-left:5px;
	padding-right: 5px;
	font-family:'GT-America-Standard-Regular';
	color: #000;
	font-size: 0.625rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}
.login-footer-wrapper {
    display: block;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: transparent;
    margin-bottom: 40px;
}
.greysection {
    padding: 3% 4% 3% 4%;
}
.helptext {
    padding: 0 2% 1% 2%;
}
/* FOOTER */
footer {
    height: auto;
    border-top: 1px solid #ffffff;
}
.login-footer {
	position:absolute;
    display: block;
	padding: 0.975em 0px 1.675em 0px;
    border-top: 0px solid #b9b9b9;
    background:linear-gradient(#1a1a1a, #050404);
	-webkit-gradient(linear,(#1a1a1a, #050404));
		-moz-linear-gradient(#1a1a1a, #050404);
	background-color: #1a1a1a;
	bottom:0px;
    left:0px;
    right:0px;
}
.footer-container {
	display:block;
	width: 100%;
	min-width: 10px;
	max-width:100%;
	box-sizing: border-box;
	padding: 6%;
	margin:0;
}
.ftr-avatar {
	display:block;
	width:100%;
	float:left;
	padding: 0;
	text-align:center;
}
.ftr-avatar.login {
	display:none;
}
.ftr-avatar img {
    display: block;
    width: 70px;
    height: 70px;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    margin: 0 auto;
}
.ftr-box1 {
	display:block;
	width:100%;
	float:left;
	box-sizing:border-box;
	padding: 0 3%;
	text-align:center;
	font-family:LatoLatinWeb;
	color: #888;
	font-size: 14px;
	line-height:20px;
}
.ftr-box1.login {
	display:none;
}
.ftr-box2 {
	display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-family: LatoLatinWeb;
    color: #444444;
    font-size: 18px;
    line-height: 36px;
}
.ftr-box2.login {
	display: none;
}
.ftr-box3 {
	display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-family: LatoLatinWeb;
    color: #666666;
    font-size: 14px;
}
.ftr-box3.login {
	display: none;
}
.footer1 {
    display: none;
}
.footer2 {
    height: 118px;
    width: 100%;
    margin: 0 0 36px 0;
}
.footer2-inner {
    padding: 25px 20px;
    float:left;
}
#copyright {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
        text-align: center;
}
#brands {
    display: block;
    width: 100%;
    height: 50px;
        padding: 0 16%;
}
.footer-header {
	display: inline-block;
	margin: 20px 0px 0px 0px;
	width:100%;
  	vertical-align: middle;
	text-align:center;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #2a93bc;
	font-size: 10px;
}
.footer-container li.chalindex {
	display: block;
	float:left;
	margin: 0;
	width:100%;
	height:30px;
  	vertical-align: middle;
	text-align:center;
	font-family:'GT-America-Expanded-Medium';
	color: #333333;
	font-size: 0.7em;
}
.footer-container li.member {
	display: block;
	float:left;
	width:100%;
	margin: 0 auto 0 auto;
  	vertical-align: middle;
	text-align:center;
	height: 20px;
    line-height: 20px;
	font-family:'GT-America-Standard-Regular';
	color: #848383;
	font-size: 0.8em;
	margin-top:10px;
}
.footer-container li.location {
	display: block;
	float:left;
	width:100%;
	margin: 0 auto 0 auto;
	padding-right:6%;
  	vertical-align: middle;
	text-align:center;
	height: 20px;
    line-height: 20px;
	font-family:'GT-America-Standard-Regular';
	color: #848383;
	font-size: 0.9em;
}
.footer-container li.logoff {
	display: none;
}
/* PRODUCT LOGOS*/
ul.productlogos {
	float:none;
	width: 100%;
}
ul.productlogos li {
    padding: 0 10%;
}
ul.productlogos li:nth-child(1) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(2) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(3) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(4) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(5) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(6) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(7) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(8) {
    display:none;
    border: 0;
	padding: 0;
}
ul.productlogos li:nth-child(9) {
    display: block;
    border: 0;
    padding: 0;
    width: 30%;
    float: left;
}
ul.productlogos li:nth-child(10) {
    display: block;
    border: 0;
    padding: 0;
    width: 70%;
    float: left;
}
ul.productlogos li img {
    height:40%;
}
/* PRODUCT LOGOS*/


/* ACTIEPAGINA */
.actiewrapper {
	display: block;
	padding: 0% 6% 0% 6%;
	max-width: 375px;
	min-width: 320px;
	box-sizing: border-box;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .actiewrapper {
		display: block;
		padding: 0% 6% 0% 6%;
		max-width: 667px;
		min-width: 320px;
		box-sizing: border-box;
	}
}
.actiebox {
	flex: 0;
	width: 100%; /* depends on the number of columns */
	margin:6% 0 0 0;
	box-sizing: border-box;
	/*padding: 1em;
	border: solid;*/
	background-color:#f8f9f9;
}
.actiebeeld {
	padding:0% 0% 3% 0%;
}
.actie-divider {
	display:block;
	float:left;
	width:100%;
	padding-top:16px;
	margin: 0 0% 8% 0%;
	border-bottom: 1px solid #cccccc;
}
.actie-header {
	padding:0% 6% 1% 6%;
	text-align:left;
    font-family: 'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color:#3e3f49;
    font-size: 12px;
}
.actie-text {
	padding:0% 6% 3% 6%;
	text-align:left;
    font-family: 'GT-America-Standard-Regular';
	color:#3e3f49;
    font-size: 12px;
}
.geldig-text {
	padding:0% 6% 8% 6%;
	text-align:left;
    font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	color:#2caed6;
    font-size: 11px;
}
/* ====================================================================================================================
 * 6. NOTIFICATIONS
 * ====================================================================================================================*/

 .updatebar {
    position:relative;
	max-width:100%;
	padding: 0% 6% 6% 6%;
    margin: 0px auto;
	background-color:#f1f2f2;
}

#ticket-notification {
	background-color: #f1f2f2;
	height:0px;
}

#bounce {
	position:relative;
	z-index: 10;
	left:55%;
	bottom:-15px;
	margin-top:-25px;
	margin-left:0px;
	height:30px;
	width:30px;
	background-image: url('../images/bounce.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
		-webkit-animation:bounce 1s;
		-webkit-animation-iteration-count: 5;
}

/*bounce is turned off 
@-webkit-keyframes bounce {
/*0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
  0%       { bottom:15px; }
  25%, 75% { bottom:35px; }
  50%      { bottom:50px; }
  100%     {bottom:15px;}
}*/

.km-notification {
	display:block;
	height:36px;
	float:right;
	top:0px;
	background-image:linear-gradient(#202b3b, #0f1828);
		-webkit-gradient(linear,(#202b3b, #0f1828));
			-moz-linear-gradient(#202b3b, #0f1828);
  	vertical-align: middle;
	padding-right: 6%;
    margin-bottom:0px;
	z-index:1;
}
.km-notification p{
	display:block;
	max-width:100%;
	height:36px;
	vertical-align: middle;
	font-family:'GT-America-Standard-Regular';
	text-transform:uppercase;
	color: #9f9f9f;
	font-size: 0.75em;
	text-decoration: none;
	text-align:right;
	padding-top:0px;
	margin-right:0;
	    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.newkms {
	position:absolute;
	display:block;
	height: 27px;
	float:left;
	margin-left:6%;
	top:3px;
	padding:0 3%;
	background-image:linear-gradient(#ff5c00, #ff5c00);
		-webkit-gradient(linear,(#ff5c00, #ff5c00));
			-moz-linear-gradient(#ff5c00, #ff5c00);
  	vertical-align: middle;
	border: 1px #ff5c00 solid;
		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    			-khtml-border-radius: 3px;
	behavior: url(/css/border-radius.htc);
    border-radius: 3px;
  		-webkit-animation:newkms 1s;
  			-webkit-animation-iteration-count: 1;
} 

.newkms p {	
	position:relative;;
	vertical-align: middle;
	text-align:center;
	width:100%;
	margin: 0;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #ffffff;
	font-size: 0.6em;
	line-height:27px;
	text-decoration: none;
}

@-webkit-keyframes newkms {

  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/*0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
	0%		{ top:-35px; }
	25%		{ top:-10px; }
	50%		{ top:0px; }
	75%		{ top:-10px; }
	100%	{top:-35px;}
}*/




.loadmore {
    padding: 0;
    margin: 6% auto 8% auto;
    display: block;
	width:100%;
}
.load-nomore-bar {
	/*background: linear-gradient(to bottom, #2dafd8 0%,#2dafd8 33%,#15749f 78%,#0a5985 100%);*/
	max-width: none;
    text-transform: none;
	text-align:center;
    display: block;
    height: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    border-radius: 3px;
	border: 1px solid #d1d5d8;
	font-family: LatoLatinWeb;
	color:#d1d5d8;
	text-transform:uppercase;
    font-size: 13px;
	margin:6% auto;
}


/* ====================================================================================================================
 * 8. BOTTOM BAR
 * ====================================================================================================================*/
.bottom-bar {
	position:absolute;
	display:block;
	width:100%;
	height: 45px;
	background-image:linear-gradient(#54acd2, #3d8eb9);
		-webkit-gradient(linear,(#54acd2, #3d8eb9));
			-moz-linear-gradient(#54acd2, #3d8eb9);
  	vertical-align: middle;
	padding-left: 0px;
	border-top: 1px solid #54acd2;
	border-bottom: 1px solid #3d8eb9;
    bottom:160px;
	left:0px;
    right:0px;
    margin-bottom:0px;
}
.bottom-bar ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}
.bottom-bar li.left {
	display: inline-block;
	float: left;
	width:33%;
	margin: 12px 0px;
  	vertical-align: middle;
	text-align:center;
	border-right: 1px solid rgba(0,0,0,0.2);
}
.bottom-bar li {
	display: inline-block;
	float: left;
	width:32%;
	margin: 12px 0px;
  	vertical-align: middle;
	text-align:center;
}
.bottom-bar a {
  	vertical-align: middle;
	width:50%;
	font-family:'GT-America-Expanded-Medium';
	text-transform:uppercase;
	color: #ffffff;
	font-size: 0.75em;
	text-decoration: none;
}





/*
MAANDREALISATIE */
.month-row {
	position:relative;
	display: block;
	overflow:auto;
    width: 100%;
	min-height:65px;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
}
.month-title {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	color:#3b3a48;
	font-size:20px;
	line-height:45px;
	text-align:center;
	/*text-transform: uppercase;*/
	padding: 0 6%;
}

.activate-month {
	position:relative;
	display:block;
	float:right;
	height:45px;
	width:100%;
	box-sizing:border-box;
	padding-right:0px;
}
.activate-month a{
	position:relative;
	display:block;
	float:none;
	background-color:#1abc9c;
	text-decoration:none;
	box-sizing:border-box;
	border-radius:3px;
	text-align:right;
	margin-top:0px;
	margin-right:5px;
	height:45px; 
	width:88%;
	margin: 0 auto;
}
.activate-month a p{
	font-family: 'GT-America-Standard-Regular';
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-size:16px;
	margin: 0 auto;
}
.proefritheader {
	height:45px;
	font-family: 'GT-America-Standard-Regular';
	color:#666;
	font-size:18px;
	/*text-transform: uppercase;*/
	margin-bottom: 0px;
	text-align:left;
	padding: 5px 0px 0px 16%;
	margin-top:3%;
}
.proefritheader:before {
	content: url('../images/peu_testdrive-yes_icon.png');
	transform: scale(.45);
	background-size: 10px 20px;
    position: absolute;
	display: block;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 20px;
	margin: 5px 0px 0 4%;
	background: #fff;
}
.accessoireheader {
	height:45px;
	font-family: 'GT-America-Standard-Regular';
	color:#666;
	font-size:18px;
	/*text-transform: uppercase;*/
	margin-bottom: 0px;
	text-align:left;
	padding: 5px 0px 0px 16%;
	margin-top:6%;
}
.accessoireheader:before {
	content: url('../images/peu_accessoires-yes_icon.png');
	transform: scale(.45);
	background-size: 10px 20px;
    position: absolute;
	display: block;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 20px;
	margin: 6% 0px 0 4%;
	background: #fff;
}
.proefritslider {
	display:block;
	position:relative;
	background-image: url('../images/proefritslider2.svg');
	background-repeat: no-repeat;
	width:75%;
	min-height:50px;
	margin-left:6%;
	margin-top:-4%;
}
.accessoireslider {
	display:block;
	position:relative;
	background-image: url('../images/accessoireslider2.svg');
	background-repeat: no-repeat;
	width:75%;
	min-height:50px;
	margin-left:6%;
	margin-top:-4%;
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 767px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .proefritslider {
	min-height:80px;
}
.accessoireslider {
	min-height:87px;
	}
}
.monthcol1 {
	width: 100%;
	display:block;
	float:left;
}
.monthcol2 {
	width: 84%;
	display:block;
	float:left;
}
.monthcol3 {
	width: 15%;
	display:block;
	float:left;
	text-align:center;
	box-sizing:border-box;
	padding: 0 0 0 1%;
}
.monthscore-row {
	display:block;
	height:18px;
	width:88%;
	box-sizing:border-box;
	margin: 0 6% 5px 6%;
}
.monthscoreheader {
	font-family: 'GT-America-Standard-Regular';
	color:#888;
	font-size:11px;
	text-transform: uppercase;
	margin-bottom: 7px;
	padding: 0px 0px 0px 0px;
}
.monthscoreheader-lg {
	font-family: 'GT-America-Standard-Regular';
	color:#888;
	font-size:16px;
	text-transform: uppercase;
	padding: 0;
	margin: 15px 0px 0px 0px;
}
.monthscorelist {
	font-family: 'GT-America-Standard-Regular';
	color:#333;
	font-size:12px;
	margin-bottom: 0px;
	padding: 5px 0px 0px 0px;
	z-index:99;
}

/*TRANSACTIONS PAGE */
.main-right .top-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(237, 240, 246, 1);
    box-shadow: 0px 0px 0px 0px rgba(237, 240, 246, 1);
}
.searchbox {
    height: 100px;
    padding: 6%;
}

.searchbox .searchbut {
	display:block;
	float:left;
	vertical-align: top;
	height:50px;
	width:40%;
	margin:0;
}
.searchbox .searchbut a{
	display: block;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(#00a885, #00a885);
    background-color: #00a885;
    border: 1px #00a885 solid;
    padding: 0px 0px 0px 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
    /*-khtml-border-radius: 3px;
    behavior: url(/css/border-radius.htc);
    border-radius: 3px;*/
}
.searchbox .searchbut a p{
    font-size: 16px;
}
.transactionbox {
    display: block;
    float: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
.page-title-row {
	display: none;
}
.nopage-title {
	display:none;
}
.page-title {
	display:block;
	width:100%;
	height:30px;
	box-sizing:border-box;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	color:#80878e;
	/*background-color:#f5f6f7;*/
	font-size:12px;
	line-height:30px;
	text-align:center;
	text-transform: uppercase;
	padding-left:0%;
}
.page-title a {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	color:#80878e;
	background-color:#d1d5d8;
	font-size:12px;
	text-align:left;
	text-transform: uppercase;
	padding: 6% 0%;
}
.rows .row.closed .column-left .transaction-list-img {
    padding-left: 5%;
	padding-top:5px;
	padding-bottom:5px;
    height: 50px;
	width:14%;
    float: left;
	margin-top:0px;
}
.rows .row.opened .column-left .transaction-list-img {
    padding-left: 5%;
	padding-top:5px;
	padding-bottom:5px;
    height: 50px;
	width:14%;
    float: left;
	margin-top:0px;
}
.rows .row.closed .title .column-left .transaction-label {
	height: 30px;
    font-size: 16px;
    line-height: 45px;
}
.rows .row.opened .title .column-left .transaction-label {
	height: 30px;
    font-size: 16px;
    line-height: 45px;
}
.rows .row.closed .title .column-left .transaction-label-sub {
    font-size: 14px;
    line-height: 20px;
}
.rows .row.opened .title .column-left .transaction-label-sub {
    font-size: 14px;
    line-height: 20px;
}
.rows .row.closed .title .column-left .transaction-label-sub1 {
    font-size: 10px;
    line-height: 12px;
}
.rows .row.opened .title .column-left .transaction-label-sub1 {
    font-size: 10px;
    line-height: 12px;
}
.rows .row.closed .title .column-left .transaction-label.grey {
	padding-top: 17px;
	padding-left: 2%;
	color: #9ca5ae;
	width:15%;
    font-family: 'GT-America-Standard-Regular';
    float: left;
    font-size: 21px;
}
.rows .row.opened .title .column-left .transaction-label.grey {
	padding-top: 17px;
	padding-left: 2%;
	color: #9ca5ae;
	width:15%;
    font-family: 'GT-America-Standard-Regular';
    float: left;
    font-size: 21px;
}
/*.rows .row.closed .title .column-left .transaction {
	height:50px;
	width:5%;
	padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'GT-America-Standard-Regular';
	color:#333333;
    float: left;
    font-size: 21px;
	line-height:50px;
	text-align:center;
}
.rows .row.closed .title .column-left .transaction img {
	height:10px;
	padding-top: 20px;
    padding-bottom: 20px;
}*/
.rows .row.opened .title .column-left .transaction {
	display:none;
}
.rows .row.opened .title .column-left .transaction img {
	height:10px;
	padding-top: 20px;
    padding-bottom: 20px;
}
.rows .row.closed .title .column-left .transaction-km {
	height: 60px;
    width: 20%;
    float: left;
    font-size: 16px;
    line-height: 60px;
    text-align: right;
    padding-right: 3%;
}
.rows .row.closed .title .column-left .transaction-km-neg {
	height:60px;
	width:22%;
    box-sizing:border-box;
	font-family: LatoLatinWeb;
	color:#eb6b56;
    float: right;
    font-size: 14px;
	line-height:50px;
	text-align:right;
	padding-right:1%;
}
.rows .row.opened .title .column-left .transaction-km {
	height: 60px;
    width: 20%;
    float: left;
    font-size: 16px;
    line-height: 60px;
    text-align: right;
    padding-right: 3%;
}
.rows .row.opened .title .column-left .transaction-km-neg {
	height:60px;
	width:22%;
    font-family: LatoLatinWeb;
	color:#eb6b56;
    float: right;
    font-size: 14px;
	line-height:60px;
	text-align:right;
	padding:0;
}
.rows .row.opened .title .column-left .transaction-arrow {
    width: 5%;
    height: 60px;
    float: left;
    margin: 0;
    background: url(../images/arrow_up.png);
    background-size: 10px 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.rows .row.closed .title .column-left .transaction-arrow {
    width: 5%;
    height: 60px;
    float: left;
    margin: 0;
    background: url(../images/arrow_down.png);
    background-size: 10px 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.transactie-box {
    padding: 3%;
}
.transactie-box-top {
    width: 83%;
}
.transaction-info-title {
    width: 60%;
    font-family: LatoLatinWebBold;
    font-size: 12px;
    line-height: 20px;
    color: #888888;
}
.transaction-info-content {
    width: 40%;
    font-size: 12px;
    line-height: 20px;
}
.transactie-box-left {
	display:block;
	width:55%;
	float:left;
	margin-top: 6%;
	padding-left:0;
	/*border-right: 1px solid #f1f1f1;*/
}
.transactie-box-right {
	display:block;
	box-sizing: border-box;
	width:45%;
	padding-left:6%;
	padding-right:0;
	margin-top: 6%;
	float:left;
}
.godetail {
	margin-left: 2%;
    width: 15%;
}
.godetail-but a {
	display:block;
	width:63%;
	height:55px;
	margin: 0 auto;
	background-color:#fff;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	text-align:center;
	color:#3d8eb9;
    font-size: 14px;
	line-height:55px;
	border: 1px #3d8eb9 solid;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
	behavior: url(/css/border-radius.htc);
    border-radius: 0px;
}
.godetail-but-shop {
	display:block;
	width:70%;
	height:55px;
	margin: 0 auto;
	background-color:#fff;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	text-align:center;
	color:#eb6b56;
    font-size: 14px;
	line-height:55px;
	border: 1px #eb6b56 solid;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	behavior: url(/css/border-radius.htc);
    border-radius: 3px;
}
.transaction-detail-img {
	display:block;
	width:100%;
	height: 100%;
	float:left;
	margin: 0 auto;
}
.transaction-detail-img img {
	width:58px;
	padding-right:0;
}
.transactie-detail-head {
	display:block;
	width:100%;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	text-align:center;
	color:#333;
    font-size: 16px;
	line-height:14px;
}
.transactie-detail-title {
	display:block;
	width:100%;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	text-align:center;
	color:#a0a9b1;
    font-size: 10px;
	line-height:14px;
}
.transactie-detail {
	display:block;
	width:100%;
	text-align:center;
	font-family: 'GT-America-Standard-Regular';
	color:#333333;
    font-size: 14px;
	line-height:18px;
}
.transactie-subdetail {
	display:block;
	width:97%;
	text-align:center;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	color:#a6aeb6;
    font-size: 11px;
	line-height:14px;
    margin: 8% 3% 0 0;
}
.transactie-saldo-title {
	display:block;
	width:100%;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	text-transform:uppercase;
	color:#a0a9b1;
    font-size: 10px;
	line-height:14px;
	text-align:right;
}
.transactie-date {
	display:block;
	width:100%;
	float:left;
	font-family: "Arial","Verdana",sans-serif;
	color:#333333;
    font-size: 14px;
	line-height:18px;
	text-align:left;
}
.transactie-saldo {
	display:block;
	width:100%;
	float:left;
	font-family: "Arial","Verdana",sans-serif;
	color:#333333;
    font-size: 14px;
	line-height:18px;
	text-align:right;
}
.transactie-saldo-neg {
	display:block;
	width:100%;
	float:left;
	font-family: 'GT-America-Standard-Regular';
	color:#eb6b56;
    font-size: 20px;
	line-height:18px;
	text-align:right;
}
.detailsbut {
	display:block;
	position:relative;
	width:100%;
	height:60px;
	margin-bottom:0;
}
.detailsbut p {
	font-family: 'GT-America-Standard-Regular';
	color:#fff;
    font-size: 20px;
	line-height:60px;
	text-align:center
}

.car-detail-row {
	box-sizing:border-box;
	display:block;
	height:60px;
	background-color:#fff;
	border-bottom: 1px solid rgba(44,43,63,.1);
	padding: 0 6%;
}
.car-detail-list-img {
	padding-left: 0%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px;
    width: 20%;
    float: left;
    margin-top: 0px;
}
.car-detail-list-img img {
	height:100%;
}
.car-detail-label {
	display:block;
	float:left;
	height:60px;
	width:45%;
	padding-left:0%;
}
.car-detail-label .label-ktn {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
    color: #333333;
    float: left;
    font-size: 18px;
    line-height: 46px;
}
.car-detail-label .label-clnt {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
    font-family: 'GT-America-Standard-Regular';
    text-transform: uppercase;
    color: #80878e;
    float: left;
    font-size: 10px;
    line-height: 24px;
	overflow:hidden;
}
.car-detail-kms {
	display:block;
	float:left;
	height:60px;
	width:25%;
	font-family: 'GT-America-Standard-Regular';
	color:#333333;
    font-size: 16px;
	line-height:60px;
	text-align:left;
	padding: 0 0 0 0;
}
.car-detail-kms img {
	display:block;
	float:left;
	height:24px;
	width:70px;
	padding: 18px 0% 0 0;
}
.car-detail-kms2 {
	display:block;
	float:left;
	height:60px;
	width:55%;
	font-family: 'GT-America-Standard-Regular';
	color:#333333;
    font-size: 16px;
	line-height:60px;
	text-align:right;
	padding: 0 0% 0 0;
}
.car-detail-kmsclaim {
	display:block;
	float:left;
	height:60px;
	width:50%;
	font-family: 'GT-America-Standard-Regular';
	color:#333333;
    font-size: 16px;
	line-height:60px;
	text-align:right;
	padding: 0 0% 0 0;
}
.car-detail-arrow {
    display:block;
	width: 5%;
    height: 60px;
    float: right;
	margin-top:0;
    background: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
}
.car-detail-arrowclaim {
    display:block;
	width: 5%;
    height: 60px;
    float: right;
	padding-right:0%;
	margin-top:0;
    background: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
}
.car-detail-back {
    display:block;
	width: 5%;
    height: 60px;
    float: left;
	margin-top:0;
    background: url(../images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*PROFILE FORM*/
.profileLeft {
    width: 100%;
}
.profileRight {
    width: 100%;
}
.dealerTag.blue {
    background-color: #fff;
	font-size:18px;
    font-family: 'GT-America-Standard-Regular';
	color:#007edb;
	background-color:#fff;
    text-align: center;
}
.dealerRight.blue {
    border: 0px solid #007edb;
	padding:0;
}
.section .avatar {
    height: 100px;
}
.section .avatar img {
    width: 100px;
    height: 100px;
}
.profileName {
    text-align: center;
	margin: 0px 0 11px 0;
}
/* TURN OFF THE UPDATE BUT FOR NOW*/
.updatebut {
    display:none;
	width: 30%;
    margin-bottom:3%;
	padding:0;
}
.wijzigenbut {
    width: 100%;
	padding: 0;
}
.wijzigenbut a {
    width: 100%;
}
.inputfile + label {
    display: block;
    float: left;
    width: 94%;
	overflow:hidden;
}
.dealerLeft {
    width: 100%;
}
.dealerTag {
    font-family: 'GT-America-Standard-Regular';
	text-align: center;
	font-size: 14px;
    padding-left: 0%;
    line-height: 50px;
    border: 0px solid #ccc;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0px;
}
.dealerRight {
    display: block;
    float: left;
    width: 100%;
    padding: 0 3% 3% 3%;
    border: 0px solid #d1d5d8;
    margin: 0 0 3% 0;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 3px;
}
.dealerName {
    text-align: center;
}
.profileHeader {
    display: none;
}
.profileInfo {
    width: 100%;
    text-align: center;
}
.changeRow {
    height: 80px;
}
.changeHeader {
    width: 100%;
	line-height:20px;
}
.changePass {
	width:100%;
}
.section .dealerRight select {
    width: 100%;
}
.section .dealerRight input[type=text] {
    width: 100%;
}
.updatebut a {
    width: 94%;
}

/*BELONINGEN*/
.belsectiontitle {
    margin: 0% 0% 0 0;
    padding: 6% 5% 1% 5%;
}
.belrow {
    width: 100%;
    margin: 0 0% 1.5% 0;
    border-bottom: 0px solid #ffffff;
}
.belrowtitle4 {
    display: none;
}
.belrowtitle1 {
    width: 60%;
    padding: 5px 5px 5px 5%;
}
.belrowtitle2 {
    width: 20%;
}
.belrowtitle3 {
    width: 20%;
}
.beltitle {
    width: 60%;
	font-family: 'GT-America-Standard-Regular';
	font-size: 14px;
    padding: 5% 1% 0% 5%;
}
.belbasis {
    width: 20%;
	font-size: 14px;
    padding: 5% 1% 0% 1%;
}
.belactie {
    width: 20%;
	font-size: 14px;
    padding: 5% 3% 0% 1%;
}
.beltoelichting {
    width: 100%;
    padding: 2% 5% 5% 5%;
    min-height: 20px;
    color: #007edb;
	font-size: 13px;
    line-height: 18px;
}
.belspecialrow {
    width: 100%;
    line-height: 18px;
    padding: 5%;
    border: 0px solid #f1f1f1;
}

/*POST*/
.posttitle {
    margin: 6% 0 0 0;
}
.postrow {
    width: 100%;
    padding: 0 0 0 0px;
	height:auto;
}
.posticon {
    width: 15%;
}
.posticon img {
    margin: 9px 0 0 0;
}
.postdate {
    width: 85%;
    text-align: left;
    padding: 0px 15px 0px 15px;
    line-height: 20px;
    margin: 15px 0 0 0;
}
.postsubject {
    width: 85%;
    padding: 0px 5px 0px 15px;
    margin: 0 0 20px 0;
    line-height: 14px;
}

/*DAKAR CHALLENGE Q4 COMPETITION*/
.scoretextLg {
    line-height: 24px;
    font-size: 21px;
    padding: 3% 0;
}
.score-update {
    position: relative;
    width: 100%;
    display: block;
    float: left;
}
.score-update .actiemaand {
    width: 40%;
    height: 30px;
}
.score-update .maandselect {
width: 50%;
    height: 50px;
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-height: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .meter.scotland > span p {
    display:block;
          right: -100px;
      }
}
.score-row {
    padding: 0 4%;
}
.scorecol1a {
    width: 15%;
}
.scorecol2a {
    width: 85%;
}
.scorecol5a {
    display: none;
}
.scorecol1 {
    width: 15%;
}
.scorecol2 {
    width: 85%;
}
.scorelist {
    width: 80%;
}
.scorecol4 {
    width: 100%;
}
.scorecol5 {
    display: none;
}
.dakar-title2 {
    height: 36px;
    font-family: 'GT-America-Standard-Regular';
    font-size: 14px;
    text-align: center;
}
.score-order-row {
    padding: 0 4%;
    margin-bottom: 10%;
    min-width:0;
    min-height: 80px;
}
.scoretext {
    width: 100%;
    margin: 0 0 3% 0;
}
.score-updatebox {
    width: 100%;
}
button.refresh {
    width: 100%;
    margin: 0 0% 0 0%;
}
.order-overview {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}
.orderno {
    padding: 0px 5px 0px 0px;
}
.comppunten {
    padding: 0px 0px 0px 5px;
}
.voorwaarden {
    width: 100%;
    margin: 0%;
    padding: 4%;
}
.vw-title {
    font-family: 'GT-America-Standard-Regular';
    font-size: 14px;
}
.vw-title18 {
    height: auto;
    font-family: 'GT-America-Standard-Regular';
    font-size: 18px;
    line-height:21px;
}
.page li {
    margin-left: 0%;
}
.vw-title2 {
    height: 30px;
    font-family: 'GT-America-Standard-Regular';
    font-size: 14px;
    text-align:left;
}
/*DAKAR 2018 INFO */
.dakar-title2a {
    font-size: 22px;
	padding: 0 4%;
}
.dakar-section {
	padding: 0 4%;
}
.dakar-game {
    width: 100%;
    padding:0 0% 0 0;
    margin-bottom: 3%;
}
.dakar-game-img {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 3%;
}
.dakar-title3 {
	height:auto;
	padding: 0 4%;
}
.dakarfooter {
    margin: 0%;
}
.wingrid .title-row .title {
    font-size: 14px;
	width:28%;
}
.wingrid .title-row .title.right {
    text-align: right;
	width:44%;
}
.wingrid .win-row .text {
    font-size: 12px;
	width:28%;
}
.wingrid .win-row .textred {
    width: 44%;
    font-size: 12px;
}
.wingrid18 .title-row .title {
    font-size: 14px;
	width:28%;
}
.wingrid18 .title-row .title.right {
    text-align: right;
	width:44%;
}
.wingrid18 .win-row .text {
    font-size: 12px;
	width:28%;
}
.wingrid18 .win-row .textred {
    width: 44%;
    font-size: 12px;
}

/*KTO COMPETITION */
.ktoorder-overview {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    -o-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}
button.ktorefresh {
    display: block;
    width: 100%;
    margin: 0 0% 0 0%;
}
.ktoorderno {
    width: 40%;
}
.ktocomppunten {
    width: 60%;
}
/* SPEND KILOMETERS*/
.kto-saldo.yes {
    padding: 0% 6%;
}
.spend-saldo {
    margin: 0;
    padding: 2% 6% 1% 6%;
    border: 1px solid #de4235;
}
.spend-saldo .spend {
    display:none;
}
.spend-saldo .header {
    font-size: 11px;
        line-height: 14px;
}
.spend-saldo .saldo {
    line-height: 14px;
    height:20px;
}
/* KTO KILOMETERS*/
.kto-saldo .header {
	font-size:11px;
}

/* SCOTLAND ALGEMEEN KLASSEMENT*/
.scak .row.closed .title {
    width: 100%;
    float: left;
    /* border-bottom: 1px solid rgba(44,43,63,.1); */
    height: 44px;
    background-color: #ffffff;
    border:1px dotted #2548B4;
    border-radius: 0px;
    padding: 0;
}
.scak .row .title .column-left {
    height: 44px;
    width: 100%;
}
.scak .row.closed .title .column-left .aktitle {
    font-size: 16px;
    width: 90%;
}
.scak .row.opened .title .column-left .aktitle {
    font-size: 16px;
    width: 90%;
}
.scak .row.closed .title .column-left .arrow {
    width: 9%;
    height: 44px;
    float: right;
    margin-top: 0px;
    margin-right: 1%;
    background: url(../images/arrow_down_blue.png);
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
}
.scak .row.opened .title .column-left .arrow {
    width: 9%;
    height: 44px;
    float: right;
    margin-top: 0px;
    margin-right: 1%;
    background: url(../images/arrow_up_white.png);
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
}
.scak .row.opened .title {
    width: 100%;
    float: left;
    /* border-bottom: 1px solid rgba(44,43,63,.1); */
    height: 44px;
    background-color: #2548B4;
    border:1px dotted #2548B4;
    border-radius: 0px;
    padding: 0;
}
.scakrow {
    padding: 2px 2% 1px 2%;
}
.scakrow .left {
    padding: 0;
}
.scakcol2 {
    width: 95%;
}
.scakcol3 {
    width: 9%;
}
.scakrow .name p {
    display: block;
}
.scakrow .month p {
    width: 25px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
}
.scakrow .month.not p {
    width: 25px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
}
.scakrow .month.zero p {
    width: 25px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
}
.scakrow .total p {
    width: 25px;
    height: 20px;
    font-size: 12px;
    line-height: 18px;
}

/*PRIVACY STATEMENT*/
.privacy .row.closed .title {
    padding: 0 3% 0 1%;
    height:34px;
}
.privacy .row.opened .title {
    padding: 0 3% 0 1%;
    height:34px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-btopleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}
.privacy .row.opened .title .column-left .arrow {
    display: block;
    width: 5%;
    height: 34px;
    float: right;
    margin-top: 0px;
    margin-right: 1%;
    background: url(../images/arrow_up_white.png);
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
}
.privacy .section {
    display: block;
    float: left;
    width: 100%;
    padding: 0 4%;
}
.privacy .row .title .column-left {
    width: 100%;
    height: 34px;
}
.privacy .row.opened .title .column-left .privacytitle {
    padding: 0 0 0 3%;
}
.privacy .listcontent {
    display: block;
    width: 100%;
    /* box-sizing: border-box; */
    margin-left: 0px;
    margin-bottom: 10px;
    height: auto;
    float: left;
    padding-bottom: 0px;
    border-left: 0px solid rgba(44,43,63,.1);
    border-right: 0px solid rgba(44,43,63,.1);
    border-bottom: 0px solid rgba(44,43,63,.1);
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}
.privacy .row.closed .title .column-left .arrow {
    width: 5%;
    height: 34px;
    float: right;
    margin-top: 0px;
    margin-right: 1%;
    background: url(../images/arrow_down_blue.png);
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
}
.privacy .row.closed .title .column-left .privacytitle {
    font-size: 12px;
}
.privacy .row.opened .title .column-left .privacytitle {
    font-size: 12px;
}

/*DAKAR CHALLENGE Q4 COMPETITION*/
.scoretextLg18 {
    letter-spacing: 0.1px;
    font-size: 24px;
}
.dakar-title218 {
    font-size: 21px;
    padding-left: 4%;
}
button.refresh18 {
    width: 100%;
    margin: 0;
}



.lightbox .box {
    position: absolute;
    min-width: 100%;
    margin: 2% auto;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    box-shadow: 0px 1px 26px -3px #777777;
        bottom:25%;
}
.lightbox .box .content img {
    width:100%;
}
.verslagtitle {
    padding: 4% 0 0 0;
}