/* #################### BODY #################### */

body:not(.vueContent, .v-overlay-container),
.ui-widget {
    margin: 0;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: normal;
}

.ui-widget button {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* #################### LOGIN #################### */

.newsAndloginContainer {
    margin: 15vh auto 0 auto;
    width: 870px;
}

.newsAndloginContainer h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
}

#newsContainer {
    margin-right: 30px;
    width: 540px;
    float: left;
}

#newsContainer #blogNews {
    border-top: #dbdbde 1px solid;
    padding: 25px 12px 12px 12px;
    float: left;
}

#newsContainer #blogNews h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#newsContainer #blogNews div {
    margin: 10px 0 40px 0;
}

#newsContainer #blogNews p a {
    color: var(--brand-color);
}

#loginFooter {
    clear: both;
    width: 100%;
    height: 134px;
}

#loginFooter .mobileVersion {
    text-align: center;
    height: 54px;
    margin-top: 5px;
}

#loginFooter .mobileVersion a {
    color: #61c7ce;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

#loginFooter .mobileVersion a:hover {
    color: #50a3a9;
}

#loginFooter .mobileVersion a div {
    position: relative;
    top: -10px;
    display: inline;
}

#loginFooter .mobileVersion i {
    margin-top: 8px;
    font-size: 37px;
}


/* #################### GRID #################### */
#gridContainer table[role=grid],
table[role=grid] {
    table-layout: fixed;
}

/* NYE FARVER STOP */

.highlightTR {
    background-color: #b5e2f2 !important;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
}

.toolbar input[type="submit"] {
    padding-top: 2px !important;
    padding-bottom: 1px !important;
}

.toolbar .searchBar {
    display: inline;
    margin-left: 25px;
    margin-right: 5px;
}

.toolbar .searchBar input {
    width: 270px;
    position: relative;
    top: 1px;
    font-size: 12px;
}

.toolbar .txtNameContainer {
    margin-left: 25px;
    display: inline;
}

#MainPostFormContainer #btnAccount,
#MainPostFormContainer #btnOffsetAccount {
    margin-right: 5px;
    padding: 2px;
    font-size: 16px !important;
    text-decoration: none;
    color: #444444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

#MainPostFormContainer #btnAccount:hover,
#MainPostFormContainer #btnOffsetAccount:hover {
    color: #ffffff;
    background: var(--brand-color);
}

.toolbar #AllowZeroAccounts,
.toolbar #FinancialPostIncludeChildPosts,
.toolbar #OpenPostsOnly {
    margin-left: 10px;
}

.toolbar .ui-icon {
    float: left;
    margin: 3px 0 3px 0;
}

.toolbar .fal {
    float: left;
    margin: 3px 0 3px 0;
}

.toolbar input#CheckUncheckAll {
    margin: 0 0 0 6px;
    position: relative;
    top: 2px;
}

.toolbar input#CheckUncheckAll+label {
    margin: 0 20px 0 6px;
}

/* #################### GAMLE GRIDS #################### */

#wizard-buttons .ui-state-default {
    border: 1px solid #D3D3D3;
    background: #E6E6E6;
    font-weight: normal;
    color: #555;
}

#wizard-buttons .ui-state-hover {
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}

.summary-box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.summary-box .title {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.ui-button-text {
    font-weight: normal !important;
}

.ui-state-default {
    color: #000000;
}

.dv_container .dv_horScroll>div:first-child {
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.dv_container table.dv_tablefilter td:last-child {
    border-right-width: 0;
}

.dv_container .dv_table tr td:last-child,
.dv_container .dv_table tr th:last-child {
    border-right-width: 0;
}

.dv_container table.dv_tablefilter td {
    border-bottom-width: 0;
}

.dv_container .dv_horScroll .dv_header th {
    border-bottom-width: 0;
}

.dv_container .dv_horScroll.has-filters .dv_header {
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
}

.dv_container .dv_horScroll {
    background: #f5f5f5;
}

.dv_datawrapper {
    background: #ffffff;
}

.dv_container .dv_tablefilter .filterHintClass {
    border: none;
    width: 85%;
    color: Gray;
}

.dv_container .dv_table tr:nth-child(even) {
    background-color: #eef2fc !important;
}

.dv_container .dv_table tr {
    background: #ffffff;
}

.dv_container .dv_table tr:nth-child(2n) {
    background: #f5f5f5 !important;
}

.dv_container .dv_table td {
    border-bottom: none;
}

#dInvoices .dv_table {
    width: 100% !important;
    display: normal;
}

.dv_container .dv_data .dv_empty {
    width: 2% !important;
}

.dv_container .dv_data a {
    color: var(--brand-color);
}

.dv_container .dv_tableadd tr {
    text-align: center !important;
}

.dv_tablefilter input.filterHintClass {
    font-size: 10px;
}

.dv_horScroll {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#POItemCont input,
#POItemCont select,
#dInvoices input,
#dInvoices select {
    font-size: 11px !important;
    padding: 3px !important;
    border: 1px solid #cecece !important;
    outline: none !important;
}

#POItemCont .dv_container .dv_tableadd td {
    padding: 0 4px 0 3px !important;
}

.dv_data {
    width: 100% !important;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10004;
    white-space: nowrap;
}


.ui-menu .ui-menu-item {
    border: 1px solid #ffffff;
    margin: 0;
    padding: 0 4px;
    line-height: 1.5;
    color: #212121;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999999;
    width: auto;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
}

.ui-titlebar {
    padding: .5em 1em .5em;
}

.ui-helper-clearfix {
    display: block;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc;
    color: #222222;
    font-weight: bold;
}

/* #################### DIVERSE #################### */
#main #accountNumberContainer {
    margin-bottom: 10px;
    padding: 10px;
}

.fullwidth-and-with-padding {
    width: 98% !important;
    margin: 0 auto !important;
    margin-bottom: 5px;
}

.card-content {
    display: flex;
    flex-direction: row;
}

.card-content>.column-keys,
.card-content>.two-column-values,
.card-content>.one-column-values {
    align-content: flex-end;
}

.card-content>.one-column-values {
    flex: 1 100%;
    text-align: right;
}

.card-content>.column-keys {
    flex: 1 40%;
}

.card-content>.two-column-values {
    flex: 0 60%;
    display: flex;
}

.card-content>.two-column-values>.column-cost {
    flex: 0 60%;
    text-align: right;
}

.card-content>.two-column-values>.column-hours {
    flex: 0 40%;
    text-align: right;
}

.GroupedDataContainer,
#GroupedDataContainer {
    margin-bottom: 10px;
    padding: 10px;
    width: 275px;
    background: #ffffff;
}

.GroupedDataContainer {
    padding-top: 0;
}

