@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: #fff;
    position: relative;
    height: 100%;
    line-height: 1.4rem;
    transition: background-color 300ms ease-in;
}

html, body {
    font-family: 'Open-Sans',Arial,sans-serif;
    color: #444;
}

/* LAYOUT */
.OuterPageWrapper {
    height: 100%;
}

    .OuterPageWrapper .InnerPageWrapper {
        position: relative;
        min-height: 100vh;
    }

.OuterHeaderWrapper {
    background-color: #000;
}

    .OuterHeaderWrapper .InnerHeaderWrapper {
        position: relative;
    }

.OuterContentWrapper {
}

    .OuterContentWrapper .InnerContentWrapper {
        width: 100%;
        margin: 0px auto;
        padding: 20px;
        padding-bottom: 80px;
        position: relative;
        background: #fff;
        box-sizing: border-box;
    }

.OuterFooterWrapper {
    margin-top: 20px;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 62px;
    background: #000;
}

    .OuterFooterWrapper .InnerFooterWrapper {
        padding: 20px;
        color: #fff;
    }

/* GLOBAL */
h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    line-height: 2.2rem;
}

h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 1.8rem;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px;
}

h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1.2rem;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px;
}

h4 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
}

h5 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
}

h6 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}

    h6.submenu {
        display: inline;
        width: 100%;
        text-align: left;
    }

div.submenu {
    float: left;
    padding-right: 10px;
}

p {
    margin-bottom: 1.2rem;
}

.Button {
    background: none;
    white-space: nowrap;
    border: 0px;
    margin-top: 0px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 1rem;
    border-radius: 3px;
    color: #d01e38;
    background-color: #fafafa;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: all 200ms linear;
    text-decoration: none;
    font-family: "CooperHewitt-Medium",Arial,sans-serif;
}

    .Button:hover {
        background-color: #d01e38;
        text-decoration: none;
        color: #fff;
    }

    .Button[disabled="disabled"] {
        color: #aaa;
        cursor: default
    }

        .Button[disabled="disabled"]:hover {
            background-color: #fafafa;
            text-decoration: none;
            color: #aaa;
        }

/* HEADER */
.InnerHeaderWrapper .Logo {
    float: left;
    margin: 20px;
    margin-bottom: 40px;
}

/* MENU */
.MenuWrapper {
    float: left;
    margin-left: 50px;
    margin-top: 25px;
}

    .MenuWrapper nav {
    }

        .MenuWrapper nav h6 {
            color: #bc985d;
            margin-bottom: 5px;
        }

        .MenuWrapper nav ul {
        }

            .MenuWrapper nav ul li {
                float: left;
                margin-right: 20px;
            }

                .MenuWrapper nav ul li a {
                    color: #fff;
                }

                    .MenuWrapper nav ul li a:hover {
                        color: #bc985d
                    }

                    .MenuWrapper nav ul li a.Selected {
                        color: #bc985d
                    }



/* USER INFO */
.UserInfoWrapper {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 80px;
    z-index: 11;
}

    .UserInfoWrapper label {
        float: left;
        padding-top: 7px;
        padding-right: 20px;
    }

    .UserInfoWrapper .UserInfoContent .User {
        float: right;
        cursor: pointer;
        color: #bbb;
        white-space: nowrap;
        padding-left: 10px;
        text-overflow: ellipsis;
        transition-property: color;
        transition-duration: .3s;
    }

        .UserInfoWrapper .UserInfoContent .User:hover {
            color: #fff;
        }

        .UserInfoWrapper .UserInfoContent .User:before {
            float: right;
            content: '\f2bd';
            font-size: 24px;
            font-family: 'FontAwesome5Light';
        }

    .UserInfoWrapper .CustomerMenu {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 99;
        right: -20px;
        top: 34px;
        color: #262626;
        text-transform: uppercase;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .UserInfoWrapper .CustomerMenu.Selected {
            display: block;
        }

        .UserInfoWrapper .CustomerMenu li {
            float: right;
            clear: right;
            width: 100%;
            border: 0px;
            margin-left: 0px;
            box-sizing: border-box;
            padding-left: 0;
        }

            .UserInfoWrapper .CustomerMenu li span, .UserInfoWrapper .CustomerMenu li a {
                padding: 5px;
                cursor: pointer;
                display: block;
                font-size: 0.8rem;
                width: 100%;
                color: #262626;
                box-sizing: border-box;
                padding-left: 20px;
                white-space: nowrap;
                padding-right: 20px;
                transition: background linear 200ms;
                text-decoration: none;
            }

                .UserInfoWrapper .CustomerMenu li span:hover, .UserInfoWrapper .CustomerMenu li a:hover {
                    background-color: #eee;
                }

        .UserInfoWrapper .CustomerMenu:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
            position: absolute;
            top: -8px;
            right: 23px;
        }

        .UserInfoWrapper .CustomerMenu:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #bbb;
            position: absolute;
            top: -9px;
            right: 22px;
        }

