.programcontent *:focus, .programcontent *.active{
	outline: 2px solid #0088ff !important;
	border-radius: 5px !important;
}
h1.headline{
	font-size: 20px;
	line-height:27px;
}
.ownCB {
	position: absolute;
	/*visibility: hidden;*/
	height: 0 !important;
	width:0 !important;
	margin:0 !important;
	padding:0 !important;
}
label {
	cursor: pointer;
}

.close span:focus,
#filterForm button.btn:focus,
#filterForm button.close:focus,
#filterForm input.form-control:focus,
#filterForm .filterFormSectionExtenderButton:focus,
#clearAllButton:focus,
#searchFilterModal:focus,
.switcher:focus{
	outline: #0088ff solid 2px !important;
}
.filterFormSectionExtenderButton{
-moz-border-radius: 3px;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
}

.filterFormExpander .col-6 {
	margin-bottom: 1em;
	padding-left: 3.2em !important;
}
#rightContent{
	padding-left:0;
	padding-right:0;
}
@media (max-width: 767px) {
	.footerButtonsDiv h2 {
		width:65% !important;
	}
	#leftContent{
		display:none;
	}
	#rightContent{
		padding-left:0;
		padding-right:0;
	}
	.filterFormExpander .col-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.filterFormExpander .col-6 .ownCB + label:before{
	margin-left:-2.0em;
}

.ownCBLabel{
	margin-bottom:0 !important;
}
.ownCB + label:before {
	background: white;
	border: 1px solid #c1c3c4;
	content: "\00a0";
	display: inline-block;
	font: 16px/1em sans-serif;
	height: 16px;
	margin: 0 1.0em 0 0;
	padding: 0;
	vertical-align: top;
	width: 16px;
}
.ownCB:checked + label:before {
	border:0;
	background: #f66501;
	color: white;
	content: "\2713";
	text-align: center;
}
.ownCB:checked + label:after {
	font-weight: bold;
}

.ownCB:focus + label::before {
	outline: #0088ff auto 5px;
}

.widebutton{
	width:100%;
}
input[type=text]{
-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}

.fade{opacity: 1.0 !important;}

.modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show {
	opacity:0.7 !important;
}

.modal-dialog{
	margin-top:60px;
    overflow-y: initial !important;
}

.modal-content{
	color:white !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

.modal-header h3 {
	color:white;
	margin-top:0;
	font-weight:bold;
}

.modal-content span{
	color:white !important;
}

.modal-header{
	border-bottom: 1px solid #c1c3c4;
}
.modal-body{
	background-color: #4D4D4D;
    height: 70vh !important;
    overflow-y: auto !important;
}

.modal .btn-secondary {
	background-color: transparent;
}

#filterModal{
	overflow:hidden;
}

#filterModal .modal-dialog {
	max-width: 700px;
}

#filterModal .modal-footer{
	border-top: 0 !important;
}

.clearBtn{
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border: 1px solid #c1c3c4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}
.modal-footer .btn{
	border: 1px solid #c1c3c4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}
.modal-header, .modal-footer, .modal-content{
	background-color:#747474;
}

.no-padding {
	padding:0;
}

#searchText2{
	width:100%;
}

.filterFormSearchTextDiv{
	padding: 0 0 10px 0;
}
.filterFormSearchTextDiv input{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}
.filterFormHeadline{
	border-bottom: 1px solid #c1c3c4;
	padding: 10px 1rem 10px 1rem;
	background-color: #636363;
	cursor:pointer;
}

.filterFormHeadline.first{
	background-color: transparent;
	border:0;
}

.sectionFilterCountDiv{
	float:right;
	margin-right: 10px;
}
.filterFormSectionExtenderButton {
	border: 0;
	background-color: transparent;
	padding:0;
	float:right;
}
.filterFormSectionExtenderButton:hover,
.filterFormSectionExtenderButton:active,
.filterFormSectionExtenderButton:focus{
	border: 0;
	outline:0;
}
.filterFormSectionExtenderButton img{
	height: 0.7em;
	width: 0.7em;
}

.filterFormExpander{
	padding: 0 1rem 0 1rem;
}

button.close:hover,
button.close:active{
	border:0;
	outline: none;
}
button.close:focus{
	outline: 2px solid #0088ff;
}
button.close {
	opacity: 1 !important;
}
button.close img{
	height:13px;
}
.switcher{
	height:20px;
	width:40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px !important;
	-khtml-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important;
	float:right;
	cursor:pointer;
	padding:0;
	color:white;
}
.switcher img{
	margin-top:-5px;
	height:16px;
}
.checkedSwitch{
	border:2px solid #f66501;
	background-color: #f66501;
	text-align: left;
}
.uncheckedSwitch{
	border:2px solid #4e5157;
	background-color: #4e5157;
	text-align: right;
}

#headlinesdiv{
	padding:8px 16px 2px 16px;
	width:100%;
	background-color: white !important;
}
#formDiv{
	width:100%;
	max-width: 600px;
	padding: 16px 16px 2px 16px;
	/*position: sticky;
	top: 0;
	z-index: 1;
	background-color: white;*/
}

