.green-heading {
	font-weight:bold !important;
	color:#fff !important;
	padding:10px 25px!important;
	background:#1a6c70!important;
}
.green-heading a {color:#fff;}
.green-heading .button4 {float:right;margin:0;}

a.button.orange-btn {
	background: #fff !important;
	border: 2px solid #ff923f !important;
	color: #ff923f !important;
	line-height: 42px !important;
	vertical-align: top;
}
a.button.orange-btn:hover {background:#fff !important;}
.pv-frame-1-6 a.button {width:100%;}

.content-wrap-padded {background:#fff;padding:15px;}

/* Form basics (adjustments) */
.pv-section_half {float:left;width:calc(50% - 5px); margin-right:10px;}
@media only screen and (max-width : 600px) {
	.pv-section_half {float:none;width:100%;margin:0;}
}
textarea {caret-color: #F79342;}
form div.nice-select.huge, form textarea.huge, form .huge {width:100% !important;}
form textarea.huge {line-height:normal !important;}
form input[type="text"], form input[type="password"], form textarea {border:1px solid #ccc !important;border-radius:5px;}
form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus {border:1px solid #999 !important;}
input[type=text], input[type=password] {
  color: #1A6C70;
  height: 32px;
  font-size: 14px;
  background-color: #fff;  
  border: 2px solid #f1f1f1;
  caret-color: #F79342;
  border-radius: 1px;
  margin-bottom: 0px;
  text-indent: 5px;
}
.layout-content label, .yodo-layoutset label, .layout-content ul li {
	color: #1a6c70;
}
.layout-content button, .layout-content .button, .layout-content a.button, .yodo-footer button, .yodo-footer a.button {font-size:14px !important;}


a.a-search-toggler.mobilestg {right:135px;top:0;} 
.u-logged-in a.a-search-toggler.mobilestg {right:43px !important;}
.a-faq-icon.mobilestg {top:0;}

.pv-frame-1-6 {float:left;width:240px;min-height:20px;margin:0;}
.pv-frame-4-6 {float:left;width:calc(100% - 500px);margin:0 10px;}
.frames1-6 .frame-1-4, .mingle .frame-1-4 {float:left;width:240px;margin:0 !important;}
.frames1-6 .frame-3-4, .mingle .frame-1-2 {float:left;width:calc(100% - 480px);}
/*
.pv-frame-1-6 .object-1-1, .pv-frame-1-6 .content-object, 
.frames1-6 .frame-1-4 .object-1-1, .frames1-6 .frame-1-4 .content-object, 
.mingle .frame-1-4 .object-1-1, .mingle .frame-1-4 .content-object, 
.frames1-6 .frame-3-4 .object-1-1, .frames1-6 .frame-3-4 .content-object,
.mingle .frame-1-2 .object-1-1, .mingle .frame-1-2 .content-object,
.pv-frame-4-6, .frames1-6 .frame-3-4, 
*/

/*
.frames1-6 .frame-1-4 {width:15%;}
.frames1-6 .frame-3-4 {width:85%;}
.mingle .frame-1-4 {width:15%;}
.mingle .frame-1-2 {width:70%;}
*/
.pv-frame-1-6 .comments_section {padding-top:0;}

/* Larger buttons for creating albums, objects etc: */
a.medium-cta-button {
	border: 3px solid #abccc8;
	border-radius: 5px;
	background:#e6efed;
	padding:20px 0;
	text-align:center;
	display:block;
	font-size:15px;
}
a.medium-cta-button:hover {
	color:#006c70 !important;
	border-color:#1A6C70;
}
a.medium-cta-button img {
	width:40px;
	display:block;
	margin: 0 auto 10px auto;
}

.halfbutton {box-sizing: border-box;width:calc(50% - 5px);float:left;margin: 0 10px 10px 0;}
@media all and (max-width : 1480px) {
	.halfbutton {float:none !important;float: none;width: 100%;margin: 0 0 10px 0;box-sizing: border-box;}
	.halfbutton * {box-sizing: border-box;}
}



/* Share buttons, icons for settings etc: */
.pv-object-title button {
	font-size: 13px !important;
	padding: 0 10px !important;
	height: 30px !important;
	line-height: 27px !important;
	border: 2px solid #fff !important;
	margin: 7.5px 0 0 -7px !important;
	min-width: 40px !important;
	max-width: 50% !important;
	overflow: hidden;
	float: left;
}
h2 a.a-ico {
	background-size: contain;
	display: block;
	width: 27px;
	height: 27px;
	text-indent: -8000px;
	overflow: hidden;
	float: right;
	margin: 9px -7px 0 7px;	
}
a.orange-btn.btn-ico-edit, a.orange-btn.btn-ico-edit:hover {background:#fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20orange/gearshape.svg") no-repeat 20px center !important;}
a.a-ico-edit {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/gearshape.svg") no-repeat center center;}
a.a-ico-delete {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") no-repeat center center;}
a.a-ico-aplay {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/speaker.svg") no-repeat center center;}

table.album-byline {table-layout:fixed;border-collapse: collapse;width:100%;background:#fff;}
.album-byline td  {vertical-align:middle;padding:10px 5px;}
.album-byline td:nth-child(1) {width:60px;}
.album-byline img {border-radius:25px;}

/* Uploader element */ 
ul.pixelvoice-uploader { background-image: linear-gradient(337deg, #2fbcb2, #1a6c70) !important; color: #fff; }
ul.pixelvoice-uploader.pv-uploader-inalbum {background-image: none !important;color:#1A6C70  !important;}
ul.pixelvoice-uploader ul, ul.pixelvoice-uploader .nice-select *, ul.pixelvoice-uploader .nice-select span {color:#000 !important;}
ul.pixelvoice-uploader .nice-select {width:100% !important; margin: 0 auto 10px auto !important; display:block;}
.pixelvoice-uploader label, .pixelvoice-uploader h3, .pixelvoice-uploader p {color:#fff !important;}
.pixelvoice-uploader.pv-uploader-inalbum label, .pixelvoice-uploader.pv-uploader-inalbum h3, .pixelvoice-uploader.pv-uploader-inalbum p {color:#1A6C70  !important;}
.pixelvoice-uploader input {font-size:14px;margin-top:20px !important;}
.pixelvoice-uploader p {margin: 0 !important;padding: 15px 0;line-height: 130%;}
.pixelvoice-uploader li#f_uploading, .pixelvoice-uploader li#f_uploader, .pixelvoice-uploader li#p_uploading, .pixelvoice-uploader li#p_uploader {
	padding: 40px 0 !important;
}
.pv-uploader-inalbum input#picupload, .pv-uploader-inalbum h3 {display: none !important;}

#pv-upload-dialog .yodo-dialog-inner {overflow-y:visible!important;}
body .yodo-dialog-inner {overflow-y:auto;}
.yodo-dialog-header * {
   -webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}


#pixelvoice_add_form {background:#fff;}
#pixelvoice_add_form .user_image_uploads {position:relative;padding-top:0;}
#pv_adder_form .user_image_uploads {padding-top:0;}
#pv_adder_form ul.pixelvoice-uploader {margin-bottom:0 !important;background:#e6efed;}
#pv_adder_form li#f_uploading, #pv_adder_form li#f_uploader, #pv_adder_form li#p_uploading, #pv_adder_form li#p_uploader {margin-top:0 !important;}
#pv_adder_form ul {margin-bottom:0;}

#album-main-image {
	width:100%;height:200px;top:20px;border:1px solid #e8e8e8;background-size:cover;background-position:center center;
	text-align: center;padding-top: 37%;overflow: hidden;text-indent: -2000px;
}
.no-main-image {text-indent:0 !important;}

.pv-new-leftcol {float:left;width:230px;}
.pv-new-midcol {float:right;width:calc(100% - 530px);margin:0 15px;}
.pv-new-rightcol {float:right;width:270px;}

.pv-new-leftcol *, .pv-new-leftcol label, .pv-new-leftcol p, .pv-new-leftcol input, .pv-new-leftcol textarea, .pv-new-leftcol button, .pv-new-leftcol a.button, 
.pv-new-rightcol *, .pv-new-rightcol label, .pv-new-rightcol p, .pv-new-rightcol input, .pv-new-rightcol textarea, .pv-new-rightcol button, .pv-new-rightcol a.button {
  font-size: 13px !important;
}

.album-edit-wrap .pv-new-leftcol h3, .album-edit-wrap .pv-new-rightcol h3 {font-size:19px !important;}
.album-edit-wrap .pv-new-leftcol #edit-object-sound h3 {font-size:16px !important;}

.pv-nav-sub-wrapper {background: #e6efed;padding: 5px 0 !important;box-sizing: border-box;height: 45px !important;margin-bottom:15px;}
ul.pv-nav-sub {list-style:none;}
.pv-nav-sub li {display:inline-block;float:left;margin:0 10px 0 0;}
.pv-nav-sub li.pv-nav-right {float:right;margin:0 0 0 10px;}

#pv-mobile-edit-buttons {display:none;}

div.pv-maximize-wrap {position:relative;}
div.pv-text-maximized {
  position: fixed;
  top: 2vh;
  left: 2vw;
  width: 96vw;
  height: 96vh;
  padding: 15px;
  background: #fff;
  z-index: 25000;
  border-radius: 5px;
  box-shadow: #000 0 3px 40px -10px;
}
div.pv-maximize-wrap.pv-text-maximized {position:fixed;}
.pv-text-maximized .pv-maximize-open {display:none;}

span.pv-maximize-open {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF Symbols/icons gron/edit green.svg") no-repeat center center;
	background-size: contain;
	right: 0;
	top: 0;
	cursor: pointer;
}

.pv-text-maximized textarea {height: 100% !important;font-size:17px !important;}

.pv-maximized-close {
  display:none;
  position: absolute;
  right: -10px;
  top: -10px;
  background: #000;
  border-radius: 20px;
  height: 40px;
  width: 40px;
  box-shadow: #000 0 3px 15px -5px;
  border: 3px solid #fff;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  text-align:center;
  line-height: 34px;
  font-size: 20px !important;
}

.pv-text-maximized .pv-maximized-close {display:block;}

@media all and (max-width : 750px) {
	#pv-viewer-main-wrap li.pv-nav-right { display:none; }
	li.breadcrumbs-li {width:100% !important;}
	#pv-mobile-edit-buttons {display:block;}
}

p.breadcrumbs-p, li.breadcrumbs-li {font-size:13px !important;background: #e6efed;color:#000;}
li.breadcrumbs-li {
	margin-top:-2px; 
	width:calc(100% - 300px);
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
p.breadcrumbs-p {padding: 0 20px;margin: 0 0 0 -5px;width: calc(100% + 25px);height: 45px;line-height: 45px;}
p.breadcrumbs-p a, li.breadcrumbs-li a {color:#000 !important;font-weight:normal !important;font-size:13px !important;}

img.bc-userpic {height:40px;display:inline-block;margin:0 10px 0 0;border-radius:20px;vertical-align:middle;border:1px solid #fff;}

#pv-audio-processing {display:none;}


.pv-nav-sub li a.pv-nav-btn, .pv-nav-sub li a.button, .pv-nav-sub li a.button2 {height: 35px !important;margin: 0 !important;padding: 0 20px !important;font-size:14px !important;}
.pv-nav-sub li a.button, .pv-nav-sub li a.button2 {padding: 0 20px !important;}
.pv-nav-sub li a.button {line-height:35px !important;}
.pv-nav-sub li a.button2 {color:#1A6C70 !important;border-color:#1A6C70 !important;line-height:31px !important;}
.pv-nav-sub li a.button2:hover {color:#fff !important;}
.pv-nav-sub li a.pv-nav-btn:hover {color:#1A6C70 !important;}

.pv-nav-sub li a.pv-nav-btn {display: inline-block;line-height:35px;padding:0 0 0 25px !important;}
.pv-nav-sub li a.pv-nav-add {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/plus.circle.svg") no-repeat -4px 56%;background-size: 27px;}

ul.pv-editor-subchoices {list-style:none;margin:0;}
.pv-editor-subchoices li {margin: 0 0 6px 0;font-size:15px !important;}
ul.pv-editor-subchoices li a, ul.pv-editor-subchoices li a:hover {font-size:12px;color:#000 !important;text-decoration:none;font-weight:normal;padding-left:20px;}
a.pv-del-album {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/trash.svg") no-repeat left center;background-size:15px;}
a.pv-change-owner {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/arrowshape.turn.up.right.svg") no-repeat left center;background-size:15px;}
a.pv-change-imgfile {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/picture.svg") no-repeat left center;background-size:12px;}
a.pv-make-copy {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/plus.square.svg") no-repeat left center;background-size:15px;}
a.pv-album-stats {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/calendar.svg") no-repeat left center;background-size:15px;}
a.pv-album-publishing {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/eye.svg") no-repeat left center;background-size:14px;}

div#album_uploader_placeholder {height:163px;width:100%;margin-top:5px;}
.album-edit-wrap .content-wrap-padded {padding: 0 !important;}
li#f_uploading, li#f_uploader, li#p_uploading, li#p_uploader {border:1px solid #1a6c70 !important;}

/* Album/object details: */
ul.pv-details-list {list-style:none;border:1px solid #f0f0f0;padding:15px 15px 5px 15px;}
ul.pv-details-list li {color:#777; padding-left:25px; background-position: left center; background-repeat:no-repeat; background-size:20px;margin-bottom: 10px;}
li.pv-dt-author {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/person.circle%20black.svg");}
li.pv-dt-org {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/group.svg");}
li.pv-dt-created {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/square.and.pencil.svg");}
li.pv-dt-modified {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/calendar.svg");}
li.pv-dt-visibility {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/eye.svg");}
li.pv-dt-audio {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/speaker.svg");}
li.pv-dt-albums {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/album.svg");}

	
li.pv_uploaded_pic {width:100%;box-sizing:border-box;max-height:600px;text-align:center;}
.pv_uploaded_pic, .pv_uploaded_pic * {
	   -moz-user-select: none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
   }
.pv_uploaded_pic div {position:relative;display:inline-block;max-width:100%;max-height:100%;text-align:center;box-sizing:border-box;padding:10px;background:#fff;border: 1px dashed #ccc;}
.pv_uploaded_pic img {margin:0 auto;max-width:100%;max-height:545px;position:relative;z-index:1;}
.pv_uploaded_pic span, span.pv-marker {position:absolute;z-index:2;display:block;width:35px;height:35px;border-radius:25px;color:#fff;text-align:center;line-height:35px;font-size:14px;border:2px solid #1a6c70;cursor:pointer;opacity:0.9;font-weight:bold;}

span.pv-marker {background:#fff;}

/*
@media only screen and (max-width : 420px) {
	.pv_uploaded_pic span, span.pv-marker {width:25px;height:25px;border-radius:25px;line-height:23px;font-size:12px;margin-left:3px;}
	div#pv-marker-info {left:1% !important;width:98% !important;}
}
*/

.pv_uploaded_pic span:hover, span.pv-marker:hover, span.pv-marker.new-added-marker:hover, span.pv-marker.new-added-marker:hover div {background:#1A6C70 !important;border-color:#1A6C70 !important;}
.pv-image-wrap {
	/* position:absolute;top:0;left:0;width:100%; */
	background:#e6efed;
	text-align:center;
}
.pv-image-wrap img {
	margin:0 auto;position:relative;z-index:1;
	max-width:100%; 
	min-height:200px;
	max-height: calc(100vh - 150px);
	max-height: -moz-calc(100vh - 150px);
	max-height: -webkit-calc(100vh - 150px);
	/* width: 100%; */
}
.pv-image-wrap .pv-fullheight img {
	max-height: calc(100vh - 100px) !important;
	max-height: -moz-calc(100vh - 100px) !important;
	max-height: -webkit-calc(100vh - 100px) !important;
}
#pv-limiter {display:inline-block;max-width:100%;margin:0 auto;position: relative;}


.users-forgot h4 {color:#fff !important;}

/* Newly added objects should get a nice border: */
.new-pv-obj a.ll-img {border:4px solid #2fbcb2;}
.new-pv-obj p {border:4px solid #2fbcb2;border-top:none !important;}
.new-pv-obj span.album-list-description {height:calc(100% - 26px) !important;}

/* Add marker button (and other "editor" buttons) */
#pv_editor_actions, #pv_view_actions {
	clear:both;text-align:right;
	position: fixed;
	z-index: 2000;
	bottom: 0;
	right: 20px;
	background: #fff;
	padding:0 0 0 10px;
	box-shadow: #010201 0 10px 15px -10px;
}
#pv_editor_actions {display:none;}
#pv_editor_actions .button em, #pv_view_actions .button em, .pv_nav_buttons button em, .pv_nav_buttons .button em {border: 2px solid #fff;height: 23px;width: 23px;display: inline-block;line-height: 120%;border-radius: 20px;margin-right:10px;text-indent: -1px;font-weight: normal;}
#pv_editor_actions li, #pv_view_actions li {display:inline-block; padding:10px 0;}
#pv_editor_actions a.button, #pv_editor_actions button, #pv_view_actions a.button, #pv_view_actions button {margin:0 10px 0 0 !important;}

.pv_nav_buttons {list-style:none;margin: 0 auto; max-width:1210px;}
.pv_nav_buttons li {display:inline-block;vertical-align:top;}


/* Navigation at bottom of window: */
.nav_ontop {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #e6efed;
	width: 100%;
	margin: 0;
	padding: 0 10px !important;
	border-top: 1px solid #1a6c70;
	z-index: 1000;	
}

/* Save button animation (when reminding user to save): */
/* border-radius: none; to border-radius: 20px !important: */
.remembersave {
	animation-name: remembersave;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}
a.button.remembersave {background:#ff923f !important;}
a.button.remembersave:hover {background:#ffb645 !important;}
@keyframes remembersave {
  from {box-shadow: #ff923f 0 0 0;}
  to {box-shadow: #ff923f 0 0 15px;}
}

/* Headings on smaller screens: */
@media all and (max-width : 1024px) {
	.layout-content h3 {font-size:22px;}
}

a.button.btn-disabled, a.button.btn-disabled:hover,
button.btn-disabled, button.btn-disabled:hover {
  background: #909090 !important;
  cursor: progress !important;
  box-shadow: none !important;
}




/* Settings dialog for markers */
.pv-dialog {
	display: none;
	background: #fff;
	width:100%;
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 17px 31px -14px rgba(0,0,0,0.66); 
	box-shadow: 0px 17px 31px -14px rgba(0,0,0,0.66);
}
.pv-dialog h3 {
	background: #1A6C70 !important;
	color: #fff !important;
	font-size: 16px !important;
	padding: 10px !important;
	margin: 0 !important;
	cursor: default;
}
.pv-dialog h3 span {cursor:pointer;position:absolute;height:40px;right:0;top:0;line-height:40px;width:40px;text-align:center;display:block;}
.pv-dialog h3 em {font-style:normal;}
.pv-dialog #marker-loader ~ div {padding:10px !important;} /* Första div-elementet efter #marker-loader i .pv-dialog */
.pv-dialog div * {font-size:15px !important;}
.pv-dialog textarea.huge {height:60px !important;line-height:normal !important;}
.pv-dialog .huge {width: 100% !important;}
.pv-dialog button {margin: 5px 0 0 0 !important;}

.pv-dialog #marker-index {width:40px;margin:0 10px 0 0 !important;float:left;}
.pv-dialog div.clearfix {padding: 0 !important;}
.pv-dialog #marker-title {
	width: -moz-calc(100% - 50px) !important; /* Firefox */
	width: -webkit-calc(100% - 50px) !important; /* WebKit */
	width: -o-calc(100% - 50px) !important; /* Opera */
	width: calc(100% - 50px) !important; /* Standard */
	float:left;
}
.yodo-dialog-mobile {width:98% !important;left:1% !important;margin-left:auto !important;;margin-right:auto !important;}

.pv-audio-settings p label {display:inline;margin:0;font-weight:normal;}
.pv-audio-settings .maudio-file button {display:none !important;}
.pv-audio-settings .maudio-mic input, .pv-audio-settings .maudio-mic .sizelimit {display:none !important;}
.pv-audio-settings .not-recording button.btn-stop, .not-recording button#btn-stop {display:none !important;}
.pv-audio-settings .now-recording button.btn-stop, .now-recording button#btn-stop {display:inline-block!important;}
.pv-audio-settings .now-recording button.btn-record, .now-recording button#btn-record {display:none!important;}
.pv-audio-settings .has-audio button, .pv-audio-settings .has-audio input, .pv-audio-settings .has-audio .sizelimit {display:none !important;}
.pv-audio-settings .has-audio audio, .pv-audio-settings .has-audio .reset-sound {display:block !important;}
.pv-audio-settings .no-audio audio, .pv-audio-settings .no-audio .reset-sound {display:none !important;}
#msbox_audio {padding:10px 0 15px 0 !important;}
p.sizelimit {clear:both;}

#marker-loader {position:absolute;width:100%;height:100%;display:none;top:-15px;left:-15px;z-index:20;}
#marker-loader-bg {position:absolute;width:100%;height:100%;opacity:0.7;background:#fff;}
#marker-loader-icon {position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;}

#recording-meter {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 10rem;
	margin: 1rem 0;
	width: 4rem;
}

audio.pv-player {display:none;}
.pv-recorder, .pv-player {
	float:left;
	margin-bottom:10px !important;
	width: -moz-calc(100% - 50px) !important; /* Firefox */
	width: -webkit-calc(100% - 50px) !important; /* WebKit */
	width: -o-calc(100% - 50px) !important; /* Opera */
	width: calc(100% - 50px) !important; /* Standard */
}
span.reset-sound {display:none;float:right;width:40px;height:40px;background:#9B2222 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF Symbols/icons vit/trash.svg") no-repeat center center; background-size:25px;color:#fff;text-align:center;line-height:40px;cursor:pointer;border-radius:3px;text-indent:-2000px;}

div#pv_image_audio {display:none;width:100%;}
div#pv_ic_inner {text-align:left;}
div#pv_ia_inner {width: 100%;margin: 0 auto;border: 1px solid #e8e8e8;border-radius:5px;padding: 10px;text-align:left;box-sizing: border-box;}
/* #pv_ia_inner h3, #pv_ic_inner h3 {border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 20px;font-size: 16px;} */
em#pv-info-title {font-size:15px;}

div#pv_image_change {padding:10px 0 0 0;}
#pv_image_change p {margin: 0 0 10px 0;}

.pv-absolute {position:absolute;top:0;left:0;width:100%;z-index:999;}
.pv-relative {position:relative;width:96%;margin:0 auto;}

div.dialog-buttons {padding:10px 0 0 0 !important;}
.dialog-buttons button {float:right;margin:0!important;}
.dialog-buttons a.del_marker {float:left;margin:0!important;}
.content-object a.unsafe-button:hover, button.unsafe-button:hover {background:#d73030 !important;}
.content-object a.unsafe-button, button.unsafe-button {background:#9b2222!important;}

/* Record button, while waiting for recording: */
.layout-content .content-object a.unsafe-button.rec-wait, .layout-content button.unsafe-button.rec-wait {
	background: #f0f0f0 url("/wwwdocs/img/loader-gray.gif") no-repeat center center !important;
	text-indent: -2000px;
	border: 1px solid #ccc !important;
	box-sizing: border-box !important;
	background-size: auto !important;
}

/* Some special buttons with icons: */
.content-object a.unsafe-button.button-remove, button.unsafe-button.button-remove {
	background: #9b2222 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") no-repeat center center !important;
	background-size: 22px 22px !important;
	text-indent: -8000px;
	padding: 0 !important;
	min-width: 55px !important;
}
.content-object a.unsafe-button.button-remove:hover, button.unsafe-button.button-remove:hover {
	background: #d73030 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") no-repeat center center !important;
	background-size: 22px 22px !important;
}

.layout-content .button.button-addpicico, .layout-content a.button.button-addpicico {
	background: #1A6C70 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/picture.svg") no-repeat 17px 15px !important;
	background-size: 22px 22px !important;
	padding-left: 49px !important;
}
.layout-content .button.button-addpicico:hover, .layout-content a.button.button-addpicico:hover {
	background: #2FBCB2 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/picture.svg") no-repeat 17px 15px !important;
	background-size: 22px 22px !important;
}


.layout-content .button.button-addmarker, .layout-content a.button.button-addmarker {
	background: #1A6C70 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/eye.svg") no-repeat 17px 15px !important;
	background-size: 22px 22px !important;
	padding-left: 49px !important;
}
.layout-content .button.button-addmarker:hover, .layout-content a.button.button-addmarker:hover {
	background: #2FBCB2 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/eye.svg") no-repeat 17px 15px !important;
	background-size: 22px 22px !important;
}

/* Buttons when editing object (to fit small screens...): */
li.new-marker-li {margin: 0 auto;width: calc(100% - 195px);text-align: center;}
@media only screen and (max-width : 960px) {
	li.new-marker-li {width: calc(100% - 170px);}
	li.new-marker-li a.button-addmarker {max-width:none !important;}
	a#pv-add-btn {min-width:0 !important;}
}

/* Some special buttons done. */


.del_marker span, .unsafe-button span {
	margin-right: 13px;
	margin-left: -10px;
	border: 2px solid #fff;
	padding: 3px 7px;
	border-radius: 20px;
	font-weight:bold;
	color:#fff;
}
/* .new-added-marker {background:#fff !important;line-height:32px !important;} */
.pv-marker.new-added-marker {border-color:#2eb0a3 !important;}
.pv-marker.new-added-marker div {
  background: #2eb0a3 !important;
}

/* Watching images */
.pv-marker div {
	position:relative;
	border:none !important;
	padding: 0 !important;
	background: #1a6c70 !important;
	width: 27px;
	height: 27px;
	margin: 2px auto;
	border-radius: 30px;
	line-height: 27px;
}
.pv-marker div span {
	display:none;
	position: absolute !important;
	top: -55px;
	left: -75px;
	width: 200px;
	background: #0b0b0b !important;
	text-align: center;
	border-radius: 25px;
	font-size: 14px;
	overflow: hidden;
	height: 100% !important;
	min-height:28px;
}
span.pv-marker:hover span, span.marker-playing span {display:block;}
.pv-marker div em {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 33px;
	background: #000 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF Symbols/icons vit/stop.svg") no-repeat center center;
	background-size: 20px;
	border-radius: 25px;
}

#pv-marker-info {display:none;z-index:1000;}

#pv-marker-settings.is-recording a#del-marker, #pv-marker-settings.is-recording button#marker-save, #pv-marker-settings.is-recording span#marker-close {
	display:none !important;
	visibility:hidden !important;
}

span#marker-timer {
	display: block;
	width: 130px !important;
	float: right;
	padding-top: 18px;
	font-size: 19px !important;
	text-align: right;
	color: #1a6c70;
}
.has-audio span#marker-timer {display:none;}

.pv-heading {position:relative;}
h2.pv-object-title, #pv-object-main .comments_section h3#comments_start, .pv-heading {
	color: #fff !important;
	padding: 0 15px;
	background: #1a6c70;
	font-size: 14px;
	margin: 0;
	height: 41px;
	line-height: 41px;
	font-family: 'Roboto', sans-serif;
}

span.album-cover-icon {
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/album.svg") no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
}

div#comments-audio-recorder {display:none !important;} /* Hidden until further notice */

.pv-dialog div#pv-audio-container {display:none;padding:0;margin-bottom:10px;}
.pv-dialog audio {width:100%;}
p#pv-info-text {margin-bottom:0;}

.pv-image-audio-wrap {
	text-align:center;background-image:linear-gradient(45deg, #1a6c70, #2eb8ae);
	min-height:43px; /* We sometimes have only absolutely positioned elements within this wrap, giving it no height. */
	padding-left:40px; /* To center the items with consideration of the "Autoplay"-button */
}
.pv-image-audio-wrap audio {display:none;} /* Hide the browser's default audio player */
.pv-image-audio-wrap button {
	/*
	border-radius: 30px !important;
	border: 1px solid #21bbb1 !important;
	*/
	border:none;
}
#pv-image-audio-player {width:100%;}


/* Pixelvoice-objekt (visa) */

#pv-object-main {width:90%;max-width:1200px;margin:10px auto 0 auto;}
#pv-image-wrapper {}


.pv-object-description {
	background: #fff;
	margin: 15px 0 0 0;
	position:relative;
}
.pv-object-description h2 {font-size:18px;}
.pv-object-description p {font-size:15px;}

.pv-frame-1-6 .pv-object-description {margin:0 0 10px 0;}
.pv-frame-1-6 .pv-object-description p {font-size:13px !important;}
/* Hide overflowing description of image: */
.pv-object-description-inner {
	/* min-height: 200px; */
	/* max-height: calc(100vh - 255px);
	overflow-y: hidden;
	padding-bottom:40px; */
}
.pv-new-byline {margin-top:25px;font-size:15px;}
.pv-new-byline a {color:#000 !important;}
.pv-new-byline .bc-userpic {height:50px;border-radius:25px;}
a.obj-share-big {
	float: right;
	display: block;
	border: 2px solid #1a6c70;
	height: 42px;
	line-height: 42px;
	box-sizing: border-box;
	border-radius: 25px;
	padding: 0 25px 0 40px;
	background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/arrowshape.turn.up.right%20green.svg") no-repeat 8px center;
}
a.obj-share-big:hover {
	color:#1a6c70!important;
	background: #f7fbfa url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/arrowshape.turn.up.right%20green.svg") no-repeat 8px center;
}
/*
Nedan och ovan bortkommenterat då somliga användare inte förstod att man kunde scrolla för att läsa hela texten. 2023-06-21.

.pv-object-description-inner:hover {overflow-y: scroll;}
.pv-object-description-inner:after {
  position: absolute;
  bottom: 0;  
  height: 25%;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  content: "";
  background: linear-gradient(to top,
	 rgba(255, 255, 255, 1) 20%, 
	 rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}
*/


/* Pixelvoice-objekt ej tillgängligt: */
.no-such-pixelvoice-object {
	padding: 20px;
	background: #fff;
	margin-bottom: 10px;
}
/* Pixelvoice-objekt lista */
.content-object.pixelvoice-list {padding:10px;background:#fff;}
.pixelvoice-list .obj-post-pic img {margin-bottom:-10px !important;border:1px solid #d0d0d0;}
.pixelvoice-post-pic {margin-bottom: 0 !important;}
.pixelvoice-post-text .heading-main, .pixelvoice-post-text .pb-title {display:none;}
.pixelvoice-post-text p.publish-date {display:none;  position:relative;margin: 0 !important;}
.pixelvoice-post-text p span.pb-date {
	position: absolute;
	top: -50px;
	left: 12px;
	background: #14595b;
	padding: 5px 10px;
	color: #fff;
}


.pv-image-audio-wrap button, .pv-image-audio-wrap a.button, .pv-image-audio-wrap a.yodo-report-link,
.pv-image-audio-wrap button:hover, .pv-image-audio-wrap a.button:hover, .pv-image-audio-wrap a.yodo-report-link:hover, a.btn-edit-object {
	background-size: 25px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	padding: 0 !important;
	width: 30px !important; /* 40px */
	min-width: auto !important;
	/* border-radius: 20px !important; */
	height: 40px !important;
	/* border:1px solid #21bbb1 !important; */
	border: none !important;
	background-color: transparent !important;
	line-height:40px !important;
	font-size:18px !important;
	margin:2px 1px !important; /* 6px 1px */
	overflow: hidden;
	vertical-align:top;
}

#pv-watermark-logo {display:none;height:30px;position:fixed;z-index:50000;top:15px;right:15px;min-height:0!important;width:auto !important;opacity:0.5;}

button#btn-markers, button#btn-markers:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/eye.slash.svg") !important;
	text-indent: -8000px;
}
button#btn-fullscreen, button#btn-fullscreen:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/enlarge.svg") !important;
	text-indent: -8000px;
}
/*
button#btn-obj-share, button#btn-obj-share:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/paperplane.svg") !important;
	text-indent: -8000px;
}
*/
button#btn-skip-backward, button#btn-skip-backward:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/gobackward.15.svg") !important;
	text-indent: -8000px;
}
button#btn-autoplay {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/autoplay-white.svg") !important;
	text-indent: 22px;
	background-position:8px center !important;
	background-size: 17px !important;
	text-align:left !important;
	width: 90px !important;
	font-size:10px !important;
	font-weight: bold !important;
	margin-left:5px !important;
	text-transform: uppercase;
	border-left: 1px solid #fff !important;
	padding-left: 10px !important;
	height: 30px !important;
	margin-top: 7px !important;
	line-height: 30px !important;
}
button#btn-autoplay.auto-playing {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/autoplay-orange.svg") !important;
	color:#ff923f !important;
}
@media only screen and (max-width : 600px) {
	/* button#btn-autoplay {text-indent: -8000px;width:30px !important;} */
	.pv-image-audio-wrap {padding-left:20px !important;}
}
button#btn-skip-forward, button#btn-skip-forward:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/goforward.15.svg") !important;
	text-indent: -8000px;
}
button#btn-play-pause, button#btn-play-pause:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/play.fill.svg") !important;
	text-indent: -8000px;
	/*
	width: 60px !important;
	height: 60px !important;
	background-size: 35px !important;
	position: absolute;
	overflow: visible;
	top: -20px;
	margin: 0 !important;
	left: 8px;
	border-radius: 40px !important;
	z-index: 2;
	*/
}
/*
span#span-play-pause {
	position: relative;
	width: 70px;
	display: inline-block;
	overflow: visible;
}
button#btn-play-pause {
	background-color: #1a6c70 !important;
	border: 2px solid #2db6ac !important;
	box-shadow: #000 0 3px 10px -4px;
}
button#btn-play-pause:hover {
	background-color: #2cb0a8 !important;
}
*/
button#btn-play-pause.btn-playing, button#btn-play-pause.btn-playing:hover {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20orange/stop.svg") !important;
	/* background-color: #ff923f !important; */
}
.pv-obj-embed span#span-play-pause {width:auto !important;}
.pv-obj-embed button#btn-play-pause, .pv-obj-embed button#btn-play-pause:hover {
	width:30px !important;
	height: 40px !important;
	background-color: transparent !important;
	background-size:25px !important;
	border: none !important;
	box-shadow: none !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

/* Dölj dessa ikoner tills vidare: */
a#btn-bar-prev, a#btn-bar-next, #btn-skip-backward, #btn-skip-forward {display:none !important;}
.is-fullscreen a#btn-bar-prev, .is-fullscreen a#btn-bar-next {display:inline-block !important;}

a#btn-bar-prev {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/backward.svg") !important;
	text-indent: -8000px;
	background-size:21px !important;
}
a#btn-bar-next {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/forward.svg") !important;
	text-indent: -8000px;
	background-size:21px !important;
}
a#btn-edit-object {
	position:absolute;
	left:35px;
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/gearshape.svg") !important;
	text-indent: -8000px;
}
a#btn-to-pixelvoice {
	position:absolute;
	left:5px;
	background-image: url("/wwwdocs/img/icons/objects/general/pvobject.png") !important;
	text-indent: -8000px;
	background-size:20px !important;
}
a#btn-delete-object {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") !important;
	text-indent: -8000px;
}
.pv-image-audio-wrap button#btn-obj-share {
	position:absolute;
	left:5px;
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/share.svg") !important;
	background-size: 30px !important;
	text-indent: -8000px;
}

a.button.yodo-report-link, a.button.yodo-report-link:hover {
	background-image:url('/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/flagw.svg') !important;
	background-size:18px !important;
	text-indent:-8000px;
}

.pv-image-audio-wrap, .btn-menu {position:relative;}
.pv-image-audio-wrap ul {
	display:none;
	position: absolute;
	bottom: 32px;
	left: 50%;
	margin-left: -100px;
	list-style: none;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	z-index:100;
}
.pv-image-audio-wrap ul a {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
	color: #000 !important;
	font-weight: normal;
	width: 200px;
	text-align: left;
}
.pv-image-audio-wrap ul a:hover {background:#f0f0f0;}

span.pv-marker.marker-playing {background:#ff923f;color:#fff;border:1px solid #fff;}
span.pv-marker.marker-playing div span {color:#fff !important;}
span.pv-marker.marker-playing div {top: 1px;background: #ff923f !important;color: #fff !important;}
/* Fullscreen: */

.is-fullscreen .pv-image-wrap {background:#000;}
.is-fullscreen .pv-image-wrap img {max-height:100vh !important;}
.is-fullscreen .pv-image-audio-wrap {position: fixed;bottom: 25px;width:80%;z-index: 10;margin: 0 10%;opacity:0.8;transition: opacity 0.2s linear;}
.is-fullscreen .pv-image-audio-wrap.faded {opacity:0;}
.is-fullscreen .pv-image-audio-wrap.faded:hover {opacity:0.8 !important;}
.is-fullscreen .yodo-report-link, .is-fullscreen #btn-obj-share {display:none !important;}
.is-fullscreen a#btn-delete-object, .is-fullscreen a#btn-edit-object {display:none !important;}
.is-fullscreen #pv-view-object.obj-faded a.objnav {opacity:0 !important;}
a.button.navbtn-hidden, a.navbtn-hidden, .is-fullscreen a.navbtn-hidden, button.navbtn-hidden, #pv-view-object button.navbtn-hidden {display:none !important;}
#pv-loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2000;}
#pv-loader-bg {background: #000;position: relative;width: 100%;height: 100%;opacity: 0.8;}
#pv-loader-icon {z-index: 200;position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -100px;	}
.is-fullscreen #pv-watermark-logo {display:block !important;}

@media only screen and (max-width : 960px) {
	#pv-object-main {width:96%;}
	.pixelvoice-share-object, .pixelvoice-share-album {left:5%!important;width:90%!important;}
}


/* Labels on object page: */
.pv-object-labels {list-style:none;}
.pv-object-labels li {display:inline-block; margin: 0 10px 10px 0;background:#f0f0f0;padding:10px;}
.pv-object-labels li a {font-weight:normal;color:#000 !important;font-size:15px;}

/* Thumbnails beneath Pixelvoice object: */
#pv-image-wrapper .pixelvoice-list-layout-3 {
	width:80%;max-width:700px;margin:20px auto 0 auto;position:relative;overflow:visible;text-align:center;
}
#pv-image-wrapper .pixelvoice-list-layout-3 .pixelvoice-wrapper-box {
	width: -moz-calc(14.28% - 10px) !important;
	width: -webkit-calc(14.28% - 10px) !important;
	width: -o-calc(14.28% - 10px) !important;
	width: calc(14.28% - 10px) !important;	
	float:none!important;
	display:inline-block;
}
a.thumbnav_left, a.thumbnav_right {
	position:absolute;display:inline-block;
	width:40px;height:40px;line-height:37px;
	text-align:center;border-radius:20px;
	font-weight:bold;top:38px;
	overflow:hidden;
	text-indent:-8000px;
	color: #1a6c70 !important;
	user-select:none;-ms-user-select:none;cursor:pointer;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
a.thumbnav_left {
	left:10px;
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/arrow.left%20green.svg") no-repeat center center;
	background-size: 23px;
}
a.thumbnav_right {
	right:10px;
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/arrow.forward%20green.svg") no-repeat center center;
	background-size: 23px;
}
a.thumbnav_left:hover, a.thumbnav_right:hover {
	/* background:#2FBCB2;color:#fff !important;text-shadow:#1a6c70 0 -1px 0; */
	border-color:#2FBCB2;
	opacity:0.6;
	color:#2FBCB2 !important;
}
a.objnav {top:38%;opacity:0;}
#pv-view-object:hover a.objnav {opacity:1;}
.pv-obj-hidectrl #pv-view-object:hover a.objnav {opacity:0;}
#pv-view-object a.thumbnav_left, #pv-view-object a.thumbnav_right {z-index:300;background-color:#fff;} 
.thumbnav-hidden {display:none !important;}
.pv-obj-hidectrl #player-wrap {display:none !important; visibility:hidden;}

#pv-playcover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#pv-pc-bg {
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 100;
	position: relative;
	opacity: 0.4;
}
#pv-pc-icon {
  background: #e6efed url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/play.fill.svg") no-repeat center center;
  width: 70px;
  height: 70px;
  z-index: 101;
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border-radius: 35px;
  border: 3px solid #1a6c70;
  box-shadow: #000 0 10px 10px -10px;
  background-size: 37px;
}
#pv-playcover:hover #pv-pc-icon, #pv-pc-icon:hover {
  background-color: #fff;
  box-shadow: #000 0 10px 10px -7px;
  cursor: pointer;
}

/* Hide overflowing comments (add scroll) on Pixelvoice object page: */
#pv-object-main .comments_section {
	min-height:200px;
	max-height:calc(100vh - 200px);
	max-height: -moz-calc(100vh - 200px);
	max-height: -webkit-calc(100vh - 200px);
	overflow-y: hidden;
	padding:0 10px 50px 0;
}
#pv-object-main .comments_section:hover {overflow-y: scroll;}

.pv-comments-wrap {position:relative;}
.pv-comments-wrap:after {
  position: absolute;
  bottom: 0;  
  height: 25%;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  content: "";
  background: linear-gradient(to top,
	 rgba(246, 246, 249, 1) 20%, 
	 rgba(246, 246, 249, 0) 100%
  );
  pointer-events: none;
}


/* Label manager */
#labels-manager div {max-height:400px;overflow-y:scroll}
#labels-manager ul {list-style:none;}
#labels-manager ul li {padding:5px;cursor:pointer;width:calc(100% - 15px);box-sizing: border-box;}
#labels-manager ul li:hover {background:#f0f0f0;}
#labels-manager ul li em {font-style:normal;cursor:pointer;}
#labels-manager ul li span {float:right;cursor:pointer;}
.div-chosen-labels{float:right;width:30%;padding:0 0 0 10px;box-sizing:border-box;height:200px;overflow-y:scroll;}
.div-new-label{float:left;width:calc(40% - 3px);height:200px;box-sizing:border-box;border-right:1px solid #ddd;}
.div-available-labels{float:left;width:30%;padding:0 10px;box-sizing:border-box;height:200px;overflow-y:scroll;border-right:1px solid #ddd;}

button#add_label_btn {height:40px!important;line-height:40px!important;width:40px!important;min-width:0!important;padding:0!important;background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/plus.circle.svg") no-repeat center center !important;background-size:contain !important;text-indent:-1000px;overflow:hidden;}

@media only screen and (max-width : 960px) {
	.div-new-label{float: none;width: 100%;border-right: 0;padding: 0;height: auto;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
	.div-new-label div {padding-bottom: 0 !important;}
	.div-chosen-labels, .div-available-labels {width:50%;}
	.pv-section_third {padding-bottom:10px;}
}

/* View album */
.pixelvoice-album {background:#fff;padding:10px 10px 0 0;}
.pixelvoice-album .pixelvoice-wrapper-box h3 {display:none;}
.pixelvoice-album-description {background:#fff;padding:15px 10px;margin-bottom:15px;position:relative;height:281px;}
.pixelvoice-album-description h2 {font-size:22px;}
.album-description-p {
	height: 100px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 20px;
}
/*
div.album-cover-big {width: calc(40% - 5px);float: left;margin: 0 10px 0 0;background-size:cover !important;padding-top:calc(40% - 5px);}
div.album-description-content {float:right;width: calc(60% - 10px);position:relative;}
*/

/* Loading icons */
.pixelvoice-list .pixelvoice-row, .pixelvoice-list-layout-2 .pixelvoice-wrapper-box, .pixelvoice-list-layout-3 .pixelvoice-wrapper-box, #pixelvoice-wrapper-box, .albums-list li, #album_images li {
	 background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/loading.gif") no-repeat center center !important;
	 background-size: 30px !important;
}

/* Albums and "feed"/"mingle" list */
ul.albums-list, ul.feed-grid {
	list-style:none;
	margin-bottom:15px;
	position: relative;
	width: calc(100% + 10px);
	overflow-x: hidden;
	padding-top: 10px;
}
#album_images li, .album-available-objects .feed-grid li {width:calc(16.66% - 10px);margin:0 10px 10px 0;}
.album-available-objects {margin-top: 45px;}
.pv-new-wrapper, .pv-nav-sub {width:calc(100% - 30px);margin:0 auto;}
.pv-new-leftcol input, #album-main-image {margin-bottom: 20px;}
.pv-new-leftcol label {margin-bottom: 10px;}
.album-edit-wrap #album_images {margin-top:10px;}
.album-available-objects .feed-grid li {padding-bottom:16.66%;}
.album-available-objects .feed-search-padd {padding: 0 0 10px 0 !important;}

@media only screen and (min-width : 2201px) {
 #album_images li, .album-available-objects .feed-grid li {
  width: -moz-calc(14.28% - 10px);
  width: -webkit-calc(14.28% - 10px);
  width: -o-calc(14.28% - 10px);
  width: calc(14.28% - 10px);
 }
 .album-available-objects .feed-grid li {padding-bottom:calc(14.28% - 10px);}
}

@media only screen and (max-width : 2200px) {
 #album_images li, .album-available-objects .feed-grid li {
  width: -moz-calc(16.66% - 10px);
  width: -webkit-calc(16.66% - 10px);
  width: -o-calc(16.66% - 10px);
  width: calc(16.66% - 10px);
 }
 .album-available-objects .feed-grid li {padding-bottom:calc(16.66% - 10px);}
}

@media only screen and (max-width : 1500px) {
 #album_images li, .album-available-objects .feed-grid li {
  width: -moz-calc(20% - 10px);
  width: -webkit-calc(20% - 10px);
  width: -o-calc(20% - 10px);
  width: calc(20% - 10px);
 }
 .album-available-objects .feed-grid li {padding-bottom:calc(20% - 10px);}
 .pv-profile-wrapper li.pv-count-6, .pv-profile-wrapper li.pv-count-7 {display:none !important;}
}
@media only screen and (max-width : 1200px) {
	#album_images li, .album-available-objects .feed-grid li {
		width: -moz-calc(25% - 10px);
		width: -webkit-calc(25% - 10px);
		width: -o-calc(25% - 10px);
		width: calc(25% - 10px);
	}
	.album-available-objects .feed-grid li {padding-bottom:calc(25% - 10px);}
	.pv-profile-wrapper li.pv-count-5 {display:none !important;}
}
@media only screen and (max-width : 980px) {
	#album_images li {
		width: -moz-calc(33.33% - 10px);
		width: -webkit-calc(33.33% - 10px);
		width: -o-calc(33.33% - 10px);
		width: calc(33.33% - 10px) !important;
	}
 .album-available-objects .feed-grid li {padding-bottom:calc(33.33% - 10px);}
}

@media only screen and (max-width : 860px) {
	#album_images li {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: -o-calc(50% - 10px);
		width: calc(50% - 10px) !important;
		clear: none !important;
		float: left !important;
	}
}

@media only screen and (max-width : 980px) {
	.album-edit-wrap #album_images li, .album-available-objects .feed-grid li {
		width: -moz-calc(25% - 10px);
	    width: -webkit-calc(25% - 10px);
	    width: -o-calc(25% - 10px);
	    width: calc(25% - 10px) !important;
		margin:0 10px 10px 0 !important;
		clear: none !important;
		float: left !important;
	}
	.album-available-objects .feed-grid li {
		padding-bottom:calc(25% - 10px) !important;
	}
}
@media only screen and (max-width : 720px) {
	.album-edit-wrap #album_images li, .album-available-objects .feed-grid li {
		width: -moz-calc(33.33% - 10px);
		width: -webkit-calc(33.33% - 10px);
		width: -o-calc(33.33% - 10px);
		width:calc(33.33% - 10px) !important;
		margin:0 10px 10px 0 !important;
		clear: none !important;
		float: left !important;
	}
	.album-available-objects .feed-grid li {
		padding-bottom:calc(33.33% - 10px) !important;
	}
}

@media only screen and (max-width : 480px) {
	.album-edit-wrap #album_images li, .album-available-objects .feed-grid li {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: -o-calc(50% - 10px);
		width:calc(50% - 10px) !important;
		margin:0 10px 10px 0 !important;
		clear: none !important;
		float: left !important;
	}
	.album-available-objects .feed-grid li {
		padding-bottom:calc(50% - 10px) !important;
	}
}

@media only screen and (max-width : 720px) {
	#album_images li {
		width: 100% !important;
		margin: 0 auto 10px auto !important;
	}
}


.albums-list li, .feed-grid li {	
	width: calc(25% - 10px);
	padding-bottom:calc(25% - 10px);
	margin: 0 10px 10px 0;
	position:relative;
	float: left;
}
.albums-list li a, .feed-grid li a.ll-img {display:block;width:100%;height:100%;background-size:cover !important;background-position:center center !important;position:absolute;}

li.ll-createAlbum {padding-bottom:calc(20% - 30px);}
li span.create-first-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 55%;
	overflow: hidden;
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/plus.circle.svg") no-repeat center 30%;
	background-size: 27%;
	font-size: 16px;
	text-align: center;
	border: 3px solid #e6efed;
	border-radius: 5px;
	cursor:pointer;
}
span.pv-begin-here {
	position: absolute;
	z-index: 100;
	left: 60%;
	top: 10%;
	overflow: visible;
	background: red;
	width: 100px;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	font-weight: bold;
}
li span.create-first-link:hover {
	background-color:#e6efed;
}

.pv-onboarding-dialog .yodo-dialog-inner {position:relative;}

iframe#dialog-manual-frame {
width: 100%;
/*
height: calc(100% - 45px);
top: 45px;
*/
height:100%;
top:0;
border: none;
position: absolute;
left: 0;
box-sizing: border-box;
}
a.pv-get-started {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	background: #1a6c70;
	color:#fff !important;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 25px;
	border: 3px solid #fff;
}
a.pv-get-started:hover {background:#2FBCB2;color:#fff !important;}

@media all and (min-width : 1981px) {
	.feed-grid li, .albums-list.feed-grid li {
		width: calc(14.28% - 10px);
		padding-bottom:calc(14.28% - 10px);
	}
}

@media all and (max-width : 1980px) {
	.feed-grid li, .albums-list.feed-grid li {
		width: calc(16.66% - 10px);
		padding-bottom:calc(16.66% - 10px);
	}
}

@media all and (max-width : 1580px) {
	.feed-grid li, .albums-list.feed-grid li {
		width: calc(20% - 10px);
		padding-bottom:calc(20% - 10px);
	}
}

@media all and (max-width : 1180px) {
	.albums-list li, .feed-grid li, .albums-list.feed-grid li {
		width: calc(25% - 10px);
		padding-bottom:calc(25% - 10px);
	}
}

@media all and (max-width : 960px) {
	.albums-list li, .feed-grid li, .albums-list.feed-grid li {
		width: calc(33.33% - 10px);
		padding-bottom:calc(33.33% - 10px);
	}
}

@media all and (max-width : 700px) {
	.albums-list li, .feed-grid li, .albums-list.feed-grid li {
		width: calc(50% - 10px);
		padding-bottom:calc(50% - 10px);
	}
}

@media all and (max-width : 350px) {
	.albums-list li, .feed-grid li, .albums-list.feed-grid li {
		width: 100%;
		padding-bottom:100%;
		margin: 0 auto 10px auto;
	}
}

span.ov-speaker {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/speaker.svg") no-repeat center center;display:inline-block;height:20px;width:20px;background-size:contain;float:right;cursor:pointer;}
span.preview-playing {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/stop.svg") no-repeat center center !important; background-size:20px 20px !important;}
span.ov-private {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/lock.svg") no-repeat center center;display: inline-block;height: 20px;width: 20px;background-size: contain;float: right;}


/* Objects missing sound or markers: */
.pv-assets-missing::before, .album-obj-nosound .ll-img::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  transition: width 0.3s ease-out;
  display: block;
  z-index: 250;
  background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/nosound.png") no-repeat center center;
  background-size: 16px;
  border-radius: 20px;
}
.pv-assets-missing:hover::after, .album-obj-nosound .ll-img:hover::after{content: "Saknar ljud";color:#df0000;background:#fff;z-index:250;padding:2px 3px;left:28px;top:3px;position:absolute;overflow:visible;opacity:1;border-radius:3px;font-size:11px;height:20px;box-sizing:border-box;width:62px;}
li.pv-assets-missing {position:relative;}

p.pv-not-publishable {padding: 10px;border: 1px solid red;background: #fffdef;}

div.pixelvoice-wrapper-box.album-obj-nosound {background:none !important;}
.album-obj-nosound .ll-img {opacity:0.5 !important;}
.pv-scrollbox .ll-img {opacity:0.5 !important;}
#pv-object-wrapper .pv-scrollbox .album-current-image.album-obj-nosound .ll-img {opacity:1 !important;}
#pv-object-wrapper .pv-scrollbox .album-current-image .ll-img {opacity:1 !important;}
#pv-object-wrapper .pv-scrollbox .album-current-image {border: 4px solid #2FBCB2;}
/*
.album-obj-nosound .ll-img::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	transition: width 0.3s ease-out;
	display: block;
	z-index: 250;
	background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/nosound.png") no-repeat center center;
	background-size: 16px;
	border-radius: 20px;
}
*/

/* Add & Edit albums */
ul#album_images {list-style:none;margin-bottom:0;}
#album_images li {
	margin: 0 10px 10px 0;
	position:relative;
	float: left;
}
span.pv-ai-del {position:absolute;top:5px;right:5px;z-index:10;background:#fff;display:block;width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;border-radius:20px;}

a.injected-album-obj {
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	background-position:center center;
	background-size:cover;
}
span.add_img_plus {
	display:none;
	position: absolute;
	z-index: 20;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #1A6C70;
	color:#fff;
	border-radius: 25px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	font-size: 22px;
	opacity: 0.8;
	cursor:pointer;
}
.pixelvoice-list-layout-3 .pixelvoice-wrapper-box:hover span.add_img_plus, .feed-grid .album-adder:hover span.add_img_plus {display:block;}
.pixelvoice-list-layout-3 h4 {display:none;}

.pv-image-wrapper .pixelvoice-list-layout-3 .pixelvoice-wrapper-box, #pv-image-wrapper .pixelvoice-list-layout-3 .pixelvoice-wrapper-box.album-obj-hassound {
	opacity:0.6;
}
.album-chosen-img {opacity:0.4;}
.album-current-image {opacity:1 !important;}
.pixelvoice-list-layout-3 .album-chosen-img:hover span.add_img_plus, .feed-grid .album-chosen-img .album-adder:hover span.add_img_plus {display:none !important;}


/* Groups */
.groups-column-wrap {background:#fff;margin-bottom:20px;padding:0 10px;}
.column-group {padding:10px 0;border-bottom:1px solid #ddd;position:relative;}
.column-group .col-g-img {width:30%;padding-top:30%;display:inline-block;float:left;margin-right:10px;background-size:cover;background-position:center center;}
.column-group h5 {}
.column-group h5, .column-group h5 a, .column-group h5 a:visited {font-size:14px !important; line-height:14px !important;font-faimly:'Roboto', sans-serif !important;}
.column-group h5 span {display:block;font-size:12px;color:#666 !important;font-weight:normal;}
.groups-column-wrap .group-lock {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/lock.svg") no-repeat right 5px; background-size: 18px 18px;}
.groups-column-wrap .group-lock h5 {padding-right:18px;}
.feed-grid .group-lock .album-list-title span, .feed-grid .group-lock .album-list-description strong span {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/lock.svg") no-repeat right center; background-size: 18px 18px;padding-right:18px;}

.column-group .group-stats {position: absolute;bottom: 7px;}
.feed-grid .group-stats {float:right;}
.group-stats span {background-size:15px 15px;background-position:left center;background-repeat:no-repeat;padding-left: 18px;display: inline-block;height: 20px;font-size: 10px;line-height: 20px;font-weight:normal;}
.stats-albums {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/album.svg");}
.stats-objects {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/picture.svg");}
.stats-users {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/person.2.svg");}

a.g-acceptinvite, a.g-denyinvite {position: absolute;z-index:210;color: #fff !important;left:10px;text-shadow:#000 0 1px 1px;}
a.g-acceptinvite:hover, a.g-denyinvite:hover {color:#F79342 !important;}
a.g-acceptinvite {bottom:60px;}
a.g-denyinvite {bottom:40px;}

/* Group (view) */
.group-wrapper {background:#fff;padding:20px;}

/* Comments */
.comment-author img {border-radius:40px;}

a.show_comment_form {border: 2px solid #1a6c70;padding: 10px 20px;display: block;clear: both;text-align: center;margin: 12px 0 0 0;border-radius: 5px;	}
a.show_comment_form:hover {background: #1a6c70;color:#fff!important;}

#pv-object-main .comments_section p {font-size:13px!important;margin-bottom:0px !important;}
#pv-object-main .comment-panel {border-bottom:none !important;margin-bottom:0 !important;position:relative;}
#pv-object-main .comment-panel p {width:calc(100% - 60px)!important;}
ul.comment-panel-short {width:60px;}

.comment-panel-ul {border-bottom:1px solid #ddd;position:absolute;z-index:10;display:none;background:#fff;right:8px;top:20px;}
.comment-panel-ul li.likebtn {display:none;}
.comment-panel-ul li {padding:3px 5px !important;display:block;width:100%;text-align:left;border:1px solid #ddd;border-bottom:none;}
.comment-panel-ul li span {display:none;}

ul.comment-panel-short li {padding:0;font-size:12px !important;}
.pv-comment-likes a {
background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/heart.svg") no-repeat center center;
background-size:contain;display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-2px 2px 0 0;
}
a.pv-likes {
background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/heart.fill.svg") no-repeat center center;	
background-size:contain;
}

li.pv-comment-more a {
background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/list.bullet.svg") no-repeat center center;
background-size:contain;display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-1px 0 0 5px;
overflow:hidden;text-indent:1000px;
}

#pv-object-main .main-comment .comment-content {padding-bottom:0 !important;}
#pv-object-main .comments_section audio {width:100% !important;}
#pv-object-main div.comment-author {width:35px;}
.comment-author img {margin-bottom:5px !important;}
#pv-object-main div.comment-post-inner {padding:10px !important;}
#pv-object-main .comment-withpic {
	padding-left:10px !important;
	width: -moz-calc(100% - 35px);
	width: -webkit-calc(100% - 35px);
	width: -o-calc(100% - 35px);
	width: calc(100% - 35px);
}
#pv-object-main .comments_section .main-comment {background:#fff !important; border-left:none !important;}
.pv-cm-body {clear:both;}





/* Profile page */

.pv-general-heading {padding:0 15px !important;font-size: 22px !important;}
.pv-general-heading a.pv-all-albums {float:right;display:inline-block;padding-right:25px;background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/arrow.forward%20green.svg") no-repeat right center;background-size: 22px;font-size: 15px;font-weight: normal !important;}

.mingle .frame-1-4 .users-view {margin-top:-10px;}

.users-view ul.users-data {
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	background-color: #ffffff;
	max-width: fit-content;
	border-radius: 15px;
}
.users-view ul.users-data li {display: inline-block; width: 100%; margin:0;padding-bottom:10px;vertical-align: top;}
.users-view ul.users-data li span {display: block; font-weight: bold;}
div.users-presentation {border-top: 1px solid #eee !important; padding-top: 15px !important;}

li.is-male {background: url("/wwwdocs/_sites_media/170228-150/uploads/bilder/grafik/male16.png") no-repeat 0 20px;}
li.is-female {background: url("/wwwdocs/_sites_media/170228-150/uploads/bilder/grafik/female16.png") no-repeat 0 20px;}
li.is-male, li.is-female {padding-left: 18px;background-size:12px;}
li.is-male span, li.is-female span {margin-left: -18px !important;}
.users-view .users-inner {position:relative;}
.users-view ul.user-actions-panel {position:absolute;display:inline-block;margin:0;top:5px;right:5px;}
.users-view ul.user-actions-panel li {margin:0;}

ul.user-actions-panel li a, ul.user-actions-panel li a.button {background-size:contain !important; display:inline-block!important;width:25px!important;height:25px!important;text-indent:-8000px;overflow:hidden;padding:0!important;min-width: 0 !important;margin: 0 !important;}

.user-action-edit a {background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/gearshape.svg") no-repeat center center;}
.user-action-chat a.button.y-chat-open {background:transparent url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/bubble.left.svg") no-repeat center center !important;background-size:24px !important;}
.user-action-report a.button.yodo-report-link {background:transparent url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/flagg.svg") no-repeat center center !important;background-size:18px !important;min-width:0 !important;}



/*

/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/gearshape.svg

.users-img img {border: none;}
#object-352-10510 .users-img-inner {
	padding-top: 0px;
	padding-bottom: 4px;
}



.users-view .see-more {width: 100% !important; float: none !important;}
.users-view p.users-quote {font-style: italic; border-bottom: 1px solid #eee; padding: 0 0 10px 25px !important; background: url("/wwwdocs/_sites_media/170228-150/uploads/bilder/grafik/quote.png") no-repeat top left; margin: 0 0 10px 0 !important; }
.users-view .users-data-empty {display: none !important;}
.users-view li.users-quote span {display: none !important;}
.users-view .user-actions-panel {margin-bottom: 15px !important;} 
@media only screen and (max-width : 699px) { .users-view ul.users-data li { width: 48% !important; } }
em.usc-karlek {display: inline-block; background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icoheart.gif") no-repeat center center; width: 12px; height: 11px; margin-right: 5px;}
em.usc-vanskap {display: inline-block;  background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icofriends.gif") no-repeat center center; width: 16px; height: 11px; margin-right: 5px;}
em.usc-par {display: inline-block;  background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icocouple.gif") no-repeat center center; width: 16px; height: 11px; margin-right: 5px;}

span.ulo-karlek { background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icoheart.gif") no-repeat center center; display:  inline-block; width: 12px; height: 11px; margin: 3px 3px 0 0; float: right; }
span.ulo-vanskap { background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icofriends.gif") no-repeat center center; display:  inline-block; width: 16px; height: 11px; margin: 3px 3px 0 0; float: right; }
span.ulo-par { background: url("/wwwdocs/_sites_media/170228-150/uploads/Yodo/Grafik/icocouple.gif") no-repeat center center; display:  inline-block; width: 16px; height: 11px; margin: 3px 3px 0 0; float: right; }
*/

/* Nyheter */

.news-view .report-content-post {display:none;}

/* Profil grafik */


h3.heading-main {
	color: #ffffff !important;
	padding-bottom: 5px
}


.users-body.clearfix {
	padding-right: 15px;
}

.users-img a{
	transition-duration: 0.5s;
}

.users-img a:hover {
	transform: scale(1.1);
	filter: brightness(1.1);
	transition-duration: 0.5s;
}


/* Profile data box */
div.pv-profile-box {background:#fff;position:relative; font-size:14px !important;border-top-left-radius:45px;margin-top:5px;}
div.pv-profilebox-inner {padding:15px 10px 10px 10px;}
div.pv-profile-box, div.pv-profile-box p {font-size:14px;}

.pv-profile-box h3 {
	background-image:linear-gradient(45deg, #1a6c70, #2eb8ae);color:#fff!important;margin:0;
	font-size:14px;
	padding:0 5px 0 0;
	height: 41px;
	line-height: 41px;
	border-top-left-radius: 41px;
	border-bottom-left-radius: 41px;
}
/* User content stats: */
.pv-profile-box h3 span {float:right;display:inline-block;width:calc(100% - 60px);}
.pv-profile-box ol dt {width:60%;font-weight:normal;}
.pv-profile-box ol dt, .pv-profile-box ol dd {border-bottom:none;}

/* Profile image: */
a.pv-profilebox-pic {display:block;width:60px;height:60px;overflow:hidden;border-radius:60px;position:absolute;top: -7px;left: -10px;border: 2px solid #e6efed;box-shadow: #303030 0 8px 10px -10px;}
.pv-profilebox-pic img {display:block;width:100%;margin:0 auto;}

/* Buttons below profile data-box */
.pv-profilebox-buttons a.button {width:100%;font-size:14px !important;max-width:none !important;margin:10px auto 0 auto !important;}
.pv-profilebox-buttons a.button.inactive {font-weight:normal!important;border:1px solid #c3cccb !important;color:#8db5b1 !important;background-color:#e6efed !important}
.pv-profilebox-buttons a.button.inactive:hover{color:#1a6c70 !important;}

/* My latest images and albums-heading: */
.pv-profilebox-more h4 {font-size:16px !important;margin:15px 0 5px 0;}

/* Expand and contract content/feeds: */
span.h-expander {
	display:inline-block;
	height:41px;
	width:40px;
	position:absolute;
	right:0;top:0;
	cursor:pointer;
}
.h-expanded {
	background:url("/wwwdocs/img/arr-down-w.png") no-repeat center center;
}
.h-contracted {
	background:url("/wwwdocs/img/arr-right-w.png") no-repeat center center;
}
.h-expblack.h-expanded {
	background:url("/wwwdocs/img/arr-down.png") no-repeat center center !important;
}
.h-expblack.h-contracted {
	background:url("/wwwdocs/img/arr-right.png") no-repeat center center !important;
}


/* My latest albums: */
.pv-profilebox-more .albums-list li {width: calc(50% - 10px); padding-bottom: calc(50% - 10px);}
.pv-profilebox-more .albums-list li:nth-child(2) {margin-right:0 !important;}


/* Share object or album */
.pixelvoice-share-object, .pixelvoice-share-album {
	display:none;
	position: fixed;
	top: 100px;
	z-index: 2000;
	background: #fff;
	left: 25%;
	width: 50%;
	top: 50%;
	height: 250px;
	margin: -120px 0 0 0;
	padding-top: 20px;
	box-shadow: #000 0 30px 120px -40px;
}

button#btn-album-share {
	background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/share.svg") !important;
	background-size: 30px !important;
	text-indent: -8000px;
	border: none !important;
	padding: 0 !important;
	margin: 6px 0 0 -10px !important;
	width: 30px !important;
	background-repeat: no-repeat !important;
}
.pixelvoice-share-object form, .pixelvoice-share-album form {width: 90%;margin: 0 auto;}
#pixelvoice-share-object .yodo-dialog-inner {position:relative;}
p#share_sending {
	text-align: center;display:none;position: absolute;width: 100%;height: 100%;z-index: 20;left: 0;top: 0;
	background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/loading.gif") no-repeat center 30%;overflow: hidden;box-sizing: border-box;margin: 0;padding-top: 30%;font-size:20px;
}
.share_this_url {position:relative;}
input#share_this_url {text-indent: 30px;direction: rtl;text-align: left;}
.share_this_url span {position: absolute;right:2px;top:1px;cursor: pointer;display: block;width: 20px;height: 20px;overflow: hidden;text-indent: -1000px;background:#fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/copyblack.svg") no-repeat center center;background-size:contain;border:5px solid #fff;box-sizing:content-box;
}
.share_this_url span:hover {transform:rotate(180deg);}

.pv-noshare {
	border: 1px solid red;
	background: #ffffe9;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	width: calc(100% - 5px);
	box-sizing: border-box;	
}

body div button#btn-send-copy.btn-hidden {display:none !important;}
#share-selector a.button {
  padding: 0 !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 14px !important;
  margin: 0 5px 10px 0 !important;
  width: calc(33.33% - 5px) !important;
  box-sizing: border-box;
}
#share-selector a.button.active {background:#2FBCB2 !important;}
body div button.pv-sh-hidden, body div a.button.pv-sh-hidden {display:none !important;}

a.advanced-toggler {display:block;padding:5px 0;}
div.advanced-wrap {display:none;}


/* Feed/mingle (and parts of the "global" searh): */

#feed-search-access {display:none!important;}

h1.mingle-heading {width:calc(100% - 305px);}
div.filter-buttons {display:inline-block;float:right;margin-left:10px;}
span.btn-filters, span.btn-sorting {
	display:inline-block;background:#fff;height:41px;line-height:40px;cursor:pointer;
	position:relative;box-sizing: border-box;padding-left:34px;
	-moz-user-select: none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
}
.btn-filters {margin-right:5px;width:100px;}
span.btn-filters em {
	display:none;
	background: red;
	color: #fff;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	font-size: 11px;
	text-align: center;
	overflow: hidden;
	vertical-align: top;
	margin-top: 5px;
	margin-left: 5px;
	font-style: normal;
}
.btn-sorting {position:relative;}
.btn-sorting ul, .btn-filters ul {
	display:none;
	list-style: none;
	position: absolute;
	z-index: 202;
	background: #fff;
	width: 100%;
	left: 0;
	border:1px solid #ddd;
	border-top:none;
}
.btn-sorting ul li, .btn-filters ul li {
	padding:10px 10px;
	border-top:1px solid #ddd;
	font-size:120%;
	cursor:pointer;
}
.btn-sorting ul li:hover, .btn-filters ul li:hover {background:#f0f0f0;}


.feed-search-panel .input_text, .feed-search-panel ul { background:#e6efed!important;border:1px solid #c3cccb!important;border-radius:5px !important;color:#8db5b1!important;}

.feed-search-panel .input_text {float:left;width:calc(100% - 282px);border-radius:5px;height:40px!important;line-height:40px!important;box-sizing:border-box;text-indent:10px;}
.feed-search-panel .input_text:focus, .feed-search-panel ul li:hover {color: #1a6c70 !important;}
.feed-search-panel ul {list-style:none;float:left;display:inline-block;margin:0 0 0 5px;}
.feed-search-panel ul li {
	height:38px;line-height:38px;padding:0;margin:0;text-align:center;
	width:90px;float:left;font-size:14px;cursor:pointer;color:#8db5b1!important;
	-moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   }
.feed-search-panel ul li:nth-child(1), .feed-search-panel ul li:nth-child(2) {border-right:1px solid #c3cccb;}
.feed-search-panel ul li.active {background:#1c6b70!important;color:#fff !important;border-color:#16595e !important;font-weight:bold;}

div#search-content {padding-bottom:250px;}
/*
.pv-post-album .ll-img div {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/album.svg") no-repeat 95% 5%;}
.pv-post-object .ll-img div {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/picture.svg") no-repeat 95% 5%;}
.pv-post-user .ll-img div {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/person.svg") no-repeat 95% 5%;}
.pv-post-group .ll-img div {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/group.svg") no-repeat 95% 5%;}
*/

span.album-list-title {display:block;margin:10px;}
span.album-list-description {display: block;width:100%;position: absolute;top:0;left:0;opacity:0;background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/opac75.png");
transition: opacity 0.5s;  
height: calc(100% - 30px);padding:10px;z-index:200;overflow:hidden;font-weight:normal;}
.album-list-description strong {display:inline-block;width:calc(100% - 30px) !important;}
.pv-post-group:hover .ll-img span.album-list-description, .feed-grid li a.ll-img:hover span.album-list-description {opacity:1;}
.feed-grid li p {position:absolute;height:30px;overflow:hidden;bottom:0;z-index:150;background:#fff;padding:5px 0;box-sizing:border-box;color:#000;margin:0;font-size:13px;font-weight:bold;width:100%; border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.feed-grid li p a {color:#000 !important;}
span.feed-userpic {width: 20px;height: 20px;display: inline-block;vertical-align: middle;background-size: contain;margin-right: 5px;border-radius: 20px;}

/* Icons for editing and deleting objects and albums: */
li .a-list-ico {
	position: absolute;
	width: 40px;
	height: 40px;
	background: #1a6c70;
	text-indent: -8000px;
	overflow: hidden;
	border-radius: 3px;
	bottom: 35px;
	z-index: 200;
	display: none;
	background-size: 25px;
}
li:hover .a-list-ico {display:block;}
li .a-list-del {
	background: #1a6c70 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") no-repeat center center;
	right: 5px;
}
li .a-list-del:hover {background: #2FBCB2 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/trash.svg") no-repeat center center;}
li .a-list-edit {
	background: #1a6c70 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/gearshape.svg") no-repeat center center;
	right: 50px;
}
li .a-list-edit:hover {background: #2FBCB2 url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/gearshape.svg") no-repeat center center;}
.album-available-objects li .a-list-ico {bottom:5px;}


#feed-loader, .feed-loader {display:none;background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/loading.gif") no-repeat top center;background-size:40px 40px;margin-top:10px;padding-top:50px;text-align:center;}



/* Album without objects: */
#album-has-no-objects {
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
  width: 90%;
  padding: 50px 0;
}
#album-has-no-objects img {
  display: block;
  margin: 0 auto 30px auto;
  width: 50%;
  max-width: 350px;
}


/* jQuery UI Selectable: */

button#toggleSelection {height:44px !important;line-height:43px !important;vertical-align:top;margin: 0 !important;}
span.btn-ob-action {
	display: inline-block;
	position: relative;
	background: #fff;
	height: 44px;
	line-height: 43px;
	cursor: pointer;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding-left: 35px;
	padding-right: 15px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
span.btn-ob-action ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 150%;
	z-index: 350;
	margin: 0 !important;
	background: #fff;
	border: 1px solid #ddd;
}
span.btn-ob-action ul li {
	padding: 5px 10px;
	font-size: 13px;
}

.ui-selectable li {opacity:0.7;}
div.ui-selectable-helper {border: 2px solid #abccc8; background:#e6efed; z-index:1000; position:absolute;opacity:0.5;}
li.ui-selecting, li.ui-selected {opacity:1;}
li.ui-selecting::after, li.ui-selected::after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f39814;
  z-index: 300;
  opacity: 0.5;
}
li.ui-selectable-helper {border: 2px dotted #000 !important; z-index:1000; position:absolute;}
li.ui-selecting .pixelvoice-post-text, .pixelvoice-wrapper-box.ui-selected .pixelvoice-post-text { opacity: 0.5 !important;}
.feed-grid li.ui-selecting a.ll-img, .feed-grid li.ui-selected a.ll-img:hover,
.feed-grid li.ui-selecting p, .feed-grid li.ui-selected p {border-radius:0 !important;}
li.ui-selected p, li.ui-selecting p { background:#F39814 !important;}
li.ui-selecting .pixelvoice-post-text, .pixelvoice-wrapper-box.ui-selected .pixelvoice-post-text { opacity: 0.5;}
button#toggleSelection.selection-active {background:#F39814 !important;}

/* For search: */
.search-layoutset {height:0;overflow:visible;}
a.a-search-toggler {
	background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/magnifyingglass.svg") no-repeat center center;
	background-size: contain;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	margin: 17px 0 0 0;
	right: 135px;
}
#pixelvoice-search-wrapper, .search-ctrl-wrapper {top:0 !important;}
#pixelvoice-search-wrapper {position:absolute;left:0;z-index:2000;width:100%;height:100vh;background:#fff;}
.search-ctrl-wrapper {
	position: fixed;
	width: 100%;
	z-index: 20002;
	background: #fff;
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #ccc;	
}
#pv-search-scroller {top:45px !important;}
.search-ctrl-wrapper .search-filter-buttons {float:right;} 
.search-ctrl-wrapper .feed-search-panel { width: calc(100% - 330px); }
#pixelvoice-search-wrapper span.btn-filters, span.btn-filters, span.btn-sorting { border:1px solid #ddd; height:44px !important; line-height: 43px !important; }
#pixelvoice-search-wrapper .feed-search-panel .input_text /* {width:calc(100% - 380px) !important;} */
#pixelvoice-search-wrapper .btn-sorting ul {border: 1px solid #ddd; border-top: none;}
span.btn-sorting {
	background:#fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/sorting.svg") no-repeat 12px center !important;
	background-size:13px !important;
}
span.btn-filters {
background:#fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/slider.horizontal.3.svg") no-repeat 12px center !important;
background-size:20px !important;	
}

#pixelvoice-search-wrapper .feed-search-panel ul li:nth-child(3) {border-right:1px solid #c3cccb;}

#pixelvoice-search-wrapper .content-wrap-padded {
	position: fixed;
	padding-top: 72px !important;
	height: 100vh;
	top: 0;
	left: 0;
	width: 100%;
	overflow-y: scroll;
}

#search-loader {display:none;position:absolute;background:#fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/loading.gif") no-repeat center 150px;opacity:0.8;z-index:2000;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.searching #search-loader {display:block;}

a#close_search_panel {float: right;color: #000;font-size: 30px;font-weight: normal;width: 30px;text-align: right;height: 45px;line-height: 43px;}

#search-suggestions {clear:both;position:relative;overflow:visible;}
#search-suggestions ul {list-style:none;position:absolute;background:#fff !important;border:1px solid #ddd !important;border-top:none !important;margin:0;width:100%;}
#search-suggestions ul li {cursor:pointer;border-top:1px solid #ddd !important;border:none;padding:10px;line-height:normal;height:auto;width:100%;text-align:left !important;color:#000!important;}
#search-suggestions ul li:hover {background:#f0f0f0 !important;}


/* Responsive layout and small-screen-devices in general: */

@media only screen and (min-width : 1920px) {
	ul.pv-fullwidth-listing li {
		width: calc(12.5% - 10px) !important;
		padding-bottom:calc(12.5% - 10px) !important;
	}
}

@media only screen and (min-width : 1000px) and (max-width : 1919px) {
	ul.pv-fullwidth-listing li {
		width: calc(16.66% - 10px) !important;
		padding-bottom:calc(16.66% - 10px) !important;
	}
}

@media only screen and (min-width : 821px) and (max-width : 1080px) {
	.pv-frame-1-6:nth-child(4) {display:none;}
	.pv-frame-4-6 {width:calc(100% - 250px);margin:0 0 0 10px;}
}

@media only screen and (max-width : 960px) {
	.feed-search-panel ul li, .feed-search-panel ul li.active {
		background-size: 20px !important;
		text-indent: -8000px;
		width: 40px !important;
		background-position: 10px center !important;
		background-repeat: no-repeat !important;
	}
	.feed-search-panel ul li:nth-child(1) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/picture.svg") !important;
	}
	.feed-search-panel ul li:nth-child(2) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/album.svg") !important;
	}	
	.feed-search-panel ul li:nth-child(3) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/group.svg") !important;
	}
	.feed-search-panel ul li:nth-child(4) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20gron/person.svg") !important;
	}
	.feed-search-panel ul li.active:nth-child(1) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/picture.svg") !important;
	}
	.feed-search-panel ul li.active:nth-child(2) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/album.svg") !important;
	}	
	.feed-search-panel ul li.active:nth-child(3) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/group.svg") !important;
	}
	.feed-search-panel ul li.active:nth-child(4) {
		background-image: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/person.svg") !important;
	}
	/*
	#pixelvoice-search-wrapper .feed-search-panel .input_text {
		width: calc(100% - 170px) !important;
	}
	*/
	.feed-search-panel input#search-phrase {
		width: calc(100% - 128px) !important;
	}
}

@media only screen and (max-width : 820px) {
	.pv-frame-1-6:nth-child(4) {display:none;}
	.pv-frame-1-6, .pv-frame-4-6 {width:100%; margin: 0 auto 10px auto;}
	.pv-profilebox-more ul {display:none;}

	/* Album */	
	.pv-frame-1-6.album-short-info {background:#fff;padding:10px;}
	.album-short-imgbox {float:left;width:calc(35% - 10px);margin-right:10px;}
	table.album-byline {float:left;width:65%;}
	/* div.album-cover-big, div.album-description-content {float:none;width:100%;margin:0 auto 10px auto;}
	div.album-cover-big {padding-top:calc(80% - 5px);} */
}

@media only screen and (max-width : 748px) { 
	.pixelvoice-list-layout-3 .pixelvoice-wrapper-box {width:calc(50% - 10px) !important;margin-left:10px !important;} /* Reset standard setting at 749 px) */
}

@media only screen and (max-width : 690px) {
	.search-filter-buttons {display:none !important;}
	.search-ctrl-wrapper .feed-search-panel {width: calc(100% - 35px) !important;}
	
}

@media only screen and (max-width : 670px) { 
	#pv-image-wrapper .pixelvoice-list-layout-3 {
		width:95%;
		overflow:hidden;
		height:24vw;
		margin-top:25px !important;
	}
	#pv-image-wrapper .pixelvoice-list-layout-3 .pixelvoice-wrapper-box {
		width: calc(25% - 10px) !important;
	}
}

/* Adaptions for smaller screens: */

/*
@media all and (min-width : 961px) {
	a#btn-edit-object {display:none !important;}
}
*/

@media all and (max-width : 960px) {
	a.medium-cta-button {padding:5px 0;font-size:14px;width: 48%;display: inline-block;margin: 0 1% 10px 1%;}
	a.medium-cta-button img {display: inline-block;vertical-align: middle;margin: 0 10px 0 0;width: 23px;}
	.mingle .frame-1-4, .mingle .frame-1-2 {float:none !important; clear:both; width: 100% !important;}
	
	#edit-object-labels, #edit-object-sound{width:100%;float:none;}
	
	#object-352-14955 .users-inner {padding:10px !important;}
	.users-view ul.users-data li {width:33%;}
}

@media all and (max-width : 500px) {
	.users-view ul.users-data li {width:48%;}
}

/* From Mingle: */ 

div.filter-buttons {display:inline-block;float:right;margin-left:10px;}
span.btn-filters, span.btn-sorting {
	display:inline-block;background:#fff;height:41px;line-height:40px;cursor:pointer;
	box-sizing: border-box;padding-left:34px; padding-right:10px;
	vertical-align:top;
	-moz-user-select: none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
}
.btn-filters {margin-right:5px;width:110px;}
.btn-sorting {position:relative;width:145px;}
.btn-sorting ul {
	display:none;
	list-style: none;
	position: absolute;
	z-index: 202;
	background: #fff;
	width: 100%;
	left: 0;
}

.feed-search-panel .input_text, .feed-search-panel ul { background:#e6efed!important;border:1px solid #c3cccb!important;border-radius:5px !important;color:#8db5b1!important;}

.pv-filter-search #search-phrase {float: left;width: calc(100% - 280px)!important;box-sizing: border-box;height: 45px !important;border-width: 1px;}

.feed-grid * {user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.feed-grid li a.ll-img, .feed-grid li a.ll-img:hover {
	font-size: 14px;
	line-height: 120%;
	color: #fff !important;
	text-decoration:none;
	border-radius:3px;
 /*	background-color:#f9f9f9; /* Added to hide the loading icon on transparent pngs */
}
.feed-grid li a.ll-img div {position:relative;height:100%;overflow:hidden;background-size:10%;}
.feed-grid span.loadbg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #fff url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/loading.gif") no-repeat center center !important;
	background-size: 30px !important;
}
.bg-loaded span.loadbg {
  display: none !important;
}
span.album-list-title {margin:10px;z-index: 2;position: relative;}
span.album-list-title, .album-list-description strong {
	display:inline-block;
	font-weight:bold;
	background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/opac50.png");
	width:calc(100% - 50px) !important; 
	padding:5px;font-size:15px;
	min-height:27px;
}
span.album-list-title {width:calc(100% - 20px) !important;} 
.album-list-description strong {width:100% !important;margin-bottom:10px;}

span.album-list-description {display: block;width:100%;position: absolute;top:0;left:0;opacity:0;background:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/opac75.png");
transition: opacity 0.5s;  
height: calc(100% - 30px);padding:10px;z-index:200;overflow:hidden;font-weight:normal;}


span.content-ico {
	display: block;
	padding-right: 25px;
	background-size: 20px !important;
	min-height:17px;
}
.pv-post-album .ll-img .content-ico {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/album.svg") no-repeat 100% 5%;}
.pv-post-object .ll-img .content-ico {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/picture.svg") no-repeat 100% 5%;}
.pv-post-user .ll-img .content-ico {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/person.svg") no-repeat 100% 5%;}
.pv-post-group .ll-img .content-ico {background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/group.svg") no-repeat 100% 5%;}

.feed-grid li a.ll-img:hover span.album-list-description {opacity:1;}
.feed-grid li p {position:absolute;height:30px;bottom:0;z-index:150;background:#fff;padding:5px 0;box-sizing:border-box;color:#000;margin:0;font-size:13px;font-weight:bold;width:100%; border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.feed-grid li p a {color:#000 !important;}
span.feed-userpic {width: 20px;height: 20px;display: inline-block;vertical-align: middle;background-size: contain;margin-right: 5px;border-radius: 20px;}



/* Messages, exclaimers..: */

p.pv-msg {
	margin: 0 0 15px 0;
	padding: 7px;
	border: 1px solid #ddd;
	border-radius:3px;
	display: inline-block;
	font-size: 13px;
	color: #555 !important;
	font-style: italic;
}
span.pv-msg-exclaimer {
	display: inline-block;
	border: 1px solid red;
	text-align: center;
	width: 17px;
	height: 17px;
	line-height: 15px;
	color: red;
	margin: 0 10px 0 0;
	border-radius: 30px;
	font-size: 12px;
	font-weight: bold;
}


/* NOTIFICATIONS: */

.in-search-wrapper #pv-notif-fix {z-index:1 !important;} /* Hide notification icon while we have the search window open */

#pv-notif-fix {position:absolute;z-index:2000;overflow:visible;width:25px;height:25px;top:10px;right:75px;}
#pv-notif-wrap {position:relative;height:25px;overflow:hidden;}
#pv-notif-wrap.expanded {overflow:visible;}
a#pv-notif-icon {display:block;height:25px;width:25px;background: url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20vit/bell.svg") no-repeat center center; background-size:25px;}
a#pv-notif-icon.has-notifications{background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20orange/bell.fill.svg");}
ul#pv-notifications {display:block;padding:0;margin:0;background:#fff;list-style:none;border:1px solid #ddd;border-bottom:none;position:absolute;top:calc(100% + 1px);right:0;width:calc(100vw - 30px);max-width:600px;box-sizing:border-box;box-shadow:#000 0 10px 20px -15px;
	-webkit-transition: max-height 0.3s ease-in;
	  -moz-transition: max-height 0.3s ease-in;
	  -ms-transition: max-height 0.3s ease-in; 
	  -o-transition: max-height 0.3s ease-in; 
	  transition: max-height 0.3s ease-in;
	  max-height:0;
}
#pv-notif-wrap.expanded ul#pv-notifications {overflow:hidden;}
#pv-notifications li {display:block;padding-left:15px;border-bottom:1px solid #ddd;overflow:hidden;box-sizing:border-box;color:#000 !important;font-size:13px; height:70px;/* line-height:50px;height:50px; */ }
#pv-notifications li span {display:block;padding:10px 0 5px 0;color:#777;}
li.pv-noti-empty {line-height: 67px;text-align: center;}
a.pv-noti-action {float:right;display:block;width:50px;height:70px;overflow:hidden;border-left:1px solid #ddd;text-align:center;text-indent:-9999px;background-position:center center;background-size:25px;background-repeat:no-repeat;}
a.pv-noti-deny { /* Placeholder icon */ background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/hand.thumbsdown.svg");}
a.pv-noti-accept { /* Placeholder icon */ background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/hand.thumbsup.svg");}
a.pv-noti-watch {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/SF%20Symbols/icons%20svart/eye.svg");}
a.pv-noti-ok {background-image:url("/wwwdocs/_sites_media/210527-391/uploads/Yodo/Grafik/icons/accept.svg");}

@media all and (max-width : 690px) {
	ul#pv-notifications {
		top: calc(100% + 5px);
		right: -75px;
		width: 100vw;
		max-width:690px;
	}
}


/* Organiations: */
.business_requests_user p {padding:15px 0 5px 0;}