.hide {
    display: none;
}

.highlightedGridCell {
    font-weight: bold;
}

table.info td {
    height: 20px;
    width: 400px;
}

.marginTop0 {
    margin-top: 0px !important;
}

.marginTop3 {
    margin-top: 3px;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop25 {
    margin-top: 25px !important;
}

.marginTop60 {
    margin-top: 60px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginRight10 {
    margin-right: 10px !important;
}

.noMarginLeftAndRight {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.top {
    vertical-align: top;
}

.floatLeft,
.float-left {
    float: left;
}

.floatRight,
.float-right {
    float: right;
}

.clearBoth {
    clear: both;
}

.inline {
    display: inline;
}

.inlineBlock {
    display: inline-block;
}

.fiftyProcent {
    width: 50%;
}

.nowrap {
    white-space: nowrap;
}

.block {
    display: block !important;
}

#WorksheetsContainer ul,
#QAsContainer ul,
#js-invoice-drafts ul,
#js-purchaseinvoice-drafts ul {
    padding: 0;
    margin: 0;
}

#WorksheetsContainer ul li,
#QAsContainer ul li,
#js-invoice-drafts ul li,
#js-purchaseinvoice-drafts ul li {
    list-style: none;
    padding: 12px 10px 10px 10px;
    overflow: hidden;
}

#WholesalerCatalog_gridContainer {
    margin-top: 10px;
}

#formNewProject label[for="file1"] img {
    width: 200px;
    height: auto;
}

label.error,
.field-validation-error {
    position: absolute;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    text-align: left;
    z-index: 3;
    color: #333333;
    font-size: 10px;
    background-color: #FAFAA0;
    max-width: 400px;
    width: 150px;
    top: 48px;
}

#summary tr:nth-child(even) {
    background: #e8e8e8;
}



/* --- Payment Batch import --- */
ul#paymentBatchErrors {
    margin: 10px 0 0 0;
    padding: 0;
}

ul#paymentBatchErrors li {
    margin: 0;
    padding: 5px;
    list-style: none;
}

ul#paymentBatchErrors li:nth-child(odd) {
    background: #f2dede;
}



/* --- Price Agreement Import Page --- */
#priceErrorDialogMessage {
    color: red;
}

#priceErrorDialog>table>tbody>tr:nth-of-type(1) {
    background: #ffffff;
}

#priceErrorDialog>table>tbody>tr:nth-of-type(1)>td {
    padding: 5px 0 5px 0;
}

#errorList {
    height: 400px;
    overflow-y: scroll;
}

.importPriceAgreementErrorLineHeader {
    margin: 0 0 2px 0;
    padding: 3px;
    width: 84px;
    background: #464446;
    color: #ffffff;
    font-size: 14px;
    float: left;
}

.importPriceAgreementErrorValueHeader {
    margin: 0 0 2px 0;
    padding: 3px;
    width: 341px;
    background: #464446;
    color: #ffffff;
    font-size: 14px;
    float: left;
}

.importPriceAgreementErrorLine {
    margin: 0 0 2px 0;
    padding: 3px;
    width: 84px;
    height: 34px;
    background: #cccccc;
    font-size: 12px;
    float: left;
}

.importPriceAgreementErrorValue {
    margin: 0 0 2px 0;
    padding: 3px;
    width: 341px;
    height: 34px;
    background: #cccccc;
    font-size: 12px;
    float: left;
}



/* --- Fakturakontrol --- */
.gridNumber {
    float: right;
}

.negative {
    font-weight: bold;
    color: #990000;
}

#financialResultContainer {
    margin-left: 10px;
    display: inline;
}

#DPriceCompareGrid {
    margin-top: 0.5em;
}



/* --- POPUP SECTION HEADER --- */
.sectionHeader {
    font-weight: bold;
    margin: 6px 0 3px 0;
}



/* --- Tilføj vareforbrug --- */
ul.wholesalerPrices {
    margin: 10px 0 0 0;
    padding: 0;
}

ul.wholesalerPrices li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.wholesalerPrices li:nth-child(even) {
    background: #E8E8E8;
}

ul.wholesalerPrices li:nth-child(odd) {
    background: #ffffff;
}

ul.wholesalerPrices li label,
ul.wholesalerPrices li span {
    margin: 6px;
}

.wholesalerMarginTop {
    margin-top: 60px;
}

#txtProjectToMove {
    width: 98%;
}

/* --- JQUERY LOADING OVERLAY --- */
.loading-mask {
    cursor: default !important;
}

.loading-text {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    width: auto !important;
    height: auto !important;
    text-align: center;
    background: #ffffff;
}

/* --- TABLE LOADING --- */
table.loading tbody {
    position: relative;
}

table.loading tbody:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    content: "";
}

.table-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px !important;
    height: 80px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.table-loader-icon {
    width: 80px !important;
    height: 100% !important;
    border-width: 15px;
}

/* #################### INPUTS #################### */
#btnAccountDebitCredit,
#btnOffsetAccountDebitCredit {
    width: 34px;
    margin-top: 17px;
}

input.buttonMarginTop {
    margin-top: 19px;
}

.data-field label[for=ZeroAccounts] {
    display: inline;
}

.input_short {
    width: 70px;
}

.input_normal {
    width: 150px;
}

.input_middle {
    width: 200px;
}

.input_long {
    width: 250px;
}

.input_width_300 {
    width: 300px;
}

.dropdowninput {
    width: 180px !important;
}

.input_longer {
    width: 350px;
}

.input_number {
    text-align: right;
}

#ItemNumber-list,
#Name-list {
    width: 100% !important;
    max-width: 1100px;
}

#ItemCode-list,
#Description-list {
    width: 100% !important;
    max-width: 1200px;
    font-size: 12px !important;
}


/* #################### FORM VALIDATION #################### */
.formError {
    position: absolute;
    top: -60px;
    display: block;
}

.formError .formErrorContent {
    background: #FFF4C9;
    position: relative;
    color: #000000;
    width: 213px;
    height: 42px;
    font-size: 12px;
    -moz-box-shadow: 0 0 1px #000000;
    -webkit-box-shadow: 0 0 1px #000000;
    box-shadow: 0 0 1px #000000;
    padding: 5px 5px 5px 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.formError .formErrorText {
    width: 188px;
    display: inline-block;
}

.formError .formErrorClose {
    width: 20px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.formError .formErrorClose i {
    color: #000000;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    height: 1px;
    background: #FFF4C9;
    margin: 0 auto;
    display: block;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}









/* ##################### Fra gammel ribbon-menu.scss ##################### */

#main {
    background-image: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

legend {
    padding: 2px 4px 8px 4px;
    font-size: 1.1em;
    font-weight: 600;
    color: #000000;
    border: none;
    margin-bottom: 0;
    width: auto;
}

#gridTotals fieldset {
    padding: 10px;
}

fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 10px;
    padding-top: 0;
    margin: 1em 0;
}

