:root { --primary: #00685e; --Neutrals-70: #252631; --Neutrals-60: #505050; --Neutrals-40: #D3D3D3; --Neutrals-30: #ECECEC; --Neutrals-20: #F4F4F4; --Neutrals-15: #F9F9F9; --Surface-2: #F4F4F4; --SkyBlue-50: #0075A3; --Teal-30: #008577; --Divider: #D3D3D3; --btn-color: #00685e; --btn-hover-color: #00685e; --text-secondary: #7C7C7C; --font-size: 14px; --mdb-body-line-height: 171%; --Card-corner: 8px; --bounce: 0.3s cubic-bezier(0.3, -0.1, 0.5, 1.4); --ease: 0.2s cubic-bezier(0.3, 0.1, 0.3, 1); } /* vietnamese */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/fonts/barlow/v12/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/fonts/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/fonts/barlow/v12/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* theme.bootstrap.css - tablesorter */ /************* Bootstrap theme *************/ /* jQuery Bootstrap Theme */ .tablesorter-bootstrap { width: 100%; } .tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td { font-size: 14px; line-height:20px; font-weight: bold; padding: 4px; margin: 0 0 18px; background-color: #eee; } .tablesorter-bootstrap .tablesorter-header { cursor: pointer; } .tablesorter-bootstrap .tablesorter-header-inner { position: relative; padding: 4px 18px 4px 4px; } /* bootstrap uses for icons */ .tablesorter-bootstrap .tablesorter-header i.tablesorter-icon { font-size: 11px; /* position: absolute; right: 2px; top: 50%;*/ position: absolute; top: 50%; margin-top: -7px; /* half the icon height; older IE doesn't like this */ width: 14px; height: 14px; background-repeat: no-repeat; line-height: 14px; display: inline-block; } .tablesorter-bootstrap .tablesorter-header i.tablesorter-icon.fa-chevron-down, .tablesorter-bootstrap .tablesorter-header i.tablesorter-icon.fa-chevron-up { width: auto; } .tablesorter-icon:before { position: relative; right: -5px!important; } /* black unsorted icon */ .tablesorter-bootstrap .bootstrap-icon-unsorted { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAMAAADOvxanAAAAVFBMVEUAAABCQkJZWVkZGRnJyckgICAZGRkZGRn8/PweHh4dHR0aGhoaGhpUVFQbGxvQ0NDc3NxMTExSUlIbGxvr6+s4ODhKSkogICAtLS00NDQzMzMnJydSEPrQAAAAGHRSTlMA1ssZRLgdAQbDyisqsZo8QdXUq0r9xPepSRwiAAAAX0lEQVQI13XHSQKAIAwEwQAKxn13Ev7/T2Pu9qmarJKPXIicI4PH4hxaKNrhm2S8bJK5h4YzKHrzJNtK6yYT/TdXzpS5zuYg4MSQYF6i4IHExdw1UVRi05HPrrvT53a+qyMFC9t04gcAAAAASUVORK5CYII=); } /* white unsorted icon */ .tablesorter-bootstrap .icon-white.bootstrap-icon-unsorted { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOBAMAAAALT/umAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA4EXKBtQqvR0+sxmalc142gAAAFdJREFUCNdjYGDoamAAAjZbMxCVfvd6AgMDd+3du9UMDKx3hWSvMjBwXZww8RYDGuC53NB8h4GB8a617UUGBs7Yu3cjGRhYVO9eVQFKOskKOQApFmUgBwBZ+xXRTttNdAAAAABJRU5ErkJggg==); } /* processing icon */ .tablesorter-bootstrap .tablesorter-processing { background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs='); background-position: center center !important; background-repeat: no-repeat !important; } /* caption */ .caption { background-color: #fff; } /* filter widget */ .tablesorter-bootstrap .tablesorter-filter-row input.tablesorter-filter, .tablesorter-bootstrap .tablesorter-filter-row select.tablesorter-filter { width: 98%; margin: 0; padding: 4px 6px; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled { background-color: #eee; color: #555; cursor: not-allowed; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; box-sizing: border-box; transition: height 0.1s ease; } .tablesorter-bootstrap .tablesorter-filter-row { background-color: #ffffff; } .tablesorter-bootstrap .tablesorter-filter-row td { background-color: #ffffff; line-height: normal; text-align: center; padding: 4px 6px; vertical-align: middle; -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } /* hidden filter row */ .tablesorter-bootstrap .tablesorter-filter-row.hideme td { padding: 2px; /* change this to modify the thickness of the closed border row */ margin: 0; line-height: 0; } .tablesorter-bootstrap .tablesorter-filter-row.hideme * { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* rows hidden by filtering (needed for child rows) */ .tablesorter .filtered { display: none; } /* pager plugin */ .tablesorter-bootstrap .tablesorter-pager select { padding: 4px 6px; } .tablesorter-bootstrap .tablesorter-pager .pagedisplay { border: 0; } /* tfoot i for pager controls */ .tablesorter-bootstrap tfoot i { font-size: 11px; } /* ajax error row */ .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; } /* end */ /* tablesorter - pager */ /* pager wrapper, div */ .tablesorter-pager { padding: 5px; } /* pager wrapper, in thead/tfoot */ td.tablesorter-pager { background-color: #e6eeee; margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */ } /* pager navigation arrows */ .tablesorter-pager img { vertical-align: middle; margin-right: 2px; cursor: pointer; } /* pager output text */ .tablesorter-pager .pagedisplay { padding: 0 5px 0 5px; width: auto; white-space: nowrap; text-align: center; } /* pager element reset (needed for bootstrap) */ .tablesorter-pager select { margin: 0; padding: 0; } /*** css used when "updateArrows" option is true ***/ /* the pager itself gets a disabled class when the number of rows is less than the size */ .tablesorter-pager.disabled { display: none; } /* hide or fade out pager arrows when the first or last row is visible */ .tablesorter-pager .disabled { /* visibility: hidden */ opacity: 0.5; filter: alpha(opacity=50); cursor: default; } /* end */ .text-right { text-align: right; } .text-left { text-align: left; } .user input:-webkit-autofill, .user input:-webkit-autofill:hover, .user input:-webkit-autofill:focus, .user textarea:-webkit-autofill, .user textarea:-webkit-autofill:hover, .user textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { background-color: #FFF !important; -webkit-box-shadow:0 0 0 500px white inset !important; box-shadow:0 0 0 500px white inset !important; } b, strong, .bold { font-weight: bold; } .bankid-btn { height: 73px; } .vclearfix:before, .vclearfix:after { content: " "; display: table; } .vclearfix, .vclearfix:after { clear: both; } .wrapper { width: 100%; min-height: 100%; /*overflow: hidden;*/ } .vertical-center { min-height: 100%; min-height: 100vh; display: flex; align-items: center; } .vertical-center-n { display: flex; align-items: center; align-content: center; vertical-align: middle; } .cursor-p { cursor: pointer; } .uc { text-transform: uppercase; } .ul { text-decoration:underline; } .no-ul { text-decoration: none;} .d-block { display: block; } .d-iblock { display: inline-block !important; } .d-centeredblock { display:-ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .d-flexwrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .d-topblock { display: -webkit-flex; display: flex;-ms-flex-align: flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .d-bottomblock {display: -webkit-flex; display: flex;-ms-flex-align: flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .pos-rel { position: relative; } .h-100vh { height:100vh } .h-min100vh { min-height:100vh } .w-min100 { min-width:100%; } /* hack for IE10 og IE11 som støtter flex-box, men som regner med padding/margin når de forsøker å wrape */ @media all and (-ms-high-contrast:none){ .d-flexwrap.row { margin-left: 0px; margin-right: 0px; } .d-flexwrap.row > div { padding-right: 0px; padding-left: 0px; } } .dashboard-animated-wrapper { position: absolute; width: 100%; top:0px;} @media (prefers-reduced-motion) { /* do not disable but remove duration - overwrites mdbootstrap */ .animated { animation-duration: 0s } .animated.bounceInRight { animation-name: bounceInRight!important } .animated.bounceOutLeft { animation-name: bounceOutLeft!important } } .colors-transparent-bg { background-color: transparent !important; } .enx-light-section, .colors-bg-light-green { background-color: #EBF6F5; } .enx-light-section h2 { color: var(--primary); font-weight: 500; } .colors-white { color: #FFF; } .color-black { color: #000; } .text-primary { color: var(--primary) !important; } .text-skyblue-50 { color: var(--SkyBlue-50) !important; } .text-teal-30 { color: var(--Teal-30) !important; } .text-secondary { color: var(--text-secondary) !important; } .primary-color, .colors-primary-bg { background-color: #008D7F !important; } .border-top-neutral40 { border-top: 1px solid var(--Neutrals-40); } .border-top-neutral30 { border-top: 1px solid var(--Neutrals-30, #ECECEC); } /* typeahead */ .twitter-typeahead { width: 100%; } .navbar-default .twitter-typeahead { color: #333; } .typeahead { background-color: #fff; } .typeahead:focus { /*border: 2px solid #0096d6;*/ } .typeahead.tt-fullwidth { min-width: auto; width: 100%; } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999 !important } .tt-menu { width: 400px; font-size: 80%; margin: 5px 0px 0px 0px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 4px; color: #181818 !important } @media (max-width: 991px) { #header .tt-menu { width: 100%; top: 0px !important; overflow:scroll; bottom: 60px; margin: 0px; border-radius: 0px; position:fixed !important} } .fullwidth-datasets .tt-menu { width: 100%; } .tt-suggestion { padding: 3px 15px; line-height: 16px; } .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #000; } .tt-suggestion.tt-cursor { color: #fff; background-color: #000; } .tt-suggestion p { margin: 0; } .gist { font-size: 14px; } .multiple-datasets .dataset-header { margin: 0 15px 5px 15px; padding: 3px 0; border-bottom: 1px solid #ccc; } @media (max-width: 992px) { .navbar-search-li .navbar-form { margin-left: 0px; margin-right: 0px; } } @media screen and (min-width:768px){ .tt-menu { width: 600px; } .fixed-top .tt-menu { left: -200px !important; } } footer { border-top: 1px solid var(--Divider, #D3D3D3); background: var(--Surface-2, #F4F4F4); color: var(--Neutrals-60, #505050); font-size:12px; line-height:20px; padding: 10px 0px 10px 0px; position:absolute; bottom: 0px; width: 100%; } footer img.footer-img { height: 22px !important; } footer i { font-size: 6px; } .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled { display: none; } .tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td, td.tablesorter-pager { background-color: transparent; } /*.tablesorter-bootstrap .tablesorter-filter-row, .tablesorter-bootstrap .tablesorter-filter-row td { background-color: #3b3b3b }*/ .tablesorter-pager select.custom-select { padding: .375rem 1.75rem .375rem .75rem; display:inline-block !important } /*.tablesorter-bootstrap .tablesorter-filter-row .md-form input.tablesorter-filter { color: #FFF; } .tablesorter-bootstrap .tablesorter-filter-row .md-form select { color: #FFF; } .tablesorter-bootstrap .tablesorter-filter-row .md-form select option { color: #000; }*/ .tablesorter-bootstrap .tablesorter-filter-row.hideme * { transition: .2s height} .tablesorter-no-padded { padding: 0px !important; } .tablesorter-padded { padding: .75rem !important; adding-top: 1.1rem !important; padding-bottom: 1rem !important; } .tablesorter-bootstrap .tablesorter-filter-row, .tablesorter-bootstrap .tablesorter-filter-row td, .tablesorter-bootstrap .tablesorter-filter-row td select { background-color: transparent; } body { min-height: 100vh; padding-bottom:45px; position: relative; } body, .tooltip, .navbar { font-family: 'Barlow', 'sans-serif'; font-weight: 400; font-style: normal; color: #181818; } body, .navbar { background-color:#F9F9F9; /* #eee *//*#404040;*/ } @media (max-width: 767px) { body { padding-bottom:63px; } } .wow { visibility: hidden; } .tooltip-inner { background-color: #008D7F; max-width: 400px; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #008D7F; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #008D7F; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #008D7F; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #008D7F; } .tooltip.show { opacity: 1;} .md-inner { background-color: #000 !important;} /* loading-overlay */ .faded-wrapper { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 2000; background-color: rgba(0,0,0,0.4); display:none; color:#FFF; } #faded-msg.faded-wrapper { z-index: 2001; } .faded-wrapper > div { height: 5em; margin: -5em 0; position: absolute; top: 50%; width: 100%; } #faded-msg-content { font-size:200%;font-weight:bold; } .alert-success { color: inherit; background-color: #C7F6C9; border-color: #c3e6cb; } .alert-warning { color: #000; background-color: #F9C66B; border-color: #ffeeba; } .alert-danger { color: inherit; background-color: #FF8274; border-color: #f5c6cb; color: #000; } a.disabled { cursor: not-allowed; } select { display: inline-block !important; /*font-family: Roboto, sans-serif;*/ } select.browser-default { display: block !important; } select.mdb-select { display: none !important; } .select-no-mb.md-form .form-control {margin-bottom: 0px} .select-wrapper.mdb-select .select-dropdown.dropdown-content { z-index: 9999; } .video-alert { display: none; } .no-video .video-alert { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;} .alert-ie9 { display: none; } .ie9 .alert-ie9 { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;} @keyframes pulse{ from,to{transform:scale3d(1,1,1)} 50%{transform:scale3d(1.02,1.02,1.02)} } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)"; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fa-rotate-135 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5)"; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .fa-rotate-225 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2.5)"; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .fa-rotate-315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5)"; -webkit-transform: rotate(315deg); transform: rotate(315deg); text-align:center } .tablesorter-filter-row.hideme { } .sorter-false .tablesorter-icon { display: none !important; } .moxie-shim { z-index: -1 !important} /* fiks table-responsive med datatable */ .table-responsive > div > div.row { margin-left: 0px; margin-right: 0px; } .table-responsive > div > div.row > .col-sm-12 { padding-left: 0px; padding-right: 0px; } div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus { background-color: #008D7F !important } a { color: var(--primary); font-style: normal; font-weight: 500; text-decoration-line: underline; } a.btn, .navbar a { text-decoration-line: none; } hr { border-top: 1px var(--Neutrals-40) solid; opacity: 1; } .navbar { padding:12px; } .navbar-brand { font-size: 14px; line-height: 24px; font-weight: 700; } .navbar-toggler { color: #FFF; font-size: 14px; } .navbar-toggler i { font-size: 20px; } .nav-link { color: #FFF; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { font-weight: bold; } .nav.tabs-primary { background-color: #008677 !important; } .classic-tabs .nav.tabs-primary li a.active { border-color: #FFF !important; } .accordion-header .accordion-button { font-size: 20px; font-weight: 700; color: var(--Neutrals-70); } .accordion-item, .accordion-button { background-color: transparent !important; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { box-shadow: none; } .accordion-paddingless-x .accordion-button, .accordion-paddingless-x .accordion-body { padding-left: 0px; padding-right: 0px; } .accordion-header-with-helpers .accordion-button::after { margin-left: 10px; } .accordion-header-hide, .accordion-header-show, .investor-hide, .investor-show { font-weight: 700; font-size:12px; line-height:20px; color: var(--primary); } .collapsed .accordion-header-hide, .cursor-p:not(.investor-open) .investor-hide { display:none; } .accordion-button:not(.collapsed) .accordion-header-show, .investor-open .investor-show { display:none; } .accordion-header-faq { background-color: white; } .accordion-span-subject { overflow: hidden; color: var(--Neutrals-60, #505050); border-radius: 100px; border: 1px solid var(--Neutrals-40, #D3D3D3); background: var(--Neutrals-30, #ECECEC); text-overflow: ellipsis; padding: 2px 8px; align-items: center; font-family: Barlow; font-size: 12px; font-style: normal; font-weight: 500; line-height: 20px; } .form-outline input.form-control:not(.select-input), .form-outline textarea.form-control:not(.select-input) { background-color: #FFF; padding-top: .6rem; padding-bottom: .6rem;border-radius: var(--Card-corner); /*border: 2px solid var(--Divider);*/ } .form-outline input.form-control:not(.select-input)~.form-label { left: auto; max-width: 100%; width: 100%; text-align: center; padding-top:.6rem; } .form-label-left { left: 1rem !important; text-align: left !important; } .form-outline input.form-control:not(.select-input):focus~.form-label, .form-outline input.form-control.active:not(.select-input)~.form-label { left: .75rem; max-width: 90%; width: auto; padding-top:.37rem; } .separator { border-right: 1px solid var(--mdb-secondary); } .card { background-color: var(--Neutrals-20); box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.10), 0px 4px 5px 0px rgba(0, 0, 0, 0.07), 0px 1px 10px 0px rgba(0, 0, 0, 0.06); } .bg-neutrals40 { background-color: var(--Neutrals-40); } .bg-neutrals30 { background-color: var(--Neutrals-30); } .bg-neutrals15 { background-color: var(--Neutrals-15); } /* bg i td'er */ .table>:not(caption)>*>* { background-color: transparent; } .form-button-wrapper { padding: 24px; background: var(--Neutrals-20); border-radius: 0px 0px 8px 8px; text-align:right;} .bg-primary { background-color: var(--primary) !important; } .btn { text-transform: none; font-weight: 700; font-size: 14px; padding: 12px 24px; color: var(--btn-color); } .btn-sm { padding: 6px 12px; } .btn-primary { background-color: var(--primary) !important; color: #FFF; } .btn-link:hover { color: var(--btn-hover-color); } .btn-danger { color: #FFF; } .btn-info { background: #DFF3FB; color: var(--Neutrals-60); } h1, h2, h3, h4, .h1, .h2, .h3, .h4, h5, h6, .h5, .h6 { font-weight: 700; color: #000; /* color: var(--primary);*/ } h3, .h3 { font-size: 24px; } form#form-2fa { --size: 3rem; --space: 1rem; padding-left: var(--space); position: relative; display: block; overflow: hidden; border-radius: calc(var(--size) / 4); transition: var(--bounce); } /* form#form-2fa:focus-within { transform: scale(0.94); box-shadow: 0 1em 1em var(--softTint); }*/ form#form-2fa input[type=number] { appearance: none; -webkit-appearance: none; width: var(--size); height: calc(var(--size) * 1.4); font-size: calc(var(--size) * 0.7); text-align: center; border: 2px solid var(--Divider); border-radius: calc(var(--size) * 0.2); outline: none; margin: var(--space); margin-left: 0; padding:1px; transition: var(--ease); } form#form-2fa input[type=number]::-webkit-outer-spin-button, form input[type=number]::-webkit-inner-spin-button { display: none; } form#form-2fa input[type=number]:not(:placeholder-shown) { border-color: var(--primary); } form#form-2fa .indicator { --i: 0; position: absolute; bottom: 0; width: var(--size); height: 0.5em; border-radius: 0.5em 0.5em 0 0; background: var(--primary); transform: translateX(calc((var(--size) + var(--space)) * (var(--i) - 1)*1.05)); transition: var(--bounce); } #n1:focus ~ .indicator { --i: 1; } #n2:focus ~ .indicator { --i: 2; } #n3:focus ~ .indicator { --i: 3; } #n4:focus ~ .indicator { --i: 4; } #n5:focus ~ .indicator { --i: 5; } #n6:focus ~ .indicator { --i: 6; } @keyframes tension { to { background-position-x: 60%; } } @media (max-width: 767px) { form#form-2fa { padding-left: 0px; } form#form-2fa input[type=number] { margin-right: 0px} form#form-2fa { --size: 2.4rem; --space: 0.1rem; } } .tablesorter-filter-row { display: none;} .tablesorter-w-search tr.tablesorter-filter-row { display: table-row;} .tablesorter-icon:before { color: var(--primary)!important; } /*@media (max-width: 1096px) { .tablesorter-icon:before { display: none; } }*/ .bg-primary { background-color: var(--primary)!important; } /* table med margin mellom trene */ .table-spaced { border-collapse:separate; border-spacing:0 5px; table-layout: fixed; } .table-spaced thead th, .table-spaced tfoot th { padding: 1rem 1.4rem; color: var(--Neutrals-60); } .table-spaced.tablesorter-bootstrap .tablesorter-header-inner { padding: 0px; } .table-spaced > tbody > tr { background-color: transparent !important; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.07), 0px 1px 5px 0px rgba(0, 0, 0, 0.06); border-radius: 8px; /*border: 2px solid #41B6E6; */ } .table-spaced > tbody > tr > td, .table-spaced tr th { background-color: #FFF!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .table-spaced > tbody > tr > td:first-child, .table-spaced tr th:first-child { border-radius: 8px 0px 0px 8px; } .table-spaced > tbody > tr > td:last-child, .table-spaced tr th:last-child { border-radius: 0px 8px 8px 0px; } .table-spaced > tbody > tr.investor-open > td { /*border-radius: 8px 8px 0px 0px;*/ border-style: solid; border-color: #41B6E6; } .table-spaced > tbody > tr.investor-open > td { border-width: 2px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .table-spaced > tbody > tr.investor-open > td:first-child { border-radius: 8px 0px 0px 0px; border-width: 2px 0px 0px 2px; } .table-spaced > tbody > tr.investor-open > td:last-child { border-radius: 0px 8px 0px 0px; border-width: 2px 2px 0px 0px; } @media (max-width: 767px) { .table-spaced > tbody > tr > td:first-child, .table-spaced tr th:first-child { padding-right:5px;} .table-spaced tr td.sm-2ndlast-child, .table-spaced tr th.sm-2ndlast-child { padding-left:5px; } .table-spaced tr td.sm-last-child, .table-spaced tr th.sm-last-child { border-radius: 0px 8px 8px 0px; } } .table-spaced > tbody > tr > .bg-primary-btn { background-color: var(--primary)!important; border-bottom-width: 0px; cursor: pointer; } .table-spaced > tbody > tr.grey-bg-tr > td { background-color: #F4F4F4!important; } .table-spaced > tbody > tr.grey-bg-tr > .bg-disabled-btn { background-color: var(--Neutrals-60)!important; border-bottom-width: 0px; } .investor-subopen { position: relative; top: -10px; /*ikke skygge over */ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.07) !important; } .table-spaced > tbody > tr.investor-subopen > td { border-radius: 0px 0px 8px 8px; border-width: 0px 2px 2px 2px; border-style: solid; border-color: #41B6E6; } .investor-chevron i { transition: transform 0.4s ease-in-out } .investor-open .investor-chevron i { transform: rotate(-180deg);} .investor-td table { table-layout: fixed; } .investor-td table td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* skjuler noen td'er i små visninger */ @media (max-width: 767px) { .table-spaced > tbody > tr.investor-open > td:nth-child(3) { border-radius: 0px 8px 0px 0px; border-width: 2px 2px 0px 0px; } .table-spaced > span { visibility: none; } .investor-td table tr > td:first-child { padding-right:5px; } .investor-td table tr > td:last-child { padding-left:5px; } } .table-spaced tfoot td { border-bottom-width: 0px; } .table-spaced td { vertical-align: middle; } .border-rounded-bottom { border-radius: 0px 0px 8px 8px; } .border-rounded-bottom { border-radius: 0px 0px 8px 8px; } .btn-group-enx { box-shadow: none !important; } .btn-group.btn-group-enx>.btn-check:checked+.btn { border-bottom: 3px solid var(--primary); } .btn-group-enx .btn { margin: 6px 24px; padding: 6px 0px; } .btn-group.btn-group-enx>.btn { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } /* fjerner margin-left på første knapp */ .btn-group.btn-group-enx>.btn:nth-child(2) { margin-left: 0px; } .btn-group-enx .btn-check:checked+.btn-link, .btn-group-enx .btn-check:active+.btn-link, .btn-group-enx .btn-link:active, .btn-group-enx .btn-link.active, .btn-group-enx .btn-link.show { color: var(--primary); } @media (max-width: 991px) { .navbar-nav { min-height: 100vh; } } @media (max-width: 991px) { .navbar-collapse { position: fixed; width: 100%; left: 0px; top: 0px; bottom: 0px; right: 0px; background: radial-gradient(2500% 100% at 100% 50%, #008D7F 0%, #00685E 100%); color: #FFF; z-index: 1000; } } @media (max-width: 991px) { .navbar-toggler { position: absolute; right: 10px; top: 20px; z-index: 1001; } } .bid-image { width: 75px; } @media (min-width: 768px) { .w-md-auto { width: auto !important } } .border-top-primary { border-top: solid 3px; border-color: var(--primary) !important; } .border-top-secondary { border-top: solid 3px; border-color: var(--Neutrals-40) !important; } .nav-dropdown { border-top: none; box-shadow: none; background-color: var(--primary); } .nav-dropdown > li > a, .nav-dropdown > li > a.disabled { color: white; } .nav-item > .dropdown-toggle::after { display: none; } .nav-item > .dropdown-toggle > i { font-size: 12px; } .nav-item { padding-right: 1em; } .fa-lock::before { cursor: pointer; } .svg-enx-filter-default { background-image: url('data:image/svg+xml,'); } .svg-enx-profile { background-image: url('data:image/svg+xml,'); width: 24px; height: 24px; background-size: cover; } .svg-enx-help { background-image: url('data:image/svg+xml,'); width: 24px; height: 24px; background-size: cover; } .svg-enx-globe { background-image: url('data:image/svg+xml,'); width: 24px; height: 24px; background-size: cover; } .svg-enx-check { background-image: url('data:image/svg+xml,'); width: 24px; height: 24px; background-size: cover;}