

/* Ballerup special development elements*/
.logo embed {
	width: 400px;
	max-width: 50%;
}
/*body::after {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	z-index: 9999;
	content: "sm";
}*/
/*
#dashTwo {
	//display: none;
}

#dashThree ul {
	//display: none;
}

#dashThree .tab-content > .tab-pane {
	display: block;
}
*/
#dashThree .fade:not(.show) {
	opacity: 1;
}

.category .catText {
	color: 343434 !important;
	background-color: transparent;
	margin-top: 100px;
}

.category .catText p,.category .catText h2{
	color: #000000;
}

.checkpri label {
	font-weight: bold;
	font-size: 1rem;
}

.checksec label {
	font-weight: normal;
	font-size: 0.8rem;
	opacity: 0.8;
}

#of6 .voucher_holder .formwrap, #of6 .bkd_holder .formwrap {
	background-color: transparent;
}

.filmpage {
	padding: 0 15px;
	background-color: rgba(0, 0, 0, 0.0);
}

.filmpageHero {
	top: 20px;
}

input {
	border: 1px rgba(0,0,0,0.2) solid;
}

.custom-control-label::before {
	border: 1px #999 solid;
	background-color: #fff;
}

@media (min-width: 768px) {
	.filmpage {
		padding: 0px;
	}
}

.filmpage > .row:first-child::before {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	
}

.filmpage .datesarrows {
    z-index: 1009 !important;
    margin: 0 0px;
}

#divMain #dashboard {
	//margin-top: 75px;
}

.upcomming_movies #dashboard {
	top: 75px;
}


#dashboard.sticky-top {
	top: 75px;
}

#dashboard.dashboardDown.sticky-top {
	top: 75px;
}

#dashboard #dashThree ul li:first-child {
	margin-right: 0px;
}

#dashboard {
	background-color: rgba(227, 227, 227, 0.85) !important;
	padding: 10px 15px !important;
}

@media (min-width: 768px) {
	#dashboard {
		background-color: rgba(0, 0, 0, 0.65);
	}
}


.filmpage .row {
	margin-right: 0px;
	margin-left: 0px;
}

#dashboard::before {
	position: absolute;
	display: block;
	content: " ";
	height: 100%;

}

#dashboard:before:before {
	position: relative;
	display: block;
	content: "heste ";
	margin-right: 30px;
	height: 100%;
	width: 100%;
}

#dashTwo, #dashThree {
	
}

#dashboard #dashTwo ul li a, #dashboard #dashThree ul li a {
	background-color: rgba(255,255,255,1.00);
	background: rgba(255,255,255,1.00) !important;
}

#dashboard .nav-link, #dashboard .tab-link {
	color: #000000;
}

#filmSelectList div#shortcutsfilm .thelinks div span {
	color: #000;
}

#filmSelectList div#shortcutsfilm .thelinks {
	padding-top: 2px;
	margin-top: 2px;
}

#dashboard #dashThree ul li {
	width: 49%;
}

#dashboard #dashThree ul li a.active, #dashboard #dashTwo ul li a.active {
	color: #000;
}

#categorySelectList div#shortcutscat .thelinks div.active span, #cinemaSelectList div#shortcutscat .thelinks div.active span, #versionSelectList div#shortcutscat .thelinks div.active span, #dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #662d91;
	color: #ffffff;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #662d91;
	color: rgba(255,255,255,1) !important;
}

#dateSelectList div#shortcutsdate .thelinks div.active span {
	color: rgba(255,255,255,1) !important;
}

#filmSelectList div#shortcutsfilm .thelinks div:hover {
	border-top: 4px #87c983 solid;
	
}



#dashboard #dashTwo ul li:first-child {
    margin-right: 0px;
}

.filmpage #dashboard #dashTwo ul li:nth-child(2) {
	margin-left: 4px;
}

.filmpage #dashboard {
   
    padding: 10px 15px !important;
    margin: 0 0px;
}

@media (min-width: 768px) {
	.filmpage #dashboard {
    //padding: 10px 35px !important;
	//margin: 0 40px;
}
	
	
}

.filmpage .sticky-top {
		top: 78px !important;
	}