fieldset.form-fieldset {
    vertical-align: top;
    margin: 20px;
    padding: 20px;
    padding-top: 5px;
    background-color: #f5f5f5;
}

fieldset.form-fieldset-second-level {
    vertical-align: top;
    margin: 10px;
    padding: 20px;
    padding-top: 5px;
}

.settings .form-fieldset,
#wizard .form-fieldset {
    display: block;
}

#formNewProject .form-fieldset {
    display: block;
}

.data-field {
    margin-top: 10px;
    position: relative;
}

.data-field-inline {
    display: inline-block;
}

.data-field label {
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
}

.data-field .readonly {
    font-style: italic;
    font-weight: bold;
    padding-top: 6px;
    display: inline-block;
}

.data-fields-container .button-field {
    border-top: 1px solid #bbbbbb;
    padding: 5px;
    text-align: right;
}

textarea {
    resize: none;
}

input[type="text"].ddTextBox {
    width: 170px;
    cursor: arrow;
    border: solid 0 #ffffff;
}

input[type="checkbox"] {
    padding: 0;
    margin: 0;
}

.input_long:focus,
.input_longer:focus,
.input_middle:focus,
.input_normal:focus,
.input_short:focus {
    background-color: #e9effb !important;
}

#main button .ui-button-text {
    font-size: 12px;
    margin-left: 12px !important;
}

#main input[type=button],
#main input[type=submit] {
    padding: 0.4em 1em 0.4em 1em;
    border: 1px solid #cecece;
    color: #666666;
    font-weight: normal;
}

input[type=button]:focus,
input[type=submit]:focus {
    background-color: #e9effb !important;
}

.data-field-group {
    display: inline-block;
    vertical-align: top;
    min-width: min-content;
    min-width: -moz-min-content;
    min-width: -webkit-min-content;
}

#ui-datepicker-div {
    display: none;
}

.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: 2px !important;
    margin-top: 3px !important;
    margin-bottom: -3px !important;
}

#main #main-content-wrapper>h2 {
    display: none;
}

.two-column-data-field-wrapper .data-field {
    width: 122px;
    display: inline-block;
}

.two-column-data-field-wrapper .data-field:first-child {
    margin-right: 10px;
    margin-top: 10px;
}

.two-column-data-field-wrapper .data-field input[type=text] {
    width: 114px;
}

.zippostal-data-field-wrapper .zip {
    width: 85px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.zippostal-data-field-wrapper .postal {
    width: 122px;
    display: inline-block;
}

.zippostal-data-field-wrapper .data-field input[type=text] {
    width: 114px;
}

.three-column-data-field-wrapper .data-field:first-child {
    margin-right: 10px;
    margin-top: 10px;
}

.three-column-data-field-wrapper .data-field {
    width: 100px;
    display: inline-block;
}

.three-column-data-field-wrapper .data-field:last-child {
    margin-left: 10px;
    margin-top: 10px;
}

.three-column-data-field-wrapper .data-field input[type=text] {
    width: 114px;
}

#main #main-content-wrapper .outer-box {
    background-color: #f5f5f5;
    border-width: 0;
    -webkit-box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#main .data-fields-container {
    display: inline-block;
}

#main .data-fields-container,
#main #main-content-wrapper .outer-box {
    background-color: #fafafa;
    border: 1px solid #b6b6b6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul#steps {
    list-style-type: none;
    margin: 20px 0 0 20px;
    padding: 0;
}

ul#steps li {
    float: left;
    margin-right: 20px;
    font-size: 24px;
}

ul#steps li span {
    font-size: 14px;
    display: block;
}

ul#steps a li {
    color: #696969;
}

ul#steps li.current,
ul#steps a li.current {
    color: var(--brand-color);
}

#wizard-buttons {
    display: inline-block;
    float: left;
}

#wizard-buttons #back-button {
    margin-right: 10px;
}

.inlineCheckbox {
    display: inline-block;
}

.inlineLabel {
    display: inline-block !important;
    margin-left: 2px;
    position: relative;
    top: -2px;
}


#LockedFitterInput_label {
    margin-top: -10px;
}




/* #################### PRICE CONTROL #################### */

#priceAgreementGridToolbar .BtnMakePriceComparison,
#priceAgreementGridToolbar #btnDeleteAllItems {
    margin-right: 25px;
}

#priceAgreementGridToolbar #btnWholesalerItems,
#priceAgreementGridToolbar #btnNewItem {
    margin-right: 5px;
}

#priceItemUploaderForm input[type="submit"] {
    height: 22px;
}

#priceAgreementGridToolbar .getTemplate {
    position: absolute;
    right: 170px;
}

#priceAgreementGridToolbar #fileUpload {
    background: #cccccc;
    height: 22px;
}

.hoverInfoBoxDataLoader {
    height: 50px;
    text-align: center;
    width: 564px;
    color: #000;
    padding-top: 18px;
    font-size: 16px;
}

.hoverInfoBoxData {
    text-align: left;
    width: 564px;
}

.hoverInfoBoxData>.title {
    font-size: 18px;
    color: rgb(105, 105, 105);
    font-weight: bold;
    margin: 5px 5px 10px;
}

.hoverInfoBoxData .left-col {
    float: left;
    width: 49%;
}

.hoverInfoBoxData .right-col {
    float: right;
    width: 49%;
}

.hoverInfoBoxData .summary-box {
    width: 100%;
    margin-bottom: 12px;
}

.hoverInfoBoxData .summary-box a {
    text-decoration: none;
}

.hoverInfoBoxData .summary-box .details {
    padding-top: 0;
    max-height: 300px;
    overflow-y: auto;
}

.hoverInfoBoxData .summary-box .details td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    padding-bottom: 3px;
}

.hoverInfoBoxData .summary-box .details td:first-child {
    max-width: 80px;
    padding-left: 5px;
}

.hoverInfoBoxData .summary-box .details td:last-child {
    max-width: 153px;
    padding-left: 5px;
}

.hoverInfoBoxData .summary-text {
    margin: 0 5px;
    color: rgb(105, 105, 105);
}

.worksheet {
    border-radius: 4px;
    background-color: rgb(227, 227, 227);
    padding: 6px 4px;
    margin: 0 10px 5px;
}

.hoverInfoBoxData #editWorkSheet:hover {
    color: #FFF;
    background-color: var(--brand-color);
    padding: 2px 2px 2px 2px;
}

