#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/dk/tix/Skin/20190411/18/Images/betty_logo_kvadrat-sort_beskaaret.png) !important;

  width: 120px; !important;

  	height: 70px;

    margin-top: 15px;

    

}

#BuyingHead {

	background-color: #FDFBF3;

	color: #000000 !important;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

@media only screen and (max-width: 1034px) {

	body.site_da #SiteHead2 h1.logo {

    	width: 75px !important;

  		height: 44px !important;

      margin: 5px;

		}

	#SiteHead2 .headtexttitle {

		font-size: 20px;

  		border-bottom-width: 0px;

	}

}

/* Ændre baggrundsfarve */

body, #tix-seatpicker main section #hall-container {

	background-color: #FDFBF3;

}

/* Ændre farve på "Vælg dato og antal billetter" */

#BuyingHead {

    color: #000000 !important;

}

/* Ændre farve på antal billetter i kurven */

.primary-c.basket-items {

    color: #000000;

}

/* Ændre baggrund på step 1, så den matcher primær baggrund */

#BuyingSteps .steps.active {

    background-color: inherit;

}

/* Gøre step 1 knappen sort */

#BuyingSteps .steps.active div.icon {

    background: #000000 !important;

}

/* Border på plus og minus knapperne og baggrund der matcher primær baggrund */

 #TicketSelector .ticket-count .plus-button, #TicketSelector .ticket-count .minus-button {

     background: #FDFBF3;

     color: #000000; !important;

     border: 1px solid #000000 !important;

}

 #TicketSelector .ticket-count .plus-button:hover, #TicketSelector .ticket-count .minus-button:hover {

     transition: background-color .3s ease-in-out,color .3s ease-in-out !important;

     background-color: #FDFBF3 !important;

}

/* Border på "find billetter" knap og farve som primær baggrund */

.primary-c-button {

  background-color: #FDFBF3 !important;

  border: 1px solid #000000 !important;

}

.primary-c-button:hover {

  background-color: #EAEAEA !important;

  border: 1px solid #000000 !important;

}

/* "Vælg" knappen ved billettype*/

#tix-seatpicker button {

transition: background-color .3s ease-in-out,color .3s ease-in-out !important;

}

button.button.secondary-c-button {

    background-color: #fefbf3; 

    color: #000000 !important;

    border-color: #000000 !important;

}

button.button.secondary-c-button:hover {

  background-color: #EAEAEA !important;

color: #000000 !important;

  border: 1px solid #000000 !important;

}

/* Ændre baggrundsfarve på "total" på siden "Din ordre" */

.item-list .results-summary-container {

  background-color: #FDFBF3;

}

/* Ændre "shop videre" knap ved hover */

.primary-c-button-2:hover {

  background-color: #FDFBF3 !important;

  border: 1px solid #000000 !important;

}

/* Ændre baggrundsfarve ved loginbesked */

#ProfileFields #SignInLocal .login-new-system-hint {

   

  background-color: #FDFBF3;

}

/* Kurvelogo farve */

.primary-c {

    color: #000000 !important;

}

/* Ændre farve på kurveindhold øverst til højre */

.basket-contents {

    background-color: #FDFBF3 !important;

}

.basket-contents.item-list .results-summary-container {

    background-color: #FDFBF3;

}

#Basket .row {

  background-color: #FDFBF3;

}

.basket-arrow {

   

  border-bottom-color: #FDFBF3;

  

}

/* Indløs gavekort knap */

#FindGiftCard {

  border: 1px solid #000000 !important;

  color: #000000 !important;

}

/* Rabatkode knap */

.button-small.secondary-c-button {

  border: 1px solid #000000 !important;

  color: #000000 !important;

}

/* Farver på Køb under betalingsinformation */

#CardType>li.active {

  border: 1px solid #000000 !important;

 color: #000000 !important;

background-color: #EAEAEA !important;

}

/* Ændre baggrund og hover på gavekort knap */

.secondary-c-button {

  background-color: #FDFBF3 !important;

 border: 1px solid #000000

}

.secondary-c-button:hover {

  background-color: #EAEAEA !important;

  border: 1px solid #000000 !important;

  

  color: #000000 !important;

}

/* Ændre baggrundsfarve på ordreoversigt */

.purchase-info-box {

  background-color: #FDFBF3;

}

/* Ændre farve på "Tixly" i footer */

a.primary-c[href="https://tixly.com/"] {

  color: #000000 !important;

}

/* Change the accept button for conditions */

input[type='checkbox'] {

  border-color: black; 

  border-width: 1px;

}

/* Ændre baggrund på chechbox ved check på betalingsside */

input[type='checkbox']:checked {

    

  background-color: #000000 !important;

}

/* Ændrer baggrundsfarven på hele aside-kalenderen */

