.card-preview {
	width: 270.1px; /* 54.02 x 5*/
	height: 428.85px; /* 85.77 x 5*/
	border-radius: 8px;
	border:1px solid #eaeaea;
	margin:0 auto;
	background-color:#fff;
	box-shadow: 4px 4px 10px 1px #bbb;
}


/* Design: Fosen IKT */

.card-preview.design-fosenikt { background-color:#0072c6; }
.card-preview.design-fosenikt .cp-userpicture {
	height:230px;
	border:0px solid red;
	
}
.card-preview.design-fosenikt .cp-userpicture div#cp-userpicture-photo {
	height:230px;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
}
.card-preview.design-fosenikt .cp-bottom { position:relative; }
.card-preview.design-fosenikt .cp-bottom .cp-userdata { height:150px; text-align:center; color:#fff; }
.card-preview.design-fosenikt .cp-bottom .cp-title { font-size:22px; font-weight:600; padding-top:8px; }
.card-preview.design-fosenikt .cp-bottom .cp-title2 { font-size:18px; }
.card-preview.design-fosenikt .cp-bottom .cp-title3 { font-size:12px; margin-top:4px; }
.card-preview.design-fosenikt .cp-bottom .cp-logo1 { float:left; margin-left:10px; }
.card-preview.design-fosenikt .cp-bottom .cp-logo1 img { height:30px; }
.card-preview.design-fosenikt .cp-bottom .cp-logo2 { float:right; margin-right:10px; }
.card-preview.design-fosenikt .cp-bottom .cp-logo2 img { height:15px; }
.card-preview.design-fosenikt .cp-bottom .cp-smartchip { position:fixed; z-index:2; background-color:#fff; height:60px; width:60px; border-radius:5px; margin-left:90px; margin-top:-60px; }








/* Design: Indre Fosen */
.card-preview.design-roan .cp-header { height:60px; border:0px solid green; }
.card-preview.design-roan .cp-header img { width:100%; }

.card-preview.design-roan .cp-userpicture {
	height:175px;
	border:0px solid red;
	
}
.card-preview.design-roan .cp-userpicture div#cp-userpicture-photo {
	height:160px;
	width:160px;
	margin-left:55.05px;
	display:inline-block;	
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 50%;
}
.card-preview.design-roan .cp-userpicture img#cp-userpicture-photo { width:100%; }

.card-preview.design-roan .cp-info { height:148.85px; color:#2a2a2a; border:0px solid blue;  }
.card-preview.design-roan .cp-info .cp-userdata { height:150px; text-align:center; }
.card-preview.design-roan .cp-info .cp-title { font-size:22px; font-weight:600; padding-top:0px; }
.card-preview.design-roan .cp-info .cp-title2 { font-size:18px; }
.card-preview.design-roan .cp-info .cp-title3 { font-size:13px; margin-top:5px; }
.card-preview.design-roan .cp-info .cp-logo1 { float:left; margin-left:10px; }
.card-preview.design-roan .cp-info .cp-logo1 img { height:30px; }
.card-preview.design-roan .cp-info .cp-logo2 { float:right; margin-right:10px; }
.card-preview.design-roan .cp-info .cp-logo2 img { height:15px; }

.card-preview.design-roan .cp-footer { height:40px; border:0px solid orange; }
.card-preview.design-roan .cp-footer img { width:100%; }







/* Design: Indre Fosen Lånekort */
.card-preview.design-indrefosen-laanekort .cp-header { height:60px; border:0px solid green; }
.card-preview.design-indrefosen-laanekort .cp-header img { width:100%; }

.card-preview.design-indrefosen-laanekort .cp-userpicture {
	height:100px;
	border:0px solid red;
}


.card-preview.design-indrefosen-laanekort .cp-info { height:225px; color:#2a2a2a; border:0px solid blue;  }
.card-preview.design-indrefosen-laanekort .cp-info .cp-userdata { height:150px; text-align:center; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-title { font-size:35px; font-weight:600; padding-top:0px; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-title2 { font-size:18px; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-title3 { font-size:18px; margin-top:45px;}
.card-preview.design-indrefosen-laanekort .cp-info .cp-logo1 { float:left; margin-left:10px; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-logo1 img { height:30px; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-logo2 { float:right; margin-right:10px; }
.card-preview.design-indrefosen-laanekort .cp-info .cp-logo2 img { height:15px; }

.card-preview.design-indrefosen-laanekort .cp-footer { height:40px; border:0px solid orange; }
.card-preview.design-indrefosen-laanekort .cp-footer img { width:100%; }







/* Design: Ørland/Bjugn */
.card-preview.design-orland .cp-header { height:60px; border:0px solid green; }
.card-preview.design-orland .cp-header img { width:100%; }

.card-preview.design-orland .cp-userpicture {
	height:175px;
	border:0px solid red;
	margin-top:15px;
	
}
.card-preview.design-orland .cp-userpicture div#cp-userpicture-photo {
	height:160px;
	width:160px;
	margin-left:55.05px;
	display:inline-block;	
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 50%;
}
.card-preview.design-orland .cp-userpicture img#cp-userpicture-photo { width:100%; }
/*.card-preview.design-orland .cp-info { height:131.85px; color:#2a2a2a; border:0px solid blue; }*/
.card-preview.design-orland .cp-info { height:126.31px; color:#2a2a2a; border:0px solid blue; }
.card-preview.design-orland .cp-info .cp-userdata { height:150px; text-align:center; }
.card-preview.design-orland .cp-info .cp-title { font-size:22px; font-weight:600; padding-top:0px; }
.card-preview.design-orland .cp-info .cp-title2 { font-size:18px; }
.card-preview.design-orland .cp-info .cp-title3 { font-size:13px; margin-top:5px; }
.card-preview.design-orland .cp-info .cp-logo1 { float:left; margin-left:10px; }
.card-preview.design-orland .cp-info .cp-logo1 img { height:30px; }
.card-preview.design-orland .cp-info .cp-logo2 { float:right; margin-right:10px; }
.card-preview.design-orland .cp-info .cp-logo2 img { height:15px; }

.card-preview.design-orland .cp-footer { height:40px; border:0px solid orange; }
.card-preview.design-orland .cp-footer img { width:100%; }



/* Design: Ørland */
.card-preview.design-orland2 .cp-header { height:60px; border:0px solid green; }
.card-preview.design-orland2 .cp-header img { width:100%; }

.card-preview.design-orland2 .cp-userpicture {
	height:175px;
	border:0px solid red;
	
}
.card-preview.design-orland2 .cp-userpicture div#cp-userpicture-photo {
	height:160px;
	width:160px;
	margin-left:55.05px;
	display:inline-block;	
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 50%;
}
.card-preview.design-orland2 .cp-userpicture img#cp-userpicture-photo { width:100%; }

.card-preview.design-orland2 .cp-info { height:144.85px; color:#2a2a2a; border:0px solid blue; }
.card-preview.design-orland2 .cp-info .cp-userdata { height:150px; text-align:center; }
.card-preview.design-orland2 .cp-info .cp-title { font-size:22px; font-weight:600; padding-top:0px; }
.card-preview.design-orland2 .cp-info .cp-title2 { font-size:18px; }
.card-preview.design-orland2 .cp-info .cp-title3 { font-size:13px; margin-top:5px; }
.card-preview.design-orland2 .cp-info .cp-logo1 { float:left; margin-left:10px; }
.card-preview.design-orland2 .cp-info .cp-logo1 img { height:30px; }
.card-preview.design-orland2 .cp-info .cp-logo2 { float:right; margin-right:10px; }
.card-preview.design-orland2 .cp-info .cp-logo2 img { height:15px; }

.card-preview.design-orland2 .cp-footer { height:40px; border:0px solid orange; }
.card-preview.design-orland2 .cp-footer img { width:100%; }





.card-photos { margin:15px 25px; }
.card-photos .thumb {  }
.card-photos .thumb img { width:60px; }




.camcontent {
	border: 0px solid red;
}
.camcontent canvas { display:none; }

.cambuttons {
	border: 0px solid red;
}





.tabs {
	background-color: var(--main-bg-color);
}

.tabs .tab a {
	color: var(--main-link-color);
}

.tabs .tab a:hover, .tabs .tab a.active {
	background-color: transparent;
    color: var(--main-link-hover-color);
}

.tabs .indicator {
	background-color: var(--main-link-color);;
}