.hoverInfoBoxData #editWorkSheet {
    position: absolute;
    top: 82px;
    right: 22px;
    float: right;
}

ul#worksheetSelect_taglist .selectedText {
    padding-right: 15px;
    text-align: left;
}

#ShowIfNotChangable {
    margin-top: 10px;
    width: 180px;
}

#workDates,
#workAddress {
    min-height: 130px;
}

/* ##################### SALES PERSON CONTROL ##################### */

.salesPersonList {
    width: 262px;
    height: 130px;
}

.addRemoveSalesPersons {
    margin-top: 30px;
}

.addRemoveSalesPersons a {
    margin: 10px;
    display: block;
    color: #444444;
    font-size: 40px;
    text-decoration: none;
}

.addRemoveSalesPersons a:hover {
    color: var(--brand-color);
}


/* ##################### QUALITY CONTROL ##################### */

.controlSheetList {
    width: 262px;
    height: 313px !important;
}

.editControlSheet .data-field-group {
    margin-top: -10px;
    margin-right: 35px;
}

.editControlSheet fieldset {
    margin-bottom: 50px;
}

.editControlSheet fieldset:last-child {
    margin-bottom: 0;
}

.editControlSheet .Sections {
    padding: 0;
    margin-top: 0;
}

.editControlSheet legend {
    margin-left: 10px;
    padding-bottom: 0;
    font-size: 16px;
}

.editControlSheet h2 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.editControlSheet ul {
    margin: 0;
    padding: 0;
}

.editControlSheet li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #cccccc;
}

.editControlSheet li:nth-child(even) {
    background-color: #f1f1f1;
}

.editControlSheet li:last-child {
    border-bottom: none;
}

.editControlSheet .leftColumn {
    padding: 10px 20px;
    width: 46%;
    display: inline-block;
    vertical-align: top;
}

.editControlSheet .rightColumn {
    padding: 10px 20px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.editControlSheet .rightColumn textarea,
.editControlSheet .leftColumn textarea {
    width: 100%;
    height: 82px;
}

.editControlSheet .leftColumn img {
    width: auto;
    height: 100px;
}

.editControlSheet .ribbon-spacer {
    margin: 10px 0 10px 0;
    width: 1px;
    height: 150px;
    background: #cccccc;
    display: inline-block;
}

.editControlSheet .answeredBy {
    width: 50%;
}

.editControlSheetScroll {
    height: 465px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
}

.addRemoveControlSheets {
    margin-top: 103px;
}

.addRemoveControlSheets a {
    margin: 10px;
    display: block;
    color: #444444;
    font-size: 40px;
    text-decoration: none;
}

.addRemoveControlSheets a:hover {
    color: var(--brand-color);
}

#controlTypeValues {
    height: 224px;
}

#controlTypeValueList {
    width: 165px;
}

#controlTypes #controlTypeValueList {
    width: 196px !important;
}

#controlTypeCategoryName {
    width: 191px;
}

#controlTypeCategoryValues {
    width: 260px !important;
}

ul#controlTypeCategoryContainer {
    padding: 0;
    margin: 0;
}

ul#controlTypeCategoryContainer li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#controlTypeCategoryContainer .checkpointTypes {
    width: 1000px;
    border: #989898 solid 1px;
}

#controlTypeCategoryContainer .checkpointTypes th {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
    background-color: #b6b6b6;
    padding: .5em .6em .4em .6em;
    border-right: #989898 solid 1px;
    border-bottom: #989898 solid 1px;
}

#controlTypeCategoryContainer .checkpointTypes th:last-child {
    border-right: 0;
}

#controlTypeCategoryContainer .checkpointTypes th.sorting {
    width: 10%;
}

#controlTypeCategoryContainer .checkpointTypes th.tekst {
    width: 52%;
}

#controlTypeCategoryContainer .checkpointTypes th.type {
    width: 15%;
}

#controlTypeCategoryContainer .checkpointTypes th.mandatory {
    width: 10%;
}

#controlTypeCategoryContainer .checkpointTypes th.actions {
    width: 13%;
}

#controlTypeCategoryContainer .checkpointTypes td {
    padding: .5em .6em .4em .6em;
    border-right: #989898 solid 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
}

#controlTypeCategoryContainer .checkpointTypes td:last-child {
    border-right: 0;
}

#controlTypeCategoryContainer .checkpointTypes tr:nth-child(even) {
    background: #f5f5f5;
}

#controlTypeCategoryContainer .checkpointTypes tr:nth-child(odd) {
    background: #ffffff;
}

#controlTypeCategoryContainer .checkpointTypes a.icon {
    padding: 2px;
    font-size: 13.3333px;
    color: #444444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
}

#controlTypeCategoryContainer .checkpointTypes a.icon:hover {
    color: #ffffff;
    background: var(--brand-color);
}

#createNewQualityAssuranceTemplateStep2 {
    display: none;
    white-space: nowrap;
}

#qualityAssuranceTemplateBasicData {
    height: 315px;
}

#checkpointValue {
    width: 180px;
}

#oldCheckpointValue,
#editCheckpointCategory,
#oldControlTypeCategoryName,
#editControlTypeCategoryValue {
    display: none;
}

#checkpointLocationsName {
    width: 180px;
}

ul.ulAsSelect {
    margin: 0;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    outline: none;
    width: 249px;
    height: 300px;
    overflow-y: auto;
    background: #ffffff;
}

ul.ulAsSelect li.value {
    list-style: none;
    margin: 0;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #c5c5c5;
    color: #666666;
    font-size: 13.3333px;
    display: block;
    white-space: normal;
}

ul.ulAsSelect li.value div {
    display: inline;
}

ul.ulAsSelect .editValue,
ul.ulAsSelect .deleteValue {
    margin-left: 5px;
}

ul.ulAsSelect .deleteValue a,
ul.ulAsSelect .editValue a {
    padding: 2px;
    font-size: 13.3333px;
    color: #444444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
}

.ulAsSelect .deleteValue a:hover,
.ulAsSelect .editValue a:hover {
    color: #ffffff;
    background: var(--brand-color);
}

#checkpointTypeForm .option,
#checkpointTypeForm .question,
#checkpointTypeForm .signature {
    display: none;
}

#checkpointTypeForm #checkpointTypeOptionValue {
    width: 184px;
}

#checkpointTypeForm .marginLeft {
    margin-left: 40px;
}

#checkpointTypePopup {
    width: 680px;
}

#checkpointTypeOptionValues {
    height: 140px;
}

.buttonFieldTop {
    border-bottom: 1px solid #bbbbbb;
    padding: 10px 20px;
}

.windowButtonField {
    padding-top: 25px !important;
    text-align: right;
}

