
    :root {
        --links: #969FAA;
--page-background: #F3F3F3;
--header-links: #FFFFFF;
--titles: #2C3F56;
--section-titles: #FFFFFF;
--highlight: #19630A;
--footer-links: #263892;
--boxes-border: #E5E5E5;
--boxes-background: #FFFFFF;
--header-background: #FFFFFF;
--footer-background: #FFFFFF;
--text: #2C3F56;
--section-titles-background: #afafaf;
    }
    
​ Portal Login Page */
.ods-auth-page__logo {
    max-width: 100%;
    max-height: 120px;
}

.ods-auth-page__title {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}


/* Platform typography */
html, 
body {
    font-size: 15px;
}


body,
.odswidget-facet__category-name,
.ods-filters__export-catalog-link {
    font-weight: 200;
}

h1, h2, h3 {
    font-weight: 200;
    line-height: 1.25;
}


/* HEADER & NAV */
.ods-front-header.ods-responsive-menu--collapsed {
    height: 60px;
    background-color:#FFFFFF;
}
.ods-front-header.ods-responsive-menu--collapsed .ods-front-header__logo {
    max-height: 60px;
    margin-top: 7px;
    display: flex;
}


.ods-front-header__portal-brand {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 110px;
    position: static;
    top: 0;
}
/* Tog bort Brandtexten helt
.ods-front-header__portal-brand__text {
    font-style: strong;
    font-size: 3.5rem;
    line-height: 1.2;
    color: #263892;
}*/

.ods-front-header__portal-brand .ods-front-header__logo {
    height: 80px;
    max-width: 100%;
    line-height: 60px;
    vertical-align: bottom;
    margin-right: 1rem;
}
.ods-front-header__portal-brand .odswidget-picto img,
.ods-front-header__portal-brand .odswidget-picto svg { 
    max-width: 100%; 
}
.ods-front-header {
    height: 166px;
    padding: 0;
}

.ods-responsive-menu-collapsible__toggle-button {
    color: #263891;
}

/* HEADER PLACEHOLDER / RESPONSIVE */ 

.ods-responsive-menu-placeholder__container .ods-front-header__portal-brand {
    height: 50px;
    top: 5px;
    left: 0px;
}

.ods-responsive-menu-placeholder__toggle {
    opacity: 1;
    background-color:#afafaf;
}


/* HEADER COLLAPSED ELEMENTS */

.ods-responsive-menu-collapsible__toggle {
    margin-bottom: 0;
}

.ods-responsive-menu-collapsible--collapsed .container {
    width: auto;
    padding: 0;
}


/* HEADER MENU */

.ods-responsive-menu-collapsible--collapsed .ods-header__menu {
    height: auto;
    background-color: transparent;
}

.ods-front-header__menu {
    width: 100%;
    display: block;
    margin: 0;
   background-color:#969FAA;
}

.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu {
    display: block;
}


.ods-front-header__menu-item-link {
    color: white;
    text-transform: uppercase;
    border: none;
    opacity: 1;
    font-size: 19px;
    height: 56px;
    line-height: 60px;
    font-weight: 100;
}

.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu-item-link {
    display: block;
    border: none;
    color:white;
    font-size: 1rem;
}

.ods-front-header__menu-item-link:hover {
    border-bottom: 3px solid #28AF43;
}
/* Addera ikoner till valen i headerns menu */
.ods-front-header__menu-item-link[href^="/pages/home/"]:before {
    font-family: "FontAwesome";
    content: '\f015';
    display: inline-block;
    line-height: 54px;
}

.ods-front-header__menu-item-link[href^="/explore/"]:before {
    font-family: "FontAwesome";
    content: '\f114';
    display: inline-block;
    line-height: 54px;
}

.ods-front-header__menu-item-link[href^="/map/"]:before {
    font-family: "FontAwesome";
    content: '\f0ac';
    display: inline-block;
    line-height: 54px;
}

.ods-front-header__menu-item-link[href^="/chart/"]:before {
    font-family: "FontAwesome";
    content: '\f080';
    display: inline-block;
    line-height: 54px;
}


