
/* MÄSSPECIFIKA ÄNDRINGAR */

div.startpage_button {
    width:230px !important;
}

/* ----------  NYTT UTSEENDE PÅ SHOPPEN ----------------*/


/* Eventfärg på headern - OBSERVERA att motsvarande måste kommenteras bort nedan*/
body div.top {
    background-color: #00a19a;
}

/* Eventfärg på fortsättknappen*/
#eshop_box .button.button_right {
    background-color: #00a19a;
    color: #FFFFFF;
    font-weight: bold;
}

/* Eventfärg på startsideknappar*/
div.startpage_button {
    background-color: #00a19a;
}

/* Vit text på startsideknappar*/
div.startpage_button span {
    color: #FFFFFF;
    font-weight: bold;
}

/*Nytt lösen och logga in-knappar*/
div input[type="submit"] 
{
    background-color: #00a19a;
    color: #FFF;
}

/*Skapa nytt konto*/
div.loginpage_createaccount_shop a.voucher_page_newaccount_btn
{
    background-color: #00a19a;
    color: #FFF;

}

#eshop_box .button_calculate, #eshop_box .button_right, div.buttons button, button.submit, input#voucher_code_button_bt, #eshop_box .button_print {
    background-color: #00a19a;
    color: #FFF;
}


/* Eventfärg på siffrorna i "progressbar"*/
span.step_nr {
   color: #00a19a!important; 
    font-weight: bold;
}

/* Eventfärg på aktivt steg i "progressbar" - desktop. OBSERVERA att motsvarande måste kommenteras bort nedan */
#steps_box p.step_desc_active {
   color:  #00a19a!important;
    font-weight: bold;
}

/* Eventfärg på aktivt steg i "progressbar" - mobilt. OBSERVERA att motsvarande måste kommenteras bort nedan */
#page_title {
    color:#00a19a!important;
    font-weight: bold;
}


/* ----------- för passbook -------------*/
.eticket_request_article {
	padding: 15px 0;  /*tidigare 10*/
}

.eticket_request.invoice_request .eticket_request_article {
	padding: 30px 0;  
}

a.eticket_request_mobile {
	left: 60px;  /*tidigare 40px*/
}

.eticket_request_article span {
    padding-left:150px;*   /*tidigare 80px*/
    padding-left: 0px !important;
    margin-top: 22px; 
    
}
.eticket_request_article span.linkText {
    margin-top: 30px;
    padding-left: 0;
}

.eticket_request_mobile span.linkText {
    margin-left: -15px;

}
div.eticket_request.invoice_request .eticket_request_article a.eticket_request_pdf.invoice_request_pdf {
  
}

.eticket_request_article span.receiptText {
     margin-top: -10px;
     margin-left: 0px;
}

/* ----------- slut passbook -------------*/

div.voucher_page_ticket_options div.download p a span.gutschein_andere{
    color: #009fef !important;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}


/* --------------------------------------------------------------------------------------*/


/*Rahmenlayout*/

/*body div.top {
    background-color: #000;
}*/

/* Ticketshop*/
/* Steps - Container-Activ Status*/
/*span.step_nr {color:#009fef!important;}*/

/*#steps_box  p.step_desc_active {color: #009fef !important;}*/

/* Smartphoneansicht*/

/*#page_title {color:#009fef!important;}*/

.button, .art_title, a, startpage_button a {color: #009fef;}

/*---------- Gutscheinassistent einloesen---------*/

button.einloesen{border:1px dotted #009fef;}
/*button.einloesen, span.gutschein_andere {border:1px dotted #009fef;}*/
/*span.gutschein_andere {border:1px dotted #009fef;}*/

.main-nav.responsive::before {
    box-shadow: 15px -10px 0 3px #000;
}


/*------------------------------------------------------- Desk Wide------------------------------------------------------------------*/
@media (min-width: 1024px) {

}
/*------------------------------------------------------- Desk ------------------------------------------------------------------*/
@media (min-width: 801px) and   (max-width: 1023px) {

}
/*------------------------------------------------------- Tablet ------------------------------------------------------------------*/
@media (min-width: 641px) and   (max-width: 800px) {

}
/*------------------------------------------------------ Smartphone ------------------------------------------------------------------*/
@media (max-width: 640px) {


}