span.deleteicon {
	position: relative;
	display: inline-flex;
	align-items: center;
	width:100%;
}
span.deleteicon span {
	position: absolute;
	display: block;
	right: 1.0em;
	width: 8px;
	height: 22px;
	border-radius: 50%;
	color: #4d5157;
	background-color: #fff;
	font: 22px monospace;
	text-align: center;
	line-height: 1em;
	cursor: pointer;
}
span.deleteicon input {
	padding-right: 18px;
	box-sizing: border-box;
}

#stickydiv{
	position: sticky !important;
	top: 0;
	z-index: 1;
	display:block;
	background-color: white !important;
}

#showFilterButtonRow{
	padding: 16px 16px 16px 16px;
	width:100%;
	/*position: -webkit-sticky !important;
	position: -moz-sticky !important;
	position: -o-sticky !important;
	position: -ms-sticky !important;
	position: sticky !important;
	top: 0;
	z-index: 1 !important;
	background-color: white !important;
	display:block;*/
}

.daycontainer_headline_container{
	/*position: -webkit-sticky !important;
	position: -moz-sticky !important;
	position: -o-sticky !important;
	position: -ms-sticky !important;
	position: sticky !important;
	top: 61px;
	z-index: 1;
	display:block;*/
}
#searchdate_from {
	max-width:130px;
}

#filterButtonIcon {
	width:16px;
	height:16px;
	margin: -2px 0 0 6px ;
}
#subtitlingicon, #environmenticon{
	border:2px solid white;
	border-radius:2px;
}
.numberOfEventsDiv {
	margin-left:2px;
}
.btn, .form-control{
	font-size: 1.2em;;
}

.btn-primary{
	color:white;
	background-color: #f66501;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
	border:0;
}

#searchButton{
	padding-top:0.45rem;
	padding-bottom:0.45rem;
}

.btn-dark{
	background-color: #4d5157;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
	border:0;
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active{
	background-color: #4d5157 !important;
}

#headoverlay{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}
.dayeventcontainer{
	min-height: 190px;
}

.wait-cursor{
	cursor: wait !important;
}

.eventscontainer {
	padding:0 15px;
	width:100%;
	max-width: 600px;
}

#eventscontainer .slick-slide {
	margin: 0;
}

#eventscontainer a {
	text-decoration-line: underline;
}

#eventscontainer a.functionalLink {
	text-decoration-line: none;
}

.slick-disabled,.slick-arrow{
	display:none !important;
}

.daycontainer{

}
.daycontainer_headline {
	text-align: center;
	background-color: #4e5157;
	padding: 0.5em 0.1em;
	margin-bottom: 0.6em;
	width:100%;
}
.previousday_button, .nextday_button{
	margin:-5px 0 0 0;
	padding: 5px 12px 8px 14px;
	background-color:transparent;
	font-weight:bold;
	border: none;
}
.nextday_button:focus,
.previousday_button:focus{
	outline: 2px solid #0088ff;
}
.previousday_button{
	float:left;
	margin-left:0.1em;
}
.nextday_button{
	float:right;
	margin-right:0.1em;
}
.nextday_button img ,
.previousday_button img {
	height:1.0em;
	width:1.1em;
}

.nextday_buttonfiller{
	float:right;
    margin:-8px 0 0 0;
    padding: 6px 12px 8px 14px;
	height:1.0em;
	width:50px;
}
.previousday_buttonfiller{
    float:left;
    margin:-8px 0 0 0;
    padding: 6px 12px 8px 14px;
    height:1.0em;
	width:50px;
}
.day0 .daycontainer_headline{
	border-bottom: 4px solid #009cdd;
}
.day1 .daycontainer_headline{
	border-bottom: 4px solid #a2bd2f;
}
.day2 .daycontainer_headline{
	border-bottom: 4px solid #8a0079;
}
.day3 .daycontainer_headline{
	border-bottom: 4px solid #6f7072;
}
.day4 .daycontainer_headline{
	border-bottom: 4px solid #40b5e6;
}
.day5 .daycontainer_headline{
	border-bottom: 4px solid #b9ce63;
}
.day6 .daycontainer_headline{
	border-bottom: 4px solid #a7409b;
}
.day7 .daycontainer_headline{
	border-bottom: 4px solid #939495;
}
.daycontainer_headline h2,
.daycontainer_headline .h2div{
	color:white;
	font-size: 1.2em;
	padding:0 5px 0 5px;
	margin:0;
}
.daycontainer_headline h2{
	display:inline-block;
	font-size: 1.0em;
}