aside.calendar {

  background-color: #FDFBF3 !important; 

}

#tix-seatpicker main aside {

    background-color: #FDFBF3 !important;

}

.cart-ticket-area .cart-ticket {

  background-color: #FDFBF3 !important;

}

/* Ændre farve på antal stk. af gavekort */

#GiftCardSelector .gift-card-count .gift-cards.zero {

    color: #000000;

    background-color: #fefbf3;

}

/*.secondary-bg-c {

    background-color: #fefbf3;

    color: #000000;

}*/

#GiftCardSelector li.selected .gift-card-count .gift-cards {

color: #000000;

}

/* Ændre farve på minus og plus symbol ved gavekort*/

#GiftCardSelector li.selected .gift-card-count .minus, 

#GiftCardSelector li.selected .gift-card-count .plus {

  background-color: #EAEAEA;

  color: #000000;

}

/* Baggrundsfarve ved gavekortbeløb */

#GiftCardSelector .gift-card-custom-amount-wrapper input.right, #GiftCardSelector .gift-card-custom-amount-wrapper input.left {

    background-color: #fefbf3;

}

  

/* Ændre farve på blyanten ved gavekort beløb */

#GiftCardSelector .gift-card-edit-amount-button {

background-color: #fefbf3;

    color: #000000;

}

/* Farve ved priszone vælger*/

#TicketSelector .select-zone span {

    color: #000000;

   

}

/* Show numbers on selected seats */

.s-s text {

  display: none;

}

.s-s.your-seat text, .s-s.original-seat text {

   display: block !important;

}

/* Fyldfarve på ledige sæder baseret på priszone */

/* Priszone A */

.s-s.clk .p-1 {

    fill: #ee4749 !important;   

    stroke: #ee4749 !important;

}

/* Priszone B */

.s-s.clk .p-2 {

    fill: #00a651 !important;   

    stroke: #00a651 !important;

}

/* Priszone C */

.s-s.clk .p-3 {

    fill: #fad839 !important;   

    stroke: #fad839 !important;

}

/* Priszone D */

.s-s.clk .p-4 {

    fill: #fa6900 !important;   

    stroke: #fa6900 !important;

}

/* Priszone E */

.s-s.clk .p-5 {

    fill: #760076 !important;   

    stroke: #760076 !important;

}

/* Priszone O+ */

.s-s.clk .p-6 {

    fill: #c7ae76 !important;   

    stroke: #c7ae76 !important;

}

.s-s.your-seat circle {

animation: blink 1.5s linear infinite !important;

}

@keyframes blink { 

100%, 70% { opacity: 1;}

0%, 15% { opacity: 0.5;}

}

/* Priszone O */

.s-s.clk .p-7 {

    fill: #1d82ca !important;   

    stroke: #1d82ca !important;

}

/* Priszone Y */

.s-s.clk .p-8 {

    fill: #858585 !important;   

    stroke: #858585 !important;

}

/* Priszone G */

.s-s.clk .p-9 {

    fill: #ef900d !important;   

    stroke: #ef900d !important;

}

}

/* Priszone H */

.s-s.clk .p-10 {

    fill: #5ba4b4 !important;   

    stroke: #5ba4b4 !important;

}

}

/* Priszone I */

.s-s.clk .p-11 {

    fill: #760076 !important;   

    stroke: #760076 !important;

}

}

/* Priszone J */

.s-s.clk .p-12 {

    fill: #fac936 !important;   

    stroke: #fac936 !important;

}

/* Priszone K */

.s-s.clk .p-13 {

    fill: #1a4859 !important;   

    stroke: #1a4859 !important;

}

/* Priszone L */

.s-s.clk .p-14 {

    fill: #c90076 !important;   

    stroke: #c90076 !important;

}

/* Priszone M */

.s-s.clk .p-15 {

    fill: magenta !important;   

    stroke: magenta !important;

}

@media (max-width: 768px) {

  button.picker-continue svg.replaced-svg path {

    fill: #000000 !important;

  }

}

/* Change occupied seat color */

.s-s.occ circle {

fill: lightgrey !important;

stroke: lightgrey !important;

}

/* Tilføj teksten under – med god afstand */ 

.terms-info {

    display: flex;

    align-items: flex-start; /* Holder checkbox i toppen */

    gap: 0.5em; /* Lidt luft mellem checkbox og tekst */

    flex-wrap: wrap; /* Tillader linjeskift */

}

.terms-info span.fnt-normal {

    position: relative;

}

.terms-info span.fnt-normal::after {

    content: "Når du trykker videre, behandler vi dine personoplysninger. Det gør vi jf. vores privatlivspolitik, https://bettynansen.dk/persondatapolitik/";

    display: block;

    margin-top: 0.5em;

    font-size: 14px;

    color: #333;

    line-height: 1.4;

}

