:root {
--light: #cce1ec;
--dark: #005d8f;
--hover: #cce1ec;
--headfoot: #005d8f;
--headfoottext: #005d8f;
--headfootdark: #005d8f;
--radius: 0px;
}


.viktig{
color: red;
}


/*--------------   FONT ----------------------*/

@font-face {
  font-family: "Info - Bold";
  src: url("/fair/waterexpo2542026/assets/INFO-BOLD.otf") format("opentype");
  font-display: swap;
}

div.top.module h1.heading.branding a,
div.top.module h1.heading.branding a.logo.smallfont 
{
  font-family: "Info - Bold";
}

div#eshop_box.step_1.step_cart form#eshop_form h1
{
  font-family: "Info - Bold";
  margin-bottom: 0px;
  color: var(--dark);
}

.art_title {
  color: #005d8f;
  font-weight: bold;
}



/*---------------------------------------------- SLUT FONT -----------------------------------------------*/




/* -----------------------------------------------  FÄRGER ------------------------------------------------*/

/*----- EVENTFÄRG PÅ HEADERN -----*/
body div.top {
    background-color: var(--headfoot);
}



/* ----- EVENTFÄRG PÅ SIFFRORNA I "PROGRESSBAR" ----- */
span.step_nr {
    color: var(--headfootdark) !important;
    font-weight: bold;
}

/* ----- EVENTFÄRG PÅ AKTIVT STEG I "PROGRESSBAR" - desktop ------ */
#steps_box p.step_desc_active {
    color: var(--headfootdark) !important;
    font-weight: bold;
}

/* ----- EVENTFÄRG PÅ AKTIVT STEG I "PROGRESSBAR" - mobilt ------*/
#page_title {
    color: var(--headfootdark) !important;
    font-weight: bold;
}

input[type="checkbox"],
input[type="radio"]
{
  accent-color: var(--dark);
}


/* ----- VOUCHER BOXFÄRG ----- */
div.voucher_entry_block div.box.eshop_form_box_voucher {
    background-color: #00a4df22 !important;

}


/* ----- EVENTFÄRG PÅ RUTAN RUNT "TILLAGD PRODUKT", NÄR INBJUDAN/KAMPANJ UTNYTTJATS ----- */
div.voucher_entry_block table.form_table tr.eshop_form_field_voucher_exchanged_info td.eshop_td_ro_value p.form_value {
    color: var(--headfoot);
}


/*----  Ram runt "Ange kod" ---*/
table.form_table.eshop_form_table_voucher tbody tr.eshop_form_field_voucher_code td.eshop_td_input input#voucher_code_in.form_entry_nosize:focus
{
    outline: none; /* Ta bort standardfokusramen */
    border: 2px solid var(--dark) !important;
}


/* EVENTFÄRG PÅ STARTSIDEKNAPPAR*/
  div.startpage_button 
  {
      background-color: var(--dark);
      width:80px !important;
     
  }


/* ----- LJUSA SEKUNDÄRA KNAPPAR  ----- */
table.form_table.eshop_form_table_voucher td input#voucher_code_button_bt,
form#eshop_form div.no_print.comp_back_next_buttons a.button.button_left {
    border: var(--headfoot) 2px solid !important;
    background-color: white !important;
color: var(--headfoot);
border-radius:0px;
  

}


/*------ LJUSA SEKUNDÄRA KNAPPAR MED MÖRK HOOVER FÄRG ------*/
table.form_table.eshop_form_table_voucher td input#voucher_code_button_bt:hover,
form#eshop_form div.no_print.comp_back_next_buttons a.button.button_left:hover {
    border: var(--headfoot) 2px solid !important;
    background-color: var(--light) !important;
    color: var(--dark) !important;
border-radius:0px;


}

/* ----- MÖRKA KNAPPAR FORTSÄTT/REGISTRERA I SHOPEN OCH I UTSTÄLLARREGISTRERINGEN ----- */
#eshop_box .button_calculate,
#eshop_box .button_right,
div.buttons button,
button.submit,
input#voucher_code_button_bt,
#eshop_box .button_print,
div input[type="submit"],
.startpage
{
    background-color: var(--dark);
 font-weight: 400;
color: white;
  cursor: pointer;
border: 2px solid var(--dark);
border-radius:0px;
}


/* ----- MÖRKA KNAPPAR FORTSÄTT/REGISTRERA I SHOPEN OCH I UTSTÄLLARREGISTRERINGEN + HOOVER----- */
#eshop_box .button_calculate:hover,
#eshop_box .button_right:hover,
div.buttons button:hover,
button.submit:hover,
input#voucher_code_button_bt:hover,
#eshop_box .button_print:hover,
div input[type="submit"]:hover,
.startpage:hover
 {
    background-color: var(--light);
 font-weight: 400;
color: var(--dark);
  cursor: pointer;
border: 2px solid var(--dark);
border-radius:0px;
}




/* ----- ÄNDRAD BAKGRUNDSFÄRG PÅ RUBRIKRAD FÖR ENTREBILJETTER ----- */

