/* GLOBAL */
html {
      font: 18px 'Source Sans Pro', sans-serif;
    color: #fff;	
    font-size: 18px;
	background-color: #000!important;
	background-size: auto auto;
	background-size: 100% 100%;
}

body {
       font: 18px 'Source Sans Pro', sans-serif;
    color: #fff;	
    font-size: 18px;
	background-color: #000!important;
	background-size: auto auto;
	background-size: 100% 100%;
}
.modal-header {
    background-color: #fff;
    color: #fff!important;
    font-weight: bold !important;
}
.OverviewHeader {
    background-color: #000;
}
#NavDivider{
	background-color:#000!important;
	color:#fff!important;
}

#VoucherImage{
	display:block;
    text-align: center;    
    cursor: pointer;
    height:100%;
    position: relative;
}
#voucher {
    margin: 6px 10px 0 0;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
}
#voucher>#VoucherBorder>#VoucherPrice>.voucherPicker>button {
    color: #fff!important;
}
#voucher>#VoucherBorder>#VoucherName>#VoucherNameText, 
#voucher>#VoucherBorder>#VoucherImage>#VoucherName>#VoucherNameText,
#VoucherDescription {
    color: #fff;
}

#voucher>#VoucherBorder>#VoucherPrice {
    color: #fff; 
}
#ShowSwitch>ul>li {
    border-bottom: 1px solid #FFF;
	background-color: #555;
	color:#fff;
}	


#CardDetails, #CardTransactions{
	border: 2px solid #000;
	color:#000;
	background-color:#fff;
}
.cardoverview-header, .cardoverview-header > div {
    background-color: #000;
    color: #fff;
}
.cardoverview{
	color:#000;
}
#Nav-Logout{
	border-top: 2px solid #000;
	text-align:center;
}
#SiteLogo>img, #SiteLogo>a>img {
    left: 0px;
    max-height: 80px !important;
}

.prevDate, .actDate, .nextDate{	
	border: 2px solid #fff;
	color:#fff;
	background-color:#000;
}
.actDateSelect > option{
	background-color: #000;
}
.errorbacklink{	
	border: 2px solid #fff;
	background:#000;
	color:#fff;
}
.errorbacklink > a,
.errorbacklink > a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

.paymentMessage,
a,
a#forgottenPassword{
 color:#fff;
}
#dateFilter {
    border: 2px solid #fff;
    color: #fff;
	background-color:#000;
	cursor:pointer;
}
.dateFilterInput {
    color: #fff;
}

.SingleWallet {
    box-shadow: 2px 2px 2px 1px rgba(255, 255, 255, 1);
}
.ui-state-holiday .ui-state-default {
    background-color: #000;
    color: #fff;
}
.NavActive{
	background-color:#f00!important;
	color:#fff!important;
}

#TI-Navigation{
    background-color:#000;
    font-size: 18px;
	background-size: auto auto;
	background-size: 100% 100%;
	border-bottom: 2px solid #fff;
}

.scheduleFilter{
	font-size: 12px;
	background-color:#dfdfd0;
	border-radius:2px;
	color:#a2a2a2;
}

.scheduleFilterActive{
	font-size: 12px;
	background-color:#17afa3;
	border-radius:2px;
	color:#ffffff;
}

.SplitEvent{
	color: #FFF;
	background-color:#444f63;
}

#fullMenu > div {
    color: #FFF;
    background: #576174;
    right: 0px;
}

#Error {
    background-color: #fff!important;
}

.week_overview div {
	margin-left:2px!important;
	margin-right:2px!important;	
}
.TI-timepanel>a.btn {
    background: #e6e9ee;
    border-radius: 0;
    margin: 1px 0 !important;
    font-size: 15px;
    color: #000;
	margin-top: 6px!important;
}

#TicketLimit {
    color: #ff0000;
	background-color:#fff;
    font-weight: bold;
	font-size:25px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #000!important;
    color: #fff;
}

.ticket-tooltip-styling {
    border: 2px solid #000!important;
    color: #fff!important;
    font-size: 12px!important;
	background-color:#000;
}

#CineCardNeeded{
	font-size:16px;
	background-color:#fff;
	color:#ff0000;
	border:3px solid #ff0000;
	text-align:center;
	font-weight:bold;
}

.btn-ticket-active.ticket-category[disabled]{
	background-color:#17afa3!important;
    opacity: 1;
}

#EventFilterTable{
	background-color:#576174;
	color:#fff;
}
#EventnameSelect{
	color:#000;	
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