.daycontainer_headline h2 img,
.daycontainer_headline div img{
    width:19px !important;
	margin-top:-4px;
	margin-right:0;
}
.daycontainer_headline_container h2:focus {
	outline: 2px solid #0088ff;
}
.centeredtext{
	width:100%;
	text-align:center;
}
.eventcont{
	background-color:white;
	padding:16px;
	border-bottom: 5px solid lightgray;
}

.eventcont.cancelled .event_time {
	color:red;
}

.eventcont.cancelled .event_time::after {
	color:red;
	content: " Inställt";
}

.eventcont:last-child{
	border-bottom: 0;
}
.event_time {
	font-size:1.2em;
	padding:0 0 0.5em 0;
	color:#333;
    font-weight:600;
}
.eventcont h3{
	padding:0.0em 0.6em 0.2em 0.6em;
	margin:0;
	border-left:4px solid #009cdd;
	font-weight:600;
    font-size:1.2em;
}
.day0 .eventcont h3, .day0 .noevents{
	border-left:4px solid #009cdd;
}
.day1 .eventcont h3, .day1 .noevents{
	border-left:4px solid #a2bd2f;
}
.day2 .eventcont h3, .day2 .noevents{
	border-left:4px solid #8a0079;
}
.day3 .eventcont h3, .day3 .noevents{
	border-left:4px solid #6f7072;
}
.day4 .eventcont h3, .day4 .noevents{
	border-left:4px solid #40b5e6;
}
.day5 .eventcont h3, .day5 .noevents{
	border-left:4px solid #b9ce63;
}
.day6 .eventcont h3, .day6 .noevents{
	border-left:4px solid #a7409b;
}
.day7 .eventcont h3, .day7 .noevents{
	border-left:4px solid #939495;
}
.eventcont h3 a{
	color:black;
}
.noevents{
	margin: 2.0em 1.5em;
	padding-left:0.8em;
	display:none;
}
.event_icons {
	padding: 0;
}
.event_icons .event_img_big{
	margin-bottom:16px;
	width:inherit !important;
	cursor:pointer;
}

.event_icons .event_img_big:focus{
	outline: 2px solid #0088ff;
}

.eventmap{
	width:100%;
	height:300px;
	display:none;
}

.event_map_share_calendar_buttons {
	margin-bottom:0;
}

.mapbutton{
    cursor:pointer;
	display: inline-block;
	border:0;
	background-color:transparent;
	color:rgb(68,68,68);
	margin-bottom:16px;
	padding-left:0;
}

