/* readspeaker.ascx */
.readspeaker .rsbtn_powered {
	display: none;
}
.readspeaker {
	margin-top: 20px;
}
.rsbtn_skat {
	background: #fff;
	border: .05em solid #14143c;
	display: block;
	height: 43px;
	margin: 35px 0 30px;
	/*overflow: hidden; jna: accessibility */
	position: relative;
	-webkit-transition: width 300ms, background-color 300ms;
	-moz-transition: width 300ms, background-color 300ms;
	-ms-transition: width 300ms, background-color 300ms;
	-o-transition: width 300ms, background-color 300ms;
	transition: width 300ms, background-color 300ms;
	width: 110px !important;
}
.rsbtn_skat:hover {
	background: #b8b8c4;
}
.rsexpanded {
	width: 170px !important;
}
.rsexpanded:hover {
	background: #fff;
}
.rsbtn_progress_container {
	left: -9999px;
	position: absolute;
}
.rsexpanded .rsbtn_box {
	-webkit-animation: rs_bg_ani 1s linear infinite;
	-moz-animation: rs_bg_ani 1s linear infinite;
	-ms-animation: rs_bg_ani 1s linear infinite;
	animation: rs_bg_ani 1s linear infinite;
	background-image: -webkit-linear-gradient(  -68deg,  rgba(176, 191, 201, 1) 25%,  transparent 25%,  transparent 50%,  rgba(176, 191, 201, 1) 50%,  rgba(176, 191, 201, 1) 75%,  transparent 75%,  transparent  );
	background-image: -moz-linear-gradient(  -68deg,  rgba(176, 191, 201, 1) 25%,  transparent 25%,  transparent 50%,  rgba(176, 191, 201, 1) 50%,  rgba(176, 191, 201, 1) 75%,  transparent 75%,  transparent  );
	background-image: -ms-linear-gradient(  -68deg,  rgba(176, 191, 201, 1) 25%,  transparent 25%,  transparent 50%,  rgba(176, 191, 201, 1) 50%,  rgba(176, 191, 201, 1) 75%,  transparent 75%,  transparent  );
	background-image: linear-gradient(  -68deg,  rgba(176, 191, 201, 1) 25%,  transparent 25%,  transparent 50%,  rgba(176, 191, 201, 1) 50%,  rgba(176, 191, 201, 1) 75%,  transparent 75%,  transparent  );
	background-size: 20px 50px;
	display: inline-block;
	height: 27px;
}
.rsaudioloaded .rsbtn_box {
	background: none;
}
.rsbtn_exp {
	display: none;
	position: absolute;
	top: 7px;
	left: 40px;
	width: 120px;
}
.rsexpanded .rsbtn_exp {
	display: block;
}
.rsbutton {
	display: block;
	float: left;
	height: 27px;
	padding: 1px 0 0 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 40px;
}
.rsaudioloaded .rsbutton:hover {
	background: #e2e8eb;
}
.rsbtn_btnlabel {
	left: -9999px;
	position: absolute;
}
.rsbtn_icon, .rsbtn_left {
	background: url('../images/readspeaker/readspeaker-sprite.svg') no-repeat 50% 0;
	display: inline-block;
	height: 25px;
	width: 20px;
}
.rsbtn_skat a {
	outline: none;
	text-decoration: none;
}
.rsbtn_play {
	display: inline-block;
	height: 43px;
	padding: 1.2rem 0 0 6px;
	position: absolute;
	top: 0;
	width: 108px;
}
.rsbtn_play .rsbtn_left {
	background-size: 21px auto;
	display: block;
	height: 30px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 25px;
}
.rsbtn_play .rsbtn_right {
	display: none;
}
.rsbtn_play .rsbtn_text {
	height: 30px;
	left: 33px;
	line-height: 30px;
	margin-top: -16px;
	position: absolute;
	top: 50%;
	width: 70px;
}
.rsexpanded .rsbtn_play {
	width: 50px;
}
.rsexpanded .rsbtn_play .rsbtn_text {
	display: none;
}
.rsbtn_pause .rsbtn_icon {
	background-position: 50% -50px;
}
.rspaused .rsbtn_pause .rsbtn_icon, .rsstopped .rsbtn_pause .rsbtn_icon {
	background-position: 50% -25px;
}
.rsbtn_closer .rsbtn_icon {
	background-position: 50% -100px;
}
.rsbtn_settings .rsbtn_icon {
	background-position: 50% -75px;
}