#resetFilter{
	cursor:pointer;
	font-size:14px;
	line-height:14px;
	background-color:#ff0000;
}
.modal-body{
    background-color: #000;
	color: #fff;
}
.modal-#TI-Navigation {
    background-color: #fff;
    color: #000;
    font-weight: bold!important;
}

.modal-title {
    color: #000;
    font-weight: bold!important;
}
.modal-content{
	background-color:#000;
}
.modal-#TI-Navigation .close {
    width: 20px!important;
    color: #fff;
    border: none;
    font-size: 25px!important;
}

#Error {
    background-color: #ff9999;
    font-size: 20px;
}

.form-error {
    color: #f00;
    font-size: 12px;
    font-weight: bold;
}


/* Waitscreen */

#cookieBar {
    background-color: #fff;
    text-align: center;
    color: #000;
}

.cookieLink {
    border-radius: 4px;
    background: #000;
    color: #fff;
    height: 28px;
    line-height: 28px;
}

.cookieLink:hover {
    border-radius: 4px;
    background: #fff;
    color: #000;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

.fullMenuItem,
.MenuItem,
#MenuToggle {
    background-color: rgba(255, 255, 0, 0.4);
}

.CountDown {
	background-color: #fff;
	border-top-left-radius:4px!important;
	border-top-right-radius:4px!important;
	color:#000;
	border-bottom: 1px solid #444f63;
}

#usermenu>.dropdown-toggle {
    border-radius: 4px;
    border: 2px solid #fff;
    background: #000;
    color: #fff;
}

#cardsmenu>.dropdown-toggle {
    font-weight: bold;
    border-radius: 4px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 15px;
}

#NotEnoughLoading{
	text-align:center;
	color:#fff;
	background-color:#ff0000;
}

#MenuToggle {
    color: #FFF;
    background: #576174;
    font-size: 15px;
}

#NavMenu {
    color: #FFF;
    background: #576174;
}

#NavMenu>div {
    color: #FFF;
    background: #576174;
}

.btn-default,
.btn-default:active,
.btn-ticket,
.btn-ticket:active,
.btn-ticket-deactivated {
	text-shadow:none;
    font-weight: bold;
    border-radius: 4px;
    border: 2px solid #fff;
    background: #000;
    color: #fff;
}

.btn-ticket:hover,
.btn-ticket-active:hover,
.btn-ticket-back:hover {
    background: #fff!important;
    color: #000!important;
    border: 2px solid #fff!important;
}

.btn-ticket-active {
    background: #000;
    color: #fff;
}

.btn-ticket[disabled] {
    border-radius: 4px;
    border: 2px solid #fff;
    background: none;
    color: #fff;
}

.btn-account {
    border-radius: 4px;
    border: 2px solid #fff;
	color: #fff;
}

.btn-account:active {
    border-radius: 4px;
    border: 2px solid #fff;
    background: #fff;
    color: #fff;
}

.btn-account2 {
    border-radius: 4px;
    border: 2px solid #fff;
    color: #fff;
}
#CardData{
	color:#000;
}
.btn-account2:active {
    border-radius: 4px;
    border: 2px solid #fff;
    background: #fff;
    color: #FFF;
}

#EmailEntry .ti-close {
    background: #ffffff!important;
    color: #fff!important;
}

.ti-close {
    background: #ffffff!important;
    color: #fff!important;
}
.table-legend td:nth-of-type(odd) {
    background-color: rgb(0, 0, 0);
}

.table-legend td:nth-of-type(even) {
    background-color: rgb(0, 0, 0);
}

.SeatPlanView h3#ScreenPlan {
    background: #b8beca;
    color: #fff;
}
.SeatPlanView h3#ScreenPlanDown {
    background: #b8beca;
    color: #fff;
}

.zoom .glyphicon {
    border: 2px solid #c9cfda;
}
#SeatplanInfo,
#SeatplanInfo1 {
    background-color: #ff0000;
    color: #fff;
}

#PayButton_Up,
#ScrollToSeatplan,
#ScrollToSeatplan2,
#PayButton_Up:active,
#PayButton_Down:active,
#ScrollToSeatplan:active,
#ScrollToSeatplan2:active {
    border: 2px solid #fff;
    color: #fff;
    background-color: #000;
}
#PayButton_Down{
    border: 2px solid #fff;
    color: #fff;
    background-color: #000;
}
.TI-timepanel>h3 {
    background-color: #dddddd;
}