.userinfo input[type=text] {
    width: 200px;
}

/* MY INFO*/
table.byttpassord td, table.MyInfo td {
    padding: 3px;
}

table.byttpassord input[type=password], table.MyInfo input[type=text] {
    padding: 3px;
    font-size: 16px;
}

/* SYSTEM */

.SystemInfoWrapper {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 40px;
    z-index: 11;
}

    .SystemInfoWrapper label {
        float: left;
        padding-top: 7px;
        padding-right: 20px;
    }

    .SystemInfoWrapper .SystemInfoContent .User {
        float: right;
        cursor: pointer;
        color: #bbb;
        white-space: nowrap;
        padding-left: 10px;
        text-overflow: ellipsis;
        transition-property: color;
        transition-duration: .3s;
    }

        .SystemInfoWrapper .SystemInfoContent .User:hover {
            color: #fff;
        }

        .SystemInfoWrapper .SystemInfoContent .User:before {
            float: right;
            content: '\f7d9';
            font-size: 24px;
            font-family: 'FontAwesome5Light';
        }

    .SystemInfoWrapper .SystemMenu {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 99;
        right: -20px;
        top: 34px;
        color: #262626;
        text-transform: uppercase;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .SystemInfoWrapper .SystemMenu.Selected {
            display: block;
        }

        .SystemInfoWrapper .SystemMenu li {
            float: right;
            clear: right;
            width: 100%;
            border: 0px;
            margin-left: 0px;
            box-sizing: border-box;
            padding-left: 0;
        }

            .SystemInfoWrapper .SystemMenu li span, .SystemInfoWrapper .SystemMenu li a {
                padding: 5px;
                cursor: pointer;
                display: block;
                font-size: 0.8rem;
                width: 100%;
                color: #262626;
                box-sizing: border-box;
                padding-left: 20px;
                white-space: nowrap;
                padding-right: 20px;
                transition: background linear 200ms;
                text-decoration: none;
            }

                .SystemInfoWrapper .SystemMenu li span:hover, .SystemInfoWrapper .SystemMenu li a:hover {
                    background-color: #eee;
                }

        .SystemInfoWrapper .SystemMenu:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
            position: absolute;
            top: -8px;
            right: 23px;
        }

        .SystemInfoWrapper .SystemMenu:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #bbb;
            position: absolute;
            top: -9px;
            right: 22px;
        }

.userinfo input[type=text] {
    width: 200px;
}

/* INNSETT */
.ExcelLockedArea {
    float: left;
    width: 348px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: white;
}

.slaktekalender .ExcelLockedArea {
    width: 298px;
}

.ExcelScrollArea {
    float: left;
    padding-left: 5px;
    margin-left: 348px;
}
/*298px*/
.slaktekalender .ExcelScrollArea {
    margin-left: 298px;
}


.ExcelWrapper {
    overflow: auto;
    position: relative;
}

    .ExcelWrapper .ExcelRow {
        position: relative;
        width: auto;
        white-space: nowrap;
    }

.ExcelLockedArea .ExcelHeaderCell.Number {
    margin-left: 0 !important;
}

.ExcelLockedArea .ExcelHeaderCell.House {
    width: 200px !important;
    text-overflow: clip;
}