.mapbutton:before {
    content: "";
    display: block;
    background:  url("/images_gui/icons/svg/karta.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 0 0 6px;
	cursor:pointer;
}

.mapbutton:hover,
.mapbutton:hover:hover,
.mapbutton:focus,
.mapbutton:active{
    color: #0088ff !important;
}

.share_links_div{
    clear: both;
    background-color: #fafafa;
    overflow: hidden;
    padding: 0;
    border-bottom-width: 0;
    border-bottom-color: #fff;
	display:none;
}

.open_share_div_link {
    color: #444 !important;
    text-decoration: none !important;
	padding-top:0;
	border:none;
	background-color:transparent;
}

.open_share_div_link:hover,
.open_share_div_link:focus,
.open_share_div_link:active{
    color: #0088ff !important;
    text-decoration: none !important;
	outline: 2px solid #0088ff;
}
/*
.open_share_div_link:before {
	content: "";
	display: block;
	background: transparent url(/images_gui/icons/art-header_icons_sprite.svg?_=43786811) 10px 9px no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 0 0 6px;
	cursor:pointer;
}*/

.print_link_div{
	margin-bottom:16px;
	padding-left:6px;
	display:inline-block;
}
.print_link {
	color: #444 !important;
	text-decoration: none !important;
	padding-right:5px;
}

.print_link:hover,
.print_link:focus{
	color: #0088ff !important;
	text-decoration: none !important;
}

.print_link:before{
	content: "";
	display: block;
	background: url("/images_gui/icons/svg/skriv_ut.svg") no-repeat;
	width: 21px;
	height: 20px;
	float: left;
	margin: -1px 6px 0 0;
	padding-right: 6px;
	cursor: pointer;
}
@media only screen and (max-width: 850px) {
	.eventscontainer {
		padding: 0 15px 300px 15px;
	}
}
@media only screen and (max-width: 600px) {
	.print_link_div{
		display:none !important;
	}
}

.share_icon{
    position: relative;
    top: 4px !important;
    display: inline-block !important;
    text-align: left !important;
    width: 23px !important;
    height: 17px !important;
    margin-right: 0 !important;

    background: transparent url(/images_gui/icons/art-header_icons_sprite.svg?_=43786811) 10px 9px no-repeat;
    background-size: 172px 87px;
    background-position: -52px -15px;
}

.open_share_div_link:hover .share_icon/*,
.open_share_div_link:active .share_icon,
.open_share_div_link:focus .share_icon*/{
    background-position: -52px -58px !important;
}

.share_links_div_inner{
    position: relative;
    padding: 25px;
}

.icalendar_form{
	display:inline;
}

.icalendar_link{
    color: #444 !important;
    text-decoration: none;
	background-color: transparent;
	border:0 !important;
	padding-right:5px;
	font-weight:400 !important;
	margin-bottom:16px;
}
.icalendar_link:hover,
.icalendar_link:focus,
.icalendar_link:active{
    color: #0088ff !important;
}
.icalendar_link:before{
    content: "";
    display: block;
    background:  url("/images_gui/icons/svg/kalender.svg") no-repeat;
    width: 21px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
	padding-right:6px;
    cursor:pointer;
}

.event_info {
	padding: 0.5em 0 0 0;
}
.event_info_label {
	font-weight:bold;
}

.inforow{
    padding-bottom: 16px;
}

.inforow:last-of-type {
	padding-bottom: 0;
}

.event_extended .inforow h4 {
	margin: 0 0 0.1em 0;
	font-size: 16px;
}
.event_extended .inforow td {
	padding-right: 10px;
}

.event_map_share_calendar{
	padding: 12px 0 0 0;
}
.event_map, .event_share{
	height:1.5em !important;
	width: 1.5em !important;
}

.accessibility_icon{
	height:1.5em !important;
	width: 1.5em !important;
}

.event_participants span:not(:nth-of-type(1)){
	display: inline-block;
	margin-top:6px;
}


.contact_person:nth-of-type(2),
.contact_person:nth-of-type(3),
.contact_person:nth-of-type(4),
.contact_person:nth-of-type(5),
.contact_person:nth-of-type(6){
	display: inline-block;
	margin-top:6px;
}

.event_toggler{
	margin-top:10px;
	text-align: center;
}

.event_toggler_button {
	border: 0;
	background-color: transparent;
	padding:0;
	height: 1.0em;
	width: 1.8em;
}
.event_toggler_button:focus{
	box-shadow: 0 0 0 3px #00b3ee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	outline:none;
}

/*temporary. the img should be removed*/
.event_toggler_button img{
	display:none;
	/*height: 1.0em;
	width: 1.0em;*/
}

/*temporary. the 2nd button should be removed*/
.event_toggler_button:nth-of-type(2){
	display:none;
}

.event_retractor_button{
	background-image:url("/images_gui/icons/svg/Pilar/pil_upp.svg");
	background-repeat: no-repeat;
	/*display:none;*/
}
.event_extender_button{
	background-image:url("/images_gui/icons/svg/Pilar/pil_ner.svg");
	background-repeat: no-repeat;
	/*display: inline-block;*/
}

.last_updated_div{
	font-size:0.8em;
	margin-top:0.3em;
}

#arrowHolderHolder {
	z-index:2;
	width:100%;
	height:0;
	padding-right:40px;
}
#arrowholder{
	z-index:2;
	float:right;
}
.return_to_top_arrow{
	position:fixed;
	bottom: 40px;
	right:unset;
	height:40px;
	width:40px;
	background-color:black;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px !important;
	-khtml-border-radius: 20px !important;
	-o-border-radius: 20px !important;
	border-radius: 20px !important;
	display:none;
	z-index:2;
	padding:0;
	border:0;
}