@media (min-width: 960px) {
}
/* COMPACT */
.rsbtn_skat.rscompact {
	display: none;
	height: 30px !important;
	margin: 0;
	position: absolute;
	width: 95px !important;
}
.rsbtn_skat.rscompact.rsexpanded {
	width: 150px !important;
}
.rscompact .rsbtn_play {
	height: 28px !important;
}
.rscompact .rsbtn_play .rsbtn_left {
	background-size: 20px auto;
	height: 25px;
	left: 3px;
	margin-top: -13px;
	width: 20px;
}
.rscompact .rsbtn_play .rsbtn_text {
	left: 24px;
}
.rscompact .rsbtn_exp {
	left: 27px;
	top: 0;
}
.rscompact .rsbtn_box {
	height: 28px;
}
.rscompact .rsbutton {
	height: 28px;
	padding-top: 2px;
}
/* READSPEAKER LIGHTBOX */
#rslightbox_overlay {
	background-color: #000 !important;
}
#rslightbox_contentcontainer {
	background: #FFF !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
#rslightbox_logo {
	display: none !important;
}
#rslightbox_content {
	border: 0 !important;
	top: 5rem !important;
}
#rslightbox_buttons {
	display: none !important;
}
#rslightbox_closer {
	background: #000 url('../images/icons/ikon-luk--hvid.svg') no-repeat 50% 50% !important;
	background-size: 3rem !important;
	height: auto !important;
	padding: 2rem !important;
	right: 0 !important;
	top: 0 !important;
	width: auto !important;
}
/* Readspeaker white (needs a div.white outside) */
.white .rsbtn_skat {
	border: .1rem solid #FFF !important;
	background: transparent !important;
}
.white .rsbtn_play .rsbtn_text {
	color: white;
}
.white .rsbtn_icon, .white .rsbtn_left {
	background: url('../images/readspeaker/readspeaker-sprite--white.svg') no-repeat 50% 0;
}
.white .rsbtn_pause .rsbtn_icon {
	background-position: 50% -50px;
}
.white .rspaused .rsbtn_pause .rsbtn_icon, .white .rsstopped .rsbtn_pause .rsbtn_icon {
	background-position: 50% -25px;
}
.white .rsbtn_closer .rsbtn_icon {
	background-position: 50% -100px;
}
.white .rsbtn_settings .rsbtn_icon {
	background-position: 50% -75px;
}
/* end Readspeaker white */
/* Readspeaker large - used on oid: 2274194 */
.large-readspeaker .readspeaker {
	margin-top: 0;
}
.large-readspeaker .rsbtn_skat {
	height: 67px;
	margin: 0px 0 0;
}
.large-readspeaker .rsbtn_play .rsbtn_text {
	line-height: 31px;
}
.large-readspeaker .rsbtn_play .rsbtn_left {
	top: 80%;
}
.large-readspeaker .rsbtn_exp {
	top: 21px;
}

/*end large*/
/* ANIMATION */

@-webkit-keyframes rs_bg_ani {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 20px 50px;
}
}
@-moz-keyframes rs_bg_ani {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 20px 50px;
}
}
@-ms-keyframes rs_bg_ani {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 20px 50px;
}
}
@keyframes rs_bg_ani {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 20px 50px;
}
}
/* accessibility */
#readspeaker_button1 a:focus {
    color: #72728a;
    box-shadow: 0 0 0 0.2rem #72728a;
}