a.forgot-password {

  color: black;

}

span.price-zone {

  color: black !important;

}

/* Tekst ved indløsning af gavekort online */

div.gift-card-info-text::before{

  content: "Gavekort købt før 3/6-2025 indløses med PIN-kode 1234. Gavekort fra Teaterbilletter? Skriv til billet@bettynansen.dk, så hjælper vi dig videre.";

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #fefbf3;
}
.primary-bg-c {
    background-color: #fefbf3;
	color: #000000;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #000000;
}
.primary-border-c {
    border-color: #fefbf3;
}
.primary-c-button {
	background-color: #fefbf3;
    color: #000000;
    border-color: #fefbf3;
}
.primary-c-button:hover {
	border-color: #FAEECD;
    background-color: #FAEECD;
}
.primary-c-button-secondary {
	background-color: #fefbf3;
    color: #000000;
    border-color: #fefbf3;
}
.primary-c-button-secondary:hover {
    background-color: #fefbf3;
    color: #000000;
    border-color: #fefbf3;
}
.primary-c-button-2 {
    background-color: #000000;
    border-color: #fefbf3;
    color: #fefbf3;
}
.primary-c-button-2:hover {
    background-color: #fefbf3;
    color: #000000;
}
.primary-c-button-2-secondary {
    background-color: #000000;
    border-color: #fefbf3;
    color: #fefbf3;
}
.primary-c-button-2-secondary:hover {
    background-color: #fefbf3;
    border-color: #fefbf3;
    color: #000000;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #fefbf3;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(247,250,145,0);
    background: -moz-linear-gradient(left, rgba(247,250,145,0) 0%, rgba(247,250,145,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,250,145,0)), color-stop(100%, rgba(247,250,145,1)));
    background: -webkit-linear-gradient(left, rgba(247,250,145,0) 0%, rgba(247,250,145,1) 100%);
    background: -o-linear-gradient(left, rgba(247,250,145,0) 0%, rgba(247,250,145,1) 100%);
    background: -ms-linear-gradient(left, rgba(247,250,145,0) 0%, rgba(247,250,145,1) 100%);
    background: linear-gradient(to right, rgba(247,250,145,0) 0%, rgba(247,250,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fa91', endColorstr='#f7fa91', GradientType=1 );
}
.header-bg-c {
    background-color: #f7fa91;
    color: #000000;
}
#skipToContent {
    background-color: #f7fa91;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #fefbf3;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #fefbf3;
}
.header-c-hover-before::before {
    border-color: transparent #fefbf3 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #fefbf3;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #f7fa91;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #fefbf3;
    border-color: #f7fa91;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #f7fa91;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #f7fa91;
}
.footer-highlight-c {
    color: #000000;
}
.content-inline-heading, .content-table-heading th {
     color: #000000;
}
/* Secondary */
.secondary-c {
    color: #fefbf3;
}
.secondary-bg-c {
    background-color: #fefbf3;
    color: #000000;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #000000;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #000000;
}
.secondary-bg-c-hover:hover {
    background-color: #fefbf3;
    color: #000000;
}
.secondary-c-button {
    background-color: #000000;
    color: #fefbf3;
    border-color: #fefbf3;
}
.secondary-c-button:hover {
    background-color: #fefbf3;
    border-color: #fefbf3;
    color: #000000;
}
/* Tertiary */
.tertiary-c {
    color: #fefbf3;
}
.tertiary-bg-c {
    background-color: #fefbf3;
    color: #000000;
}
.tertiary-border-c {
    border-color: #fefbf3;
}
.tertiary-c-button-secondary {
	background-color: #fefbf3;
    color: #fefbf3;
    border-color: #fefbf3;
}
.tertiary-c-button-secondary:hover {
    background-color: #fefbf3;
    color: #fefbf3;
    border-color: #fefbf3;
}
.tertiary-bg-c-hover:hover {
    background-color: #fefbf3;
    color: #000000;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#BuyingSteps div.icon {
    background: rgba(0,0,0,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #fefbf3;
}
#SectionGroups li.selected-group a {
    background: #fefbf3;
    color: #000000;
}
#ProfileBar ul li button.active {
    color: #fefbf3;
    box-shadow: 0 3px 0px 0px #fefbf3;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #fefbf3;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #fefbf3;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #fefbf3;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #fefbf3;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #fefbf3;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #fefbf3;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #FAEECD;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #fefbf3 transparent;
}
input[type='checkbox']:checked {
    background-color: #fefbf3;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #f7fa91;
    color: #000000;
}

/* Nice little special block for validation colors */
input[type='text'].input-validation-error,
input[type='email'].input-validation-error,
input[type='tel'].input-validation-error,
input[type='date'].input-validation-error,
input[type='password'].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
    border-color: #d9605a;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #d9605a !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #d9605a;
}