/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/source-sans-3-v18-latin/source-sans-3-v18-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    touch-action: manipulation;
    overscroll-behavior: none
}
body {
  touch-action: manipulation;
  font-family: "Source Sans 3", sans-serif !important;
  overflow-x: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
  }
}
div[style^='background-image'] {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.sidebar-nav-wrapper .sidebar-nav ul .nav-item a {
    font-size: 13px;
    font-weight: 500;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a {
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li {
    margin-bottom: 0;

}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active, .sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a:hover {
  color: #4A6CF7;
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.nav-item-has-children ul li a.active i {
  color: #D50100;
}

.modal:nth-of-type(even) {
    z-index: 1062 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1050 !important;
}
#xhrmodal {
    z-index: 1070 !important;
}

.card-style .dropdown-menu li button {
    display: block;
    font-size: 14px;

}
.input-style-1 input::placeholder,
.input-style-1 textarea::placeholder,
.input-style-2 input::placeholder,
.input-style-2 textarea::placeholder,
.input-style-3 input::placeholder,
.input-style-3 textarea::placeholder {
  color: #bfbfbf;
}

.more-btn-wrapper .dropdown-menu .dropdown-item button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.more-btn-wrapper .dropdown-menu .dropdown-item button:hover {
    color: darkblue;
}

.more-btn-wrapper .dropdown-menu .dropdown-item button:focus {
    outline: none; /* Ta bort det fokuserade ramverket (optional) */
}

.more-btn-wrapper .dropdown-menu .dropdown-item button {
  width: 100%;
  border-radius: 4px;
  color: #1A2142;
}
.card-style .dropdown-menu li:hover button {
  color: #365CF5 !important;
}
.card-style .dropdown-menu li button {
  display: block;
  font-size: 14px;
}

.btn-sm,
.btn-group-sm > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;

    border-radius: 0.2rem;
    gap: 0.25rem; /* icon + text spacing */
}

/* Icon-only buttons */
.btn-sm > i,
.btn-sm > svg {
    display: inline-block;
    line-height: 1;
}

.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:1000}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:.375rem;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f8f9fa;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.datepicker-title{background-color:#f8f9fa;box-shadow:inset 0 -1px 1px rgba(0,0,0,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .btn{background-color:#fff;border-color:#f8f9fa}.datepicker-controls .btn:focus,.datepicker-controls .btn:hover{background-color:#e2e6ea;border-color:#dbe0e5;color:#000}.datepicker-controls .btn:focus{box-shadow:0 0 0 .25rem hsla(210,2%,83%,.5)}.datepicker-controls .btn:disabled{background-color:#f8f9fa;border-color:#f8f9fa;color:#000}.datepicker-controls .btn:not(:disabled):active{background-color:#dbe0e5;border-color:#d4dae0;color:#000}.datepicker-controls .btn:not(:disabled):active:focus{box-shadow:0 0 0 .25rem hsla(210,2%,83%,.5)}.datepicker-header .datepicker-controls .btn{border-color:transparent;font-weight:700}.datepicker-footer .datepicker-controls .btn{border-radius:.25rem;flex:auto;font-size:.875rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:15.75rem}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:.375rem;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.9375rem;font-weight:700;height:1.5rem}.datepicker .week{color:#dee2e6;flex:auto;font-size:.875rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e2e6ea}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#0d6efd;color:#fff;font-weight:600}.datepicker-cell.disabled{color:rgba(33,37,41,.5)}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#6c757d}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f8f9fa;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#f1f3f5}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e2e6ea}.datepicker-cell.today:not(.selected){background-color:#20c997}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#1fc493}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#6c757d;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#69727a}.datepicker-cell.range-start:not(.range-end){border-radius:.375rem 0 0 .375rem}.datepicker-cell.range-end:not(.range-start){border-radius:0 .375rem .375rem 0}.datepicker-cell.range{background-color:#e9ecef;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#e2e6ea}.datepicker-cell.range.disabled{color:#ced4db}.datepicker-cell.range.focused{background-color:#dbe0e5}.datepicker-input.in-edit{border-color:#73acfe}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(115,172,254,.2)}


.EasyMDEContainer .CodeMirror-fullscreen {
    z-index: 1000;
}
.editor-toolbar.fullscreen {
    z-index:1001
}
.editor-preview-full {
    z-index: 999;
}

.editor-preview-side {
    z-index: 1000;
}

/* FIX: i din originalrad saknas semikolon efter padding:0; */
.email-preview {
  margin: 0;
  padding: 15px; 
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.email-preview table { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
.email-preview h1 { margin: .67em 0; font-size: 2em; }
.email-preview h2 { margin: .83em 0; font-size: 1.5em; }
.email-preview h3 { margin: 1em 0; font-size: 1.17em; }

.email-preview span.MsoHyperlink,
.email-preview span.MsoHyperlinkFollowed { color: inherit !important; mso-style-priority: 99 !important; }

.email-preview #root [x-apple-data-detectors=true],
.email-preview a[x-apple-data-detectors=true] { color: inherit !important; text-decoration: inherit !important; }

.email-preview u + .body a { color: inherit; text-decoration: none; font-size: inherit; font-weight: inherit; line-height: inherit; }

.email-preview #message * { all: revert; }

.email-preview img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 100%; max-width: 600px; }

.email-preview pre { padding: .5em; margin: .2em 0 .5em; font-size: 88%; white-space: pre-wrap; word-wrap: break-word; }
.email-preview code { font-family: monospace; background-color: #d3e1e4; }
.email-preview pre > code { background-color: transparent; }

.email-preview blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: .5em 10px; font-style: italic; }
.email-preview blockquote p { display: inline; }

/* Media queries behöver också prefixas inuti blocket */
@media (prefers-color-scheme: light) {
  .email-preview, .email-preview .body { background-color: #fff !important; color: #1e1e1e !important; }
  .email-preview .table table,
  .email-preview .table th,
  .email-preview .table td { border: 1px solid #1e1e1e !important; }
  .email-preview blockquote { background:#f9f9f9 !important; border-left:10px solid #858480 !important; color:#1e1e1e !important; }
}
@media (prefers-color-scheme: dark) {
  .email-preview, .email-preview .body { background-color: #1e1e1e !important; }
  .email-preview p, 
  .email-preview li, 
  .email-preview ul, 
  .email-preview pre, 
  .email-preview dl, 
  .email-preview dd { color: #fff !important; }
}
.email-preview li { list-style: disc !important; margin-left: 1.5rem !important; }
.email-preview ol li{ list-style: decimal !important; margin-left: 1.5rem !important; }

    /* Force background on rating dropdowns, in case theme nukes .dropdown-toggle */
    .rlicense-rating-toggle.btn-danger {
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        color: #fff !important;
    }
    .rlicense-rating-toggle.btn-warning {
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
    }
    .rlicense-rating-toggle.btn-info {
        background-color: #0dcaf0 !important;
        border-color: #0dcaf0 !important;
    }
    .rlicense-rating-toggle.btn-success {
        background-color: #198754 !important;
        border-color: #198754 !important;
    }
    .rlicense-rating-toggle.btn-secondary {
        background-color: #6c757d !important;
        border-color: #6c757d !important;
    }

.table-text-muted {
    color: #b9c2c9 !important; /* ungefär samma som Bootstrap text-muted */
    font-weight: 400;          /* om något gör texten fet */
}

/* =========================================
   R-LICENSE TIMELINE – WRAPPER
   ========================================= */
.rlicense-timeline-wrapper {
    position: relative;
    overflow: visible;
    margin-top: 0.5rem;
}

/* Timeline steps container – ingen scrollruta */
.rlicense-timeline-wrapper .timeline-steps {
    position: relative;
    display: flex;
    flex-wrap: wrap;      /* bryt på flera rader vid behov */
    gap: 0.75rem;
    overflow: visible;    /* viktigt för dropdowns */
    padding-bottom: 0;
}

/* Horisontell linje bakom stegen */
.rlicense-timeline-wrapper .timeline-steps::before {
    content: "";
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(222, 226, 230, 0),
        #dee2e6,
        rgba(222, 226, 230, 0)
    );
    z-index: 1;
}

/* =========================================
   TIMELINE STEP CARDS
   ========================================= */
.rlicense-timeline-wrapper .timeline-step {
    position: relative;
    z-index: 2;
    min-width: 180px;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 0.2rem; /* rounded-1 */
    padding: 0.75rem 0.75rem 0.9rem;
}

/* Indikator-container */
.rlicense-timeline-wrapper .timeline-step-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Nummer "cirkel" – fyrkantig p.g.a rounded-1 i HTML */
.rlicense-timeline-wrapper .timeline-step-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 2px solid #adb5bd;
    background-color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

/* Text i varje steg */
.rlicense-timeline-wrapper .timeline-step-content .fw-semibold {
    font-size: 0.95rem;
}

/* Aktivt steg – färgad indikator + rubrik */
.rlicense-timeline-wrapper .timeline-step--active .timeline-step-circle {
    border-color: #0d6efd;
    background-color: #0d6efd;
    color: #ffffff;
}

.rlicense-timeline-wrapper .timeline-step--active .timeline-step-content .fw-semibold {
    color: #0d6efd;
}

/* =========================================
   DROPDOWNS I TIDSLINJEN
   ========================================= */
.rlicense-timeline-wrapper .timeline-dropdown {
    font-size: 0.85rem;
    z-index: 2000; /* över card, tabbar etc */
}

.rlicense-timeline-wrapper .timeline-dropdown .dropdown-item {
    padding: 8px 14px;
}

/* =========================================
   TIMELINE BUTTONS (Åtgärder + Mejl)
   ========================================= */

.rlicense-timeline-wrapper .btn.timeline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.25rem 0.75rem;
    border-radius: 0.2rem;
    border-width: 1px;
    border-style: solid;
}

/* Åtgärder – neutral/sekundär look */
.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-secondary {
    background-color: #ffffff;
    border-color: #ced4da;
    color: #495057;
}

.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-secondary:hover,
.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-secondary:focus {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
    text-decoration: none;
}

/* Mejl – primär look */
.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-primary {
    background-color: #ffffff;
    border-color: #0d6efd;
    color: #0d6efd;
}

.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-primary:hover,
.rlicense-timeline-wrapper .btn.timeline-btn.btn-outline-primary:focus {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #ffffff;
    text-decoration: none;
}

/* =========================================
   RATING-DROPDOWN (EMOJI-KNAPP)
   ========================================= */
.rlicense-card .rlicense-rating-toggle {
    border-radius: 0.2rem; /* rounded-1 */
    padding-inline: 0.5rem;
}

/* =========================================
   TOPPRADE: KNAPPAR + BADGE – ALIGN/SAMMA HÖJD
   ========================================= */
.rlicense-card .badge {
    display: inline-flex;
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 1;
    font-size: 0.75rem;
}

.rlicense-card .rlicense-rating-toggle,
.rlicense-card .rlicense-status-badge,
.rlicense-card .rlicense-main-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 1;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    font-size: 0.8rem;
}

/* Säkerställ att inget i kortet klipper dropdowns */
.rlicense-card,
.rlicense-card .card-body,
.rlicense-timeline-wrapper,
.rlicense-timeline-wrapper .timeline-steps,
.rlicense-timeline-wrapper .timeline-step {
    overflow: visible !important;
}

/* =========================================
   RESPONSIVT BETEENDE
   ========================================= */
@media (max-width: 767.98px) {
    /* Ta bort linjen bakom stegen på små skärmar */
    .rlicense-timeline-wrapper .timeline-steps::before {
        display: none;
    }

    /* Mindre kortbredd på mobil */
    .rlicense-timeline-wrapper .timeline-step {
        min-width: 160px;
    }
}

.btn-xs {
    padding: 0.1rem 0.35rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

/* Make icons inside xs buttons smaller */
.btn-xs i,
.btn-xs svg {
    font-size: 0.75rem;
    width: 0.75rem;
    height: 0.75rem;
    vertical-align: middle;
}