.mainnav a.navbar-brand, .mainnav a.navbar-brand:hover, .mainnav a.navbar-brand:active, .mainnav a.navbar-brand:focus {
    color: rgba(0,0,0,0.00) !important;
	content: "";
	background-color: transparent;
	background-image: url("logo/phoenixLogo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 50%;
	overflow: hidden;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	width: 260px;
}

.mainnav .nav-link {
	color: #000 !important;
	
}

.mainnav .nav-link:hover, .mainnav .dropdown-item:hover, .mainnav .navbar-brand:active, .mainnav .nav-link:active, .mainnav .dropdown-item:active, .mainnav .navbar-brand:focus, .mainnav .nav-link:focus, .mainnav .dropdown-item:focus {
	color: #fff !important;
}

.results h2 {
	color: #000;
}

.navbar-toggler .icon-bar {
	background-color: #000;
}

.carousel.hero {
	margin-top: 78px !important;
}

.hero {
	background-color: transparent !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px !important;
}



.heroWrap, .carousel-inner {
	width: 100% !important;

}

.carousel-control-prev, .carousel-control-next {
	width: 15% !important;
	bottom: 0px !important;
}

.filter, .shortcuts_holder {
	margin-left: 15px;
	margin-right: 15px;
	width: auto;	
}

.filter .dropdown-item, .filter .nav-link {
	color: #87c983;
}


.filter .dropdown-item:hover, .filter .nav-link:hover {
	color: #ffffff;
}

.dropdown-menu {
	background-color: rgba(0,0,0,0.95) !important;
}

#shortcuts {
	background: #87c983 !important;
}

.shortcuts_holder #shortcuts .thelinks a:hover {
	background: #EBC9B3 !important;
}

.nav-up, .nav-down {
	top: 0px;
}

.dateup {
	top: 55px !important;
}

.heroH {
	background-color: rgba(102,45,145,0.8);
	color: #ffffff;

}

.heroH.size1 {
	font-size: 30px;
}
.heroH.size2 {
   font-size: 24px;
}
.heroH.size3 {
	font-size: 18px;
}
.heroH.size4 {
	font-size: 12px;
}
.heroH.size5 {
	font-size: 10px;
}

.artikel, main.contact, main.userarea, main.filmpage .row:last-child, .filmtainer .vertical .col-12, .filmtainer .vertical .col-12 .title {
	color: #000;
	/*background-color: rgba(0, 0, 0, 0.85);
	@media (min-width: 768px) {
		background-color: rgba(0, 0, 0, 0.85);
		
	}*/
}

main.userarea {
	background-color: transparent;
}

.filmtrailer, .filmfacts{
	margin: 15px !important;
	width: auto;
	max-width: 100vw;
}

.artikel a, main.contact a, main.userarea a {
	color: #87c983;
	text-decoration: none;
}

.artikel a:hover, main.contact a:hover, main.userarea a:hover {
	color: #87c983;
	text-decoration: underline;
}


.filmtainer, .artikel, .featuredMovies {
	margin: 0px auto;
}

.filmtainer .vertical .col-12 .title::before, .artikel .vertical .col-12 .title::before, .featuredMovies .vertical .col-12 .title::before {
	
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 92%, #000);
    background: linear-gradient(to right, rgba(0,0,0,0) 92%, #000);
	}

.colorbox {
	background-color: rgba(0, 0, 0, 0.85);
}

.colorbox .color {
	background-color: rgba(0,0,0,0.40);
}

.hero {
	width: auto !important;
}



.mainnav {
  background-color: #fff !important;
}

#divMain {
	background-color: transparent !important;

}
.navbar-toggler {
	//background-color: #555 !important;
	height: 44px;
}

.navbar-toggler svg * {
	fill: #000000 !important;

}

html{
    height:100%;
    min-height:100%;
}
body{
    min-height:100%;
}


body {
  background-color: #e3e3e3 !important;
  
  background-position: center top;
  background-repeat: no-repeat;
  
  background-attachment: fixed;
}

/*
body:before {
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	content: " ";
	z-index: -1;
	background-image: url("TopImageSubstitutes/img/seatsbg_m.jpg") !important;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

@media (min-width: 768px) {
	
	body:before {
		display: none;
	}
	
	body {
	  background-image: url("TopImageSubstitutes/img/seatsbg_d.jpg") !important;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-attachment: fixed;
	}
}
*/

/* ENDING */


.button1 {
  background-color: #87c983 !important;
  border: 2px solid #87c983 !important;
color: rgba(255,255,255,1) !important;
}

/* Primary buttons */
.btn-filmtime {
  background-color: #87c983 !important;
  border: 0px solid rgba(255,255,255,1) !important;
}

.btn-filmtime.inactive {
  background-color: rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.5) !important;
}

/* Secondary buttons */
.btn-film_readmore, .dateselecter .nav-link, .results a {
  background-color: rgba(0, 0, 0, 1) !important;
  color: #fff !important;
  border: 2px solid transparent !important;
	transition: 0.3s ease all;
}

.btn-film_readmore:hover, .dateselecter .nav-link:hover, .btn-newsletter:hover {
  background-color: rgba(0, 0, 0, 0.80) !important;
	
  border: 2px solid transparent !important; 
	color: #87c983;
}


.nav-scroller.dateselecter .active {
  background-color: #87c983 !important;
  border: 0px solid rgba(255,255,255,1) !important;
	
}