.ExcelLockedArea .ExcelRow .ExcelCell {
    font-size: 12px;
    padding-top: 4px;
}

    .ExcelLockedArea .ExcelRow .ExcelCell.Number {
        margin-left: 0px;
        text-align: center;
    }

    .ExcelLockedArea .ExcelRow .ExcelCell.Areal {
        text-align: center;
    }

    .ExcelLockedArea .ExcelRow .ExcelCell.House {
        width: 200px;
        padding-left: 5px;
    }
/*.ExcelWrapper .ExcelRow.Doubleheight .ExcelCell { line-height: 60px; height: 60px; }*/

.ExcelWrapper .ExcelRow .ExcelHeaderCell {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-weight: 600;
    background-color: #eee;
    margin-left: -5px;
    width: 50px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}

.ExcelWrapper .ExcelRow .ExcelCell {
    display: inline-block;
    margin-left: -5px;
    width: 50px;
    height: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}



.slaktekalender.ExcelWrapper .ExcelRow {
    position: relative;
    width: auto;
    white-space: nowrap;
    line-height: 20px;
}

.slaktekalender.ExcelWrapper .ExcelLockedArea .ExcelHeaderCell.Number {
    margin-left: 0 !important;
}

.slaktekalender.ExcelWrapper .ExcelLockedArea .ExcelHeaderCell.House {
    width: 200px !important;
    text-overflow: clip;
}

.slaktekalender.ExcelWrapper .ExcelLockedArea .ExcelRow .ExcelCell {
    font-size: 10px;
    padding-top: 1px;
}

    .slaktekalender.ExcelWrapper .ExcelLockedArea .ExcelRow .ExcelCell.Number {
        margin-left: 0px;
        text-align: center;
    }

.slaktekalender.ExcelWrapper ExcelLockedArea .ExcelRow .ExcelCell.Areal {
    text-align: center;
}

.slaktekalender .ExcelLockedArea .ExcelRow .ExcelCell.House {
    width: 200px;
    padding-left: 5px;
}

.slaktekalender.ExcelWrapper .ExcelRow .ExcelHeaderCell {
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    height: 20px;
    font-weight: 600;
    padding-top: 0px;
    background-color: #eee;
    margin-left: -5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}

.slaktekalender.ExcelWrapper .ExcelRow .ExcelCell {
    display: inline-block;
    margin-left: -5px;
    width: 50px;
    height: 22px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    position: relative;
}

.slaktekalender.ExcelWrapper .sumfugler {
    float: right;
    padding-right: 5px;
    line-height: 10px;
    font-size: 10px;
}




div.sumrad {
    background-color: aliceblue;
}

div.sumprhus {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 10;
}

.SelectedPeriod {
    position: absolute;
    height: 50px;
    background-color: rgba(17,182,37,0.8);
    cursor: move;
    box-sizing: border-box;
    transition: background-color linear 200ms, border-color linear 200ms
}

    .SelectedPeriod:hover {
        border: 1px solid purple;
    }

    .SelectedPeriod.ui-draggable-dragging {
        background-color: rgba(131,208,43,0.8);
    }

.ny:before { /*//content: "\f725";*/
    content: "\f055";
    font-family: 'FontAwesome5Solid';
    font-size: 14px;
    color: #aaa;
    transition: all linear 200ms
}

.ny:hover:before { /*//content: "\f725";*/
    color: lightgreen;
    font-size: 18px;
}


.edit:before {
    content: "\f044";
    font-family: 'FontAwesome5Solid';
    font-size: 8px;
    color: #000;
    transition: all linear 200ms
}

.edit:hover:before {
    color: #000;
    font-size: 28px;
    background-color: rgba(246, 246, 247, 0.71);
}

.edit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    line-height: 6px;
}


.warning:after {
    content: "\f06a";
    font-family: 'FontAwesome5Solid';
    font-size: 16px;
    color: red;
    padding-left: 6px;
}

.ny {
    background-color: none;
}

.DateArea {
}

.dateRangePicker {
    width: 50%;
}

    .dateRangePicker > div {
        float: left;
    }

table.PrognoseOrd td.WeekPickerTD {
}
div.WeekPicker {
    
}

div.WeekPickerTD {
   
}

td.WeekPickerTD {
   
}


