/***********************************************************************
 * Organization code: spacedance
 * Template code name: egen_profil123
 * Last generated: 2026-01-02 17:37:01
 ***********************************************************************/


/***********************************************************************
 * Auto generated css-code for shop from settings in selected layout
 ***********************************************************************/

    .cwBody,
    .cwBody A,
    .cwBody A:hover,
    .cwBody A:visited {
        color : black;
    }
    .cwArea .regIcon,
    .cwVisibleForm,
    .cwFormCenter,
    .cwControlAreaTop,
    .cwControlAreaBottom,
    .cwInputArea,
    .cwInfoArea,
    .cwDataArea,
    .cwArea .shopSearchForm,
    .cwArea .shopSearchFormBasic,
    .cwArea .shopSearchFormAdvanced,
    .cwArea DIV.filterOptionFramed:hover,
    .cwTerms,
    .cwArea HR {
        border-color : #DADADA;
    }
    .cwArea .regIcon {
        background-color : #E8E8E8;
    }
    .cwControlAreaTop {
        background-color : #E8E8E8;
        background: -moz-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -webkit-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -o-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -ms-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: linear-gradient(to bottom, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%)
    }
    .cwControlAreaTop,
    .cwArea .shopSearchFormBasic,
    .cwArea .regIcon {
        color : black;
    }
    DIV.filterOptionFramed:hover {
        background-color : #FAFAFA;
    }
    .cwControlAreaBottom,
    .cwVisibleForm,
    .cwInfoArea,
    .cwInputArea {
        background-color : #FAFAFA;
        background: -moz-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -webkit-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -o-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -ms-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: linear-gradient(to right, #F4F4F4 0%,#FAFAFA 250px)
    }
    .cwhc_Question:hover,
    .cwTerms,
    .cwArea .shopSearchFormAdvanced,
    .cwDataArea {
        background-color : #F6F6F6;
        background: -moz-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -webkit-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -o-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -ms-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: linear-gradient(to right, #F3F3F3 0%,#F6F6F6 80%)
    }

/***********************************************************************
 * Manually added css-code in selected layout
 ***********************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Open+Sans:wght@300;400;600;700;800&display=swap');

:root{
  --sans: "Open Sans", Inter, Arial, sans-serif;
  --impact: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;

  --bg0:#f6f7fb;
  --bg1:#f3f7f6;

  --surface:#ffffff;
  --surfaceSoft:#fafafa;

  --text:#0b1220;
  --muted:#667085;

  --green:#00DA6E;
  --greenDark:#00A65A;

  --border:#dadada;

  --radius:16px;
  --shadow:0 12px 28px rgba(15,23,42,.08);
}

/* =========================================================
   BAKGRUND (MINT)
   ========================================================= */
html,body{
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(0,218,110,.08), transparent 55%),
    radial-gradient(900px 600px at 90% 20%, rgba(0,166,90,.07), transparent 60%),
    linear-gradient(180deg,var(--bg0),var(--bg1)) !important;
}

/* =========================================================
   GRUND – TIGHT SOM ORIGINAL
   ========================================================= */
.cwBody,
.cwArea{
  font-family:var(--sans) !important;
  color:var(--text) !important;
  font-size:15px !important;
  line-height:1.25 !important;
}

/* Länkar */
.cwArea a{
  color:inherit !important;
  text-decoration:none !important;
}
.cwArea a:hover{
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* =========================================================
   RUBRIKER – IMPACT
   ========================================================= */
.cwArea h1,
.cwArea h2,
.cwArea h3{
  font-family:var(--impact) !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  color:var(--greenDark) !important;
  margin:10px 0 6px !important;
}

.cwArea h1{
  font-size:34px !important;
  border-bottom:1px solid var(--border) !important;
  padding-bottom:8px !important;
}

/* =========================================================
   KORT / YTOR
   ========================================================= */
.cwVisibleForm,
.cwInputArea,
.cwInfoArea,
.cwDataArea,
.cwTerms{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  padding:14px !important;
  margin-bottom:10px !important;
  box-sizing:border-box !important;
}

/* =========================================================
   BESKRIVNING
   ========================================================= */
.cwVisibleForm p,
.cwInputArea p,
.cwTerms p{
  margin:6px 0 !important;
  line-height:1.25 !important;
}

/* =========================================================
   TABELL / LISTA
   ========================================================= */
.cwArea table{
  width:100% !important;
  border-collapse:collapse !important;
  background:#fff !important;
}

.cwArea th{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:var(--muted) !important;
  padding:6px 8px !important;
  border-bottom:1px solid var(--border) !important;
  text-align:left !important;
}

.cwArea td{
  padding:6px 8px !important;
  border-bottom:1px solid #eee !important;
  line-height:1.2 !important;
}

/* =========================================================
   KNAPPAR – RIKTIGA (DETALJVY)
   ========================================================= */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.cwButton,
.shopButton,
.cwDialogButton{
  font-family:var(--impact) !important;
  letter-spacing:.05em !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;

  background:linear-gradient(180deg,var(--green),#00b85f) !important;
  color:#fff !important;

  border-radius:999px !important;
  padding:9px 16px !important;
  border:1px solid rgba(255,255,255,.25) !important;
  cursor:pointer !important;
}

/* =========================================================
   KURSLISTA: TA BORT PILL-KNAPPAR → IMPACT TEXT
   (GÄLLER ENDAST I TABELL/LISTA)
   ========================================================= */
.cwArea table .cwButton,
.cwArea table .shopButton,
.cwArea table .cwDialogButton,
.cwArea table a.cwButton,
.cwArea table a.shopButton,
.cwArea table a.cwDialogButton{
  background:none !important;
  border:none !important;
  padding:0 !important;
  border-radius:0 !important;

  font-family:var(--impact) !important;
  font-size:14px !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;

  color:var(--greenDark) !important;
}

/* Hover i lista */
.cwArea table a.cwButton:hover,
.cwArea table a.shopButton:hover,
.cwArea table a.cwDialogButton:hover{
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* =========================================================
   HÖGERSPALT – KOMPAKT
   ========================================================= */
.cwInfoArea p,
.cwDataArea p{
  margin:2px 0 !important;
  font-size:13.5px !important;
  line-height:1.2 !important;
}

.cwInfoArea p strong,
.cwDataArea p strong{
  display:inline-block !important;
  width:70px !important;
  font-weight:700 !important;
  font-size:12px !important;
}

/* =========================================================
   STÄDA SYSTEMYT0R
   ========================================================= */
.cwControlAreaTop,
.cwControlAreaBottom{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}

/* =========================================================
   TA BORT SPRÅK / FLAGGA
   ========================================================= */
.cwLanguage,
.cwLang,
.cwTranslate,
.cwTranslation,
a[href*="translate"],
a[href*="language"],
a[href*="lang="],
button[title*="språk"],
button[aria-label*="språk"],
a[title*="språk"],
a[aria-label*="språk"],
img[src*="flag"],
img[alt*="Svenska"],
img[alt*="Swedish"]{
  display:none !important;
}
/* 3) INFO/BOKA: endast LÄNKEN i sista kolumnen (inte hela td) */
.cwArea table tbody td:last-child a{
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #00A65A !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}


/* 1) ÅTERSTÄLL ALL TABELLTEXT (så beskrivande rader blir normala igen) */
.cwArea table tbody td{
  font-family: "Open Sans", Inter, Arial, sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #0b1220 !important;
}

/* 2) Kursnamn: endast LÄNKEN i första kolumnen (inte hela td) */
.cwArea table tbody td:first-child a{
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #00A65A !important;
  text-decoration: none !important;
}


.cwArea table tbody td:last-child a:hover{
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}