.movie-3d:after,
.movie-I3D:after,
.movie-3HRF:after,
.movie-3DD:after,
.movie-3DOV:after,
.movie-OI3D:after,
.movie-2D:after,
.movie-OV:after,
.movie-KL:after,
.movie-OmUD:after {
    color: #000;
}

.movie_list span {
    color: white;
    background: rgba(87, 97, 116, .6);
}
.movie {
    border-bottom: 1px solid #c9cfda;
}
#frameMovie{
    background: #000;
    color: #fff;
}
.TI-timepanel > .frameClass{
	border: #000 2px solid;
}
.movie_list.frameClass{
	box-shadow:0px 0px 0px 2px #000 !important;
}
.week_overview.frameClass{
	box-shadow:0px 0px 0px 2px #000 !important;
}
#frameBadge{
    background: #000;
    color: #fff;
}
.tooltip.right .tooltip-arrow {
    color: #fff;
}

.tooltip>.tooltip-inner {
    color: #fff;
    border: 1px solid #000;
    font-weight: bold;
    background: #000;
}

.btn-schedule-infotrailer .active,
.btn-schedule-infotrailer .btn:hover {
    background: #fff!important;
    color: #fff!important;
	border: 2px solid #fff!important;
}

#SummaryTopic {
    border-top: 3px double #fff!important;
    border-bottom: 3px solid #fff!important;
}
.close_info {
    background: url(../gfx/close.gif);
    color:#000;
}
.close_info:hover{
    background: url(../gfx/close.gif);
	color:#fff;
}

.show_movie_text_label {
    background: url(../gfx/infos_btn.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding: 0px 60px;  
	background-size:40px auto !important;
	background-color: #000 !important;
}

.show_movie_trailer_label {
    background: url(../gfx/trailer_btn.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding: 0px 60px;
	background-size:40px auto !important;
	background-color: #000 !important;
}

.btn-schedule-infotrailer .active.show_movie_text_label,
.btn-schedule-infotrailer .show_movie_text_label:hover {
    background: #fff url(../gfx/infos_btn_active.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    color: #000!important;
	background-size:40px auto !important;
	border: 2px solid #fff!important;
}

.btn-schedule-infotrailer .active.show_movie_trailer_label,
.btn-schedule-infotrailer .show_movie_trailer_label:hover {
    background: #fff url(../gfx/trailer_btn_active.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    color: #000!important;
	background-size:40px auto !important;
	border: 2px solid #fff!important;
}
.week_overview {
    border: 1px solid #c9cfda;
}
.week_overview .Date {
    border-right: 1px solid #bbb;
}

.week_overview i {
    background: #fff;
    color: #000;
}
.concession-Title {
    background-color: #000;
    color: #fff;
}

#RemoveOptional,
#RemoveConcessions,
#RemoveCineCard,
#RemoveVoucher,
#RemoveCardLoading {
    cursor: pointer;
    color: #ff0000;
}
.Overview#TI-Navigation {
    background-color: #fff;
    color: #000;
}

.btn-MailAdresses {
    background: #fff;
    color: #000;
}
.has-warning>div>input,
.has-error>div>input {
    background-color: #ff4c4d;
    color: #FFF!important;
}

.has-warning>div>span,
.has-error>div>span {
    color: #FFF!important;
}

#RememberMe {
    color: #fff!important;
}

.week_overview .btn {
    background: #e6e9ee;
}
#CardInfoTable{
	color:#000;
}
.modal-#TI-Navigation .close {
    width: 20px!important;
    color: #000!important;
	background:none!important;
    border: none;
    font-size: 25px!important;
}
.week_overview .btn.movie-3d:after {
    color: #000;
}

.week_overview .btn.active.movie-3d:after {
    color: #fff;
}

.week_overview .btn.active {
    background: #fff;
    color: #fff;
}
.TI-ConcessionPanel {
    color: #000!important;
    border: 2px solid #fff!important;
    background: #fff!important;
}

.TI-ConcessionPanel>.panel-heading:hover {
    color: #000!important;
}

.dropdown-#TI-Navigation {
    background-color: #000!important;
    color: #fff!important;
}
.TI-ConcessionSelect>option {
    background-color: #fff;
    color: #000;
}
.concession-Selector {
    background-color: rgba(0, 0, 0, 0.6);
}

.concession-Selector-Table-Items {
    color: #fff!important;
    border-top: 2px solid #fff;
}

.concession-SelectButton>.btn-ticket {
    border-bottom: 2px solid #fff;
}

