@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100;300;400;700&display=swap');




/* --------------------------------- CINEMORE --------------------------------- */

:root {

  /* custom body */
  --bs-custom-body-bg: #2b007f;
  --bs-custom-body-text: #fff;
  --bs-custom-body-subtle: #9287f5;
  --bs-custom-body-emphasized: #ffc200;
	
  /* navbar */
  --bs-navbar-bg: #220066;
  --bs-navbar-text: #fff;
  --bs-navbar-subtle: #9287f5;
  --bs-navbar-emphasized: #9287f5;
	
  /* box */
  --bs-box-bg: #220066;
  --bs-box-text: #fff;
  --bs-box-subtle: #9287f5;
  --bs-box-emphasized: #ffc200;
	
  /* box highlighted */
  --bs-box-highlighted-bg: #ffc200;
  --bs-box-highlighted-text: #2b007f;
  --bs-box-highlighted-emphasized: #ffc200;
	
  /* custom colors */
  --bs-color01: #2b007f;
  --bs-color02: #220066;
  --bs-color03: #9287f5;
  --bs-color04: #ffc200;
  --bs-color05: #784dff;

  /* first button */
  --bs-btn-primary-bg: #fff;
  --bs-btn-primary-text: #220066;
  --bs-btn-primary-hover-bg: #784dff;
  --bs-btn-primary-hover-text: #fff;
	
  /* second button */
  --bs-btn-secondary-bg: #784dff;
  --bs-btn-secondary-text: #fff;

  /* third button */
  --bs-btn-tertiary-bg: #35078e;
  --bs-btn-tertiary-text: #fff;
  --bs-btn-tertiary-hover-bg: #784dff;
  --bs-btn-tertiary-hover-text: #ffffff;

  /* fourth button */	
  --bs-btn-quaternary-bg: #220066;
  --bs-btn-quaternary-text: #fff;
  --bs-btn-quaternary-hover-bg: #784dff;
  --bs-btn-quaternary-hover-text: #fff;

  /* footer */	
  --bs-footer-bg: rgba(43, 0, 127, .8);
	
}


#accordionFaq .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239287f5'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
#accordionFaq .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}


.subscription-box-splide ul li {
	background-image: url('/gfx/icon_check_inverted.svg');
}
.subscription-box-splide ul li.clock {
	background-image: url('/gfx/icon_clock_inverted.svg');
}

#splide .splide__slide.is-active .subscription-box-splide.byg-selv ul li {
	background-image: url('/gfx/icon_check_subtle.svg');
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv ul li.clock {
	background-image: url('/gfx/icon_clock_subtle.svg');
}


input:checked[id="isTicketAllNightYes"] + label:before {
	background-image: url('/gfx/icon_check.svg');
}
input:checked[id="isTicketAllNightNo"] + label:before {
	background-image: url('/gfx/icon_xmark.svg');
}
input:checked[id="abonnementstypeEget"] + label:before,
input:checked[id="abonnementstypeGave"] + label:before {	
	background-image: url('/gfx/icon_check.svg');
}


/* -------------------------------------- // -------------------------------------- */



::-webkit-scrollbar {width:20px;height:20px;}
::-webkit-scrollbar-track {background: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb {background: rgba(255,255,255,.15);}
::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,.1);}

html,
body {height: 100%;}


/* text */

.text-body {color:var(--bs-custom-body-text) !important;}
.text-secondary {color:var(--bs-custom-body-subtle) !important;}
.text-emphasized {color:var(--bs-custom-body-emphasized) !important;}



a,
a:visited,
a:hover,
a:active,
a:focus {
	color: var(--bs-custom-body-text);
	outline: none;
}

@keyframes waves {
0% {background-size: auto 150%;background-position: center;}
50% {background-size: auto 450%;background-position: left;}
100% {background-size: auto 150%;background-position: center;}
}
 
body {
    font-family: 'Roboto', sans-serif;
    background-color:var(--bs-custom-body-bg);
    background-image: url('/gfx/background_stars.svg');
    background-repeat: no-repeat!important;
    animation: waves 120s ease infinite!important;
}

main {
	max-width: 700px;
	text-align: center;
	padding: 16px 16px 50px 16px;
}