.nav-scroller.dateselecter .active .day, .nav-scroller.dateselecter .active .date, .nav-scroller.dateselecter .active .month, .nav-scroller.dateselecter .active .alldays, .nav-scroller.dateselecter .active:hover .day, .nav-scroller.dateselecter .active:hover .date, .nav-scroller.dateselecter .active:hover .month, .nav-scroller.dateselecter .active:hover .alldays {
	color: #fff !important;
}

/* Tertiary buttons */
.btn-newsletter {
  color: #ffffff !important;
  background-color: transparent !important;
  border: 2px solid transparent !important;
}

.filmpage .times, .filmpage #dashboard, .colorbox {
   background-color: rgba(227, 227, 227, 0.85) !important;
  color: #000;
}



#dashboard #dashOne nav a {
	color: #000000;
	text-transform: uppercase;
}

.timestype {
  background-color: transparent !important;
	padding: 0px 0px !important;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

.filmtainer {
	background-color: rgba(0, 0, 0, 0.0);
}

.filmtainer .row {
	margin-bottom: 0px;
}

.features {
	margin-bottom: 0px;
	padding-bottom: 15px;
}



.filmtrailer {
	margin: auto !important;
}

.filmfacts {
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: rgba(0, 0, 0, 0.0);
	color: #000;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.filmfacts .col-md-6 {
	padding: 0 30px;
}

.dateseperator {
  color: #662d91 !important;
}

/* FILTER */
.showtype .show_vertical, .showtype .show_horizontal, .showtype .show_sidebyside, .showtype .show_timeonside {
  background-color: transparent !important;
}

.showtype .shown {
  background-color: #971a31 !important;
}

.film-wrap-item {
	padding-right: 0px;
	padding-left: 0px;
}

.timeonside {
	background-color: transparent !important;
}


.filter .navbar-toggler p {
  color: #ffffff !important;
}


.filter {
  background-color: rgba(12, 1, 1, 1) !important;
}

.filter .nav-link {
  color: #87c983 !important;
}

.filtertxt {
  background-color: rgba(12, 1, 1, 0.6) !important;
}

.filmpage .synopsis {
	width: 100% !important;
	margin: auto !important;
	padding: 30px !important;
	color: #000;
}


/* DATE SELECTER */
.nav-scroller.dateselecter {
  background-color: rgba(12, 1, 1, 0.9) !important;
}

.nav-scroller.dateselecter .nav-link.programended {
  background-image: none !important;
}

.nav-scroller.dateselecter .nav-link.programended:hover {
  background-image: none !important;
  background-color: transparent !important;
  border: 2px transparent solid !important;
}


.modal-dialog {
  background-color: #87c983 !important;
}

#videoModal .modal-dialog {
  background-color: transparent !important;
}

/* FILM LIST */
.boxstyleA {
  background-color: transparent !important;
  /*border-left: 2px solid rgba(0, 0, 0, 0.2);*/
}

.boxstyleA h5 {
	color: #000 !important ;
}

.feature {
	border: 1px solid rgba(0,0,0,0.25);
}

@media (max-width: 768px) {
	.movie_details .hero {
		margin-top: 22px !important;
	}
}

@media (min-width: 768px) {
	.sidebytimes {
		background-color: transparent !important;
	}
	.sidebytimes:hover {
		//background-color: rgba(59,79,61,0.95) !important;
		transition: 0.4s ease all;
	}
}

.footer {
  background-color: rgba(102,45,145,1); !important;
	margin-top: 40px;
	padding: 80px 0px 15px 0px;
}

.footer ul {
	padding-left: 0px;
}

.footer a, .footer.text-muted {
	color: #fff !important;
}

.footer ul li a {
	color: rgba(0,0,0,1.00);
	border-bottom: 1px solid transparent;
	transition: .4s ease all;
}

.footer h5 {
	color: #fff;
}

.footer ul li a:hover {
	border-bottom: 1px solid #fff;
	color: #222;
	transition: .4s ease all;
}



.companyFooter {
  background-color: rgba(5, 0, 0, 1) !important;
}

.dark .ticketamount button, .tfn3 .btn_next, .orderfooter .btn_next, .btn_reduce {
	background-color: #87c983;
	//color: rgba(0,0,0,0.7);
}

.dark .ticketamount button:hover, .tfn3 .btn_next:hover, .orderfooter .btn_next:hover, .btn_reduce:hover {
	background-color: #98d395 !important;
}



#orderflow #ofwrap .orderflowstep .orderflowcontent, #thebag {
	background-color: #e3e3e3;
	color: #000;
}

#orderflow #ofwrap .orderflowstep .orderflowcontent hr, #thebag hr {
	
}

#orderflow #ofwrap .orderflowstep .orderflowcontent #select_billet_0 {
	border: 1px rgba(255,255,255,0.10) solid;
}