#createNewQualityAssuranceTemplateStep1 .buttonFieldTop {
    text-align: right;
}

#uploadFileButton {
    margin-left: 10px;
}

#priceAgreementFileUploadForm #uploadFileButton {
    margin-left: 0;
}

#uploadFileName {
    display: inline;
    margin-left: 5px;
    margin-right: 10px;
}

#submitFile {
    margin-right: 10px;
}

#priceAgreementFileUploadForm #submitFile {
    margin-right: 0;
}

#FileCollectionUploaderForm #fileUpload,
#priceItemUploaderForm #fileUpload {
    visibility: hidden;
    position: absolute;
}

/* ##################### ERROR MESSAGES ##################### */
.errorMessage {
    margin-bottom: 15px;
    padding: 2px;
    border: 1px solid #dfd0d0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #7f5050;
    background-color: #fff0f0;
    display: none;
}



/* ##################### FILE MANAGER ##################### */
.fileThumbnail {
    width: 100%;
}

.fileThumbnail.hasPopup {
    cursor: pointer;
}

#showImageDialog img#showImageDialogImage {
    width: 600px;
    height: auto;
}







/* ##################### FINANSPERIODE KENDO VALIDERINGSFEJL ##################### */
/* (Hack skal slettes efter der er fundet bedre løsning) */

#FinancialPeriodValidationHelperEndDate,
#FinancialPeriodValidationHelperStartDate {
    position: relative;
    margin-left: 153px;
    top: -57px;
}

/* ##################### SUPERSØGER ##################### */

.modal-search {
    max-width: 1000px;
}

.search-results-container {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 15px 5px;
    position: relative;
}

.search-results-container .more-results {
    display: inline-block;
    margin-top: 5px;
    color: rgb(150, 150, 150);
}

.search-results {
    list-style-type: none;
    padding-left: 10px;
    margin: 0;
}

.SuperSearchContainer a li {
    text-decoration: none;
    color: #464446;
    padding-top: 5px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SuperSearchContainer li:hover,
.SuperSearchContainer a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.SuperSearchContainer p {
    padding-left: 10px;
}

.SuperSearchContainer p a {
    cursor: pointer;
    background: none;
    color: var(--brand-color);
    display: inline;
    padding: 0;
    margin-bottom: 1em;
}

.search-tab-content {
    height: 55px;
    text-align: center;
    position: relative;
}

.search-tab-title {
    margin-top: 10px;
}

.search-tab-title span {
    margin-top: -1px;
    padding-left: 5px;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.search-tab-spinner {
    margin-top: 4px;
    position: absolute;
    height: 20px;
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.search-tab-icon {
    font-size: 30px;
    text-align: center;
    opacity: 0.1;
}

.search-content-spinner {
    width: 100px;
    height: 100px;
    margin-top: 20%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

[data-search-results-container] {
    padding-top: 10px;
    clear: left;
}

[data-search-results-container]:first-child {
    border-top: none !important;
    padding-top: 0px !important;
}

/* ##################### PDF VIEWER FIX ##################### */
#dShowDownloadPDF .km-scroll-container {
    height: 99%;
}

/* ##################### WIZARD ##################### */
#wizard {
    display: inline-block;
}

#wizard.miniProject {
    min-height: 589px;
}

#wizard.enterprise {
    min-height: 610px;
}

#wizard.editUser {
    min-height: 420px;
}



/* ##################### INFOBOX ##################### */
.infobox {
    padding: 6px;
    border: 1px solid #dfd0d0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fcf8e3;
    display: inline-block;
    line-height: 17px;
    min-width: 300px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 10px;
}

.infobox table {
    width: 100%;
}

.infobox td:first-child {
    padding-right: 8px;
}

.infobox.warning {
    height: 65px;
    box-sizing: border-box;
    width: 200px;
}

.infobox-warning {
    background-color: #fcf8e3 !important;
    margin-left: 10px;
}

.infobox-error {
    background-color: #f2dede !important;
    margin-left: 10px;
}

.infobox-error-color {
    background-color: #f2dede !important;
}

.modal-content .infobox {
    display: block;
}

.infobox i {
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: 5px;
}

.infobox a {
    text-decoration: none;
    color: #464446;
}

/* ######################### FINANS ######################### */

/*--- Opret postering ---*/
.holdingAccounts.infobox {
    margin-top: 10px;
}

.holdingAccounts .value {
    text-align: right;
    padding-left: 10px;
}


/* ######################### SAGSOVERSIGT ######################### */

/*--- Sagsoversigt ---*/
.projectOverview {
    padding-top: 10px;
    overflow-x: auto;
}

.projectOverview .buttons {
    margin-bottom: 10px;
}

.projectDetailsTable {
    margin-top: 3px;
}

.projectDetailsTable tr th {
    text-align: right;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 5px;
}

.projectDetailsTable tr th:nth-child(2) {
    text-align: left;
    padding-left: 0;
}

.createWorksheetButton {
    background: none !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    outline: inherit !important;
    cursor: inherit !important
}

.mark-all-subProjects {
    float: left;
    margin-left: 7px;
    margin-top: 7px;
}

.mark-all-subProjects span {
    margin-left: 7px;
}


/* ######################### NY SALGSFAKTURA ######################### */

.noteContainer .infobox {
    margin-left: 12px;
}

ul.invoiceInfoContainer {
    margin: 0;
    padding: 0;
}

ul .invoiceInfo h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 6px;
    padding: 0;
}