/* Gradient on active elements on the navigation bar*/
.ods-front-header__menu-item-link.ods-front-header__menu-item-link--active {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #f3f3f3, white 50%, white);
    background-image: -moz-linear-gradient(top, #f3f3f3, white 50%, white);
    background-image: -o-linear-gradient(top, #f3f3f3, white 50%, white);
    background-image: linear-gradient(to top, #f3f3f3, white 50%, white);
    border: none;
    color: #2c3f56;
}
.ods-responsive-menu-collapsible--collapsed .ods-front-header__language .ods-front-header__link {
    color: #2c3f56;
}

/* HEADER SECONDARY MENU */

.ods-front-header__management-menu-item-link {
    color: #1E0C33;
}
.ods-front-header__management-menu-item-link.ods-front-header__management-menu-item-link--backoffice {
    color: #1E0C33;
}

/* EXPLORE */
.ods-filters__count {
    font-weight: 500;
}
.centralstore-catalog-card__portal-icon {
    height:16px;
}

.odswidget-facet__category {
    padding: 0 0 0 .67rem;
}

.odswidget-table__internal-table-row:nth-child(odd) {
    background-color: rgba(44,63,86,0.04);
}

.odswidget-table__header-cell {
    background-color: rgba(44,63,86,0.1);
}

.odswidget-table__internal-table-row:hover,
.odswidget-table__internal-table-row:nth-child(odd):hover {
    background-color: rgba(236,100,60,0.1);
}

.odswidget-text-search__search-box {
    font-weight: 500;
}
/* FOOTER */

/*.ods-front-footer {
    text-align: center;
    padding: 1em;
    line-height: normal;
    box-sizing: content-box;
}*/

/*.centralstore-footer__left-side {
    list-style: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
@media screen and (min-width: 800px) {
    .centralstore-footer__left-side {
        display: inline-block;
        text-align: right;
    }
}*/

/*.ods-front-footer__link.ods-front-footer__legal {
    padding: 1em 0 0.33em 0;
    line-height: normal;
    background: transparent;
}

.centralstore-footer__ods-logo {
    display: inline-block;
}

.centralstore-footer__ods-logo img {
    height: 40px;
}
.centralstore-footer__right-side {
    list-style: none;
}*/

/*.ods-front-footer__languages {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ods-front-footer__language {
    display: inline-block;
}
.ods-front-footer__link {
    display: inline-block;
    background-color: #ffffff;
    padding: 0.33rem 0.67rem;
}
.ods-front-footer__link:hover {
    text-decoration: none;
    color: #2c3f56;
}
.ods-front-footer__link--active {
    color: #2c3f56;
    border-bottom: 2px solid #2c3f56;
    font-weight: 500;
}
*/
/* Portal Login Page */
2
.ods-auth-page__logo {
3
    max-width: 100%;
4
    max-height: 120px;
5
}
6
​
7
.ods-auth-page__title {
8
    margin-top: 0;
9
    margin-left: 0;
10
    margin-right: 0;
11
    margin-bottom: 10px;
12
}
13
​
14
​
15
/* Platform typography */
16
html, 
17
body {
18
    font-size: 15px;
19
}
20
​
21
body,
22
.odswidget-facet__category-name,
23
.ods-filters__export-catalog-link {
24
    font-weight: 200;
25
}
26
​
27
h1, h2, h3 {
28
    font-weight: 200;
29
    line-height: 1.25;
30
}
31
​
32
​
33
/* HEADER & NAV */
34
.ods-front-header.ods-responsive-menu--collapsed {
35
    height: 60px;
36
    background-color:#FFFFFF;
        /*#fff;*/
37
}
38
.ods-front-header.ods-responsive-menu--collapsed .ods-front-header__logo {
39
    max-height: 50px;
40
    margin-top: 15px;
41
}
42
​
43
.ods-front-header__portal-brand {
44
    display: flex;
45
    align-items: center;
46
    padding-left: 20px;
47
    height: 110px;
48
    position: static;
49
    top: 0;
50
}
51
​
52
.ods-front-header__portal-brand__text {
53
    font-style: normal;
54
    font-size: 3.5rem;
55
    line-height: 1.2;
56
    color: #35BBE8;
57
}
58
​
59
.ods-front-header__portal-brand .ods-front-header__logo {
60
    height: 60px;
61
    max-width: 100%;
62
    line-height: 60px;
63
    vertical-align: bottom;
64
    margin-right: 1rem;
65
}
66
​
67
.ods-front-header__portal-brand .odswidget-picto img,
68
.ods-front-header__portal-brand .odswidget-picto svg { 
69
    max-width: 100%; 
70
}
71
​
72
.ods-front-header {
73
    height: 166px;
74
    padding: 0;
75
}
76
​
77
.ods-responsive-menu-collapsible__toggle-button {
78
    color: #2c3f56;
79
}
80
​
81
/* HEADER PLACEHOLDER / RESPONSIVE */ 
82
​
83
.ods-responsive-menu-placeholder__container .ods-front-header__portal-brand {
84
    height: 50px;
85
    top: 5px;
86
    left: 0px;
87
}
88
.ods-responsive-menu-placeholder__toggle {
89
    opacity: 1;
90
    background-color: #35BBE8;
91
}
92
​
93
​
94
/* HEADER COLLAPSED ELEMENTS */
95
/*
96
.ods-responsive-menu-collapsible__toggle {
97
    margin-bottom: 0;
98
}
99
​
100
.ods-responsive-menu-collapsible--collapsed .container {
101
    width: auto;
102
    padding: 0;
103
}
104
*/
105
​
106
/* HEADER MENU */
107
​
108
/*.ods-responsive-menu-collapsible--collapsed .ods-header__menu {
109
    height: auto;
110
    background-color: transparent;
111
}*/
112
​
113
.ods-front-header__menu {
114
    width: 100%;
115
    display: block;
116
    margin: 0;
117
    background-color: #263892;
118
}
119
​
120
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu {
121
    display: block;
122
}
123
​
124
.ods-front-header__menu-item-link {
125
    color: white;
126
    text-transform: uppercase;
127
    border: none;
128
    opacity: 1;
129
    font-size: 19px;
130
    height: 56px;
131
    line-height: 60px;
132
    font-weight: 100;
133
}
134
​
135
.ods-responsive-menu-collapsible--collapsed .ods-front-header__menu-item-link {
136
    display: block;
137
    border: none;
138
    color: white;
139
    font-size: 1rem;
140
}
141
​
142
.ods-front-header__menu-item-link:hover {
143
    border-bottom: 3px solid #FFC68D;
144
}
145
​
146
/* Adds icons to the header menu items */
147
.ods-front-header__menu-item-link[href^="/pages/home/"]:before {
148
    font-family: "FontAwesome";
149
    content: '\f015';
150
    display: inline-block;
151
    line-height: 54px;
152
}
153
​
154
.ods-front-header__menu-item-link[href^="/explore/"]:before {
155
    font-family: "FontAwesome";
156
    content: '\f114';
157
    display: inline-block;
158
    line-height: 54px;
159
}
160
​
161
.ods-front-header__menu-item-link[href^="/map/"]:before {
162
    font-family: "FontAwesome";
163
    content: '\f0ac';
164
    display: inline-block;
165
    line-height: 54px;
166
}
167
​
168
.ods-front-header__menu-item-link[href^="/chart/"]:before {
169
    font-family: "FontAwesome";
170
    content: '\f080';
171
    display: inline-block;
172
    line-height: 54px;
173
}
174
​
175
.ods-front-header__menu-item-link[href^="/pages/developers/"]:before {
176
    font-family: "FontAwesome";
177
    content: '\f109';
178
    display: inline-block;
179
    line-height: 54px;
180
}
181
​
182
.ods-front-header__menu-item-link[href^="/tutorial/"]:before {
183
    font-family: "FontAwesome";
184
    content: '\f0ad';
185
    display: inline-block;
186
    line-height: 54px;
187
}
188
​
189
/* Gradient on active elements on the navigation bar*/
190
.ods-front-header__menu-item-link.ods-front-header__menu-item-link--active {
191
    background-color: white;
192
    background-image: -webkit-linear-gradient(top, #f3f3f3, white 50%, white);
193
    background-image: -moz-linear-gradient(top, #f3f3f3, white 50%, white);
194
    background-image: -o-linear-gradient(top, #f3f3f3, white 50%, white);
195
    background-image: linear-gradient(to top, #f3f3f3, white 50%, white);
196
    border: none;
197
    color: #2c3f56;
198
}
199
​
200
.ods-responsive-menu-collapsible--collapsed .ods-front-header__language .ods-front-header__link {
201
    color: #2c3f56;
202
}
203
​
204
/* HEADER SECONDARY MENU */
205
​
206
.ods-front-header__management-menu-item-link {
207
    color: #1E0C33;
208
}
209
.ods-front-header__management-menu-item-link.ods-front-header__management-menu-item-link--backoffice {
210
    color: #1E0C33;
211
}
212
​
213
/* EXPLORE */
214
.ods-filters__count {
215
    font-weight: 500;
216
}
217
/*
218
span.ods-filters__count-number {
219
    color: #EC643C;
220
}
221
*/
222
.centralstore-catalog-card__portal-icon {
223
    height:16px;
224
}
225
​
226
.odswidget-facet__category {
227
    padding: 0 0 0 .67rem;
228
}
229
​
230
.odswidget-table__internal-table-row:nth-child(odd) {
231
    background-color: rgba(44,63,86,0.04);
232
}
233
​
234
.odswidget-table__header-cell {
235
    background-color: rgba(44,63,86,0.1);
236
}
237
​
238
.odswidget-table__internal-table-row:hover,
239
.odswidget-table__internal-table-row:nth-child(odd):hover {
240
    background-color: rgba(236,100,60,0.1);
241
}
242
​
243
.odswidget-text-search__search-box {
244
    font-weight: 500;
245
}
246
/* FOOTER */
247
​
248
/*.ods-front-footer {
249
    text-align: center;
250
    padding: 1em;
251
    line-height: normal;
252
    box-sizing: content-box;
253
}*/
254
​
255
/*.centralstore-footer__left-side {
256
    list-style: none;
257
    padding: 0;
258
    margin: 0;
259
    vertical-align: top;
260
}
261
@media screen and (min-width: 800px) {
262
    .centralstore-footer__left-side {
263
        display: inline-block;
264
        text-align: right;
265
    }
266
}*/
267
​
268
/*.ods-front-footer__link.ods-front-footer__legal {
269
    padding: 1em 0 0.33em 0;
270
    line-height: normal;
271
    background: transparent;
272
}
273
​
274
.centralstore-footer__ods-logo {
275
    display: inline-block;
276
}
277
​
278
.centralstore-footer__ods-logo img {
279
    height: 40px;
280
}
281
.centralstore-footer__right-side {
282
    list-style: none;
283
}*/
284
/*@media screen and (max-width: 799px) {
285
    .centralstore-footer__right-side {
286
        padding: 0;
287
        margin: 1em 0 0 0;
288
    }
289
}
290
@media screen and (min-width: 800px) {
291
    .centralstore-footer__right-side {
292
        display: inline-block;
293
        padding: 0 0 0 2em;
294
        margin: 0 0 0 2em;
295
        border-left: 2px solid #2c3f56;
296
        text-align: left;
297
    }
298
}
299
.centralstore-footer__action {
300
    padding: 0.33em 0;
301
}
302
.centralstore-footer__action-link {
303
    color: #2c3f56;
304
}
305
.centralstore-footer__action-icon {
306
    display: inline-block;
307
    width: 1em;
308
    text-align: center;
309
    margin-right: 0.33em;
310
}
311
*/
312
/*.ods-front-footer__languages {
313
    display: inline-block;
314
    list-style: none;
315
    padding: 0;
316
    margin: 0;
317
}
318
.ods-front-footer__language {
319
    display: inline-block;
320
}
321
.ods-front-footer__link {
322
    display: inline-block;
323
    background-color: #ffffff;
324
    padding: 0.33rem 0.67rem;
325
}
326
.ods-front-footer__link:hover {
327
    text-decoration: none;
328
    color: #2c3f56;
329
}
330
.ods-front-footer__link--active {
331
    color: #2c3f56;
332
    border-bottom: 2px solid #2c3f56;
333
    font-weight: 500;
334
}
335
*/

.ods-front-header__language a {
    color: #00B438;
    padding-right:10px;
    font-size:1.5rem;
}

.ods-front-header__language .ods-front-header__link--active {
    font-weight: bold;
}

.ods-front-header__language {
    margin: 5px;
    position:absolute;
    top:50px;
    right:20px;
}

.ods-front-header__language a.active {
    color:#00B438;
    font-weight:bold;
}

.ods-responsive-menu-collapsible--collapsed .ods-front-header__language {
    line-height:0rem;
}
