/* Minification failed. Returning unminified contents. (1979,1): run-time error CSS1019: Unexpected token, found '}' (2667,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,172): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,335): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,364): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,469): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,486): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,501): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,538): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,559): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,606): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,631): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,673): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,736): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,765): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2667,834): run-time error CSS1030: Expected identifier, found '>' (2667,845): run-time error CSS1031: Expected selector, found ')' (2667,845): run-time error CSS1025: Expected comma or open brace, found ')' (2667,980): run-time error CSS1030: Expected identifier, found '>' (2667,1011): run-time error CSS1031: Expected selector, found ')' (2667,1011): run-time error CSS1025: Expected comma or open brace, found ')' (2667,1070): run-time error CSS1030: Expected identifier, found '>' (2667,1101): run-time error CSS1031: Expected selector, found ')' (2667,1101): run-time error CSS1025: Expected comma or open brace, found ')' (2667,1183): run-time error CSS1030: Expected identifier, found '>' (2667,1214): run-time error CSS1031: Expected selector, found ')' (2667,1214): run-time error CSS1025: Expected comma or open brace, found ')' (2667,1355): run-time error CSS1030: Expected identifier, found '>' (2667,1386): run-time error CSS1031: Expected selector, found ')' (2667,1386): run-time error CSS1025: Expected comma or open brace, found ')' (2667,1424): run-time error CSS1030: Expected identifier, found '>' (2667,1455): run-time error CSS1031: Expected selector, found ')' (2667,1455): run-time error CSS1025: Expected comma or open brace, found ')' (2667,2771): run-time error CSS1039: Token not allowed after unary operator: '-font-color-error' (2667,2923): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,3944): run-time error CSS1039: Token not allowed after unary operator: '-font-color-error' (2667,4030): run-time error CSS1039: Token not allowed after unary operator: '-font-color-warning' (2667,4781): run-time error CSS1039: Token not allowed after unary operator: '-font-color-warning' (2667,4863): run-time error CSS1039: Token not allowed after unary operator: '-font-color-info' (2667,5839): run-time error CSS1039: Token not allowed after unary operator: '-font-color-info' (2667,5924): run-time error CSS1039: Token not allowed after unary operator: '-font-color-success' (2667,7337): run-time error CSS1039: Token not allowed after unary operator: '-font-color-success' (2667,8269): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-bg' (2667,8670): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,8691): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,8821): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,8909): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,8926): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,8990): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,9011): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,9067): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,9234): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,9568): run-time error CSS1039: Token not allowed after unary operator: '-font-color' (2667,9939): run-time error CSS1039: Token not allowed after unary operator: '-darken' (2667,10529): run-time error CSS1030: Expected identifier, found '.' (2667,10554): run-time error CSS1031: Expected selector, found ')' (2667,10554): run-time error CSS1025: Expected comma or open brace, found ')' (2667,10651): run-time error CSS1030: Expected identifier, found '.' (2667,10676): run-time error CSS1031: Expected selector, found ')' (2667,10676): run-time error CSS1025: Expected comma or open brace, found ')' (2667,10825): run-time error CSS1030: Expected identifier, found '.' (2667,10850): run-time error CSS1031: Expected selector, found ')' (2667,10850): run-time error CSS1025: Expected comma or open brace, found ')' (2667,11112): run-time error CSS1030: Expected identifier, found '[' (2667,11117): run-time error CSS1031: Expected selector, found '=' (2667,11117): run-time error CSS1025: Expected comma or open brace, found '=' (2667,11200): run-time error CSS1030: Expected identifier, found '[' (2667,11205): run-time error CSS1031: Expected selector, found '=' (2667,11205): run-time error CSS1025: Expected comma or open brace, found '=' (2667,11639): run-time error CSS1030: Expected identifier, found '[' (2667,11644): run-time error CSS1031: Expected selector, found '=' (2667,11644): run-time error CSS1025: Expected comma or open brace, found '=' (2667,11764): run-time error CSS1030: Expected identifier, found '[' (2667,11769): run-time error CSS1031: Expected selector, found '=' (2667,11769): run-time error CSS1025: Expected comma or open brace, found '=' (2667,11907): run-time error CSS1030: Expected identifier, found '[' (2667,11912): run-time error CSS1031: Expected selector, found '=' (2667,11912): run-time error CSS1025: Expected comma or open brace, found '=' (2667,12336): run-time error CSS1030: Expected identifier, found '[' (2667,12341): run-time error CSS1031: Expected selector, found '=' (2667,12341): run-time error CSS1025: Expected comma or open brace, found '=' (2667,12759): run-time error CSS1030: Expected identifier, found '[' (2667,12764): run-time error CSS1031: Expected selector, found '=' (2667,12764): run-time error CSS1025: Expected comma or open brace, found '=' (2667,13168): run-time error CSS1030: Expected identifier, found '[' (2667,13173): run-time error CSS1031: Expected selector, found '=' (2667,13173): run-time error CSS1025: Expected comma or open brace, found '=' (2667,13598): run-time error CSS1030: Expected identifier, found '[' (2667,13603): run-time error CSS1031: Expected selector, found '=' (2667,13603): run-time error CSS1025: Expected comma or open brace, found '=' (2667,14035): run-time error CSS1030: Expected identifier, found '[' (2667,14040): run-time error CSS1031: Expected selector, found '=' (2667,14040): run-time error CSS1025: Expected comma or open brace, found '=' (2667,14486): run-time error CSS1030: Expected identifier, found '[' (2667,14491): run-time error CSS1031: Expected selector, found '=' (2667,14491): run-time error CSS1025: Expected comma or open brace, found '=' (2667,14923): run-time error CSS1030: Expected identifier, found '[' (2667,14928): run-time error CSS1031: Expected selector, found '=' (2667,14928): run-time error CSS1025: Expected comma or open brace, found '=' (2667,15423): run-time error CSS1030: Expected identifier, found '[' (2667,15428): run-time error CSS1031: Expected selector, found '=' (2667,15428): run-time error CSS1025: Expected comma or open brace, found '=' (2667,15860): run-time error CSS1030: Expected identifier, found '[' (2667,15865): run-time error CSS1031: Expected selector, found '=' (2667,15865): run-time error CSS1025: Expected comma or open brace, found '=' (2667,16339): run-time error CSS1030: Expected identifier, found '[' (2667,16344): run-time error CSS1031: Expected selector, found '=' (2667,16344): run-time error CSS1025: Expected comma or open brace, found '=' (2667,16811): run-time error CSS1030: Expected identifier, found '[' (2667,16816): run-time error CSS1031: Expected selector, found '=' (2667,16816): run-time error CSS1025: Expected comma or open brace, found '=' (2667,17241): run-time error CSS1030: Expected identifier, found '[' (2667,17246): run-time error CSS1031: Expected selector, found '=' (2667,17246): run-time error CSS1025: Expected comma or open brace, found '=' (2667,17713): run-time error CSS1030: Expected identifier, found '[' (2667,17718): run-time error CSS1031: Expected selector, found '=' (2667,17718): run-time error CSS1025: Expected comma or open brace, found '=' (2667,18157): run-time error CSS1030: Expected identifier, found '[' (2667,18162): run-time error CSS1031: Expected selector, found '=' (2667,18162): run-time error CSS1025: Expected comma or open brace, found '=' (2667,18664): run-time error CSS1030: Expected identifier, found '[' (2667,18669): run-time error CSS1031: Expected selector, found '=' (2667,18669): run-time error CSS1025: Expected comma or open brace, found '=' (2667,19116): run-time error CSS1030: Expected identifier, found '[' (2667,19121): run-time error CSS1031: Expected selector, found '=' (2667,19121): run-time error CSS1025: Expected comma or open brace, found '=' (2667,19217): run-time error CSS1030: Expected identifier, found '[' (2667,19222): run-time error CSS1031: Expected selector, found '=' (2667,19222): run-time error CSS1025: Expected comma or open brace, found '=' (2667,19273): run-time error CSS1030: Expected identifier, found '[' (2667,19278): run-time error CSS1031: Expected selector, found '=' (2667,19278): run-time error CSS1025: Expected comma or open brace, found '=' (2667,19408): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,19429): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,20339): run-time error CSS1039: Token not allowed after unary operator: '-font-color-error' (2667,21240): run-time error CSS1039: Token not allowed after unary operator: '-accent-color' (2667,21380): run-time error CSS1039: Token not allowed after unary operator: '-accent-color' (2667,21417): run-time error CSS1039: Token not allowed after unary operator: '-accent-color' (2667,21795): run-time error CSS1030: Expected identifier, found '#amount' (2667,21809): run-time error CSS1031: Expected selector, found ')' (2667,21809): run-time error CSS1025: Expected comma or open brace, found ')' (2667,21892): run-time error CSS1030: Expected identifier, found '#amount' (2667,21906): run-time error CSS1031: Expected selector, found ')' (2667,21906): run-time error CSS1025: Expected comma or open brace, found ')' (2667,22004): run-time error CSS1030: Expected identifier, found '#amount' (2667,22018): run-time error CSS1031: Expected selector, found ')' (2667,22018): run-time error CSS1025: Expected comma or open brace, found ')' (2667,22891): run-time error CSS1039: Token not allowed after unary operator: '-font-color-light' (2667,22931): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,23015): run-time error CSS1039: Token not allowed after unary operator: '-input-bg-disabled' (2667,23332): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (2667,23901): run-time error CSS1030: Expected identifier, found '.' (2667,23915): run-time error CSS1031: Expected selector, found ')' (2667,23915): run-time error CSS1025: Expected comma or open brace, found ')' */ @font-face { font-family: 'footable'; src: url('../fonts/footable.eot'); src: url('../fonts/footable.eot?#iefix') format('embedded-opentype'), url('../fonts/footable.woff') format('woff'), url('../fonts/footable.ttf') format('truetype'), url('../fonts/footable.svg#footable') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'footable'; src: url('../fonts/footable.svg#footable') format('svg'); font-weight: normal; font-style: normal; } } .footable { width: 100%; /** SORTING **/ /** PAGINATION **/ } .footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; } .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e001"; } .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; } .footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'footable'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #888888; } .footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e000"; } .footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e005"; } .footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e004"; } .footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e003"; } .footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e002"; } .footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e007"; } .footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e006"; } .footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e009"; } .footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e008"; } .footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; } .footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e011"; } .footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e013"; } .footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e015"; } .footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e01b"; } .footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e01d"; } .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00b"; } .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e00d"; } .footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e01f"; } .footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e021"; } .footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e017"; } .footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e019"; } .footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; } .footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; } .footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .footable > thead > tr > th.footable-sortable:hover { cursor: pointer; } .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e013"; } .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e012"; } .footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'footable'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; } .footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e022"; } .footable > tfoot .pagination { margin: 0; } .footable.no-paging .hide-if-no-paging { display: none; } .footable-row-detail-inner { display: table; } .footable-row-detail-row { display: table-row; line-height: 1.5em; } .footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; } .footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; } .footable-row-detail-value { display: table-cell; } .footable-odd { background-color: #f7f7f7; } /*----------------------------------------*/ /* Aptic Core Stylesheet */ /* Version 1.0.5 */ /* BOID AB 2014 */ /*----------------------------------------*/ /*----------------------------------------*/ /*Fonts*/ /*----------------------------------------*/ @font-face { font-family: 'LigatureSymbols'; src: url('../fonts/LigatureSymbols-2.11-webfont.eot'); src: url('../fonts/LigatureSymbols-2.11-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/LigatureSymbols-2.11.woff') format('woff'), url('../fonts/LigatureSymbols-2.11.ttf') format('truetype'), url('../fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/roboto_Hgo13k-tfSpn0qi1SFdUffY6323mHUZFJMgTvxaG2iE.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto_Hgo13k-tfSpn0qi1SFdUffY6323mHUZFJMgTvxaG2iE.eot') format('embedded-opentype'), url('../fonts/roboto_Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto_RxZJdnzeo3R5zSexge8UUfY6323mHUZFJMgTvxaG2iE.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto_RxZJdnzeo3R5zSexge8UUfY6323mHUZFJMgTvxaG2iE.eot') format('embedded-opentype'), url('../fonts/roboto_RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../fonts/roboto_mnpfi9pxYH-Go5UiibESIvY6323mHUZFJMgTvxaG2iE.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto_mnpfi9pxYH-Go5UiibESIvY6323mHUZFJMgTvxaG2iE.eot') format('embedded-opentype'), url('../fonts/roboto_mnpfi9pxYH-Go5UiibESIj8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../fonts/roboto_7m8l7TlFO-S3VkhHuR0at2fQcKutQXcIrRfyR5jdjY8.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto_7m8l7TlFO-S3VkhHuR0at2fQcKutQXcIrRfyR5jdjY8.eot') format('embedded-opentype'), url('../fonts/roboto_7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../fonts/roboto_OLffGBTaF0XFOW1gnuHF0WfQcKutQXcIrRfyR5jdjY8.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto_OLffGBTaF0XFOW1gnuHF0WfQcKutQXcIrRfyR5jdjY8.eot') format('embedded-opentype'), url('../fonts/roboto_OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../fonts/roboto_bmC0pGMXrhphrZJmniIZpWfQcKutQXcIrRfyR5jdjY8.eot'); src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/roboto_bmC0pGMXrhphrZJmniIZpWfQcKutQXcIrRfyR5jdjY8.eot') format('embedded-opentype'), url('../fonts/roboto_bmC0pGMXrhphrZJmniIZpYbN6UDyHWBl620a-IRfuBk.woff') format('woff'); } /*----------------------------------------*/ /*Main*/ /*----------------------------------------*/ .float { float: left; margin-right: 20px; } .container .jumbotron { border-radius: 0px; } .text-right { text-align: right; } .menuiconbox { width: 1em; display: inline-block; text-align: right; margin-right: 0.5em; } .submenu { margin-top: 0.25em; margin-bottom: 0.25em; } .lsf { font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; font-size: 1.3em; line-height: 100%; } .menuiconbox.lsf.overridefonticomoon { font-family: 'icomoon'; font-size: 1.3em; } .lsf:before, .lsf:after { content: " "; } a { color: #009fdd; } a.no-underscore:hover { text-decoration: none; } a.subtle { color: #ccc; text-decoration: none; } a.subtle:hover { color: #428bca; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #009fdd; border-color: none; } .lsf-icon:before { content: attr(title); margin-right: 0.3em; font-size: 130%; font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; } .btn { box-shadow: 1px 1px 2px rgba(10, 10, 10, 0.15); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { border-color: rgba(0, 0, 0, 0.1); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #009fdd; } body { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; } body.login { background-color: #333; } .container { padding-right: 0px; padding-left: 0px; } .apticpageheader { font-size: 23.4px; color: rgb(153, 153, 153); font-weight: 400; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; } h1 small { display: block; } h2 { font-size: 25px; margin-top: 30px; margin-bottom: 5px; } @media (max-width: 767px) { h1 { font-size: 2em; } } .thin { font-weight: 300; } a:hover { color: #888; } a:active, a:focus, .nav > li > a:focus { border: none; outline: none; background-color: transparent; } a.hover-link { display: none; color: #aaa; text-decoration: none; } a.hover-link:hover { display: none; color: inherit; text-decoration: none; } .active-hover-link:hover .hover-link { display: inline; margin-left: 5px; line-height: inherit; } /**/ /*Tables*/ /**/ th .label { display: block; width: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; border: none; overflow: visible; white-space: nowrap; color: #000; font-weight: 600; margin-top: 35px; } table .priority { font-weight: 500; } table .status { line-height: 1; } table .status:before { font-size: 1.4em; margin-right: 5px; display: inline; float: left; line-height: inherit; } table thead th { font-weight: 400; color: #777; } table tfoot { font-weight: 500; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { float: left; margin-right: 5px; font-size: 15px; color: #ccc; font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } .footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e096"; } .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e040"; } .footable-row-detail-row { line-height: 2em; } .footable-row-detail { background-color: #fff; border: 1px solid #eee; } .tab-content { padding-bottom: 20px; } .alert-box { padding: 0px 20px; margin: 15px 0px; border: 2px solid #ff4700; background-color: rgba(255, 71, 0, 0.1); background: rgba(255, 71, 0, 0.1); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, rgba(255, 71, 0, 0.4))); background: -ms-linear-gradient(bottom, #ffffff, rgba(255, 71, 0, 0.4)); background: -moz-linear-gradient(center bottom, #ffffff 0%, rgba(255, 71, 0, 0.4) 100%); background: -o-linear-gradient(rgba(255, 71, 0, 0.4), #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 71, 0, 0.4)', endColorstr='#ffffff', GradientType=0); border-radius: 3px; } /**/ /*Forms*/ /**/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #FAFAFA; border: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none; } label { font-weight: 200; } .search-panel { background-color: #eee; padding: 1px 30px; padding-bottom: 5px; margin-left: -15px; margin-right: -15px; background: #f4f4f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f4f4f4 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%, #fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%, #fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%, #fcfcfc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#fcfcfc', GradientType=0); /* IE6-8 */ } .search-panel .btn-sm { color: #aaa; margin-bottom: 5px; background-color: #fff; border: 1px dotted #999; } .search-panel .btn-sm.selected { border: 1px solid transparent; opacity: 1; color: #fff; } .advanced-search { display: none; margin-bottom: 15px; } .advanced-search .form-group { margin-bottom: 5px; } @media (max-width: 767px) { .search-panel { padding: 15px; } } .container > .row { margin-right: 0px; margin-left: 0px; } .space-before { margin-top: 20px; } .space-after { margin-bottom: 20px; } .row.distinct { background-color: #eee; margin-bottom: 15px; } .row.distinct h2 { margin-top: 10px; font-size: 18px; } .row.distinct h2 small { font-size: 75%; } .row.distinct .lsf { font-size: 1.5em; } /*----------------------------------------*/ /*MENUS*/ /*----------------------------------------*/ div.top-nav { background-color: #fff; margin: 0px; border: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 200; min-height: 53px; } .navbar-brand img { margin-top: -15px; max-height: 50px; } .navbar-brand { height: auto; } .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #999; } .navbar-nav .open .dropdown-menu { padding: 2.5%; margin-bottom: 15px; } .navbar-toggle, .navbar-default .navbar-toggle { border-color: rgba(255, 255, 255, 0); background-color: #eee; box-shadow: 1px 1px 2px rgba(10, 10, 10, 0.15); } .sub-nav li { list-style-type: none; } .sub-nav li a { text-decoration: none; } #main-nav .nav > li { position: static; } div.main-nav { background-color: #fff; box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.05); margin: 0px; border: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top: 0; margin-top: 52px; margin-bottom: 15px; } .main-nav-wrapper { position: relative; overflow: hidden; height: 144px; display: table; } .main-nav-wrapper > .nav { display: table-cell; vertical-align: middle; } #main-nav { box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.25); overflow: hidden; } #small-nav { display: none; } #sub-nav > .sub-nav > li { float: left; margin: 0px 5px 0px 5px; line-height: 1; } #sub-nav > .sub-nav > li.active, #small-nav .active { background-color: #fff; position: relative; bottom: -5px; } #sub-nav > .sub-nav > li.active > a { font-weight: 500; } #sub-nav > .sub-nav > li.active:hover, #sub-nav > .sub-nav > li.active:focus { color: #333; background-color: #fff; } #sub-nav > .sub-nav > li > a { color: #fff; padding: 7px 10px; display: inline-block; } #sub-nav > .sub-nav > li:hover, #sub-nav > .sub-nav > li:focus { color: #333; background-color: rgba(0, 0, 0, 0.1); } .nav > li > a:hover, .nav > li > a:focus { background: transparent; } .nav-icon { font-size: 4em; line-height: 60px; } .lsf.overridefonticomoon { font-family: 'icomoon'; font-size: 2.7em; } #main-nav .nav > li:hover > a { text-decoration: none; background: transparent; } #main-nav .nav > li > a { padding-left: 0px; padding-right: 0px; padding-bottom: 20px; margin-bottom: -20px; } #main-nav .nav .sub-nav-wrapper:before { content: ""; display: inline-block; border-top: 8px solid rgba(255, 255, 255, 0.3); border-left: 8px solid transparent; border-right: 8px solid transparent; width: 8px; position: relative; top: -5px; visibility: visible; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } @-webkit-keyframes jumpUp { from { margin-bottom: -2px; } 50% { margin-bottom: 2px; } to { margin-bottom: -2px; } } @keyframes jumpUp { from { margin-bottom: -2px; } 50% { margin-bottom: 2px; } to { margin-bottom: -2px; } } #main-nav .nav > li:not(.selected):hover .sub-nav-wrapper:before { -webkit-animation-name: jumpUp; -webkit-animation-duration: .6s; -webkit-transform-origin: 25% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease; animation-name: jumpUp; animation-duration: .6s; transform-origin: 25% 50%; animation-iteration-count: infinite; animation-timing-function: ease; top: -5px; } #main-nav .nav > li.selected .sub-nav-wrapper:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); top: 2px; } ul.nav { display: inline-block; } #main-nav .nav > li.active:hover .sub-nav-wrapper { visibility: visible; } #main-nav .nav > li.selected .sub-nav-wrapper { visibility: visible; } #main-nav .nav > li.selected { margin-bottom: 24px; } #main-nav .nav.sub-expand > li { -webkit-transition: none; transition: none; } #main-nav .nav > li { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } #main-nav .nav > li .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #main-nav .nav > li .sub-nav-wrapper #sub-nav { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; bottom: -30px; } #main-nav .nav > li.selected .sub-nav-wrapper #sub-nav { bottom: 0; opacity: 1; } .sub-nav-wrapper #sub-nav { border-top: 2px solid rgba(255, 255, 255, 0.3); position: absolute; left: 0; opacity: 0; z-index: 100; } /*----------------------------------------*/ /*Main content*/ /*----------------------------------------*/ div.main-content { background-color: #fff; overflow: hidden; padding-bottom: 30px; } div.login-content { background-color: #fff; margin-top: 90px; padding-top: 5px; padding-bottom: 20px; margin-bottom: 5px; } .dialogue .panel-body { background-color: #eee; } .dialogue .panel-title { font-size: 25px; } .dialogue-box { padding: 10px 15px; } .dialogue-box .dialogue-content { padding: 10px 15px; background-color: #fff; border: 2px solid #cccccc; border-radius: 5px; } .dialogue-box .dialogue-footer { background-color: #F5F5F5; padding: 5px 15px; margin: 10px -15px -10px -15px; text-align: right; } .dialogue-box .panel-heading, .dialogue-box .panel-footer { padding: 3px 15px; } .dialogue-box .panel-footer { padding: 3px 15px; font-size: 0.8em; font-weight: 500; color: #999; } .dialogue-box .arrow-down { width: 0px; height: 0px; border-top: 10px solid #cccccc; border-right: 10px solid rgba(255, 255, 255, 0); border-left: 10px solid rgba(255, 255, 255, 0); margin-left: 20px; } .list-group .arrow-right { right: -15px; top: 10px; } .list-group-item.active { background-color: #eee; } .list-group-item:hover { background-color: #fafafa; } .panel { border-radius: 2px; } .arrow-left { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 15px solid #DADADA; position: absolute; left: 1px; top: 7px; z-index: 2; } .arrow-right { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #DADADA; position: absolute; right: 1px; top: 7px; z-index: 2; } .arrow-up { width: 0px; height: 0px; border-bottom: 7px solid #009fdd; border-right: 7px solid rgba(255, 255, 255, 0); border-left: 7px solid rgba(255, 255, 255, 0); position: absolute; bottom: -9px; } .customer-tiles .tile-content { font-size: 3em; } .badge { font-weight: 400; } .badge.red { background-color: #f22d3a; color: #fff; border-bottom: none; } .badge-distance { margin-left: 10px; } .dropdown-menu .date { float: right; font-size: 0.7em; } .dropdown-menu > li > a { color: #575757; } .dropdown .name { padding: 0px 15px; } .name .first { font-weight: 500; font-size: 1.1em; } .name .last { font-size: 0.9em; margin-top: -5px; } .user .date { font-size: 0.8em; font-weight: 300; color: #aaa; } .divide-right { float: left; color: #ccc; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ccc; } .notifications > li > a > h4 { font-size: 16px; margin: 3px 0px 3px 0px; color: #575757; font-weight: 400; } .notifications > li > a > h4 > .badge { font-size: 9px; margin-top: 1px; } .notifications > li > a { clear: none; padding-left: 45px; padding-right: 15px; font-size: 14px; color: #aaa; font-weight: 300; } .notifications > li > a:hover, .notifications > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #eee; color: #575757; } .dropdown-menu .divider { clear: both; } .notification-icon { color: #ccc; margin: 4px 0px 0px -28px; font-size: 1.6em; line-height: 18px; } .notification-icon.warning { color: #f0ad4e; } .notification-icon.success { color: #5cb85c; } .notification-icon.danger { color: #d9534f; } .notification-icon.info { color: #5bc0de; } ul.notifications { padding: 8px 0px; } .notifications > .footer { font-size: 12px; padding: 0px 15px; } /* Name and company in top navbar */ .nav-id-wrapper { padding: 8px 15px; color: #999; text-align: right; margin-right: 5px; } .nav-company { margin-left: 15px; margin-right: 15px; margin-top: -20px; } .nav-person { margin-bottom: -15px; margin-left: 15px; margin-right: 15px; } .nav-company > a, .nav-person > a { color: inherit; } .invoice-head { font-size: 20px; line-height: 30px; } .divide-under { padding-bottom: 10px; margin-bottom: 10px; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #d1d1d1; } .label { text-transform: uppercase; } #sidebar-toggle { font-size: 32px; margin-bottom: 15px; } #sidebar-toggle .toggle { font-size: 0.5em; text-align: center; position: absolute; height: 20000px; padding-left: 20px; padding-right: 15px; margin-left: -10px; cursor: w-resize; } #sidebar-toggle > span, .sidebar-header .badge { cursor: w-resize; } .sidebar-wrapper.expand #sidebar-toggle .toggle { cursor: e-resize; } .sidebar-wrapper { background-color: #f2f2f2; margin: 0px -15px 0px 15px; padding: 5px 30px; padding-bottom: 20000px; margin-bottom: -20000px; } .sidebar h3 { margin-top: 0px; } .sidebar-header > h3, .sidebar-header > p { padding-left: 45px; } .main-wrapper, .sidebar-wrapper, .sidebar-content, .tile-content { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .sidebar .panel-footer { font-size: 0.85em; } .sidebar .panel-body { padding: 10px; } .tile-wrapper { margin-top: 15px; margin-bottom: 15px; } .tile { background-color: #f3f3f3; color: #575757; height: 0; padding-bottom: 100%; text-align: center; position: relative; border-bottom: 5px solid #ccc; } .tile.double { padding-bottom: 47.22222%; } /* Colored tiles */ .red { color: #f22d3a; border-bottom: 5px solid #f22d3a; } .green { color: #92C64B; border-bottom: 5px solid #92C64B; } .graphite { border-bottom: 5px solid #ccc; } .white { background-color: #fff; color: #575757; } .orange { color: #f0ad4e; border-bottom: 5px solid #f0ad4e; } .green-text { color: #92c64b; } .red > .tile-title, .green > .tile-title, .graphite > .tile-title { /*border-color: #fff;*/ } .tile-info { color: #5bc0de; border-bottom: 5px solid #5bc0de; } .tile-paid { color: #8cc63f; border-bottom: 5px solid #8cc63f; } .tile-passed { color: #f5b620; border-bottom: 5px solid #f5b620; } .tile-reminder { color: #ff6d33; border-bottom: 5px solid #ff6d33; } .tile-collection { color: #f22d3a; border-bottom: 5px solid #f22d3a; } .tile-credited { color: #ccc; border-bottom: 5px solid #c7c7c7; } .tile-converted { color: #AB5ADD; border-bottom: 5px solid #AB5ADD; } .tile-sold { color: #333; border-bottom: 5px solid #333; } .customer-tiles .tile { padding-bottom: 50%; } .invoice-tiles .tile { padding-bottom: 50%; } .invoice-tiles > .tile-wrapper > .tile { padding-bottom: 30%; } .invoice-tiles .tile-content { top: 40%; } .invoice-tiles .tile-content span { font-size: 1.5em; } .tile-content { font-weight: 300; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); overflow-x: hidden; position: absolute; top: 50%; width: 100%; padding: 0px 20px; box-sizing: border-box; } .tile-content span { font-size: 7em; white-space: nowrap; } .jsreplace-tile-content span { font-size: 2em; } .tile-title { font-size: 16px; color: #575757; margin: 0px 20px; padding: 10px; position: absolute; bottom: 0; width: calc(100% - 40px); } .tile-middle { position: absolute; bottom: 45%; width: 100%; font-size: 1.7em; font-weight: 600; } .tile-middle .subtitle { font-size: 0.5em; margin-top: -7px; } .customer-tiles .tile { padding-bottom: 50%; } .invoice-tiles .tile { padding-bottom: 50%; } .invoice-tiles > .tile-wrapper > .tile { padding-bottom: 30%; } .invoice-tiles .tile-content span { font-size: 1.4em; font-weight: 500; } .invoice-tiles .tile-content { top: 40%; } .nav-tabs { margin: 15px 0; width: 100%; } .panel-primary > .panel-heading > span > .lsf { color: #fff; } .panel-primary > .panel-heading > span > .lsf.subtle { color: rgba(255, 255, 255, 0.3); } .panel-primary > .panel-heading > span > .lsf.toggleFlag { color: rgba(255, 255, 255, 0.8); } .panel-primary > .panel-heading > span > .lsf:hover { color: #ffffff; } .comment.panel { font-size: 12px; } .comment.panel-default > .panel-heading, .comment.panel-default > .panel-footer { background-color: #fff; } .comment-thread > .replies { padding-left: 15px; padding-right: 5px; } .comment-thread > .replies > div { margin-top: -20px; } .comment-thread > .replies .panel, .comment-thread > .replies .panel-heading, .comment-thread > .replies .panel-footer { border-radius: 0px; } h1 { margin-bottom: 5px; } h2.subheading { font-size: 20px; margin-top: 0px; } .form-inline .form-group { margin-left: 5px; } .form-inline .form-group.small { width: 4%; } .form-inline .form-group.mid { width: 8%; } .form-inline .form-group.mid-group { width: 12%; } .form-inline .form-group.large { width: 20%; } .row.controls { margin-top: 15px; } fieldset { margin-top: 15px; margin-bottom: 15px; } /* Fix datepicker stuff */ .icon-arrow-left, .icon-arrow-right { font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; font-size: 1.3em; line-height: 100%; } .icon-arrow-left:before { content: "back"; font-style: normal; } .icon-arrow-right:before { content: "next"; font-style: normal; } .datepicker td, .datepicker th { font-weight: 500; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { font-weight: 300; } /* End datepicker stuff */ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ /*---------------------------------- Media queries -----------------------------------*/ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------*/ @media (max-width: 767px) { .dropdown-menu .name { margin-top: -5px; margin-bottom: 10px; background-color: inherit; } .container > .row { margin-right: 5px; margin-left: 5px; } div.login-content { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-bottom: 5px; } .search-panel { padding: 15px; } div.login-content > div { padding-left: 0px; padding-right: 0px; } .top-nav .container { padding-left: 15px; padding-right: 15px; } div.main-content { margin-top: 0px; } a.navbar-brand { line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; font-size: 1.0em; } div.main-nav { padding: 0px; margin: 58px 0px 0px 0px; height: 0; } ul.nav { display: block; } .nav-tabs > li { float: none; border: 1px solid #ddd; } .nav-tabs > li.active { background-color: #eee; font-weight: 400; } .nav-tabs > li.active:before { font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; content: "check"; display: block; float: left; margin-right: 5px; margin-left: 10px; line-height: 40px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a { border: none; background: none; } .tab-content { margin-top: -17px; border: 1px solid #ddd; border-top: none; padding-top: 10px; } #main-nav { height: 1px; margin-bottom: 0; position: fixed; width: 100%; z-index: 50; } #main-nav .nav > li { padding-left: 0px; padding-right: 0px; width: 50%; line-height: 40px; } #main-nav .nav > li.active > a { margin: 0; } sub-nav > .sub-nav > li { margin: 5px; } .nav-icon { font-size: 2em; line-height: inherit; float: left; margin-left: 10px; margin-right: 10px; width: 20px; } .lsf.overridefonticomoon { font-family: 'icomoon'; font-size: 1.5em; } .nav > li { position: relative; } .main-nav-wrapper .nav > li > a { padding: 0; display: inline; } #main-nav .nav > li > a { font-weight: 500; padding-left: 0px; padding-right: 0px; width: 50%; } #main-nav .nav .sub-nav-wrapper:before { border-left: 8px solid rgba(255, 255, 255, 0.3); border-top: 8px solid transparent; border-bottom: 8px solid transparent; float: left; left: -16px; margin-top: 5px; } #main-nav .nav li.selected .sub-nav-wrapper:before { top: -6px; } @-webkit-keyframes jumpLeft { from { margin-left: -3px; } 50% { margin-left: 0px; } to { margin-left: -3px; } } #main-nav .nav > li:not(.selected):hover .sub-nav-wrapper:before { -webkit-animation-name: jumpLeft; } #main-nav.expand { max-height: 100%; -webkit-overflow-scrolling: touch; } #main-nav .nav > li.selected { margin-bottom: 0px; } #main-nav .nav > li.active:after { display: none; } #main-nav .nav > li.active:after { display: inline-block; } #main-nav .main-nav-wrapper { width: calc(100% + 20px); height: 100%; float: left; display: block; } #main-nav .main-nav-wrapper.no-subnav { width: 100%; } #main-nav.expand .main-nav-wrapper { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .main-nav-wrapper > .nav { display: block; } .sub-nav-wrapper { margin-right: 5px; border-top: none; width: 50%; float: right; padding: 0px 0px; margin-top: -25px; margin-bottom: 5px; position: absolute; z-index: 100; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; left: 50%; visibility: hidden; } .sub-nav-wrapper #sub-nav { opacity: 0; } #main-nav .nav > li.active:after { display: none; } #main-nav .nav > li:after { display: none; } #main-nav .nav > li.selected .sub-nav-wrapper #sub-nav { opacity: 1; display: block; visibility: visible; margin-top: -15px; } #main-nav .nav > li.selected.has-sub { margin-bottom: 0px; } #main-nav .nav > li:hover:after { display: none; } #main-nav .nav > li.selected:after { display: none; } #main-nav .nav > li.selected > a { color: #fff; } #main-nav .nav > li .name { width: 62%; } /* Overrides */ #sub-nav .sub-nav li { height: auto; margin-bottom: 0; } /* Overrides */ #sub-nav .sub-nav > li:first-child { margin-top: 0; } /* Radbrytningar på långa menuval + Fix så det blir "..." för låååånga ord */ #sub-nav .sub-nav > li > a, #main-nav .nav > li .name { overflow: hidden; text-overflow: ellipsis; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } /* Fix pga ikon */ #main-nav .nav > li .name { width: 61%; } .sub-nav-wrapper #sub-nav { width: 100%; bottom: auto !important; visibility: hidden; opacity: 0; } .sub-nav { padding-left: 0; padding-bottom: 0; margin-bottom: 0px; } .sub-nav li { padding: 0; height: 40px; } .sub-nav-wrapper #sub-nav { border-top: none; border-left: 2px solid rgba(255, 255, 255, 0.3); } #sub-nav > .sub-nav > li { float: none; margin-bottom: 5px; } #sub-nav .sub-nav li { padding: 0; height: auto; margin-bottom: 0; } #sub-nav .sub-nav > li:first-child { margin-top: 0; } #sub-nav > .sub-nav > li:first-child { margin-top: 5px; } #sub-nav > .sub-nav > li.active { bottom: auto; } #main-nav .nav:hover > li:after { display: none; } #sub-nav > .sub-nav > li > a { display: block; line-height: 20px; min-height: 40px; padding-top: 10px; padding-bottom: 10px; } #active-level1 { position: relative; } .level2 { padding-left: 30px; } .arrow-right { width: 0px; height: 0px; border-top: 28px solid transparent; border-bottom: 28px solid transparent; position: absolute; right: -14px; z-index: 2; } table .label { width: 10px; display: block; border-radius: 10px; height: 10px; font-size: 0px; margin: auto 0; } } ul.horisontal { width: 200%; } @media (min-width: 767px) { #main-nav .nav > li { float: left; width: 12.5%; text-align: center; } #main-nav .nav > li > a { font-size: 14px; font-weight: 300; } .sub-nav > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 767px) and (max-width: 991px) { #main-nav .nav > li { float: left; width: 12.5%; } #main-nav .nav > li > a { font-size: 14px; font-weight: 300; display: block; display: inline-block; } .sub-nav li { padding: 0; font-size: 13px; } } @media (min-width: 1200px) { .invoice-tiles > .tile-wrapper > .tile { padding-bottom: 50%; } .invoice-tiles > .tile-wrapper > .tile > .tile-title { padding-top: 7px; margin: 0px 15px; } } @media (max-width: 767px) { .tile-content { font-weight: 300; } .tile-content span { font-size: 3.5em; } .tile-title { font-size: 11px; margin: 0px 10px; padding: 10px; width: calc(100% - 20px); } .invoice-tiles > .tile-wrapper > .tile { padding-bottom: 26%; } .invoice-tiles .col-xs-6.tile-wrapper .tile { padding-bottom: 85%; } .tile-middle { font-size: 1.2em; } } @media (min-width: 767px) and (max-width: 991px) { .tile-title { font-size: 16px; margin: 0px 20px; padding: 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .tile-title { font-size: 13px; margin: 0px 20px; padding: 10px; } } @media (min-width: 1200px) { .tile-title { font-size: 13px; margin: 0px 20px; padding: 10px 0px; } } @media (max-width: 991px) { .nav-id-wrapper { display: none; } } @media (min-width: 992px) { .sidebar-header { margin-left: -20px; } .sidebar-wrapper { float: right; margin-right: -28.75%; margin-right: calc(-33.3333333% + 40px); /*border-left: 1px groove #eee;*/ } .main-wrapper.expand { width: 92%; width: calc(100% - 65px); } .main-wrapper.expand .invoice-tiles .tile-content span { font-size: 1.85em; } .sidebar-wrapper.expand { margin-right: -15px; } .sidebar-wrapper .sidebar-content { opacity: 0; margin-left: 100%; width: 100%; } .sidebar-wrapper.expand .sidebar-content { opacity: 1; margin-left: 0; } } @media (min-width: 767px) and (max-width: 991px) { .main-wrapper.expand { width: 90%; width: calc(100% - 60px); } .sidebar-wrapper { float: right; margin-right: -44%; margin-right: calc(-50% + 40px); padding: 5px 10px; } .sidebar-wrapper.expand { margin-right: -15px; } .main-wrapper .tile-wrapper { width: 100%; } .main-wrapper.expand .tile-wrapper { width: 50%; } .sidebar-wrapper .sidebar-content { opacity: 0; margin-left: 100%; width: 100%; } .sidebar-wrapper.expand .sidebar-content { opacity: 1; margin-left: 0; } } @media (max-width: 767px) { .sidebar-wrapper { margin: 0px -15px 0px -15px; padding-bottom: 15px; } #sidebar-toggle .toggle { display: none; } .dropdown-menu { display: block; position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .nav > li > a.dropdown-toggle { display: none; } .form-inline .form-group { width: 48% !important; float: left; } } /*-----------------------------------------*/ /* Aptic Client Web Stylesheet */ /* Version 1.0.0 */ /* BOID AB 2014 */ /*-----------------------------------------*/ .btn-primary { background-color: #28abe2; border-color: rgba(0, 0, 0, 0.1); } div.top-nav { border-bottom: 2px solid #28abe2; } .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #999; } .navbar-default .navbar-brand { color: #28abe2; } .navbar-default .navbar-brand:hover { color: #28abe2; } div.main-nav { background-color: #F8F8F8; } #main-nav { box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.02); background-color: #f8f8f8; } #sub-nav > .sub-nav > li.active, #small-nav .active { color: #28abe2; background-color: #fff; bottom: 0; } #sub-nav > .sub-nav > li.active > a { color: #28abe2; background-color: #fff; } #sub-nav > .sub-nav > li.active > a:hover, #sub-nav > .sub-nav > li.active > a:focus { color: #333; background-color: #fff; } #sub-nav > .sub-nav > li > a { color: #999; } #sub-nav > .sub-nav > li > a { color: #999; } #sub-nav > .sub-nav > li > a:hover, #sub-nav > .sub-nav > li > a:focus { color: #333; } #main-nav > .nav > li > a:hover, #main-nav > .nav > li > a:focus { color: #666; background: none; } #main-nav .nav > li > a { color: #ccc; } #main-nav .nav > li.selected > a { color: #28abe2; } #main-nav > .nav > li.active > a { color: #666; } #main-nav > .nav > li.active:after { border-bottom: 8px solid #28abe2; } #main-nav .nav .sub-nav-wrapper:before { border-top: 8px solid #ccc; } #main-nav .nav .selected .sub-nav-wrapper:before { border-top: 8px solid #28abe2; } .sub-nav-wrapper #sub-nav { border-top: 2px solid #28abe2; background-color: #ddd; background: none; /* Old browsers */ } #main-nav > .nav > li > a { color: #ccc; } @media (max-width: 768px) { #main-nav .nav .sub-nav-wrapper:before { border-left: 8px solid #ccc; border-top-color: transparent; } #main-nav .nav .selected .sub-nav-wrapper:before { border-left: 8px solid #28abe2; border-top-color: transparent; } .sub-nav-wrapper #sub-nav { border-top: none; border-left: 2px solid #28abe2; } #small-nav { background-color: #28abe2; } #small-nav a { color: #fff; } #active-level1 { background-color: #28abe2; } } /* Additions -----------------------------------------------------------*/ .nowrap { white-space: nowrap; } .checkboxbutton input { position: absolute; z-index: -1; /*top:-9999px;*/ /*Bättre med z-index för fokus*/ } .checkboxbutton.focus { border-style: solid; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } /* Edit tiles "inline" */ .tile-wrapper .innertile { position: relative; } .tile-wrapper .innertile .trashcanholder { position: absolute; top: 0; right: 0; display: none; } /* Tiles fixes */ /**/ /*Fischer: Vet ej varför jag tog bort border tidigare.. tillbaka nu iaf*/ /*.tile { border-bottom: none; }*/ /**/ .tile h2 { margin-top: 0; } .tile-width-4 .tileresult { border-bottom: none; /*overflow-y: scroll;*/ } .tile-width-2 .tile { padding-bottom: 47.22222%; } .tileresult { height: 100%; border-bottom: 5px solid #ccc; } #editDashboardModal .sorting { float: left; min-width: 235px; } #editDashboardModal .sortlist { list-style-type: none; margin: 0; padding: 0; margin-right: 10px; background: #eee; padding: 3px; } #editDashboardModal .sortlist li { margin: 3px; padding: 3px; width: 235px; cursor: move; font-size: 0.8em; } #editDashboardModal .sortlist li span { float: left; } #pagespinner { background: url("../images/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0.05); position: fixed; height: 100%; width: 100%; z-index: 1000; display: none; } @media (min-width: 992px) { .model-dialog-large { width: 900px; } } @media (min-width: 1200px) { .model-dialog-large { width: 1100px; } } .credit-approvebutton { background-color: #92C64B; } .credit-denybutton { background-color: #f22d3a; } /* Additions END */ /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #f00; font-size: small; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #f00; background-color: #fee; } .markupkendodatepicker[aria-invalid=true] { background-color: #fee; } .validation-summary-errors { font-weight: bold; color: #f00; } .validation-summary-valid { display: none; } /* Additions END */ /*Tilestyle ----------------------------------------------------------*/ .k-tooltip { width: 50px; height: 50px; } .tileContent { width: 960px; margin: 0 auto; clear: both; min-height: 449px; overflow: hidden; position: relative; } .tileChooserMenu { float: right; width: 210px; height: 500px; } .tileChooser { float: left; width: 100%; height: 200px; border: 1px solid black; } .tileChooser li { float: right; font-size: 8pt; } .tileChooser li a { float: right; } .tileContainer { float: left; width: 750px; height: 1000px; padding: 1%; list-style-type: none; } .tileContainer div { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 150px; height: 150px; text-align: center; /*border: 2px; background: #adf;*/ } .tileContainer div img.imageresult { margin: 3px 3px 3px 0; padding: 1px; height: 100%; width: 100%; /*border: 2px; background: #adf;*/ } .tileContainer div img.imagetextimage { margin: 3px 3px 3px 0; padding: 1px; float: right; height: 50%; width: 50%; /*border: 2px; background: #adf;*/ } .tileContainer div p.imagetexttext { margin: 3px 3px 3px 0; padding: 1px; float: left; text-align: left; } .tileContainer div.double { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 300px; height: 150px; text-align: center; /*border: 2px; background: #adf;*/ } .tileContainer div.quad { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 600px; height: 150px; text-align: center; /*border: 2px; background: #adf;*/ } .tileContainer div.table { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 600px; height: 150px; overflow-y: scroll; /*border: 2px; background: #adf;*/ } .tileContainer div.double > div { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 300px; height: 150px; text-align: center; /*border: 2px; background: #adf;*/ } .tileContainer div.k-tooltip { margin: 3px 3px 3px 0; padding: 1px; float: left; width: auto; height: auto; text-align: center; /*border: 2px; background: #adf;*/ } .ui-icon-trash { margin-left: auto; margin-right: auto; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #eee; } /*.ui-state-highlight, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #eee; border: 2px solid #f48a8a; }*/ /* Tilestyle END */ /* Fixes for aptic_core (should be added there instead) ----------------------------------------------------------*/ /* FIscher: flyttade in tekniken från filter-knappar till multiple edit modalen. Borde vara generellt så som jag gjort nedan och ta bort specifikt för search-panel */ /*.search-panel .btn-sm { color: #aaa; margin-bottom: 5px; background-color: #fff; border: 1px dotted #999; } .search-panel .btn-sm.selected { border: 1px solid transparent; opacity: 1; color: #fff; }*/ .checkboxbutton { color: #aaa; margin-bottom: 5px; background-color: #fff; border: 1px dotted #999; } .checkboxbutton.selected { border: 1px solid transparent; opacity: 1; color: #fff; } .checkboxbutton.label-edit.selected { background-color: #8cc63f; } .form-control.multiple-values { border-color: orange; } /*Fischer: knappar hoppar till*/ a.btn:active, a.btn:focus { border-width: 1px; border-style: solid; } /*Fischer: hover-effekt som visar gör att sidan kan hoppa till om man har otur med bredden*/ .active-hover-link a:first-child { margin-right: 20px; } .active-hover-link:hover a:first-child { margin-right: 0px; } :root{--gutter:15px;--default-font-size:1.4rem;--accent-color:#28abe2;--font-color:#333;--font-color-light:#a8acb9;--font-color-error:#a94442;--font-color-warning:#9d6403;--font-color-info:#31708f;--font-color-success:#3c763d;--placeholder-color:#aaa;--input-bg-disabled:#f5f5f5;--input-bg-error:rgba(255,0,0,.05);--input-border:#ccc;--input-focus-border:#66afe9;--input-focus-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);--table-tr-bg:#f5f5f5;--unpaid:#5bc0de;--paid:#8cc63f;--overdue:#f5b620;--reminder:#ff6d33;--collection:#f22d3a;--credited:#c7c7c7;--creditinvoiceused:#8cc63f;--haspaymentplan:#35ada6;--nopaymentplan:#47d5cd;--notused:#ffc29d;--partiallyused:#d3ba2f;--fullyused:#81df7f;--disputed:#2c7cb2;--convertedtoaccount:#ab5add;--overpayment:#f5b620;--lighten:white;--darken:black;}.col-md-12:has(>.container){padding:0;}input.replaced-by-kendo{width:100%;height:34px;border:1px solid #ccc;border-radius:4px;padding:6px 12px;}.input-group:has(>.k-datepicker+.input-group-btn) .k-picker-wrap{height:calc(100% - 2px);}.input-group:has(>.k-datepicker+.input-group-btn) .k-picker-wrap.k-state-hover{border-color:var(--input-border);}.input-group:has(>.k-datepicker+.input-group-btn) .k-picker-wrap.k-state-hover.k-state-focused{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);}.input-group:has(>.k-datepicker+.input-group-btn) input{height:100%;}.input-group:has(>.k-datepicker+.input-group-btn) .k-picker-wrap,.input-group:has(>.k-datepicker+.input-group-btn) .k-select{border-top-right-radius:0;border-bottom-right-radius:0;}select.form-control{padding-left:8px;}.d-none{display:none;}.text-start{text-align:left!important;}.text-center{text-align:center!important;}.text-end{text-align:right!important;}.text-nowrap{white-space:nowrap!important;}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alert.alert-danger .validation-summary-errors{font-weight:inherit;color:inherit;}.alert.alert-danger .validation-summary-errors ul{list-style:none;padding-left:0;margin:0;}.alert.alert-danger .validation-summary-errors li{padding:0 0 3px 28px;background:url('data:image/svg+xml;charset=UTF-8,') no-repeat left top;background-position:left 2px;}.alert.alert-danger .validation-summary-errors li+li{margin-top:7px;}.ajax-error,.viewbag-error{color:var(--font-color-error);}.ajax-error span:before,.viewbag-error span:before{content:"";display:inline-block;position:relative;top:3px;margin-right:calc(var(--gutter)/2);height:1.25em;width:1.25em;-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,');mask-image:url('data:image/svg+xml;charset=UTF-8,');mask-size:contain;background:var(--font-color-error);}.ajax-error.alert-warning,.viewbag-error.alert-warning{color:var(--font-color-warning);}.ajax-error.alert-warning span:before,.viewbag-error.alert-warning span:before{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');background:var(--font-color-warning);}.ajax-error.alert-info,.viewbag-error.alert-info{color:var(--font-color-info);}.ajax-error.alert-info span:before,.viewbag-error.alert-info span:before{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');background:var(--font-color-info);}.ajax-error.alert-success,.viewbag-error.alert-success{color:var(--font-color-success);}.ajax-error.alert-success span:before,.viewbag-error.alert-success span:before{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');background:var(--font-color-success);}.table-wrapper{width:100%;overflow-x:auto;}table#invoiceList.k-grid.k-widget{width:calc(100% - 4px);table-layout:auto;border-collapse:initial;}table#invoiceList.k-grid.k-widget tr th.amount-column,table#invoiceList.k-grid.k-widget tr td.amount-column{min-width:120px;text-align:right;white-space:nowrap;}table#invoiceList.k-grid.k-widget tr th.checkbox-column,table#invoiceList.k-grid.k-widget tr td.checkbox-column{width:13px;}table#invoiceList.k-grid.k-widget tr th.checkbox-column input,table#invoiceList.k-grid.k-widget tr td.checkbox-column input{cursor:pointer;}table#invoiceList.k-grid.k-widget tr th.currency-column,table#invoiceList.k-grid.k-widget tr td.currency-column{width:60px;}table#invoiceList.k-grid.k-widget tr th.date-column,table#invoiceList.k-grid.k-widget tr td.date-column{width:80px;white-space:nowrap;}table#invoiceList.k-grid.k-widget tbody tr:nth-of-type(even){background-color:var(--table-tr-bg);}table#invoiceList.k-grid.k-widget tfoot{border-radius:0 0 3px 3px;}table#invoiceList.k-grid.k-widget tfoot tr:last-of-type>td:first-of-type{border-radius:0 0 0 3px;}table#invoiceList.k-grid.k-widget tfoot tr:last-of-type>td:last-of-type{border-radius:0 0 3px 0;}table#invoiceList.k-grid.k-widget tfoot.k-grid-footer td{font-weight:400;}.card.search-panel h2.apticpageheader{margin:var(--gutter) 0 calc(var(--gutter)*2) 0;color:#999;font-size:2.4rem;font-weight:400;}.card.search-panel button.btn-lg[type=submit]+a.clear{margin-left:var(--gutter);font-size:larger;}.card.search-panel .group-filter-label{padding:0 0 calc(var(--gutter)/2) var(--gutter);}.card.search-panel .combined-filters{margin:calc(var(--gutter)*-.5) 0 var(--gutter) 0;}.card.search-panel .checkbox{padding:0 var(--gutter);}.card.search-panel .checkbox label{font-weight:200;}.card.search-panel .checkbox label input[type=checkbox]{position:relative;top:1px;margin-right:calc(var(--gutter)/2);}.card.search-panel .k-multiselect{position:relative;}.card.search-panel .k-multiselect .k-input{color:#999;}.card.search-panel .k-multiselect .k-multiselect-wrap{padding:.275rem 0;}.card.search-panel .k-multiselect .k-multiselect-wrap>ul>li.k-button{font-size:1.2rem;border-radius:3px;padding:1px 22px 1px 5px;color:var(--font-color);background-color:#e5e5e5;border-color:#cdcdcd;}.card.search-panel .k-multiselect .k-multiselect-wrap>ul>li.k-button+.k-button{margin-left:3px;}.card.search-panel .k-multiselect .k-multiselect-wrap>ul>li.k-button:active,.card.search-panel .k-multiselect .k-multiselect-wrap>ul>li.k-button:hover{box-shadow:none;background-color:color-mix(in srgb,#e5e5e5,var(--darken) 10%);}.card.search-panel .k-multiselect .k-multiselect-wrap>ul>li.k-button .k-select .k-icon.k-i-close{background-image:url(../kendo/2016.1.112/HighContrast/sprite.png);background-position:-48px -18px;filter:invert(.8);}.card.search-panel .k-multiselect .k-multiselect-wrap input.k-input{position:relative;top:2px;margin:0;}.card.search-panel .k-multiselect .fa-icon[data-icon="fass angle-down"]{width:1rem;color:#555;position:absolute;top:50%;right:0;transform:translate(-3px,-50%);}.card.search-panel .k-multiselect .clear-btn{display:none;}.card.search-panel .k-multiselect:has(.k-multiselect-wrap>ul>li) .k-multiselect-wrap{padding-left:3px;padding-right:38px;}.card.search-panel .k-multiselect:has(.k-multiselect-wrap>ul>li) .clear-btn{position:absolute;top:0;right:16px;display:flex;height:calc(100% - 2px);border:0;background:none;}.card.search-panel .k-multiselect:has(.k-multiselect-wrap>ul>li) .clear-btn .fa-icon{width:1rem;color:#f00;}.card.search-panel .extra-fields.row>div{width:100%;display:grid;gap:0 30px;}.card.search-panel .extra-fields.row>div>div.form-group label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}label.btn:has(input[type=checkbox]) input[type=checkbox]{position:absolute;left:-100vw;}label.btn:has(input[type=checkbox]),td>span.label.status{letter-spacing:.05rem;font-weight:400;}.cweb-checkbox{margin-bottom:5px;margin-right:5px;position:relative;z-index:1;}.cweb-checkbox input{position:absolute;inset:0;opacity:0;cursor:pointer;}.cweb-checkbox label{color:#aaa;background-color:#fff;border:1px dotted #999;box-shadow:1px 1px 2px rgba(10,10,10,.15);padding:5px 10px;border-radius:3px;font-size:12px;white-space:nowrap;}.filter-btn:has(input[type=checkbox]:checked),div.cweb-checkbox:has(input[type=checkbox]:checked),td>span.status{color:#fff;}.filter-btn:has(input[type=checkbox]:checked) label,div.cweb-checkbox:has(input[type=checkbox]:checked) label,td>span.status label{color:#fff;}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-default:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-default>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-default:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-default>label,td>span.status.ledgerstatus-default:not(div),td>span.status.ledgerstatus-default>label{background-color:var(--unpaid);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-unpaid:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-unpaid>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-unpaid:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-unpaid>label,td>span.status.ledgerstatus-unpaid:not(div),td>span.status.ledgerstatus-unpaid>label{background-color:var(--unpaid);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-paid:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-paid>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-paid:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-paid>label,td>span.status.ledgerstatus-paid:not(div),td>span.status.ledgerstatus-paid>label{background-color:var(--paid);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-overdue:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-overdue>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-overdue:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-overdue>label,td>span.status.ledgerstatus-overdue:not(div),td>span.status.ledgerstatus-overdue>label{background-color:var(--overdue);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-reminder:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-reminder>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-reminder:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-reminder>label,td>span.status.ledgerstatus-reminder:not(div),td>span.status.ledgerstatus-reminder>label{background-color:var(--reminder);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-collection:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-collection>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-collection:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-collection>label,td>span.status.ledgerstatus-collection:not(div),td>span.status.ledgerstatus-collection>label{background-color:var(--collection);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-credited:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-credited>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-credited:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-credited>label,td>span.status.ledgerstatus-credited:not(div),td>span.status.ledgerstatus-credited>label{background-color:var(--credited);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-creditinvoiceused:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-creditinvoiceused>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-creditinvoiceused:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-creditinvoiceused>label,td>span.status.ledgerstatus-creditinvoiceused:not(div),td>span.status.ledgerstatus-creditinvoiceused>label{background-color:var(--creditinvoiceused);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-disputed:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-disputed>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-disputed:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-disputed>label,td>span.status.ledgerstatus-disputed:not(div),td>span.status.ledgerstatus-disputed>label{background-color:var(--disputed);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-haspaymentplan:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-haspaymentplan>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-haspaymentplan:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-haspaymentplan>label,td>span.status.ledgerstatus-haspaymentplan:not(div),td>span.status.ledgerstatus-haspaymentplan>label{background-color:var(--haspaymentplan);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-nopaymentplan:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-nopaymentplan>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-nopaymentplan:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-nopaymentplan>label,td>span.status.ledgerstatus-nopaymentplan:not(div),td>span.status.ledgerstatus-nopaymentplan>label{background-color:var(--nopaymentplan);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-notused:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-notused>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-notused:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-notused>label,td>span.status.ledgerstatus-notused:not(div),td>span.status.ledgerstatus-notused>label{background-color:var(--notused);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-partiallyused:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-partiallyused>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-partiallyused:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-partiallyused>label,td>span.status.ledgerstatus-partiallyused:not(div),td>span.status.ledgerstatus-partiallyused>label{background-color:var(--partiallyused);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-fullyused:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-fullyused>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-fullyused:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-fullyused>label,td>span.status.ledgerstatus-fullyused:not(div),td>span.status.ledgerstatus-fullyused>label{background-color:var(--fullyused);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-convertedtoaccount:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-convertedtoaccount>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-convertedtoaccount:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-convertedtoaccount>label,td>span.status.ledgerstatus-convertedtoaccount:not(div),td>span.status.ledgerstatus-convertedtoaccount>label{background-color:var(--convertedtoaccount);}.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-overpayment:not(div),.filter-btn:has(input[type=checkbox]:checked).ledgerstatus-overpayment>label,div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-overpayment:not(div),div.cweb-checkbox:has(input[type=checkbox]:checked).ledgerstatus-overpayment>label,td>span.status.ledgerstatus-overpayment:not(div),td>span.status.ledgerstatus-overpayment>label{background-color:var(--overdue);}label.btn:has(input[type=radio]) input[type=radio]{-webkit-appearance:none;appearance:none;margin:0;}label.btn:has(input[type=radio]) span{margin-left:-4px;}label.btn:has(input[type=radio]:checked){background:#28abe2;color:#fff;}@media(max-width:1199px){.card.search-panel .group-filter-label{padding:calc(var(--gutter)/2) 0 0 var(--gutter);}}@media(max-width:600px){.card.search-panel .group-filter-label+div>.k-multiselect{width:100%;}}@media(max-width:991px){.card.search-panel .extra-fields.row>div{grid-auto-flow:initial!important;grid-template-columns:1fr!important;}}.suggest-paymentplan h2{margin-top:0;margin-bottom:30px;}.suggest-paymentplan h3{font-size:2.2rem;line-height:3rem;border-bottom:1px solid #ccc;margin-bottom:30px;}.suggest-paymentplan .invoice{margin:0 2rem 3rem 0;display:grid;grid-template-columns:repeat(2,min-content 1fr);gap:2rem 3rem;}.suggest-paymentplan .invoice>div:nth-child(1),.suggest-paymentplan .invoice>div:nth-child(2),.suggest-paymentplan .invoice>div:nth-child(5),.suggest-paymentplan .invoice>div:nth-child(6){order:-1;}.suggest-paymentplan .invoice .field-label{white-space:nowrap;}.suggest-paymentplan .invoice .field-label+div{font-weight:400;}.suggest-paymentplan #invoiceList+.error{color:var(--font-color-error);}.suggest-paymentplan .suggestion{margin-left:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:2rem;}.suggest-paymentplan .suggestion .sliders{position:relative;flex-basis:40%;display:grid;grid-template-columns:minmax(max-content,min-content) 1fr minmax(max-content,min-content);gap:1rem;align-items:center;}.suggest-paymentplan .suggestion .sliders .slider-header{text-align:center;font-weight:400;font-size:large;margin-bottom:-1rem;}.suggest-paymentplan .suggestion .sliders label{margin-bottom:0;}.suggest-paymentplan .suggestion .sliders label+div{display:grid;}.suggest-paymentplan .suggestion .sliders .k-slider-track{height:5px;background-color:#c2c2c2;border-radius:5px;border-color:#fff;margin-top:-4px;width:100%!important;}.suggest-paymentplan .suggestion .sliders .k-slider-track .k-slider-selection{height:6px;background-color:var(--accent-color);border-radius:5px;margin-top:-3px;}.suggest-paymentplan .suggestion .sliders .k-slider-track .k-draghandle{border-color:var(--accent-color);background-color:var(--accent-color);box-shadow:none;top:-6px;}.suggest-paymentplan .suggestion .sliders .k-slider-track .k-draghandle.k-state-focused{top:-5px;}.suggest-paymentplan .suggestion .sliders .k-dropdown,.suggest-paymentplan .suggestion .sliders .k-textbox{width:125px;}.suggest-paymentplan .suggestion .sliders input.slider{display:none;}.suggest-paymentplan .suggestion .sliders div:has(#amount+.error){display:flex;flex-flow:column;}.suggest-paymentplan .suggestion .sliders div:has(#amount+.error) input{background-color:var(--input-bg-error);}.suggest-paymentplan .suggestion .sliders div:has(#amount+.error) small.error{color:var(--font-color-error);width:125px;}.suggest-paymentplan .suggestion .fees{position:relative;display:grid;grid-template-columns:min-content 1fr;gap:1rem;}.suggest-paymentplan .suggestion .fees label{white-space:nowrap;align-self:center;}.suggest-paymentplan .suggestion .fees input{width:75px;}.suggest-paymentplan .suggestion .amounts table{width:300px;border-collapse:initial;}.suggest-paymentplan .suggestion .amounts table tr>:last-child{text-align:right;}.suggest-paymentplan .suggestion .amounts table tfoot{border-radius:0 0 3px 3px;}.suggest-paymentplan .suggestion .amounts table tfoot tr:last-child>:first-child{border-radius:0 0 0 3px;}.suggest-paymentplan .suggestion .amounts table tfoot tr:last-child>:last-child{border-radius:0 0 3px 0;}.suggest-paymentplan .suggestion .amounts .disclaimer{text-align:right;font-style:italic;color:var(--font-color-light);margin-top:calc(var(--gutter)/2);}.suggest-paymentplan .suggestion input[disabled]{background-color:var(--input-bg-disabled);}.suggest-paymentplan .suggestion input[disabled],.suggest-paymentplan .suggestion .k-state-disabled,.suggest-paymentplan .suggestion .k-state-disabled .k-slider-track{cursor:not-allowed!important;}.suggest-paymentplan .suggestion button[type=submit]>.glyphicon:first-child{margin-right:calc(var(--gutter)/2);top:2px;}.suggest-paymentplan .suggestion :last-child{flex-basis:100%;}#periods-list.k-list-container .k-list-optionlabel{display:none;}.k-slider-tooltip{height:20px;}@media(max-width:600px){.suggest-paymentplan h2{margin-top:30px;}.suggest-paymentplan .invoice{grid-template-columns:min-content 1fr;}.suggest-paymentplan .invoice>div{order:0!important;}.suggest-paymentplan .suggestion{flex-flow:column;}.suggest-paymentplan .suggestion .sliders{grid-template-columns:1fr minmax(max-content,min-content);}.suggest-paymentplan .suggestion .sliders>div:has(+.slider-header),.suggest-paymentplan .suggestion .sliders .slider-header,.suggest-paymentplan .suggestion .sliders .slider-header+div{display:none;}.suggest-paymentplan .suggestion .sliders label{grid-column:1/-1;margin-bottom:-1rem;}.suggest-paymentplan .suggestion .sliders label:last-of-type{margin-top:1rem;}.suggest-paymentplan .suggestion>div,.suggest-paymentplan .suggestion .amounts table{width:100%;}}