/*td.WeekPickerTD > span,td.WeekPickerTD > div, td.WeekPickerTD > table {
    margin-top:5px;
    float: left;
    margin-right:5px;
}*/
 
.WeekPickerTD > * {
    margin-top: 5px;
    float: left;
    margin-right: 5px;
    
    
}
.WeekPickerTD > span {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:14px;
}

.WeekPicker > div {
    float: left;
}

    .WeekPicker > div:last-child {
     
    }

.produktVelger {
    /*float: left;*/
}

.KundeVelger {
    float: left;
}

tr.Ordredata {
    background-color: #aaabab;
}

.SlakteOrdrerapport {
    clear: both;
    margin-top: 10px;
}

.Activecell {
    outline-offset: -3px;
    outline: 2px solid red;
}

.Generell td {
    text-align: center;
    padding-left: 10px;
    vertical-align: middle;
}

    .Generell td div.dateRangePicker {
        width: 100%;
        font-size:14px;
    }

        .Generell td div.dateRangePicker td {
            padding-left: 3px;
        }

table.InnsettDialogWrapper {
}

    table.InnsettDialogWrapper td {
        vertical-align: top;
    }

table.InnsettDialog {
    background-color: #EFF3FB;
}

    table.InnsettDialog td {
        white-space: nowrap;
        vertical-align: top;
        border: none
    }

table.tidligereInnsett {
}

    table.tidligereInnsett td {
        padding: 10px;
        border: 1px solid gray
    }

.InnsettDialog td.Right {
    text-align: right;
}

td.Right {
    text-align: right;
}

table.Ukedager {
    width: 100%;
}

.Ukedager td {
    text-align: left;
}