/* navigation bar */

.navbar {
	background-color:var(--bs-navbar-bg) !important;
	color:var(--bs-navbar-text) !important;
	padding:2px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, .1); /* right - down - blur - spread */
			box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, .1);
}

.navbar .navbar-brand img {
	height: 45px;
	margin-left: 10px;
}

.navbar .navbar-brand .byline {
	color:var(--bs-navbar-text);
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	line-height: 1;
	width: 100%;
	margin: 8px 0 0 10px;
}

@media(max-width: 575.98px) {
    .navbar .navbar-brand .byline {
        font-size: .9em;
		margin: 5px 0 0 10px;
		white-space: normal;
	}
}



/* navigation bar toggler */

.navbar-toggler {
  box-shadow:none !important;
}

.navbar-toggler input[type="checkbox"] {
  display:none;
}
	
.navbar-toggler label {
  display:flex;
  flex-direction:column;
  width:28px;
  cursor:pointer;
  padding-right: 3px;
}

.navbar-toggler label span {
  background:var(--bs-navbar-subtle);
  border-radius:1px;
  height:2px;
  margin: 3px 0;
  transition: .2s cubic-bezier(.42,0,.58,1);
}

.navbar-toggler input[type="checkbox"]:checked ~ span {
  background: var(--bs-navbar-subtle);
}

.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(1) {
  width:50%;
  transform-origin:top;
  transform:rotatez(45deg) translate(1px,3px);
}

.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(2) {
  width:100%;
  transform-origin:top;
  transform:rotatez(-45deg) translate(-3px,-4px);
}

.navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(3) {
  width:50%;
  transform-origin:bottom;
  transform: rotatez(45deg) translate(1px,-8px);
}


/* navigation bar aka nav-bar */

.nav-item.text-secondary {
	color:var(--bs-navbar-subtle) !important;
}

.nav-item a,
.nav-item a:visited {
	display: block;
	padding: 8px 0;
	color:var(--bs-navbar-text) !important;
	text-decoration: none !important;
}

.nav-item a:hover,
.nav-item a:active,
.nav-item a:focus,
.nav-item a.active,
.nav-item a.active:hover,
.nav-item a.active:active,
.nav-item a.active:focus {
	color:var(--bs-navbar-emphasized) !important;
}

.nav-item hr {
	display: inline-block;
	color: var(--bs-navbar-emphasized);
	width: 100%;
	opacity: .2;
	max-width: 440px;
	border-width: 2px;
	margin: 0;
	padding: 0;
}

.navbar-nav-btn-wrapper {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	max-width: 440px;
	padding: 0 0 30px 0;
}

.navbar-nav-btn-wrapper .btn {
	text-align: center !important;
	margin: 26px 6px 6px 6px;
}


/* buttons */

.button-primary,.button-secondary,.button-tertiary {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	line-height: 1.4;
	padding: 6px 12px;
	text-align: left;
	border-radius: 12px !important;
}
.button-primary img,.button-secondary img,.button-tertiary img {
	float: right;
	height: 20px;
	width: auto;
	margin-top: 2px;
}

.button-primary {
	background:var(--bs-btn-primary-bg) !important;
	color:var(--bs-btn-primary-text) !important;
}
.button-primary:hover {
	background-color:var(--bs-btn-primary-hover-bg) !important;
	color:var(--bs-btn-primary-hover-text) !important;
}
.button-primary:hover img {
	filter: invert(100%) grayscale(100%) contrast(200%) brightness(150%);
    -webkit-filter: invert(100%) grayscale(100%) contrast(200%) brightness(150%);
}

.button-secondary {
	background:var(--bs-btn-secondary-bg) !important;
	color:var(--bs-btn-secondary-text) !important;	
}
.button-secondary:hover {
	filter: contrast(250%) brightness(70%);
    -webkit-filter: contrast(250%) brightness(70%);
}

.button-tertiary {	
	background:var(--bs-btn-tertiary-bg) !important;
	color:var(--bs-btn-tertiary-text) !important;	
}
.button-tertiary:hover {
	background:var(--bs-btn-tertiary-hover-bg) !important;
	color:var(--bs-btn-tertiary-hover-text) !important;
}