ul .invoiceInfo {
    border-bottom: solid 1px #cfcfd0;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

ul .invoiceInfo:last-child {
    border-bottom: none;
}

ul .invoiceInfo .textContainer {
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 6px;
    min-height: 60px;
    display: block;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

ul .invoiceInfo .textContainer .rowTopMargin {
    margin-top: 10px;
}

ul .invoiceInfo .invoiceInfo__action-icon {
    display: inline-block;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 25px;
    top: 10px;
    right: 6px;
    color: #cfcfd0;
    font-family: 'Font Awesome 6 Pro';
}

ul .invoiceInfo a.fa-search:before {
    font-size: 30px;
}

ul .invoiceInfo .textContainer:hover:not(.disabled) .invoiceInfo__action-icon,
ul .invoiceInfo .textContainer:focus:not(.disabled) .invoiceInfo__action-icon {
    color: var(--brand-color);
}

ul .invoiceInfo .textContainer:hover:not(.disabled):not(.u-cursor-default),
ul .invoiceInfo .textContainer:focus {
    outline: 0;
    background: #ececec;
}


ul .invoiceInfo .textContainer .paddingRight {
    padding-right: 55px;
}

ul .invoiceInfo .disabled {
    color: #a09fa0;
    cursor: default;
}

.invoiceInfoSpacer {
    border-right: solid 1px #cfcfd0;
}

.invoiceInfo .dummyInvoice a {
    width: 118px;
    display: block;
    text-decoration: none;
}

.invoiceInfo .dummyInvoice img {
    border: 1px solid #cfcfd0;
    position: absolute;
}

.invoiceInfo .dummyInvoice .icon {
    font-size: 14px;
    top: 2px;
    position: relative;
}

.invoiceInfo .dummyInvoice span {
    font-size: 10px;
    top: -1px;
    position: relative;
}

.invoiceInfo .dummyInvoice .button {
    position: relative;
    background: #a09fa0;
    margin: 0 auto 0 auto;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 73px;
    color: #ffffff;
    width: 100px;
    text-align: center;
}

#invoiceInfoOptions {
    margin-top: 15px;
}

ul.invoiceInfoGridOptions,
ul.invoiceInfoButtonOptions,
ul.invoiceInfoButtonOptionsBottom,
ul.invoiceInfoGridDeliveryNote {
    margin: 0;
    padding: 0;
}

ul.invoiceInfoGridOptions>li,
ul.invoiceInfoButtonOptions>li,
ul.invoiceInfoButtonOptionsBottom>li,
ul.invoiceInfoGridDeliveryNote>li {
    margin: 0;
    padding: 6px 15px 6px 15px;
    list-style: none;
}

ul.invoiceInfoGridOptions>li:first-child {
    padding-left: 0;
}

ul.invoiceInfoButtonOptions>li:first-child,
ul.invoiceInfoButtonOptionsBottom>li:first-child {
    padding-right: 0;
}

#InvoiceLineItem_gridContainer {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul .invoiceInfo #additionalInfo,
ul .invoiceInfo #projectDescription,
ul .invoiceInfo #workDescription,
ul .invoiceInfo #workNotes {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modal-footer.modalTopButtons {
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
}

.disabledIfNoCustomer.disabled {
    cursor: not-allowed;
}

#projectNotes h3 {
    margin: 0;
}

#projectNotes ul {
    margin: 0;
    padding: 0;
}

#projectNotes ul li {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    border-bottom: #e5e5e5 1px solid;
}

#projectNotes ul li:last-child {
    border-bottom: none;
}

#projectNotes ul li p:last-child {
    white-space: pre-line;
}

.deleteInvoiceItemLine {
    font-size: 16px !important;
    color: #c12e2a;
}

.invoice-infobox-icon {
    font-size: 12px !important;
    top: 1px !important;
    margin-left: 3px;
}

.invoiceShortcuts .label {
    font-size: 12px !important;
}

ul#Attachments {
    margin: 0;
    padding: 0;
}

ul#Attachments li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style: none;
}

/* ######################### STADEOPGØRELSE ######################### */

.projectPercentageOverview table td {
    vertical-align: middle;
}

.projectPercentageOverview .lineNote {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    display: block;
    overflow: hidden;
    line-height: 20px;
    margin-left: 20px;
}

.paid-icon {
    font-weight: 600 !important;
    color: #1e7e34;
}

.projectPercentageOverview .editNote {
    float: left;
    font-size: 15px !important;
    padding: 2px;
}

#percentages .list-group {
    text-align: left;
    font-size: 15px;
}

.create-percentage .btn {
    width: 100%;
    margin-top: 1.25rem;
}

.create-first-percentage {
    position: fixed;
    width: 300px;
    min-height: 50px;
    margin: 5% auto;
    left: 0;
    right: 0;
}

.create-first-percentage .btn {
    width: 100%;
    margin-top: 1.25rem;
}

.project-percentage-data td:first-child {
    min-width: 120px !important;
}

#invoiceStatementLines .input-group {
    width: 65px;
    float: right;
}

#invoiceStatementLines .input-group .input-group-text {
    line-height: 1 !important;
}

#percentages .percentages-history {
    max-width: 280px !important;
}

#percentages .history-with-number-prefix {
    max-width: 420px !important;
}

#percentages .active {
    background-color: #c9e4c8 !important;
    color: black;
}

.projectPercentageOverview .editNote:hover {
    color: #fff;
    background-color: var(--brand-color);
}

#invoiceStatementLines th:first-child {
    width: 25px;
}

.projectPercentageOverview .lineNote {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    display: block;
    overflow: hidden;
    line-height: 20px;
    margin-left: 20px;
}

.projectPercentageOverview .editNote {
    float: left;
    font-size: 15px !important;
    padding: 2px;
}

.projectPercentageOverview .editNote:hover {
    color: #fff;
    background-color: var(--brand-color);
}

.projectPercentagePreview {
    float: left;
    width: 80px;
}

/* ######################### Tilbud ######################### */

.notificationsCard {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.notificationsCard .ingoing {
    float: left;
    max-width: 70%;
    margin-left: 30px;
}

.notificationsCard .outgoing {
    float: right;
    max-width: 70%;
    margin-right: 35px;
}

.notificationsCard .sendDate {
    font-size: 12px;
    font-style: italic;
    width: 100%;
    float: left;
}

.notificationsCard .ingoingMessage {
    background-color: #9adcff;
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    float: left;
    position: relative;
}

.notificationsCard .outgoingMessage {
    background-color: #e8eae6;
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    float: right;
    position: relative;
}

.notificationsCard .ingoingIcon {
    background-color: #747474;
    position: absolute;
    left: -30px;
    bottom: 0px;
    border-radius: 13px;
    width: 26px;
    height: 26px;
}

.notificationsCard .ingoingIcon i {
    color: white;
    margin-top: 8px;
    margin-left: 5px;
}

.notificationsCard .outgoingIcon {
    background-color: #747474;
    position: absolute;
    right: -30px;
    bottom: 0px;
    width: 26px;
    height: 26px;
    border-radius: 13px;
}

.notificationsCard .outgoingIcon i {
    color: white;
    margin-top: 7px;
    margin-left: 4px;
}

.notificationsCard .outgoingMessageSeen {
    font-size: 11px;
    float: right;
    margin-top: 2px;
    font-style: italic;
    margin-right: 5px;
    width: 100%;
    text-align: right;
}

.notificationsCard .handledDate {
    float: left;
    width: 100%;
    font-size: 10px;
    margin-top: 4px;
}

.notificationsCard .handleButtonContainer {
    float: left;
    width: 100%
}

.commentInput {
    width: 760px;
    height: 140px;
    padding: 3px !important;
}

.state-handled {
    width: 100%;
    text-align: center;
}

.offerNotificationsContainer {
    height: 500px;
    width: 100%;
    overflow-y: auto;
}

.statesInNotificationsModal {
    font-size: 13px;
    text-align: center;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    background: #E8EAE6;
}

.firstNotification {
    background-color: #e8f27b;
}

.stateIngoing {
    padding-left: 40px;
    max-width: 40%;
}

.stateOutgoing {
    float: right;
    max-width: 100%;
    margin-right: 35px;
}

.stateRejected {
    background: #F5C0C0;
}

.stateAccepted {
    background: darkseagreen;
}

.stateAcceptedWithProject {
    background: lightblue;
}

.stateAcceptedProjectClosed {
    background: navajowhite;
}

.stateAcceptedOrRejected {
    margin: auto;
    width: 70%;
    float: none;
    clear: left;
}

.openCommentsButton {
    padding-right: 10px;
}

.unhandledOverviewNotifications {
    position: absolute;
    text-align: center;
    top: -6px;
    left: -10px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: red;
    color: white;
    font-size: 10px;
    font-weight: 600;
}

.unhandledOfferNotifications {
    top: -6px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 12px;
    padding-top: 1px;
}

.unhandledNotifications {
    position: absolute;
    background: red;
    color: white;
    font-weight: 600;
}

.outgoingTextAlignment {
    text-align: right;
}

.outgoingStateTextAlignment {
    float: right !important;
    margin-right: 35px;
    text-align: right;
}

.notificationUpdatedLabel {
    font-size: 12px;
    font-style: italic;
}

.CreatePriceAgreementV2 #GrossPrice,
.CreatePriceAgreementV2 #Discount,
.CreatePriceAgreementV2 #Quantity,
.CreatePriceAgreementV2 #Description {
    width: 13.4em !important;
}