td.borders {
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

div.InnsettDialogDiv {
    z-index: 99;
    padding: 3px;
    background-color: #EFF3FB;
    border: 1px solid #c6c6c6;
}

.InnsettDialogDiv input[type=text], .InnsettDialogDiv input[type=number] {
    width: 40px;
}


td.Spacer {
    width: 30px;
}

table.Slaktedato input[type=text], table.InnsettDato input[type=text] {
    width: 100%;
}

table.Slakteplan {
    width: 100%;
}

.Slakteplan td {
    width: 55px;
    text-align: center;
    border: 1px solid gray;
}

.Slakteukeplan td.ukenummer {
    text-align: left;
    font-size: 20px;
    border: none;
}

.Slakteukeplan td.info {
    text-align: left;
}

table.Slakteukeplan {
    margin-top: 10px;
}

td.red {
    background-color: red;
}

table.Slakteukeplan td {
    text-align: center;
    border: 1px solid gray;
    padding: 5px;
    text-wrap: none;
    vertical-align: middle;
}

.Slakteukeplan th {
    text-align: center;
    border: 1px solid gray;
    padding: 5px;
}

.Slakteukeplan td.red {
    background-color: red;
}

tr.Dagssum, tr.Ukesum {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

tr.Ukesum {
    border-bottom: 1px solid gray;
    background-color: aliceblue
}

    tr.Ukesum > td {
        border: none;
    }

tr.Dagssum > td {
    border: none;
}

    tr.Dagssum > td.info {
        border: none;
    }

table.slakteskjema {
    background-color: #EFF3FB;
}

.slakteskjema input[type=text], .slakteskjema input[type=number ] {
    width: 100px;
    padding-left: 3px;
}

table.InnsettSkjemaLayout {
    background-color: #EFF3FB;
}

    table.InnsettSkjemaLayout td {
        padding-right: 5px;
        padding-bottom: 5px;
    }

.InnsettSkjemaLayout table td {
    text-align: left;
    border: 1px solid gray;
    padding: 5px;
}

.InnsettSkjemaLayout table input[type=number ] {
    width: 50px;
    text-align: right;
}

.Skjema input[type=number ], .Skjema input[type=text ] {
    width: 50px;
    text-align: right;
}

table.Skjema {
    background-color: #EFF3FB;
    margin-top: 10px;
}

    table.Skjema td {
        text-align: center;
        border: 1px solid gray;
        padding: 5px;
    }

    table.Skjema th {
        border: 1px solid gray;
        padding: 5px;
    }

a.LinkToSlakt {
    color: #0094ff;
    padding-left: 10px;
    float: left;
}

    a.LinkToSlakt:hover {
        text-decoration: underline;
    }

    a.LinkToSlakt:visited {
        color: #0094ff;
    }

.Monday {
    background-color: rgba(255,255,0,0.8);
}

.Tuesday {
    background-color: rgba(255,255,0,0.8);
}

.Wednesday {
    background-color: rgba(146,208,80,0.8);
}

.Thursday {
    background-color: rgba(255,198,0,0.8);
}

.Friday {
    background-color: rgba(255,255,0,0.8);
}
.Saturday {
    background-color: rgba(135, 206, 235, 0.8);
}

.fugl1 {
    background-color: rgba(255,255,0,0.8);
}

.fugl2 {
    background-color: rgba(146,208,80,0.8);
}

.fugl3 {
    background-color: rgba(255,198,0,0.8);
}

tr.red {
    background-color: rgba(17,182,37,0.8);
}

.red {
    background-color: rgba(255,0,0,0.8);
}

tr.valgtdato {
    background-color: rgba(17,182,37,0.8);
}

tr.ugyldig {
    background-color: rgba(255,0,0,0.1);
}

.valgtdato.ugyldig {
    background-color: rgba(255,0,0,1);
}

tr.gyldig {
}

table.slaktedatoliste {
}

    table.slaktedatoliste td, table.slaktedatoliste th {
        text-align: center;
        border: 1px solid gray;
        padding: 3px;
    }

.slaktedatoliste td.slaktedato {
    text-align: left;
}

    .slaktedatoliste td.slaktedato input[type=submit] {
        width: 100%;
    }

input[type=text].datovelger {
    width: 80px !important;
}


.excelText {
    padding-top: 6px;
    padding-left: 3px;
    font-size: 8px;
    line-height: 8px;
    float: left;
    color: black;
    position: relative;
}

    .excelText a {
        color: black;
    }

.excelTextNew {
    text-align: center;
    padding-top: 6px;
    padding-left: 16px;
    font-size: 8px;
    line-height: 8px;
    float: left;
    color: black;
}

.sumfugler {
    float: right;
    padding-right: 5px;
    line-height: 15px;
    font-size: 10px;
}

.slaktelink {
    text-align: center;
    font-size: 14px;
    float: none;
    font-weight: 600;
}
/* CUSTOM DROPDOWNLIST */
select.CustomDropDownList {
    display: none;
}

.CustomDropDownListOuterWrapper {
    display: inline-block;
    width: 300px;
}

    .CustomDropDownListOuterWrapper.Large {
        width: 500px;
    }

    .CustomDropDownListOuterWrapper.Small {
        width: 120px !important;
    }

.CustomDropDownListInnerWrapper {
    float: left;
    width: 100%;
    padding: 5px;
    color: #2e2e34;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9rem;
    line-height: 25px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
    position: relative;
    border-radius: 3px;
    margin-right: 0px;
}

    .CustomDropDownListInnerWrapper .Selected {
        float: left;
        width: 100%;
        cursor: pointer;
    }

        .CustomDropDownListInnerWrapper .Selected.SingelValue {
            cursor: default
        }

        .CustomDropDownListInnerWrapper .Selected:before {
            position: absolute;
            width: 30px;
            top: 0;
            bottom: 0;
            right: 0px;
            text-align: center;
            color: #232323;
            padding-top: 8px;
            content: '\f107';
            font-size: 20px;
            font-family: 'FontAwesome5';
            padding-left: 0px;
            background-color: #fff;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 7px;
        }

        .CustomDropDownListInnerWrapper .Selected.SingelValue:before {
            content: '';
        }

        .CustomDropDownListInnerWrapper .Selected span {
            float: left;
            padding-top: 3px;
            margin-left: 5px;
            white-space: nowrap;
            width: calc(100% - 30px);
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 0px;
        }

    .CustomDropDownListInnerWrapper .Items {
        position: absolute;
        z-index: 990;
        background: #fff;
        min-width: 100%;
        left: 0px;
        top: 45px;
        box-sizing: border-box;
        padding: 0px;
        border: 1px solid #ccc;
        display: none;
        border-radius: 3px;
    }

        .CustomDropDownListInnerWrapper .Items .ItemsContent {
            max-height: 300px;
            overflow: auto;
        }

        .CustomDropDownListInnerWrapper .Items.Active {
            display: block;
        }

        .CustomDropDownListInnerWrapper .Items .Item {
            float: left;
            width: 100%;
            text-align: left;
            padding: 10px;
            box-sizing: border-box;
            padding-top: 10px;
            padding-bottom: 6px;
            cursor: pointer;
            border-bottom: 1px solid #eee;
            padding-right: 20px;
        }

            .CustomDropDownListInnerWrapper .Items .Item.Selected {
                color: #d01e38;
                background: #eee;
            }

                .CustomDropDownListInnerWrapper .Items .Item.Selected:before {
                    display: none;
                }

            .CustomDropDownListInnerWrapper .Items .Item:hover {
                background: #eee;
            }

        .CustomDropDownListInnerWrapper .Items:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
            position: absolute;
            top: -8px;
            right: 6px;
        }

        .CustomDropDownListInnerWrapper .Items:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #bbb;
            position: absolute;
            top: -9px;
            right: 5px;
        }