/* share in email button */

.button-del-i-email {
	background:var(--bs-btn-quaternary-bg);
	color:var(--bs-btn-quaternary-text);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1); /* right - down - blur - spread */
			box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1);
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	line-height: 1.1;
	padding: 14px 20px 12px 16px;
	text-align: left;
}
.button-del-i-email:hover {
	background-color:var(--bs-btn-quaternary-hover-bg) !important;
	color:var(--bs-btn-quaternary-hover-text) !important;
}
.button-del-i-email img {
	height: 54px;
	width: auto;
	margin: -18px 8px 0 0;
}
@media(max-width: 576px) {
    .button-del-i-email {
		width: 100%;
		padding: 14px 14px 12px 12px;
	}
}


/* button w. center aligned icon */

.button-icon-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color:var(--bs-btn-tertiary-bg) !important;
	color:var(--bs-btn-tertiary-text) !important;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1); /* right - down - blur - spread */
			box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1);
	padding: 8px;
}
.button-icon-center:hover {
	background-color:var(--bs-btn-tertiary-hover-bg) !important;
	color:var(--bs-btn-tertiary-hover-text) !important;
}
.button-icon-center img {
	height: 30px;
	width: auto;
	margin: -24px 0 2px 0;
}



/* scope buttons */

.scope-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.scope-buttons .btn {
	background-color:var(--bs-btn-quaternary-bg);
	color:var(--bs-color04);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1); /* right - down - blur - spread */
			box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1);
    font-family: 'Roboto Condensed', sans-serif;
	padding: 10px 18px;
	margin: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.scope-buttons .btn .scope-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.scope-buttons .btn:hover {
	background-color:var(--bs-color04) !important;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .4); /* right - down - blur - spread */
			box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .4);
}
.scope-buttons .btn:hover span {
	color:var(--bs-btn-quaternary-bg) !important;
}
.scope-buttons .btn img {
	height: 44px;
	display: none;
}
.scope-buttons .btn .scope-titel {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: bold;
}
.scope-buttons .btn .scope-sub {
	width: 100%;
	color:var(--bs-btn-quaternary-text);
    font-family: 'Roboto', sans-serif;
	font-size: .95em;
	line-height: 1.1;
}


/* carousel quotes */

.carousel {
	background-color:var(--bs-box-bg);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
}

.carousel .text-body {
	color:var(--bs-box-text) !important;
}

.carousel .card {
	min-height: 300px;
}

@media(min-width: 575.98px) {
    .carousel .card {
		min-height: 250px;
	}
}

.carousel .card-body {
	font-size: 1.1em;
	line-height: 1.4;
	font-style: italic;
	text-align: center;
	padding: 0 10px;
}
.carousel-inner img.avatar {
	width: 90px;
	margin-bottom: 15px;
}

.carousel-inner {
	margin-top: -40px;
}


/* vouchers */

.voucher {
	/*background-image: linear-gradient(#fee350, #ffc200);*/
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #fee350 30%, #fee350 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #f9da6d 35%, #fee350 62.5%, #fee350 100%);
	color: #000;
	text-align: left;
	padding: 13px 16px 12px 16px;
	margin: 0 auto 16px auto;
	border: 1px solid rgba(0, 0, 0, .8);
	border-radius: 8px !important;
}

.voucher.inactive {
	padding: 16px 16px 10px 16px;
	background: radial-gradient(ellipse farthest-corner at right bottom, #ddd 0%, #ccc 8%, #eee 30%, #fff 40%, #eee 55%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #fff 0%, #fff 15%, #ddd 40%, #eee 60%, #eee 100%);
}

.voucher.inactive .badge {
	margin: 1px 0 0 -6px;
	background-color:var(--bs-box-bg);
	color:var(--bs-box-emphasized);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, .4); /* right - down - blur - spread */
			box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, .4);
}


.voucher:hover {
	filter: contrast(70%) brightness(120%);
    -webkit-filter: contrast(70%) brightness(120%);
}