@media (max-width: 640px) {

	.return_to_top_arrow{
		right:20px;
	}
}
#docFootArticle{
	padding-left: 10px;
}
.text-right{text-align:right;}
.clearer{clear:both;}
.spaced {margin-bottom:15px;}
.doublespaced {margin-bottom:30px;}
.spaced-row {margin-top:15px;margin-bottom:15px;}
.dnone{display:none;}
.fullwidth{ width:100%;}
.width20{width:20%;}
.width78{width:78%;}


/*Organizer view*/

#organizerListHeadlines{
	margin-top:1.0em;
	width:100%;
	border-bottom:1px solid lightgrey;
}
.organizerRow {
	width:100%;
	padding: 0.3em 0;
	border-bottom: 1px solid lightgrey;
}

.organizerRow a{
	text-decoration-line: underline;
}

.organizerRow a:focus,
.organizerRow a:active{
	border-radius: 5px ;
	outline: 2px solid #0088ff;
}

.noOrganizersRow{
    width:100%;
    padding: 0.3em 0;
}
.organizerRow .col-6{
	float:left;
	width:50% !important;
	padding:0 !important;
}

.organizerRow div:nth-child(2) {
    text-align: right;
}
.organizerlist_arrow{
    border-radius: 3px;
	height:1.3em !important;
	width:1.3em !important;
}
.alphabetButtonsDiv{
	width:100%;
	margin-top:1.0em;
}

.allButton{
    color:white;
    background-color: #4d5157 !important;
    box-shadow: none;
    margin:0.2em 0.1em;
	padding:3px 10px;
}
.alphabetButton{
    color:white;
    background-color: #4d5157 !important;
	box-shadow: none;
    margin:0.2em 0.1em;
    padding:3px 10px;
    font-family: monospace;
}



.alphabetButton.selected, .alphabetButton:hover, .alphabetButton:active, .alphabetButton:focus,
.allButton.selected, .allButton:hover, .allButton:active, .allButton:focus{
	color:white !important;
	background-color:#f66501 !important;
}

#outer{
	position:relative;
}
footer{
	width:100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;

}
.contentTexts{
	margin-bottom: 450px;/*476*/
}

.footerButtonsDiv{
	z-index:3;
	margin-top:0.6em;
	width:100%;
}
.footerButtonsDiv span{
	width:100%;
	text-align: center;
}
.footerButtonsDiv h2{
	font-size: 0.9em;
	width:65%;
	margin: 0 auto;
	white-space: nowrap;
}
.footerButtonsDiv .footer_nextday_button,
.footerButtonsDiv .footer_previousday_button{
	font-size:1.4em;
	margin-top:-0.2em;
}

#printheadline{
	display:none;
}
@media only print{
	#leftContent,
	#showFilterButtonRow,
	#formDiv,
	.footerButtonsDiv,
	.event_toggler_button,
	.share_div,
	#printAlertModal,
	.modal-backdrop,
	#arrowHolderHolder,
	.noevents,
	#headlinesdiv,
	.event_map_share_calendar{
		display:none !important;
	}

	header{
		padding-top:0 !important;
	}

	.daycontainer_headline_container{
		border:0;
		background-color:transparent;
		float:left;
	}
	.daycontainer_headline_container h2{
		padding: 0 5px;
	}
	.eventcont{
		width:100% !important;

		padding: 0 0 0 0 !important;
		margin:0 0 0 0 !important;
	}

	.eventcont,
	.eventcont h4,
	.eventcont a,
	.eventcont button{
		font-family: "Open Sans" !important;

	}
	.event_headline h3{
		border-left:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.event_time{
		font-size:1.0em !important;
		font-weight:normal !important;
		margin-bottom: 1.0em !important;
	}

	#docHeadTop{
		position:relative;
		width:870px;
	}
	#printheadline{
		position:absolute;
		top:0;
		left:10px;
		width:400px !important;
		min-width:400px !important;
		padding-top:1.0em;
	}
	#printheadline h1{
		font-size:1.5em !important;
		color: darkgray;
	}
	#rightContent,
	#content,
	#contentContainer,
	.row,
	.contentTexts,
	.inforow,
	.eventscontainer{
		width:850px !important;
		max-width:850px !important;
	}
	#contentContainer{
		margin:0 auto;
	}
	#outer{
		width:100% !important; /*1200px*/
		max-width:1200px !important;
	}

	.print{
		display:block !important;
	}
	#printinfospan{
		position: fixed;
		bottom: 5.0em;
		left:85px;
	}
	#printLogoBottom {
		position: fixed;
		bottom: 0;
		right:110px;
	}
}



#printAlertModal .modal-body{
	height:10em !important;
}

.clearer{
	clear:both;
}

.print{
	display:none;
}