#orderflow #ofwrap .orderflowstep .obs {
	color: #000;
}

.ticketflow {
	margin-top: -80px;
}

.ticketflow .screen .em {
	color: rgba(0,0,0,0.80)
}

.ticketflow .filminfobar {
	color: rgba(0,0,0,1.00)
}

.ticketflow .filminfobar .goback {
	background-color: rgba(0,0,0,1.00);
	border: none;
	height: 35px;
	width: 35px;
	z-index: 9999;
}

.ticketflow .filminfobar .goback:hover {
	border: none;
	background-color: rgba(0,0,0,0.80)
}

.btn_ordermodal.btn_help {
	margin-left: 128px;
}

#biomodal {
	background-color: #e3e3e3;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

.seatings input {
	border: none;
}

/* MAKE IT WIDTH MARGINS START */


body::after {
	position: fixed;
	display: none; //block;
	background-color: white;
	color: black;
	padding 6px 10px;
	content: "minimum";
	z-index: 9999;
	bottom: 30px;
	right: 30px;
}
/*
.container-fluid {
	padding-right: 30px !important;
	padding-left: 30px !important;	
}

.container-fluid.body-content, #ticketmaster .container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;	
}



.timeonside > div {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

header, header.sticky-top {
	margin-left: -30px;
	position: fixed;
	width: 100%;
}

.order_movie_ticket #divMain.container-fluid.phnx-ticketflow-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
*/
.order_movie_ticket header, .order_movie_ticket header.sticky-top {
	margin-left: 0px;
}

.order_movie_ticket #timeleft {
	margin-left: 0px;
}

#ticketmaster .ticketflownavi {
    padding: 20px 15px;
}

.footer .companyFooter .logo embed {
	opacity: 0;
}

.footer .companyFooter .logo {

	background: url(logo/formatbio.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 80px;
}

.footer.small {
	margin-top: 0px;
	padding: 20px;
}

/*
@media (min-width: 576px) {
	
	
	body::after {
		content: "min 576";
	}
	
	.filmpageHero {
		background-size: contain !important;
	}

}


@media (min-width: 768px) {
	.hero {
		max-width: 100%;
		height: 29vw;
	}
	
	.heroWrap, .carousel-inner {
		height: 29vw;
	}
	
	.filmpageHero {
		margin-top: 77px !important;
		height: 29vw;
	}
	
	.container-fluid.hero {
	margin-right: auto;
	margin-left: auto;
}
	
	body::after {
		content: "min 768";
	}
	
	#shortcuts.d-md-none {
		display: block !important;
	}
	
	.shortcuts_holder {
		height: 40px !important;
	}
	
	.topshortcut {
		display: none !important;
	}
	
}


@media (min-width: 992px) { 
	.hero {
		max-width: 960px;
		height: 295px;
		padding: 0 0px;
	}
	
	.heroWrap, .carousel-inner {
		height: 295px;
	}
	
	.filmpageHero {
		margin-top: 77px !important;
		padding: auto;
		height: 295px;
	}
	
	body::after {
		content: "min 992";	
	}
	
	
	
	.filter, .filmpageHero, footer {
		width: 960px;
		
		margin-left: auto;
		margin-right: auto;
	}
	.filmpage .dateselecter {
	margin-left: 30px !important; //add to main css
	margin-right: 30px !important; //add to main css
	}
	
	.shortcuts_holder {
		height: 0px !important;
	}
	
	.topshortcut {
		display: flex !important;
	}
	
}


.filmpage .row:last-child, main.filmpage .row:last-child, main.filmpage .row {
	background-color: transparent !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

main.filmpage .row.colorbox {
	margin-left: 25px !important;
	margin-right: 25px !important;
	width: auto;
}



@media (min-width: 1200px) {
	.hero {
		max-width: 1140px;
		height: 350px;
	}
	
	.heroWrap, .carousel-inner {
		height: 351px;
	}
	
	footer, .filmtrailer, .filmfacts {
		width: 1140px;
	}
	
	.filter, .filmpageHero {
		width: 1140px;
		height: 351px;
	}
	
	body::after {
		content: "min 1200";
	}
}
*/

.upcomming_movies .body-content {
	padding-top: 85px !important;
}

.upcomming_movies #dashboard.sticky-top {
	
}

.upcomming_movies #dashboard.sticky-top.dashboardDown {
	
}

.upcomming_movies #dashboard.sticky-top.dashboardUp {
	
}


/* MAKE IT WIDTH MARGINS END */

#dashboard .nav-item-tabs i,#dashboard .dateBackward .left,#dashboard .dateForward .right {
    border-color: #662d91;
}

#dateSelectList div#shortcutsdate .thelinks div{
 font-weight:400;
}
#dateSelectList div#shortcutsdate .thelinks div span{
    font-size: 15px;
}