/* FOOTER */
.InnerFooterWrapper {
    font-size: 0.8rem;
}
/* DATA TOOLTIP */
/*.DataTooltip { position: absolute; max-width: 400px; float: left; width: auto; color: #444; display: none; background: #f2f2f2; font-size: 12px; margin-top: 18px; margin-left: -20px; z-index: 99999999; padding: 8px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); }*/
.DataTooltip {
    position: absolute;
    z-index: 1050;
    background: #f2f2f2;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    top: 0px;
    left: 0px;
    font-size: 12px;
    display: none;
    border: 1px solid #a0a45a;
    color: #444;
}

    .DataTooltip b {
        font-weight: 600;
    }

.slaktelisteklokke {
    width: 16px;
}

/*table.PrognoseOrdre {
     border-collapse: collapse;
}
table.PrognoseOrdre , td.PrognoseOrdre , th.PrognoseOrdre  {
     border: 1px solid black;
}*/

/* PROGNOSEORDRE */
table.PrognoseOrdre {
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    clear: both;
}

    table.PrognoseOrdre td, table.PrognoseOrdre th {
        font-size: 12px;
        padding-left: 3px;
        padding-right: 3px;
    }

    table.PrognoseOrdre > tbody > tr > td, table.PrognoseOrdre > tbody > tr > th {
        border: 1px solid #808080;
    }

td.Prognosetallcelle {
    text-align: center;
}

.Prognosetall {
    text-align: right;
    width: 40px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
/* UTNYTTELSESGRAD PRODUSENTINFO */
table.Produsentinfo {
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #5082C0;
    margin-bottom: 10px;
}

    table.Produsentinfo td, table.Produsentinfo th {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    table.Produsentinfo > tbody > tr > td {
        border: 1px solid #808080;
        background-color: #DBE2ED;
    }

    table.Produsentinfo > tbody > tr > th {
        border: none;
        background-color: #5082C0;
        color: white;
    }

table.produktVelger td, table td.produktVelger {
    font-size: 12px;
}

tr.SimulertProdukt td {
    background-color: #A7C0E1 !important;
}

caption {
    background-color: #5082C0;
    color: white;
}

table.generaltable {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:14px;
}

    table.generaltable td {
        padding: 3px;
        vertical-align: middle;
    }

.infoText {
    padding: 5px;
    font-size: 14px;
}

    .infoText .heading {
        font-size: 16px;
        text-decoration: underline;
    }

.restvekt, .reelrestvekt {
    background-color: #dbe2ed;
}

.negativenumber {
    background-color: #FF3C3C;
}

.renumber {
}

    .renumber > * {
        float: left;
        margin-right: 10px;
    }

.link:hover {
    cursor: pointer;
}

.Slakterapport {
    clear: both;
}
.container{
    display:grid;
    grid-template-columns: [first] auto [info] 40% [end];
    
}
.slaktogordre
  {
      padding-top:10px;
  }