div#eshop_box div.cart_block tr.section_row h2

{
    background-color: var(--light);
    padding-bottom: 5px !important;
    padding-top: 5px !important; 
    padding-left: 4px;
    border-bottom: var(--light) !important;
    color: var(--dark);
 
}

tr.section_row:nth-child(2) > td:nth-child(1) > h2:nth-child(1)
{
    background-color: var(--headfoot) !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important; 
    padding-left: 4px;
    border-bottom: var(--headfoot) !important;
    color: white !important;
 

}


/* ----- PRODUKTFÄRG ----- */
.art_title,
a {
    color: #009fef;
}


/* ----- PIL FRAMFÖR PRODUKT ----- 
div#eshop_box div.cart_block table#cart_article_table a.art_title img {
   display: unset; 
}
*/


/*------------------------------------------------ FOOTER ---------------------------------------------------*/

.sub-sub-heading {
    color: white !important;
}

div#smfooter .footer .bottom,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear,
.footer {
    background-color: var(--headfoot) !important;
}

div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.sub-sub-heading a,
div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.text a.tel.link,
div#smfooter footer.footer.info-area div.bottom.module.clear address div.col p.text a.link,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear address div.col p.text a.link,
div#smfooter_exh footer.footer.info-area div.bottom.module.clear address div.col p.text strong {
    color: white;
    text-decoration: underline;
}

/*-------------------------------------- SLUT FOOTER ------------------------------------------------- */




/* ------------------------------------------------------PRODUKLISTAN--------------------------------------------------------------- */

div#eshop_box div.cart_block .section_info_body {
    padding-bottom: 15px;
    font-size: 13px;
    color: #666666;
}


/*GÖR INDRAG PÅ PRODUKT
#eshop_form div.cart_block #cart_article_table tr#article_cart_row_155 td a.art_title,
#eshop_form div.cart_block #cart_article_table tr#tr_art_desc_155_text div#art_desc_155_text
{
 margin-left: 15px
}*/

/* ----- SLÄCKER NER SEK 0 I ONLINESHOPEN OCH DIV.FORM SLÄCKER ANTALSRUTAN ----- */

#article_cart_row_1150,
#article_cart_row_1050
 {
  display: none;
}



/* DENNA LÄGGER FET TITEL PÅ PAKETPRODUKTEN 

#eshop_box.step_1.step_cart form#eshop_form div.cart_block div.box div.box_content table#cart_article_table tbody tr#article_cart_row_155 td div a.art_title
{
    margin-top: 20px;
    font-weight: bold;
}*/


/* LITE LUFT MELLAN PRODUKT OCH PRODUKTEXT
#art_desc_151_text,
#art_desc_152_text,
#art_desc_153_text
{
  padding-top: 7px;
}*/


/*LÄGGER RAM ANTAL PÅ INLÖSTA RABATTKODER*/

#eshop_box.step_1.step_cart form div.form_value 
{
  border-radius: var(--radius);
  border: 1px solid black !important;
  background: #FFFFFF !important;
  color: #808080;
  padding: 3px;
  width: 47px;
height: 20px;
}




/* ------------------------------------------------------DÖLJA FÄLT--------------------------------------------------------------- */

/* FÄLT SOM EJ SKA VISAS I SID 2 I SHOPPEN*/
tr.eshop_form_field_gender,
tr.eshop_form_field_title,
tr.eshop_form_field_department,
tr.eshop_form_field_fax,
tr.eshop_form_field_hp_pass_nr,
tr.eshop_form_field_street,
tr.eshop_form_field_city,
tr.eshop_form_field_federal_state

{
    display: none;
}




/* ------------------------------------------------------BRA ATT HA I FALL MAN BEHÖVER---------------------------------------------------------------- */

/*SLÄCKER RAMEN PÅ ANTALSRUTAN*/
div#eshop_box.step_1.step_cart form#eshop_form div.cart_block div.box div.box_content table#cart_article_table tbody tr#article_cart_row_XXX td input#input_art_menge_XXX.form_amount
{
	border: 1px solid #FFF !important;
}




.button, .art_title, a, startpage_button a 
{
color: var(--dark);
font-weight: normal;
text-decoration:underline;
}

article.module div div#eshop_box.step_4.step_order form#eshop_form div.no_print.comp_order p.content a
{
color: var(--dark);
text-decoration: underline;
}


/*---------- Gutscheinassistent einloesen---------*/
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) {

}

/*------------------------------------------------------- Desk ------------------------------------------------------------------*/
@media (min-width: 801px) and   (max-width: 1024px) {

}
/*------------------------------------------------------- Tablet ------------------------------------------------------------------*/
@media (min-width: 641px) and   (max-width: 800px) {

}
/*------------------------------------------------------ Smartphone ------------------------------------------------------------------*/
@media (max-width: 640px) {
}

/*------------------------------------------------------ Smartphone ------------------------------------------------------------------*/
@media (max-width: 600px) {

.messages {

  width: 98%;

}

fieldset.question li.answer div.answer_ff_text
{
width: 95% 
}