.offerPreview #previewOfferAsPdf {
    width: 118px;
    display: block;
    text-decoration: none;
}

.offerPreview img {
    border: 1px solid #cfcfd0;
    position: absolute;
}

.offerPreview .icon {
    font-size: 14px;
    top: 2px;
    position: relative;
}

.offerPreview span {
    font-size: 10px;
    top: -1px;
    position: relative;
}

.offerPreview .button {
    position: relative;
    background: #a09fa0;
    margin: 0 auto 0 auto;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 73px;
    left: 10px;
    color: #ffffff;
    width: 100px;
    text-align: center;
}

.projectPercentagePreview #previewOfferAsPdf {
    display: block;
    text-decoration: none;
}

.projectPercentagePreview img {
    border: 1px solid #cfcfd0;
    position: absolute;
    width: 100px;
    height: 120px;
}

.projectPercentagePreview .icon {
    font-size: 14px;
    top: 2px;
    position: relative;
}

.projectPercentagePreview span {
    font-size: 10px;
    top: -1px;
    position: relative;
}

.projectPercentagePreview .button {
    position: relative;
    background: #a09fa0;
    margin: 0 auto 0 auto;
    padding: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 50px;
    left: 10px;
    color: #ffffff;
    width: 75px;
    text-align: center;
}

.createOfferDebtorButton {
    padding: 0.11rem 0rem;
}

#OfferItem_gridContainer .data-field {
    margin-top: 0px !important;
    padding-right: 12px;
}

#OfferItem_gridContainer .data-field input {
    width: 100%;
    text-align: right;
}

.commentContainer {
    height: 500px;
    width: 100%;
    overflow-y: auto;
}

.commentCard {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.commentCard .ingoing {
    float: left;
    max-width: 70%;
    margin-left: 30px;
}

.commentCard .outgoing {
    float: right;
    max-width: 70%;
    margin-right: 30px;
}

.commentCard .sendDate {
    font-size: 12px;
    font-style: italic;
    width: 100%;
    float: left;
}

.commentCard .ingoingMessage {
    background-color: #9adcff;
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    float: left;
    position: relative;
}

.commentCard .outgoingMessage {
    background-color: #d0d0d0;
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    float: right;
    position: relative;
}

.commentCard .ingoingIcon {
    background-color: #747474;
    position: absolute;
    left: -30px;
    bottom: 0px;
    border-radius: 12px;
    width: 24px;
    height: 24px;
}

.commentCard .ingoingIcon i {
    color: white;
    margin-top: 6px;
    margin-left: 5px;
}

.commentCard .outgoingIcon {
    background-color: #747474;
    position: absolute;
    right: -30px;
    bottom: 0px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
}

.commentCard .outgoingIcon i {
    color: white;
    margin-top: 6px;
    margin-left: 7px
}

.commentCard .outgoingMessageSeen {
    font-size: 11px;
    float: right;
    margin-top: 2px;
    font-style: italic;
    margin-right: 5px;
    width: 100%;
    text-align: right;
}

.commentCard .handledDate {
    float: left;
    width: 100%;
    font-size: 10px;
    margin-top: 4px;
}

.commentCard .handleButtonContainer {
    float: left;
    width: 100%
}

.commentInput {
    width: 760px;
    height: 140px;
    padding: 3px !important;
}


/* ######################### Tilbuds oversigt ######################### */

.offerOverviewSumsTable {
    width: 100%;
}

.offerOverviewSumsTable th {
    font-weight: bold;
}

.offerOverviewSumsTable tr td:nth-child(1) {
    font-weight: bold;
    text-align: left;
}

.offerOverviewSumsTable td,
.offerOverviewSumsTable th {
    text-align: right;
}

.offerOverviewStatsTabel tr:nth-child(1) th {
    border: 1px solid #cccccc;
    padding: 10px 80px 10px 80px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

.offerOverviewStatsTabel tr:nth-child(1) th:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offerOverviewStatsTabel tr:nth-child(2) th {
    text-align: center;
    padding: 10px 40px 10px 40px;
    font-weight: 900;
}

/* ######################### GENERELT ######################### */
h1 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
}

h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 16px;
}