.voucher .icon {
    background-image: url('/gfx/icon_barcode.svg');
    background-repeat: no-repeat!important;
	background-size: 40px;
	background-position: right;
	min-width: 48px;
	height: 48px;
	margin-left: 10px;
}
.voucher h5, .voucher h6 {
	margin-bottom: 0 !important;
}


.voucher.redeemed {
	background:var(--bs-box-bg) !important;
	color: var(--bs-box-subtle);
}
.voucher.redeemed:hover {
	filter: none;
    -webkit-filter: none;
}



/* splide */

#splide .splide__slide .subscription-box-splide {
	background-color:var(--bs-box-bg);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;	
	padding: 0;
    transition: transform 400ms;
    transform: scale(.9);
	transform-origin: center center;
	min-height: 480px;
	opacity: .6;
}
#splide .splide__slide.is-active .subscription-box-splide {
	border: 3px solid var(--bs-box-highlighted-emphasized);
	opacity: 1;
	transform: scale(1);
}

#splide .splide__arrow {
	top: -12px;
	bottom: 0;
	height: 100%;
	transform: none;
	border-radius: unset;
	width: 40px;
	opacity: 1;
}
#splide .splide__arrow svg {
	width: 24px;
	height: 24px;
    -webkit-filter: invert(100%) drop-shadow(0 0 8px #000);
            filter: invert(100%) drop-shadow(0 0 8px #000);
}
#splide .splide__arrow.splide__arrow--prev {
	left: 0;
	background: none !important;
}
#splide .splide__arrow.splide__arrow--next {
	right: 0;
	background: none !important;
}
.subscription-box-splide .text-ribbon {
	color: var(--bs-box-highlighted-text);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 4px 0;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1em;
	line-height: 1;
	background: var(--bs-box-highlighted-emphasized);
	text-transform: uppercase;
}
.subscription-box-splide .text-header {
	color:var(--bs-box-text);
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.1;
	letter-spacing: -.02em;
}
.subscription-box-splide .text-body {
	color:var(--bs-box-text) !important;
}
.subscription-box-splide .subscription-box-info-button {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
	outline: none;
}
.subscription-box-splide .subscription-box-info-button img {
	width: 24px;
	margin-left: 6px;
}
.subscription-box-splide ul {
	list-style-type: none;
	margin-left: -15px;
	font-size: .9em;
	line-height: 1.6;
}
.subscription-box-splide ul li {
	padding: 0 20px 0 28px;
	background-position: 0 0;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
.subscription-box-splide ul li.clock {
	padding: 0 20px 0 28px;
	background-position: 0 0;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

/* splide - byg-selv - ACTIVE */

#splide .splide__slide.is-active .subscription-box-splide.byg-selv {
    background-color: var(--bs-box-highlighted-bg);
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .text-ribbon {
	background: var(--bs-box-bg);
	color: var(--bs-box-text);
	padding: 10px 0;
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .text-header,
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .text-body {
	color: var(--bs-box-highlighted-text) !important;
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .button-primary {
	background:var(--bs-btn-tertiary-bg) !important;
	color:var(--bs-btn-tertiary-text) !important;
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .button-primary img {
	filter: invert(100%) grayscale(100%) contrast(200%) brightness(150%);
    -webkit-filter: invert(100%) grayscale(100%) contrast(200%) brightness(150%);
}
#splide .splide__slide.is-active .subscription-box-splide.byg-selv .button-primary:hover {
	background:var(--bs-btn-tertiary-hover-bg) !important;
	color:var(--bs-btn-tertiary-hover-text) !important;
}









/* subscription boxes */

.subscription-box-frequency,
.subscription-box-ticketamount,
.subscription-box-helaftensfilm {
	padding: 8px 16px;
	margin: 0 auto 14px auto;
	background-color:var(--bs-box-bg) !important;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px !important;
}
.subscription-box-frequency .text-body,
.subscription-box-ticketamount .text-body,
.subscription-box-helaftensfilm .text-body {
	color:var(--bs-box-text) !important;
}
.subscription-box-frequency .text-secondary,
.subscription-box-ticketamount .text-secondary,
.subscription-box-helaftensfilm .text-secondary {
	color:var(--bs-box-subtle) !important;
}
.subscription-box-frequency .text-emphasized,
.subscription-box-ticketamount .text-emphasized,
.subscription-box-helaftensfilm .text-emphasized {
	color:var(--bs-box-emphasized) !important;
}

.subscription-box-frequency .form-range {
	min-height: 40px;
}
.subscription-box-faq {
	margin: 0 auto;
}
.subscription-box-helaftensfilm {
	padding-top: 16px !important;
}
.subscription-box-helaftensfilm .btn-group label {
	min-width: 70px !important;
	padding: 6px 10px !important;
}




/* -------------------------- //////////////////////// ------------------------------ */
/* --------------------------- CSS CHANGES 22-07-2024 ------------------------------- */
/* -------------------------- //////////////////////// ------------------------------ */



/* subscription box info */

.subscription-box-info {float: right !important;margin-left:-22px;}
.subscription-box-info img {width: 24px;}

.subscription-box-frequency .subscription-box-info,
.subscription-box-ticketamount .subscription-box-info,
.subscription-box-helaftensfilm .subscription-box-info,
.form-box-02 .subscription-box-info {
	margin-top:-26px;
}


/* -------------------------- button value +/- < > with wrapper ------------------------------ */

.button-value-wrapper-frequency,
.button-value-wrapper,
.button-value-wrapper-small {
	background-color:var(--bs-color01) !important;
	border-radius: 12px !important;
}

.button-value-wrapper-frequency .btn,
.button-value-wrapper .btn,
.button-value-wrapper-small .btn {
	background-color:var(--bs-color01) !important;
}

.button-value-wrapper-frequency .btn:hover,
.button-value-wrapper .btn:hover,
.button-value-wrapper-small .btn:hover {
	filter: brightness(130%);
    -webkit-filter: brightness(130%);
}

.button-value-wrapper-frequency .value,
.button-value-wrapper .value,
.button-value-wrapper-small .value {
	background-color:var(--bs-color02) !important;
	color:var(--bs-color04) !important;
	border:2px solid var(--bs-color05) !important;
	border-radius: 8px !important;
}



/* frequency */
.button-value-wrapper-frequency .btn {
	min-width: 45px;
}
.button-value-wrapper-frequency .btn img {
	height: 15px;
}
.button-value-wrapper-frequency .value { /* example: hver 6. måned */
	font-size: 1.3em;
	line-height: 1.6;
	width: 180px;
	padding: 0;
}


/* ticket amount */
.button-value-wrapper .btn {
	min-width: 60px;
}
.button-value-wrapper .btn img {
	height: 20px;
}
.button-value-wrapper .value { /* example: 3 */
	font-size: 1.6em;
	line-height: 1.7;
	width: 60px;
	padding: 2px 0 0 0;
}


/* menu amount */
.button-value-wrapper-small .btn {
	min-width: 34px;
}
.button-value-wrapper-small .btn img {
	height: 14px;
}
.button-value-wrapper-small .value { /* example: 2 */
	font-size: 1.4em;
	line-height: 1.5;
	width: 50px;
	padding: 2px 0;
}




/* -------------------------- //////////////////////// ------------------------------ */
/* ----------------------------------- @@@@@@@ -------------------------------------- */
/* -------------------------- //////////////////////// ------------------------------ */





/* -------------------------- lillustration boxes ------------------------------ */

.illustration-box-01,
.illustration-box-02 {
	margin: 0 auto 14px auto;
	padding: 0 16px;
	background-color:var(--bs-box-bg);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
}
.illustration-box-01 .text-body,
.illustration-box-02 .text-body {
	color:var(--bs-box-text) !important;
}
.illustration-box-01 .text-secondary,
.illustration-box-02 .text-secondary {
	color:var(--bs-box-subtle) !important;
}
.illustration-box-01 .text-emphasized,
.illustration-box-02 .text-emphasized {
	color:var(--bs-box-emphasized) !important;
}
.illustration-box-01,
.illustration-box-02 {
	margin: 70px auto 14px auto !important;
}
.illustration-box-01 .illustration-wrapper img,
.illustration-box-02 .illustration-wrapper img {
	margin: -70px 0 15px 0;
	width: 160px;
}

/* -------------------------- form boxes ------------------------------ */

.form-box-01,
.form-box-02,
.form-box-03,
.form-box-05 {
	margin: 0 auto 14px auto;
	padding: 0 16px;
	background-color:var(--bs-box-bg);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
}
.form-box-01 .text-body,
.form-box-02 .text-body,
.form-box-03 .text-body,
.form-box-05 .text-body {
	color:var(--bs-box-text) !important;
}
.form-box-01 .text-secondary,
.form-box-02 .text-secondary,
.form-box-03 .text-secondary,
.form-box-05 .text-secondary {
	color:var(--bs-box-subtle) !important;
}
.form-box-01 .text-emphasized,
.form-box-02 .text-emphasized,
.form-box-03 .text-emphasized,
.form-box-05 .text-emphasized {
	color:var(--bs-box-emphasized) !important;
}

.form-box-01 {
	margin: 50px auto 14px auto !important;
}
.form-box-01 .illustration-wrapper img {
	height: 70px;
	margin: -50px 0 15px 0;
}

.form-box-02 {
	padding: 16px 16px 10px 16px !important;
}
.form-box-02 .illustration-wrapper img {
	height: 60px;
	margin: -20px 0 15px 0;
}

.form-box-03 {
	padding: 16px !important;
}


.form-box-04 { /* personligt abonnement eller til gave */
	margin: 0 auto 14px auto;
	padding: 0 6px;
}



.form-box-05 {
	padding: 16px 16px 10px 16px !important;
	margin: 50px auto 14px auto !important;
}
.form-box-05 .illustration-wrapper img {
	height: 60px;
	margin: -60px 0 15px 0;
}



/* -------------------------- abonnement-box-01 ------------------------------ */

.abonnement-box-01 {
	margin: 0 auto 14px auto;
	background-color:var(--bs-box-bg);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1); /* right - down - blur - spread */
			box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, .1);
}

.abonnement-box-01 .abonnement-description-wrapper {
	border-radius: 12px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	/*background-image: linear-gradient(#fee350, #ffc200);*/
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #fee350 30%, #fee350 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #f9da6d 35%, #fee350 62.5%, #fee350 100%);
}

.abonnement-box-01 .abonnement-description-wrapper.pause {
	filter: grayscale(100%) blur(2px);
    -webkit-filter: grayscale(100%) blur(2px);
}


.abonnement-box-01 .frequency {
	padding: 16px 18px 14px 18px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 40%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 4px;
	background-repeat: repeat-x;
}

.abonnement-box-01 .frequency .value {
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	margin-right: 8px;
}
.abonnement-box-01 .frequency .description {
	font-size: .9em;
	line-height: 1.1;
	margin-top: 4px;
}
.abonnement-box-01 .frequency .validcinemas {
	width: 100%;
	font-size: .9em;
	line-height: 1.1;
	margin-top: 10px;
}


.abonnement-rabat-splat {
	background:var(--bs-btn-secondary-bg);
	color:var(--bs-btn-secondary-text);
	max-width: 80px;
	max-height: 80px;
	margin-top: -55px;
	margin-right: 6px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4); /* right - down - blur - spread */
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4);
}
.abonnement-rabat-splat .percentage {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	letter-spacing:-2px;
}



