body,
#divMain {
	background-color: #222 !important;
	/*background: url(img/hadsund_bg_body.jpg) !important;
	background-position: center !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-shadow: inset 0px 0px 80px 50px rgba(0,0,0,0.1);*/
}

#dashboard,
.filmpage #dashboard {
	background-color: #222 !important;
}

#filmSelectList div#shortcutsfilm .thelinks div {
    border-top: 4px #222 solid !important;
}

#filmSelectList div#shortcutsfilm .thelinks div:hover {
    border-top: 4px #fd9933 solid !important;
}

/* ------ MAIN NAV ------ */

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

.mainnav a.navbar-brand,
.mainnav a.navbar-brand:hover,
.mainnav a.navbar-brand:active,
.mainnav a.navbar-brand:focus {
	background-image: url('logo/phoenixLogo.png') !important;
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	width: 170px;
}



.mainnav #navbarSearch ul.results li a {
	padding: 4px 15px;
	font-weight: 400;
	color: black !important;
	background-color: #fd8000 !important;
	border: none !important;
	background-image: url('img/arrow_r.png'), url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: 0px 0px, auto 100% !important;
	background-position: right 50px center, top right !important;
	-webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);  
    clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
}

.mainnav #navbarSearch ul.results li a:hover {
	padding-right: 25px;
	filter: brightness(120%) contrast(90%) saturate(100%);
	background-size: 8px 13px, auto 160% !important;
	background-position: right 5px center, top right !important;	
	transition: .3s ease-out all;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
	
}


/* ------ BUTTON 01 ------ */

.button1 {
	color: black !important;
    font-size: 1rem;
    font-weight: 700;
	background-color: #fd8000 !important;
	border: none !important;
	background-image: url('img/arrow_r.png'), url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: 0px 0px, auto 100% !important;
	background-position: right 50px center, top right !important;
	-webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);  
    clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
}

.button1:hover {
	filter: brightness(120%) contrast(90%) saturate(100%);
	background-size: 8px 13px, auto 160% !important;
	background-position: right 5px center, top right !important;	
	transition: .3s ease-out all;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
	
}


/* ------ PRIMARY BUTTON ------ */


.btn-filmtime {
	padding: 6px 10px 6px 20px;
	color: black !important;
    font-size: 1rem;
    font-weight: 700;
	background-color: #fd8000 !important;
	border: none !important;
	background-image: url('img/arrow_r.png'), url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: 0px 0px, auto 100% !important;
	background-position: right 50px center, top right !important;
	-webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);  
    clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
}

.btn-filmtime:hover {
	padding-right: 20px;
	filter: brightness(120%) contrast(90%) saturate(100%);
	background-size: 8px 13px, auto 160% !important;
	background-position: right 5px center, top right !important;
	transition: .3s ease-out all;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
}

.btn-filmtime span {
    height: 15px;
    color: white !important;
    line-height: 1em;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transform: rotate(-90deg) translate(-18px, -5px);
    padding: 3px 0 0 2px;
    width: 40px;
}

.btn-filmtime.inactive {
	opacity: 0.4;
	filter: saturate(0%);
}



.btn_next,
.ticketamount button {
	color: black !important;
    font-weight: 700;
	background-color: #fd8000 !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 50% !important;
	background-position: top right !important;
	-webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);  
    clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
}

.btn_next:hover,
.ticketamount button:hover {
	filter: brightness(120%) saturate(120%);
	background-size: auto 70% !important;
	background-position: top right !important;
	transition: .2s ease-out all;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
}


/* ------ SECONDARY BUTTON ------ */

.btn-film_readmore,
.dateselecter .nav-link,
.btn-newsletter {
	color: white !important;
	background-color: rgba(255,255,255,0.3) !important;
	border: none;
	-webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);  
    clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%, 0 9px);
}

.btn-film_readmore:hover,
.dateselecter .nav-link:hover,
.btn-newsletter:hover {
	background-color: rgba(255,255,255,0.2) !important;
	box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.6);
    transition: .3s ease-out all;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
}

.nav-scroller.dateselecter .active {
	border-radius: 3px;
	color: white !important;
	background-color: #2e8848 !important;
	border: 0px solid white !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: top right !important; 
}



/* ------ BOX STYLES ------ */


.boxstyleA h5 {
	color: rgba(255,255,255,0.8) !important;
}

.boxstyleB {
	border-radius: 3px;
	background-color: #fff !important;
}