h3 {
    margin-top: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

a {
    color: var(--brand-color);
    text-decoration: none;
}

.panel-heading {
    font-weight: bold;
}

/* ######################### BOOTSTRAP OVERWRITE ######################### */
/* set a border-box model only to elements that need it */
.u-width-100p,
/* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.ui-dialog-titlebar-close {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    vertical-align: baseline;
}


.dropdown-menu {
    font-size: 12px;
}

input[type=checkbox],
input[type=radio] {
    margin-top: 0;
}

.bootstrap-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    align-items: center;
}

.bootstrap-modal-header h5 {
    font-size: 28px;
}

.smallpadding {
    padding: 2px !important;
}


@media (min-width: 842px) {
    .modal-m {
        width: 750px;
    }
}

.GridCellDarkGrey {
    background-color: #989898;
}

.app-store-badge {
    height: 43px;
    width: 145px;
}

.app-store-badge-ws {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.calendarResource {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 3px;
    padding-right: 0px;
}

.wiki_ikon {
    width: 40px;
    border-radius: 5px;
    position: relative;
    top: 2px;
    margin: 10px 13px 0 13px;
    padding: 5px;
}

.event {
    position: relative;
}

.event__vignette {
    padding: 3px 20px;
    width: 90px;
    position: absolute;
    text-align: center;
    top: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    right: -25px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* FROM OLD SITE.CSS AND MAIN.CSS START */
.summary-box {
    background-color: white;
    color: rgb(105, 105, 105);
    display: inline-block;
    padding-bottom: 10px;
}

.summary-box .title {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(227, 227, 227);
    font-size: 120%;
    font-weight: bold;
    display: block;
    text-align: center;
}

.summary-box .details {
    padding-top: 10px;
}

.summary-box .details ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.summary-box .details ul li span:first-child {
    /*float: left;*/
    padding-left: 10px;
    padding-right: 20px;
}

.summary-box .details ul li span:last-child {
    float: right;
    padding-right: 20px;
}

.tbl_CreateDebtorCreditor td,
.tbl_NewProject td,
.tbl_EditUser td {
    padding: 0px 0px 5px 0px;
}

div.btn-toggle {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

fieldset.search_control {
    margin: 0 0;
    padding: 0;
    border: 1px solid #CCC;
}

fieldset.dialog {
    margin: 0 0;
    padding: 0;
    border: 1px solid #CCC;
}

fieldset p {
    margin: 2px 12px 10px 10px;
}

legend.search_control {
    font-size: 1em;
    font-weight: 400;
    color: #1d60ff;
    padding: 0px 0px 0px 0px;
}

legend.dialog {
    font-size: 0.8em;
    font-weight: 600;
}

/* Styles for validation helpers */
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers */
.display-label,
.editor-label,
.display-field,
.editor-field {
    margin: 0.5em 0;
}

/* TABLE */
table {
    border-collapse: collapse;
}

table td {
    padding: 0;
    font-size: 1em;
}

table tr.white {
    background-color: #ffffff;
}

table tr.color {
    background-color: #e8eef4;
}

table tr.invalid {
    background-color: #FFAA8C;
}

table.invisible {
    border: 0 none transparent;
}

table.simple td {
    padding: 0;
    height: 22px;
    border: none 0;
    font-size: 1em;
    vertical-align: top;
}

/* TEXT INPUTS */
.input_long,
.input_longer,
.input_middle,
.input_normal,
.input_short {
    border: 1px solid #ccc;
}

.input_long:focus,
.input_longer:focus,
.input_middle:focus,
.input_normal:focus,
.input_short:focus {
    background: #F4F4F4;
}

.input_long_error,
.input_longer_error,
.input_normal_error,
.input_short_error {
    border: 1px solid #ccc;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #FFBFC3;
    text-align: right;
}

input[type="text"][cdisabled="disabled"],
select[cdisabled="disabled"] {
    background-color: #F0F0F0;
}

a.up {
    background: #EFEFEF;
    cursor: pointer;
    border-top: solid 1px #6B6B6B;
    border-left: solid 1px #979797;
    border-bottom: solid 1px #979797;
    border-right: solid 1px #979797;
    padding: 2px 4px;
}

a.up:link {
    text-decoration: none;
    color: Black;
}

a.up:visited {
    text-decoration: none;
    color: Black;
}

a.up:hover {
    text-decoration: none;
    color: Black;
}

a.up:active {
    text-decoration: none;
    color: Black;
}

a.down {
    background: #bbb;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom: solid 2px #eaeaea;
    border-right: solid 2px #eaeaea;
}

.u-width-46p {
    width: 46% !important;
}

.u-width-47p {
    width: 47% !important;
}

.u-width-48p {
    width: 48% !important;
}

.u-width-49p {
    width: 49% !important;
}

.choice-list {
    display: inline-block;
    position: relative;
    font-size: 0.9em;
}

.choice-list ul {
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.choice-list ul li {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #E4E4E4;
    border: 1px solid #B4B4B4;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    line-height: 13px;
    margin: 3px 0 0 5px;
    padding: 3px 19px 3px 6px;
    position: relative;
    float: left;
    list-style: none outside none;
    margin-left: 1px;
}

.choice-list ul li.operation {
    padding-right: 6px !important;
}

.choice-list ul li a {
    color: #F36C00;
    outline: medium none;
    text-decoration: none;
    display: block;
    font-size: 1px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}

.choice-list ul li a:hover {
    background-position: right -11px;
}

.tick,
.tick-red,
.icon-delete,
.icon-delete-old,
.icon-arrow-curve-090-left,
.icon-arrow-curve-000-left,
.icon-arrow-curve-180,
.icon-arrow-curve,
.icon-arrow-curve-270-left,
.icon-pencil-field,
.marker-pencil,
.folder-broken,
.folder-plus,
.debtor-creditor-add,
.drive-download,
.document-arrow,
.icon-application-detail,
.icon-hourglass-pencil,
.icon-price-tag-pencil,
.icon-application-pencil,
.icon-clipboard-invoice,
.icon-document-invoice,
.icon-luggage-pencil,
.icon-application-minus,
.icon-printer,
.icon-paper-bag,
.icon-mail-send,
.icon-sticky-note-arrow,
.icon-user-pencil,
.icon-user,
.icon-user-silhouette-question,
.icon-gear2,
.icon-table,
.icon-inbox-table,
.icon-control,
.icon-inline,
.icon-asset,
.icon-document-plus,
.icon-plus-circle,
.icon-blueprint-arrow {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
}

.icon-delete-old {
    background-image: url('https://staticazure.e-komplet.dk/Styles/icons/images/delete.png');
}

#checkpointTypePopup .ui-button-text-icon-primary .ui-button-icon-primary {
    left: 0.2em !important;
}


#ServiceOverviewFilterInfoFooter {
    color: #808080;
}

.super-search-edit-button {
    font-size: 12px !important;
    margin-top: -3px;
    padding: 2px 4px !important;
}

.opacity-7 {
    opacity: 0.7;
}

.ui-autocomplete-clearable-button {
    position: relative;
    visibility: hidden;
    left: -20px;
    top: 2px;
    opacity: 0.5;
}

.ui-autocomplete-clearable-button:hover {
    cursor: pointer;
    opacity: 1;
}

.invoice-error-display {
    padding-left: 17px;
    color: #888;
    font-style: italic;
}

.operationsCount:not(.no-content) {
    font-size: 11px;
    background-color: var(--brand-color);
    padding: 2px 5px;
    border-radius: 50%;
    color: white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* FROM OLD SITE.CSS AND MAIN.CSS END */