.abonnement-box-01 .col-left,
.abonnement-box-01 .col-right {
	padding: 14px 12px 60px 12px;
}
@media(max-width: 767.98px) {
    .abonnement-box-01 .col-left {
		padding-bottom: 18px;
	}
}

.abonnement-box-01 .col-right {
	background-image: linear-gradient(rgba(0, 0, 0, .2) 40%, rgba(255,255,255,0) 0%);
	background-position: left;
	background-size: 4px 10px;
	background-repeat: repeat-y;
}
@media(max-width: 767.98px) {
    .abonnement-box-01 .col-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 40%, rgba(255,255,255,0) 0%);
        background-position: top;
        background-size: 10px 4px;
        background-repeat: repeat-x;
	}
}

.abonnement-box-01 .amount-product {
	color: rgba(0, 0, 0, .8);
	width: 85%;
}
@media(max-width: 767.98px) {
    .abonnement-box-01 .amount-product {
        width: 70%;
	}
}

.abonnement-box-01 .amount-product .amount {
	min-width: 55px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	line-height: 1;
	font-weight: bold;
	letter-spacing:-2px;
	text-align: right;
	padding-right: 10px;
}
.abonnement-box-01 .amount-product .product {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	margin-top: 7px;
}

.abonnement-price-wrapper {
	margin-top: -36px;
	z-index: 2;
}