.concession-Selector-Table-Name {
    border-top: 2px solid #fff;
}

.concession-Selector-Option-#TI-Navigation {
    background-color: #fff!important;
    color: #000!important;
}

.concession-Selector-Option-Item-Selected {
    background-color: #fff!important;
    color: #000;
}

.concession-Selector-Option-Item-Selected::after {
    background-color: #fff!important;
    color: #000!important;
}

.selectedMenuItems {
    color: #fff!important;
    border-top: 2px solid #fff!important;
}

.TI-Concessions {
    border-radius: 4px;
    border: 2px solid #000;
    background: #000;
    color: #fff;
}

.concession-Name {
    background-color: #000;
    border-top: 2px solid #fff;
    text-shadow: none;
}

.concession-Badge {
    background-color: #fff;
}

#CardSelect {
    background-color: #fff;
    color: #FFF;
}

.cardoverview-#TI-Navigation,
.cardoverview-#TI-Navigation>div {
    background-color: #000;
    color: #fff;
}

#CardDetails>i {
    border: 2px solid #fff;
    color: #fff;
    background-color: #000;
}

#VoucherBorder {
    border: 2px solid #fff;
}

#voucher>#VoucherBorder>#VoucherPrice>div {
    color: #fff;
    background-color: #fff;
}

.btn-voucher-add{
	color:#fff!important;
}

#voucher>#VoucherBorder>#VoucherName {
    color: #fff;
}
#voucher>#VoucherBorder>#VoucherDescription {
    color: #fff;
}

div[id^='voucherBadge'] {
    background-color: #fff;
    color: #FFF;
}

.scheduleFilterActive {
    font-size: 12px;
    background-color: #000!important;
    border-radius: 2px;
    color: #ffffff;
}

.TI-VoucherPanel{
	background: none!important;
}
@media screen and (max-width:767px) {
    .concession-Selector-Table-Items {
        color: #fff!important;
        border-top: 2px solid #fff;
    }
    .concession-SelectButton>.btn-ticket {
        border-bottom: 2px solid #fff;
    }
    .concession-Selector-Table-Name {
        border-top: 2px solid #fff;
    }
    .week_overview .Date {
        border-right: 1px solid #bbb;
    }
    .week_overview a {
        background: #fff;
        color: #fff;
    }
    .TI-timepanel>h3 {
        background-color: #dddddd;
    }
	
    .btn-ticket,
	.btn-default,
	.btn-ticket[disabled],
	.btn-ticket:hover,
    .btn-ticket-active:hover,
    .btn-ticket-back:hover 	{
        border: 1px solid #fff!important;
    }
	.btn-account {
        border-radius: 2px;
        border: 1px solid #fff;
        color: #fff;
    }

    #usermenu>.dropdown-toggle {
        border: 1px solid #fff;
        color: #fff;
    }
    .btn-account:active {
        border: 1px solid #fff!important;
        background: #fff;
    }
	.movie_list.frameClass {
    box-shadow: inset 0px 0px 0px 2px #fff !important;
	}
	
	
	.MobileSchedule{
		display:block;
		z-index:999;
		position:absolute;
		background-color:#000;
		height:100%;
	}
	.show_movie_text_label {
		background: url(../gfx/infos_btn.gif) !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		padding: 0px 60px;  
		background-color: #000 !important;
		background-size: 25px auto!important;
	}

	.show_movie_trailer_label {
		background: url(../gfx/trailer_btn.gif) !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		padding: 0px 60px;
		background-color: #000 !important;
		background-size: 25px auto!important;
	}

	.btn-schedule-infotrailer .active.show_movie_text_label,
	.btn-schedule-infotrailer .show_movie_text_label:hover {
		background: #fff url(../gfx/infos_btn_active.gif) !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		color: #000!important;
		border: 2px solid #fff!important;
		background-size: 25px auto!important;
	}

	.btn-schedule-infotrailer .active.show_movie_trailer_label,
	.btn-schedule-infotrailer .show_movie_trailer_label:hover {
		background: #fff url(../gfx/trailer_btn_active.gif) !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		color: #000!important;
		border: 2px solid #fff!important;
		background-size: 25px auto!important;
	}	
}

.pagination>.active>a,
.pagination>.active>span{
	color: #fff;
    background-color: #000;
    border-color: #fff;
}

.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.pagination>li>a,
.pagination>li>span {
    border-color: #fff;
	color:#fff;
	background-color:#000;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #000;
    border-color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: none;
}