.boxstyleA,
.times,
.filmpage .times.colorboxTimes {
	background-color: rgba(0,0,0,0.3) !important;
	border-top: solid 2px rgba(0,0,0,0.4) !important;
}

.filmpage .times.colorboxTimes {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

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

.dateseperator {
	color: #fd9933 !important;
}

.filmpage .times .timestype {
	padding: 0px !important;
}


.colorbox {
	border-radius: 3px;
	background-color: rgba(255,255,255,0.03) !important;
    box-shadow: none !important;
}

.colorbox .color span {
	color: #999 !important;
}





/* ------ ARTIKEL / CMS SIDERNE ------ */

.artikel {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.artikel a:link,
.artikel a:visited,
.artikel a:hover,
.artikel a:active {
	font-weight: bold;
	color: #fd9933 !important;
}

.footer {
  background-color: rgba(0,0,0,0.6) !important;
}

.footer a:link,
.footer a:visited,
.footer a:active {
	color: #fd9933 !important;
}

.footer a:hover {
	color: rgb(255,255,255) !important;
}

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

.companyFooter a {
	display: block;
}

.companyFooter a .phone {
	font-weight: bold;
}



.footer .text-muted a:link,
.footer .text-muted a:visited,
.footer .text-muted a:active {
	color: #6c6c6c !important;
}

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

.footer .paymentIcons img {
	margin: 20px 2px;
}






.category .catText {
	color: white;
	background-color: transparent;
}


.dinnerMessage.show .messageHolder .dinnerTime {
	line-height: 12px !important;
}




#orderflow #ofwrap .orderflowstep .obs {
	background-color: rgba(230,230,230,1) !important;
}






#gobackorder:hover {
   background-color: #fd8000 !important;
}








/* Tertiary buttons */


#dashboard .active,
#dashboard .thelinks .active span {
	color: #fd9933 !important;
}

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

#dashboard #dashTwo ul li a,
#dashboard #dashTwo ul li a.active,
#dashboard #dashThree ul li a,
#dashboard #dashThree ul li a.active,
#dateSelectList div#shortcutsdate .thelinks div,
#categorySelectList div#shortcutscat .thelinks,
#cinemaSelectList div#shortcutscat .thelinks,
#versionSelectList div#shortcutscat .thelinks {
	background-color: rgba(0,0,0,0.3) !important;
}

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

#dashboard #dashTwo ul li a,
#dashboard #dashTwo ul li a.active,
#dashboard #dashThree ul li a,
#dashboard #dashThree ul li a.active {
	border-top: solid 2px rgba(0,0,0,0.4) !important;
}

#dashboard #dashThree .dateBackward,
#dashboard #dashThree .dateForward {
	background-color: rgba(0,0,0,0.7) !important;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #fd8000 !important;
	
}

#dateSelectList div#shortcutsdate .thelinks div.active, #dateSelectList div#shortcutsdate .thelinks div.active * {
	color: white !important;
}





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

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

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


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

.filter .nav-link {
  color: white !important;
}

#filterPhoenix li.space, .filter .dropdown {
	
	background-color: rgba(44, 44, 44, 1) !important;
}

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


.heroH {
	background-color: rgba(255,255,255,0.8);
	color: #343434;
}

/* Mobile View Film list */

.filmtainer .vertical .col-12 {
	background-color: transparent !important;
}

.filmtainer .vertical .col-12.active, .filmtainer .vertical .col-12 .p-0 {
	background-color: #111;
}

.filmtainer .vertical .col-12.active .ver_open .ver_type span.cat {
	background-color: transparent !important;
	color: white !important;
	border-bottom: 2px solid #fff !important;
	padding: 5px 15px !important;
}

.filmtainer .vertical .col-12 .title::before {
background: none !important;
}

.filmtainer .vertical .col-12 .title {
	color: white;
}

.filmtainer .vertical .col-12 .times span {
	background-color: #fd8000 !important;
	color: white !important;
}

.filmtainer .vertical .col-12 .times span strong {
	color: white !important;
}

/* DATE SELECTER */

#dashOne.nav-scroller {
  height: 2.6rem !important;
}

.nav-scroller.dateselecter {
  background-color: rgba(34, 34, 34, 0.98) !important;
}

.nav-scroller.dateselecter .nav-link.empty_nav_item {
	background-image: none !important;
	border: 2px solid rgba(22,22,22,1) !important;
	background-color: rgba(22,22,22,1) !important;
 }

.nav-scroller.dateselecter .nav-link.empty_nav_item:hover {
  background-image: none !important;
  background-color: rgba(22,22,22,1) !important;
  
}

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