/* -------------------------- subscription box price ------------------------------ */

.subscription-price-primary,
.subscription-price-secondary {
	background-color:var(--bs-color02) !important;
	border-radius: 12px !important;
	border: 2px solid rgba(0, 0, 0, .7);
}
.subscription-price-primary .price,
.subscription-price-secondary .price {
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.1;
	font-weight: bold;
	text-align: left;
	padding: 0 20px;
	border-radius: 10px !important;
}
.subscription-price-primary .price {
	background-color:var(--bs-color04) !important;
	color:var(--bs-color02) !important;
}
.subscription-price-secondary .price {
	background-color:var(--bs-color05) !important;
	color:var(--bs-color02) !important;
}

.subscription-price-primary .price .text-01,
.subscription-price-secondary .price .text-01 {
	font-size: 2.8em;
	letter-spacing:-3px;
}
.subscription-price-primary .price .text-02,
.subscription-price-secondary .price .text-02 {
	font-size: 2.4em;
	letter-spacing:-7px;
}
.subscription-price-primary .price .text-03,
.subscription-price-secondary .price .text-03 {
	font-size: .8em;
	margin: 4px 0 0 10px;
}

.subscription-price-primary .price-subheader,
.subscription-price-secondary .price-subheader {
	margin: 0;
	text-align: center;
	font-size: .7em;
	line-height: 2;
	font-weight: bold;
}

.subscription-price-primary .price-subheader {
	color:var(--bs-color04) !important;
}
.subscription-price-secondary .price-subheader {
	color:var(--bs-color03) !important;
}

.subscription-price-label-start,
.subscription-price-label-end {
	background-color:rgba(0, 0, 0, .25);
	color:var(--bs-box-text);
}



/* range */

input[type="range"]::-webkit-slider-thumb {
    width: 22px; /* Adjusted width for a larger thumb */
    height: 22px; /* Adjusted height for a larger thumb */
    margin-top: -7px; /* Adjust to vertically center the larger thumb */
    background: var(--bs-box-emphasized) !important;
}
input[type="range"]::-moz-range-thumb {
    width: 22px; /* Adjusted width for a larger thumb */
    height: 22px; /* Adjusted height for a larger thumb */
    margin-top: -7px; /* Adjust to vertically center the larger thumb */
    background: var(--bs-box-emphasized) !important;
}
input[type="range"]::-ms-thumb {
    width: 22px; /* Adjusted width for a larger thumb */
    height: 22px; /* Adjusted height for a larger thumb */
    margin-top: -7px; /* Adjust to vertically center the larger thumb */
    background: var(--bs-box-emphasized) !important;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  background-color: var(--bs-box-subtle) !important;
}
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  background-color: var(--bs-box-subtle) !important;
}
input[type="range"]::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  background-color: var(--bs-box-subtle) !important;
}


/* accordion FAQ */


#accordionFaq {
	margin: 0 auto !important;
	margin-bottom: 14px !important;
}

#accordionFaq .accordion-item {
	background-color: transparent !important;
	border-top: 4px solid transparent !important;
	border-bottom: 4px solid transparent !important;
}

#accordionFaq .accordion-button {
	background-color:var(--bs-box-bg) !important;
	color:var(--bs-box-subtle) !important;
	border: 1px solid rgba(0, 0, 0, .5);
	box-shadow: none !important;
	border-radius: 10px !important;
}
#accordionFaq .accordion-button:not(.collapsed) {
	background-color:var(--bs-box-bg) !important;
	color:var(--bs-box-text) !important;
}
#accordionFaq .accordion-body {
	color:var(--bs-custom-body-text) !important;
}


/* ------------------------------- helaftensfilm selector ----------------------------------- */


.btn-group-helaftensfilm {
    margin: 18px 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2); /* right - down - blur - spread */
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}

.btn-group-helaftensfilm .btn.btn-check-label {
	background-color:var(--bs-box-bg);
    color: var(--bs-box-subtle);
    border: 1px solid var(--bs-box-subtle);
    width: 50%;
}

.btn-group-helaftensfilm .btn.btn-check-label:hover {
    color:var(--bs-box-subtle);
    border: 1px solid var(--bs-box-subtle);
}

.btn-group-helaftensfilm .btn-check:checked+.btn {
	background-color:var(--bs-box-highlighted-bg);
    color:var(--bs-box-highlighted-text);
	border: 1px solid var(--bs-box-highlighted-bg);
}

input:checked[id="isTicketAllNightYes"] + label:before {
	background-size: 17px 16px;
	display: inline-block;
	width: 17px;
	height: 14px;
	content: "";
	margin-right: 3px;
}
input:checked[id="isTicketAllNightNo"] + label:before {
	background-size: 17px 16px;
	display: inline-block;
	width: 17px;
	height: 14px;
	content: "";
	margin-right: 3px;
}


/* ------------------------------- abonnementstype selector ----------------------------------- */


.btn-group-abonnementstype {
    width: 100%;
    margin: 18px 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2); /* right - down - blur - spread */
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}

.btn-group-abonnementstype .btn.btn-check-label {
	background-color:var(--bs-box-bg);
    color: var(--bs-box-subtle);
    border: 1px solid var(--bs-box-subtle);
    width: 50%;
}

.btn-group-abonnementstype .btn.btn-check-label:hover {
    color:var(--bs-box-subtle);
    border: 1px solid var(--bs-box-subtle);
}

.btn-group-abonnementstype .btn-check:checked+.btn {
	background-color:var(--bs-box-highlighted-bg);
    color:var(--bs-box-highlighted-text);
	border: 1px solid var(--bs-box-highlighted-bg);
}

input:checked[id="abonnementstypeEget"] + label:before,
input:checked[id="abonnementstypeGave"] + label:before {
    background-size: 17px 16px;
    display: inline-block;
    width: 17px; 
    height: 14px;
    content:"";
	margin-right: 3px;
}

/* ------------------------------- custom check boxes ----------------------------------- */


.form-checkbox-wrapper {
	margin: 0 auto !important;
	text-align: left;
	padding: 12px 0 30px 0;
}

.form-check .form-check-input[type=checkbox],
.form-check .form-check-input[type=radio] {
	transform: scale(1.4) !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.form-check .form-check-input:focus {
	border-color: var(--bs-color05);
}
.form-check .form-check-input:checked {
	background-color: var(--bs-color05);
	border-color: var(--bs-color05);
}

.form-check label.form-check-label {
	margin-left: 5px;
}




/* ------------------------------- kontakt splat ----------------------------------- */

.kontakt-splat {
	background-color: var(--bs-color04);
	color: rgba(0, 0, 0, .8);
}



/* ------------------------------- footer ----------------------------------- */

footer {
	background: var(--bs-footer-bg) !important;
  	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); /* right - down - blur - spread */
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
footer .footer-wrapper {
	max-width: 700px;
	padding: 16px;
}

footer .subscription-price-primary,
footer .subscription-price-secondary {
	margin-top: -50px !important;
	margin-bottom: 16px;
}

footer .subscription-price-primary.animate,
footer .subscription-price-secondary.animate {
    -webkit-animation-duration: calc(.6s * 0.75);
            animation-duration: calc(.6s * 0.75);
    -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
}

footer .subscription-price-plus {
	margin-top: -30px !important;
}
footer .subscription-price-plus img {
	width: 20px !important;
}


/* ------------------------------- bounce-in animation ----------------------------------- */

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/* ------------------------------- bounce-out animation ----------------------------------- */

@-webkit-keyframes bounceOut {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  20% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  40% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  80% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@keyframes bounceOut {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  20% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  40% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  80% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}




/* ------------------------------- BOOTSTRAP DATEPICKER ----------------------------------- */


.datepicker {
  padding:10px;
}

.datepicker-dropdown {
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5);
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus


.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: var(--bs-color05) !important;
}