/*Import root color variables for application*/
@import "ColorVariables.css";

.errorPanel {
    width: 97%;
    height: 97%;
    font-size: 11px;
    color: #990000;
    font-family: Verdana;
    background-color: #ffdab9;
    border-left-color: red;
    border-bottom-color: red;
    border-top-style: solid;
    border-top-color: red;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: red;
    border-bottom-style: solid;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.redText {
    color: #a30000 !important;
}

body {
    font-size: 12px;
    font-family: Tahoma, Verdana;
}

textarea, input, button, select {
    font-family: inherit;
    font-size: inherit;
}

#mainPage {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

#divOverlay {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    background-color: transparent;
    border: dashed 1px #666666;
}

#silentLoad {
    visibility: hidden;
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#topTable {
    background-color: #FFFFFF;
}

img.hand {
    cursor: pointer;
}

.header_locked {
    position: relative;
    cursor: default;
    top: expression(this.parentElement.parentElement.parentElement.parentElement.scrollTop-1);
    z-index: 10;
}

.leftLocked {
    position: relative;
    cursor: default;
    left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft-1);
    top: expression(this.style.top+1);
    z-index: 210;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
    border-top-style: none;
    border-bottom: solid 1px silver;
}

.leftLocked_head {
    position: relative;
    cursor: default;
    left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft-1);
    z-index: 210;
    border-right: solid 1px #BEC64D;
    border-left: solid 1px #BEC64D;
    border-top: solid 1px #BEC64D;
    border-bottom: solid 1px #BEC64D;
    background-color: #BEC64D;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.leftLocked_footer {
    position: relative;
    cursor: default;
    left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft-1);
    z-index: 210;
    border-right: solid 1px #ECEFCC;
    border-left: solid 1px #ECEFCC;
    border-top: solid 1px #ECEFCC;
    border-bottom: solid 1px #ECEFCC;
    background-color: #ECEFCC;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}



.display_none {
    display: none;
}

.hidden {
    visibility: hidden;
}

.container {
    padding: 0;
    margin: 0;
    overflow: auto;
}

.tr_gray {
    background-color: gray;
}

.bg_yellow {
    background-color: #FECB00;
}

.bg_yellow_w10 {
    background-color: #FED01A;
}

.bg_yellow_w20 {
    background-color: #FED533;
}

.bg_yellow_w30 {
    background-color: #FEDB4D;
}

.bg_yellow_w40 {
    background-color: #FEE066;
}

.bg_yellow_w50 {
    background-color: #FFE580;
}

.bg_yellow_w60 {
    background-color: #FFEA99;
}

.bg_yellow_w70 {
    background-color: #FFF0B3;
}

.bg_yellow_w80 {
    background-color: #FFF5CC;
}

.bg_yellow_w90 {
    background-color: #FFFAE6;
}

.bg_blue {
    background-color: #005C84;
}

.bg_blue_w10 {
    background-color: #1A6D91;
}

.bg_blue_w20 {
    background-color: #337D9D;
}

.bg_blue_w30 {
    background-color: #4D8DA9;
}

.bg_blue_w40 {
    background-color: #669DB5;
}

.bg_blue_w50 {
    background-color: var(--border-dark);
}

.bg_blue_w60 {
    background-color: var(--standard-background-selected);
}

.bg_blue_w70 {
    background-color: var(--background-light);
}

.bg_blue_w80 {
    background-color: #CCDEE6;
}

.bg_blue_w90 {
    background-color: var(--standard-background-light);
}

.bg_gray {
    background-color: #999999;
}

.bg_gray_w10 {
    background-color: #A0A0A0
}

.bg_gray_w20 {
    background-color: #A8A8A8;
}

.bg_gray_w30 {
    background-color: #AFAFAF;
}

.bg_gray_w40 {
    background-color: #B7B7B7;
}

.bg_gray_w50 {
    background-color: #BFBFBF;
}

.bg_gray_w60 {
    background-color: #C6C6C6;
}

.bg_gray_w70 {
    background-color: #CECECE;
}

.bg_gray_w80 {
    background-color: #D5D5D5;
}

.bg_gray_w90 {
    background-color: #DDDDDD;
}

.bg_green {
    background-color: #A2AD00;
}

.bg_green_w10 {
    background-color: #ABB51A;
}

.bg_green_w20 {
    background-color: #B5BD33;
}

.bg_green_w30 {
    background-color: #BEC64D;
}

.bg_green_w40 {
    background-color: #C7CE66;
}

.bg_green_w50 {
    background-color: #D1D680;
}

.bg_green_w60 {
    background-color: #DADE99;
}

.bg_green_w70 {
    background-color: #E3E7B3;
}

.bg_green_w80 {
    background-color: #ECEFCC;
}

.bg_green_w90 {
    background-color: #F6F7E6;
}

.bg_red {
    background-color: #E05206;
}

.bg_red_w10 {
    background-color: #E3641F;
}

.bg_red_w20 {
    background-color: #E67538;
}

.bg_red_w30 {
    background-color: #E98651;
}

.bg_red_w40 {
    background-color: #EC976A;
}

.bg_red_w50 {
    background-color: #F0A983;
}

.bg_red_w60 {
    background-color: #F3BA9B;
}

.bg_red_w70 {
    background-color: #F6CBB5;
}

.bg_red_w80 {
    background-color: #F9DCCD;
}

.bg_red_w90 {
    background-color: #FCEEE7;
}

.bg_turquoise {
    background-color: #5BC6E8;
}

.bg_turquoise_w10 {
    background-color: #6CCCEA;
}

.bg_turquoise_w20 {
    background-color: #7CD1ED;
}

.bg_turquoise_w30 {
    background-color: #8DD7EF;
}

.bg_turquoise_w40 {
    background-color: #9DDDF1;
}

.bg_turquoise_w50 {
    background-color: #ADE3F4;
}

.bg_turquoise_w60 {
    background-color: #BDE8F6;
}

.bg_turquoise_w70 {
    background-color: #CEEEF8;
}

.bg_turquoise_w80 {
    background-color: var(--button-background);
}

.bg_turquoise_w90 {
    background-color: #EFF9FD;
}

.bg_purple {
    background-color: #BA3CA8;
}

.bg_purple_w10 {
    background-color: #c04daf;
}

.bg_purple_w20 {
    background-color: #c65fb7;
}

.bg_purple_w30 {
    background-color: #cc71bf;
}

.bg_purple_w40 {
    background-color: #d382c7;
}

.bg_purple_w50 {
    background-color: #d994cf;
}

.bg_purple_w60 {
    background-color: #dfa6d7;
}

.bg_purple_w70 {
    background-color: #e5b8df;
}

.bg_purple_w80 {
    background-color: #ecc9e7;
}

.bg_purple_w90 {
    background-color: #f2dbef;
}

.dark_bottom_border {
    border-bottom: solid 2px gray;
}


.comboBox {
    border: 1px solid #A6A7AA;
    background-color: white;
}

.comboBoxHover {
    border: 1px solid #555555;
    background-color: white;
}

.comboDropDown {
    border: 1px solid #868686;
    background-color: white;
    padding: 1px;
    padding-right: 0;
    width: 500px;
    cursor: default;
}

.comboTextBox {
    border: 0;
    padding-left: 2px;
    padding-right: 2px;
}

.comboTextBoxHover {
    background-color: #B2B4BF;
}

.comboItem {
    font-family: Verdana;
    font-size: 11px;
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.comboItemHover {
    background-color: #B2B4BF;
    background-image: url(../images/comboBoxImages/comboItemBg.gif);
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #DBCE99;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

a {
    color: var(--standard-text);
}

.ProjectnumberTemplate {
    background-image: url('../images/arrow-180-medium.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

.btnNewPortfolioStructureText {
    background-image: url('../images/node-tree.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

.portfolioHeading_24 {
    padding-left: 26px;
    line-height: 24px;
    background-position: left center;
    height: 24px;
    background-image: url('../images/blue-folder_24.png');
    background-repeat: no-repeat;
    vertical-align: bottom;
    font-size: 20px;
}

.noPortfolioHeading_24 {
    padding-left: 26px;
    line-height: 24px;
    background-position: left center;
    height: 24px;
    background-image: url('../images/gray-folder-exclamation_24.png');
    background-repeat: no-repeat;
    vertical-align: bottom;
    font-size: 20px;
    color: #333333;
}

span.red {
    background-image: url('../images/commonImages/exclamation-small-red.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    padding-right: 4px;
    white-space: nowrap;
}

span.green {
    background-image: url('../images/commonImages/tick-small-circle.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    padding-right: 4px;
    white-space: nowrap;
}

span.printReport {
    background-image: url('../images/small_excel.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    margin-left: 25px;
    white-space: nowrap;
    cursor: pointer;
}

.bottomBorder {
    border-bottom: solid 1px #999999;
}

.topBorder {
    border-top: solid 1px #999999;
}

#overlay {
    background-position: center center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    /*filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
    z-index: 10000;
    /*background-image: url('../images/ajaxBar.gif');*/
    background-repeat: no-repeat;
}

    #overlay div.inner {
        width: 160px;
        height: 160px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-position: center center;
        font-size: 12px;
        color: #eeeeee;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        line-height: 40px;
    }

.spinner_0 {
    background-image: url('../images/spinner/spinner_0.png');
}

.spinner_1 {
    background-image: url('../images/spinner/spinner_1.png');
}

.spinner_2 {
    background-image: url('../images/spinner/spinner_2.png');
}

.spinner_3 {
    background-image: url('../images/spinner/spinner_3.png');
}

.spinner_4 {
    background-image: url('../images/spinner/spinner_4.png');
}

.spinner_5 {
    background-image: url('../images/spinner/spinner_5.png');
}

.spinner_6 {
    background-image: url('../images/spinner/spinner_6.png');
}

.spinner_7 {
    background-image: url('../images/spinner/spinner_7.png');
}

.spinner_8 {
    background-image: url('../images/spinner/spinner_8.png');
}

.spinner_9 {
    background-image: url('../images/spinner/spinner_9.png');
}

.spinner_10 {
    background-image: url('../images/spinner/spinner_10.png');
}

.spinner_11 {
    background-image: url('../images/spinner/spinner_11.png');
}


div.mySuperNode {
    padding-left: 16px;
    background-position: 1px -989px !important;
    background-image: url('Windows7/icons.png');
    background-repeat: no-repeat;
}

#sortable div {
    background-position: left center;
    margin: 2px;
    padding-left: 10%;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: url('../images/arrow-move.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 16px;
}

#sortable input {
    font-size: 0.9em;
    width: 90%;
}

#kfSearchHeading {
    background-image: url('../images/kfSearch.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    vertical-align: middle;
    padding-left: 46px;
}

fieldset > legend {
    color: var(--standard-text);
    padding: 0 4px;
    line-height: 16px;
}

    fieldset > legend > img,
    fieldset > legend > input[type="image"] {
        vertical-align: bottom;
        height: 16px;
        width: 16px;
        cursor: pointer;
        margin-left: 10px;
    }

    fieldset > legend :first-child {
        margin-left: 12px;
    }

/*#region Addendum stuff */

.AddendumInfoDisplay {
    overflow: auto;
}

    .AddendumInfoDisplay > div {
        /* display: inline-table;*/
        margin: 5px;
        float: left;
    }

    .AddendumInfoDisplay fieldset {
        margin: 4px;
        float: left;
    }

        .AddendumInfoDisplay fieldset > div {
            margin: 5px;
        }

.renderableContainer {
    display: table;
    margin-bottom: 10px;
}

    .renderableContainer + .renderableContainer {
        margin-top: 4px;
    }

.addendumTypeGridCell {
    border-style: none none solid none;
    border-bottom-width: thin;
    border-bottom-color: #E4E8F1;
}

.addendumTypeGridHeader {
    background-color: #CCDEE6;
}

.renderableTypeGridHeader {
    background-color: #CCDEE6;
}

    .renderableTypeGridHeader td {
        border-left: 1px solid #E4E8F1;
    }

        .renderableTypeGridHeader td:nth-child(1) {
            border-left: none;
        }

.renderableTypeGridCell {
    border-style: solid none none solid;
    border-top-width: thin;
    border-top-color: #E4E8F1;
    border-left-width: thin;
    border-left-color: #E4E8F1;
}

tr:nth-child(1) td:nth-child(1).renderableTypeGridCell {
    border-top: none;
}

td:nth-child(1).renderableTypeGridCell {
    border-left: none;
}

td.renderableTypeGridCell.noborder {
    border: none;
}

table.renderableTable {
    border: 1px solid #E4E8F1;
    margin-bottom: 8px;
}

    table.renderableTable caption {
        text-align: left;
        padding-bottom: 10px;
        font-weight: bold;
        text-decoration: underline;
    }

.renderableTable .renderableContainer {
    /*padding-bottom: 16px;
	float: left;*/
    display: table;
}

td.tableHeader {
    background-color: #5bc6e8;
}

    td.tableHeader div span.bold {
        font-weight: bold;
    }

.complexTitle {
    font-weight: bold;
    text-decoration: underline;
}

/*#endregion Addendum stuff */

.projectcheckbox {
    display: block;
}

textarea {
    display: block;
    margin: 0;
    padding: 1px 2px;
}

    textarea[rows="1"] {
        display: inline-block;
    }

    textarea.normal[readonly=readonly] {
        border: transparent 1px solid;
        border-bottom: silver 1px solid;
        overflow-y: auto;
        font: normal 12px Tahoma, Verdana;
        color: graytext;
        resize: none;
        vertical-align: sub;
    }

    textarea[readonly=readonly] {
        border: transparent 1px solid;
        border-bottom: silver 1px solid;
        overflow-y: auto;
        font: normal 12px Tahoma, Verdana;
        color: graytext;
        resize: none;
        vertical-align: sub;
    }

        textarea[readonly=readonly] ~ div#charContainer {
            display: none;
        }


.pageview-container {
    margin: 8px 0 0 10px;
    display: inline-block;
}

input[type='text']::-ms-clear {
    display: none;
}

*:focus {
    outline: none;
}

.invalidDate,
.invalidNumber {
    color: #800000;
    background-color: #F0D5D5;
}

div.dataTables_scrollBody {
    min-height: 21px;
}

#divInvoiceCountMessage {
    font-size: 0.9em;
}

#invCountPrev, #invCountNext {
    font-size: 0.9em;
    font-style: italic;
}

div.navigateOn {
    text-decoration: underline;
    color: #333399;
    cursor: pointer;
}

div.navigateOff {
    color: #999999;
}

div.checkBoxListItem {
    display: inline;
}

    div.checkBoxListItem + div.checkBoxListItem:before {
        content: ', ';
    }

div.transfer_Initial {
    background-image: url('../images/transferStatus/transfer_initial_32.png');
}

div.transfer_Ready {
    background-image: url('../images/transferStatus/transfer_ready_32.png');
}

div.transfer_Wait {
    background-image: url('../images/transferStatus/transfer_wait_32.png');
}

div.transfer_Complete {
    background-image: url('../images/transferStatus/transfer_complete_32.png');
}

div.transfer_Edit {
    background-image: url('../images/transferStatus/transfer_edit_32.png');
}

div.transfer_Error {
    background-image: url('../images/transferStatus/transfer_error_32.png');
}

div.transfer_Finished {
    background-image: url('../images/transferStatus/transfer_finished_32.png');
}

div.transferDiv {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 34px;
    font-size: 1.2em;
    height: 32px;
    vertical-align: middle;
    display: table-cell;
}

div.transferDate {
    font-size: 0.8em;
    font-style: italic;
    color: #8b4513;
}

div.transferComment_Error, div.transferComment_Wait, div.transferComment_Complete, div.transferComment_Edit {
    background-image: url('../images/commonImages/information.png');
}

div.transferComment_Error {
    background-color: #faf0e6;
    background-image: url('../images/commonImages/error.png');
}

div.transferComment {
    border-top: solid 1px #999999;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    min-height: 18px;
    padding: 4px 2px 4px 18px;
    max-width: 150px;
}

.float-left {
    float: left;
}

#divTransferStatusProject {
    display: inline;
    margin-right: 6px;
    padding-right: 6px;
    padding-left: 6px;
    border-right: solid 1px #999999;
    border-left: solid 1px #999999;
}

#divTransferStatusBudgetContainer {
    vertical-align: middle;
    text-align: right;
    padding-right: 1em;
    white-space: nowrap;
}

#divDisplayTransferStatusBudget {
    width: 200px;
    position: absolute;
    text-align: center;
    z-index: 10;
    box-shadow: #868887 2px 2px 6px 2px;
}

#divTransferStatusBudget {
    display: inline-block;
    margin-right: 6px;
    padding-right: 6px;
    padding-left: 6px;
    min-width: 190px;
}

span.transferModeChange {
    background-color: #ffe580;
}

p.pLinkTransferItem {
    text-decoration: underline;
    cursor: pointer;
}

p.transferModeComplete {
    background-image: url('../images/transferStatus/transfer_complete_16.png');
    background-repeat: no-repeat;
    padding-left: 18px;
    color: #757d01;
}

p.transferModeError {
    background-image: url('../images/transferStatus/transfer_error_16.png');
    background-repeat: no-repeat;
    padding-left: 18px;
    color: #8b3203;
    font-weight: bold;
}

.selectalert {
    padding-right: 18px;
    background-image: url('../images/commonImages/error.png');
    background-repeat: no-repeat;
    background-position: right center;
}

#dialogContainer .AddendumInfoDisplay {
    margin: 0;
}

#dialogContainer textarea[readonly="readonly"], #dialogContainer textarea[readonly],
#dialogContainer input[readonly="readonly"], #dialogContainer input[readonly], #dialogContainer select:disabled {
    border: silver 1px solid;
    background-color: #e5e5e5;
    color: #555555;
}

p.errorMessage {
    background-image: url('../images/commonImages/12-em-cross.png');
    background-repeat: no-repeat;
    background-position-y: 2px;
    text-indent: 16px;
    min-height: 16px;
}

p.warningMessage {
    /*background-image: url('../images/commonImages/error.png');
    background-repeat: no-repeat;
    background-position-x: 46px;
    background-position-y: 0px;*/
    text-indent: 16px;
    min-height: 16px;
}

p.infoMessage {
    background-image: url('../images/commonImages/information.png');
    background-repeat: no-repeat;
    background-position-y: 0px;
    text-indent: 16px;
    min-height: 16px;
    font-style: italic;
}

p.warningMessage span {
    background-color: #fff0b3;
    color: #483203;
}

span.icon {
    background-image: url('../images/structuredefinition/sprite.png');
    border-color: transparent;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    float: right;
    opacity: 0.8;
}

span.icon-edit {
    background-position: -32px 0;
}

.icon-delete {
    background-position: -32px -16px;
}

.icon-add {
    background-position: -32px -32px;
}

#btnAddText {
    background-image: url('../images/structuredefinition/sprite.png');
    border-color: transparent;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    background-position: -32px -64px;
    padding-left: 16px;
    margin-right: 8px;
    opacity: 0.8;
}

#definitionContainer ul {
    float: left;
    list-style: none;
    padding: 0;
}

#addNewContainer {
    display: none;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#definitionContainer ul li {
    line-height: 20px;
}

    #definitionContainer ul li a, #addNewContainer a {
        width: 16px;
        display: inline-block;
        padding: 1px 5px;
    }

.textContext {
    width: 175px;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block;
}

    .textContext input {
        font-size: 12px !important;
        margin: 0 !important;
        width: 175px;
    }

.waitPopup {
    width: 320px;
    background: rgba(255,255,255,1.0);
    padding: 15px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 180px;
    z-index: 103;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#percentDisplay {
    margin-top: 50px;
}

#percentBarContainer {
    margin: 10px auto;
    width: 60%;
    height: 15px;
    border: solid 1px #999999;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1.0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.waitPopup img {
    position: absolute;
    max-width: 18px;
    max-height: 18px;
    top: 25px;
    right: 25px;
    width: 20px;
    margin-bottom: 5px;
}

#percentBar {
    background-color: green;
    width: 1%;
    height: 15px;
}

#percentText {
    font-weight: normal;
    margin-left: 5px;
    font-family: Tahoma, Verdana;
}

#pleaseWaitText {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    font-family: Tahoma, Verdana;
}

#txtPrintTimer {
    font-weight: normal;
    font-family: Tahoma, Verdana;
}

#txtPrintPeriodicReport {
    font-weight: normal;
    margin-top: 18px;
    font-size: 12px;
    font-family: Tahoma, Verdana;
}

#detailPortfolioTabs ul li {
    list-style: none !important;
}

input#ctl00_cphDialog_cbxOnlyActualDisposals {
    margin-left: 0 !important;
}

.warningListDisp {
    max-height: 100px;
    overflow-y: auto;
    width: 91%;
    border: solid 1px #cccccc;
    margin-top: 8px;
}

#warningPanel {
}

.disposal-listing-container {
    display: flex;
    flex-direction: column;
}

.disposal-listing {
    padding-left: 35px;
    background-repeat: no-repeat;
}

    .disposal-listing + .disposal-listing {
        margin-top: 1em;
    }

    .disposal-listing p {
        margin: 0;
    }

    .disposal-listing ol {
        max-height: 100px;
        overflow-y: auto;
        margin: .5em 0;
    }

    .disposal-listing.error {
        background-image: url('../images/commonImages/error_32.png');
    }

    .disposal-listing.warning {
        background-image: url('../images/commonImages/warning_32.png');
    }

    .disposal-listing.info {
        background-image: url('../images/commonImages/information_32.png');
    }

.warningTextDel2 {
    padding-left: 40px;
    margin-top: 8px;
}

.enemmarginseparator {
    margin-top: 1em;
}

.dialogareawithborderbottom {
    margin: 0 4px 1em 4px;
    padding-bottom: 1em;
    border-bottom: var(--border-dark) 1px solid;
}

.stepcontainer {
    counter-reset: dialogstep-counter;
}

    .stepcontainer .step {
        counter-increment: dialogstep-counter;
        position: relative;
        padding-left: 1.5em;
    }

        .stepcontainer .step:before {
            content: counter(dialogstep-counter,decimal) '.';
            position: absolute;
            font-weight: bold;
            left: .2em;
        }

.dialogarea {
    margin: 1em 0 1em 0;
    padding-right: .5em;
}

    .dialogarea + .dialogarea {
        padding-top: 1em;
        /*border-top: var(--border-dark) 1px solid;*/
    }

.blue_table tr th,
.blue_table tr td {
    border: 0;
    white-space: nowrap;
    line-height: 19px;
    color: #222;
    padding: 0 2px;
    min-width: 60px;
    /*font-size: 0.9em;*/
}

.blue_table tr th {
    background-color: var(--table-background);
    font-family: Calibri, Tahoma;
    font-weight: normal;
    font-style: italic;
    text-align: center;
}

.blue_table tr td {
    text-align: left;
    padding-left: 1em;
}

    .blue_table tr td:first-child {
        padding-left: 2px;
    }

.blue_table tr.linebreak td {
    padding-top: 0.7em;
}

.blue_table tr.indent td:first-child {
    padding-left: 0.7em;
}

.blue_table .align-right {
    text-align: right;
}

.blue_table tr td.headerbold {
    font-weight: bold;
    text-decoration: underline;
}

.blue_table .h-line {
    border-left: solid 1px #d9d9d9;
}

/*******Styles for status detalijeview*********/
h3.statusTableHeader {
    border-bottom: 1px solid black;
    margin-top: 3px;
}

#periodicStatusExcelExportIcon {
    float: right;
    margin-right: 35px !important;
}

.statusTableHeaderWrapper {
    display: inline-block;
    max-width: 100%;
}

table th {
    border: 1px solid black;
}

/*    table th:first-child {
        vertical-align: bottom;
    }*/

.cellDataTotal input.grid_right {
    background-color: transparent !important;
    border-color: transparent !important;
}

.cellDataTotal input.red, .exceeded {
    color: red;
}

.tooltip {
    display: none;
    padding: 5px;
}

.cellDataTotal:hover .tooltip {
    background: var(--standard-background-light);
    border-radius: 5px;
    border: var(--border-light) 1px solid;
    bottom: 30px;
    color: #333333;
    display: block;
    height: 20px;
    line-height: 20px;
    width: 240px;
    position: absolute;
}

    .cellDataTotal:hover .tooltip:before {
        display: block;
        content: "";
        position: absolute;
        top: 5px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

.smallmarginRight {
    margin-top: -35px !important;
    margin-right: 5px !important;
}

.tabs, .tabsPeriodStatus {
    float: left;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 10px 0px 10px 10px;
    z-index: 1;
}

    .tabs li, .verticalDefaultTabNew, .tabsPeriodStatus li {
        color: black;
        background: url(../images/tabImages/v_tab_right_grey.gif) right top no-repeat, url(../images/tabImages/v_tab_left.gif) 0px 0px no-repeat, url(../images/tabImages/v_tab_bg.gif) 4px 0px repeat-x;
        font-family: MS Sans Serif, Verdana;
        font-size: 10px;
        width: 60px;
        text-align: center;
        line-height: 21px;
    }

    .tabs li, .tabsPeriodStatus li {
        cursor: pointer;
    }

        .tabs li.selectedPeriod, .tabsPeriodStatus li.selectedPeriod {
            cursor: default;
        }

#periodStatus, #periodStatusGrid {
    border-left: 1px solid #a7a7a7;
    margin: 11px 0px 0px 0px;
    padding-left: 10px;
    overflow-x: hidden;
    position: relative;
    left: -1px;
}

#statusCallback #periodStatusGrid {
    max-width: 86%;
}

div #tableStatusContainer {
    overflow-x: auto;
    overflow-y: visible;
}

div#tableStatusContainer {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
}

    div#tableStatusContainer td, div#tableStatusContainer th {
        padding: 3px;
    }

        div#tableStatusContainer td.cellData, div#tableStatusContainer td.cellDataTotal {
            text-align: right;
            min-width: 118px;
        }

li.selectedPeriod, .verticalSelectedTabNew {
    font-weight: bold;
    background: url(../images/tabImages/v_tab_right_white.gif) right top no-repeat, url(../images/tabImages/v_tab_left_selected.gif) 0px 0px no-repeat, url(../images/tabImages/v_tab_bg_white.gif) 4px 0px repeat-x;
}

li.over, .verticalDefaultTabHoverNew {
    background: url(../images/tabImages/v_tab_right_white.gif) right top no-repeat, url(../images/tabImages/v_tab_left_selected.gif) 0px 0px no-repeat, url(../images/tabImages/v_tab_bg_white.gif) 4px 0px repeat-x;
}

.verticalSelectedTabNew, .verticalDefaultTabHoverNew {
    font-family: MS Sans Serif, Verdana;
    font-size: 10px;
    width: 60px;
    text-align: center;
    line-height: 21px;
}
/*********************************************/

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.italic {
    font-style: italic;
}

.smaller {
    font-size: smaller;
}

.floatRight {
    float: right;
}

.center {
    text-align: center;
}

.textbold {
    font-weight: bold;
}

td.textbold {
    border: 1px solid #ffffff;
}

.w236 {
    width: 236px;
}

div.errorDiv, div.infoDiv, div.warningDiv {
    font-weight: bold;
    text-decoration: underline;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 32px;
    line-height: 32px;
    padding-left: 32px;
}

div.errorDiv {
    background-image: url(../images/commonImages/error_32.png);
}

div.infoDiv {
    background-image: url(../images/commonImages/information_32.png);
}

div.warningDiv {
    background-image: url(../images/commonImages/warning_32.png);
}

span.imageColumnSelect {
    float: right;
    border: 1px solid var(--border-light);
    background-color: var(--button-background);
    background-image: url(../jquery-ui/css/nois/images/ui-icons_80AEC2_256x240.png) !important;
}

.lastUsedIdNote {
    color: #337D9D;
    padding-bottom: 6px;
}

    .lastUsedIdNote span {
        font-weight: bold;
    }

#btnMessages {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    #btnMessages[disabled=disabled] {
        cursor: default;
    }

    #btnMessages .unreadMessages {
        color: white;
        font-weight: bold;
        display: inline-block;
        position: absolute;
        cursor: pointer;
        background: red;
        text-align: center;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        border-radius: 8px;
        right: 1px;
        bottom: 1px;
        line-height: 12px;
        font-size: 10px;
    }
/* IsyMessage listing */
#btnMessage {
    z-index: 100;
}

#msgList {
    background-color: #FFFFFF;
    border: 1px solid var(--border-light);
    display: none;
    position: absolute;
    width: 394px;
    z-index: 150;
    box-shadow: 10px 10px 50px 10px #000000;
    box-shadow: 10px 10px 50px 10px rgba(0,0,0,0.5);
    max-height: 450px;
    overflow-y: auto;
}

    #msgList .msg {
        margin: 6px;
        background: #d5e3ea;
        color: #212121;
        border-left: 5px #d5e3ea solid;
    }

        #msgList .msg.impMsg {
            background: #FFDDDB;
            border-left-color: #FFDDDB;
        }

        #msgList .msg .msgBlock {
            max-height: 80px;
            overflow: hidden;
            position: relative;
            padding: 4px;
        }

        #msgList .msg.impMsg .msgBlock {
            background-repeat: no-repeat;
            background-position: right;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AwJERYX4Mfq/gAAATZJREFUaN7tmr1KA0EURr+bBVOoILYWsRdLsRIbG3tfUWzsLdSXEVImCkISIeuxsbBaZ8NOdid8p74zzNl7Z+/sj2TM4IhcEwPHko4SQj8iYl7E1QJGwANQk0YN3AOjEuSu2YyrrteS42rtbzjuoAS55ZbHWa4rFlse58xZzmU5kMx1fvwCQlLdcu7viKgGn7mIQNKq5bBVhgpSrvPcou/9llNu2fd+s5zL0mXpsnTmLOeydOYstzNy75nj+wM4BeaJL2NnwCTHOnJ+K5hIupHU9BBaS3qOiDcZY4on5w3lVtKdpMOGsE9JjxHxVFIrOAfWia1gDZyV1MQv/mkBf6kkXZYkV2WO71VuEFjOcpbbDbm2fwTNSmriY+A1sYm/AHtFHb9+JU8kjRtCviJi6lOwMcaYTPwAEFBRz7oUEQwAAAAASUVORK5CYII=');
        }

        #msgList .msg.read {
            background: #f6f8f9;
        }

        #msgList .msg.impMsg.read {
            background: #fff8f7;
        }

        #msgList .msg .msgBlock:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(transparent 80px, #d5e3ea);
        }

        #msgList .msg.impMsg .msgBlock:before {
            background: linear-gradient(transparent 80px, #FFDDDB);
        }

        #msgList .msg .msgHeader {
            margin-bottom: 3px;
            font-weight: bold;
            font-size: 13.2px;
        }

        #msgList .msg .msgSynopsis {
            font-style: italic;
            white-space: pre-line;
        }

        #msgList .msg .msgMessage {
            margin-top: 3px;
            white-space: pre-line;
        }

        #msgList .msg .msgDates {
            padding: 2px 4px 2px 4px;
            background: #d5e3ea;
            display: flex;
            justify-content: space-between;
            font-size: 11px;
            color: #757575;
        }

        #msgList .msg.impMsg .msgDates {
            background: #FFDDDB;
        }

/* IsyMessage popup */
.msgDetails p.msgSynopsis {
    font-weight: bold;
    white-space: pre-line;
}

.msgDetails p.msgMessage {
    white-space: pre-line;
}

.msgDetails .msgCreated {
    color: #757575;
    font-size: 11px;
}

.excelExportIcon {
    background-image: url(../images/excel.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 16px;
    height: 19px;
    float: right;
    border: none;
    cursor: pointer;
    margin-right: 20px;
}

.alertDisplay {
    background-color: darksalmon;
    border: solid 2px darkred;
    border-radius: 4px;
    padding: 4px;
}

.innerAlertDisplay {
    background-color: white;
    border: solid 1px #dddddd;
    border-radius: 4px;
    padding: 4px;
    clear: both;
}

.alertDisplay > .closeButton {
    float: right;
    height: 16px;
    width: 16px;
    border: solid 1px black;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 2px;
    cursor: pointer;
    background-color: #f3ba9b;
}

.alertDisplay > .alertTitle {
    font-weight: bold;
    float: left;
}

p.warningMessageRed {
    margin-bottom: 5px;
    color: red;
}

input[name="ctl00$cphDialog$ctl04$7dcb5fe2-308b-4b44-b010-a94500a7efb2"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$19a6f4ff-9f0a-422e-bb6e-a94500a7efb6"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$3a2da633-80d3-4554-b26a-a96c00b523c9"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$b67ac8c1-ec96-4279-841d-a94500a7efb6"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$25a8fbb8-8255-48b2-b768-a96c00b523da"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$35e8b6d4-00dc-4958-ac61-a94500a7efbb"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$24789a64-0009-4983-a847-a96c00b523e9"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$4d3cdfb0-d40e-465a-92e2-a94500a7efbb"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$1537342e-a70f-4b95-8aaa-a94500a7efbb"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$05d73b63-ea84-469b-b7c7-a94500a7efbb"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$3ce93ad0-5bb9-4d6f-886c-a94500a7efbb"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$68d9941e-56e0-4b4c-86b8-a94500a7efc0"] {
    width: 256px;
}

input[name="ctl00$cphDialog$ctl04$59c592b8-bb90-4598-a95a-a94500a7efc0"] {
    width: 256px;
}


input[name="ctl00$cphDialog$ctl04$4e92e333-9fca-4b72-a06f-a94500a7efc0"] {
    width: 256px;
}


input[name="ctl00$cphDialog$ctl04$77de91ee-4278-4778-8797-a94500a7efc0"] {
    width: 256px;
}


input[name="ctl00$cphDialog$ctl04$82ee6173-3faf-49cb-8356-a94500a7efb6"] {
    width: 235px;
}


input[name="ctl00$cphDialog$ctl04$82ee6173-3faf-49cb-8356-a94500a7efb6"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$6ea73e67-6fce-4a27-84db-a94500a7efb6"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$2e0b4b78-e32d-4207-a91c-a94500a7efbb"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$fea70778-f6a0-4b62-8f5f-a94500a7efbb"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$4f36cf58-e7fb-449a-8aec-a94500a7efbb"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$d4e5fd65-b321-4218-9357-a94500a7efbb"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$3c284630-1c7e-439c-8d0f-a94500a7efbb"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$191bdb1c-3f9c-44b0-a86b-a96c00b523f2"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$4caf0273-14f9-4c30-9bc9-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$371474c5-b018-4ef2-b428-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$41332be7-0b58-4455-b267-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$ee0f2925-ab08-489e-8b33-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$7575f3ec-732b-4eee-86fb-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$7575f3ec-732b-4eee-86fb-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$344809a9-1501-4d88-b298-a94500a7efc0"] {
    width: 235px;
}

input[name="ctl00$cphDialog$ctl04$8ec97d90-d606-4210-bbef-a94500a7efc0"] {
    width: 256px;
}

span#notAllowed {
    color: red;
}

.dataTablesRowHover {
    background-color: #337D9D !important;
    color: #eeeeee !important;
}

.dataTablesRowHoverSorting {
    background-color: #0e5e80 !important;
    color: #eeeeee !important;
}

#divContractHeadInfo .ui-widget {
    font-size: 12px;
}

#statusBarsContractHead_tblBars {
    font-size: 13.33333px;
    width: 100%;
}



    #statusBarsContractHead_tblBars tbody td:nth-child(2) {
        width: 30%;
    }

    #statusBarsContractHead_tblBars tbody td:nth-child(3) {
        width: 10%;
    }



table.info-table {
    width: 100%;
    border: 0;
    border-collapse: separate !important;
}

    table.info-table th,
    table.info-table td {
        padding: 4px;
    }

    table.info-table th {
        border: solid #0099CC;
        border-width: 1px 1px 1px 0;
        font-weight: normal;
        color: #337d9d;
        background-color: #e8f7fc;
        background-image: linear-gradient(#e8f7fc 1%, #e8f7fc 39%, #daf2f8 60%, #daf2f8 100%);
    }

        table.info-table th:first-of-type {
            border-top-left-radius: 4px;
            border-left-width: 1px
        }

        table.info-table th:last-of-type {
            border-top-right-radius: 4px;
        }

    table.info-table td {
        border: solid 1px #bbb;
        border-width: 0 1px 1px 0;
    }

        table.info-table td:first-of-type {
            border-left-width: 1px;
        }

.attachmentProjectImageInfo {
    float: left;
    margin-top: 12px;
}

.tableCheckbox {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/**************************
	Flotchart
**************************/
#chartPlaceholder {
    float: left;
    width: 675px;
}

#choices {
    float: right;
    width: 200px;
    margin: 1em 0em
}

    #choices > div > label {
        width: 77%;
        float: right;
    }

#legend-container {
    float: right;
    width: 200px;
    margin: 3em 0em
}

    #legend-container > table {
        font-size: 12px !important;
        color: #000000 !important;
    }

table.wrappableheader td.addendumTypeGridHeader {
    word-wrap: break-word;
    width: 10px;
    white-space: normal;
}

table.adminlist {
    table-layout: fixed;
    border-collapse: collapse;
}

    table.adminlist td, table.adminlist th {
        text-align: left;
        padding: 3px;
    }

        table.adminlist td.a-center, table.adminlist th.a-center {
            text-align: center;
        }

    table.adminlist th {
        border: 0 solid black;
        border-bottom-width: 1px;
    }

    table.adminlist .ui-sortable .ui-sortable-handle:hover {
        cursor: move;
    }


.admindetails .egenskap {
    width: 660px;
    margin: 8px;
}

    .admindetails .egenskap .navn {
        width: 100px;
        padding-top: 4px;
        padding-right: 8px;
        display: inline-block;
        vertical-align: top;
    }

    .admindetails .egenskap .verdi {
        width: 380px;
        display: inline-block;
        vertical-align: top;
    }

    .admindetails .egenskap .checkboxlist {
        display: inline-block;
        vertical-align: top;
    }


    .admindetails .egenskap.type .verdi {
        width: auto;
    }

    .admindetails .egenskap.type .typeTekst {
        display: inline-block;
        max-width: 300px;
        padding-top: 2px;
    }

        .admindetails .egenskap.type .typeTekst.sjult {
            display: none;
        }

.admindetails textarea, .admindetails input, .admindetails button, .admindetails select {
    font-family: inherit;
    font-size: inherit;
}

table.numbertable {
    border-collapse: collapse;
}


    table.numbertable td, table.numbertable th {
        padding: 0 0 4px 4px;
        text-align: right;
    }

    table.numbertable tr td:first-of-type, table.numbertable tr th:first-of-type {
        padding-left: 0;
        text-align: left;
    }

    table.numbertable th {
        border: 0;
        text-align: center;
        font-weight: normal;
    }

tr.darkgreyborder > td {
    border: 0px solid gray;
}

tr.lightgreyborder > td {
    border: 0px solid #eeeeee;
}

tr.darkgreyborder.top > td, tr.lightgreyborder.top > td {
    border-top-width: 3px;
    padding-top: 4px;
}

tr.darkgreyborder.bottom > td, tr.lightgreyborder.bottom > td {
    border-bottom-width: 3px;
}


.expandContainer {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
}

    .expandContainer .expandHeader {
        display: block;
        cursor: pointer;
        border: 1px solid var(--border-light);
        background: rgba(214, 228, 235, 1);
        color: #00374f;
        border-radius: 4px 4px 4px 4px;
        padding: .2em .3em;
        font-size: 1em;
    }

    .expandContainer.expanded .expandHeader {
        border-radius: 4px 4px 0 0;
    }

    .expandContainer .expandIcon {
        display: inline-block;
    }

        .expandContainer .expandIcon:before {
            content: "▷ ";
        }

    .expandContainer.expanded .expandIcon:before {
        content: "◢ ";
    }

    .expandContainer .expandSummary {
        font-size: .85em;
        padding-left: 20px;
    }

    .expandContainer .expandDetail {
        padding: 8px 0 0 16px;
        overflow-x: hidden;
    }

.baseYearContainer {
    margin-left: 32px;
    font-style: italic;
    font-size: 12px;
    font-family: Calibri;
}

    .baseYearContainer .baseYear {
        margin-left: 5px;
    }


#treeContainer div[style*="visibility:hidden;"] {
    display: none;
    height: 0px;
}

.settled-checkbox > input {
    margin: 7px 7px 3px 7px;
}

.banner {
    background-color: var(--standard-background-light);
    border-bottom: 1px solid var(--border-dark);
    border-top: 1px solid var(--border-dark);
}

    .banner .container {
        float: left;
    }

    .banner .title {
        padding-top: 9px;
        display: block;
        font-size: large;
        transition: padding-top 0.2s;
    }

    .banner .period {
        display: block;
    }

    .banner .logo {
        float: left;
        background-image: url("../images/commonImages/ISY_ProjectOkonomi_48.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: center;
        width: 48px;
        height: 48px;
        display: inline-block;
        margin: 5px;
        cursor: pointer;
        transition: all 0.2s;
    }

    .banner .loginInfo {
        float: right;
        margin: 5px 5px 0px 0px;
    }

@media (max-height: 600px) {
    .banner .logo {
        height: 37px;
        margin: 0 5px 0 5px;
    }

    .banner .title {
        padding-top: 0;
    }
}

.adminLink {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.adminsection {
    padding: 12px;
}

    .adminsection > legend {
        font-weight: bold;
        text-decoration: underline;
    }

.adminPageWidth {
    width: 850px;
}

.underlined {
    text-decoration: underline;
}

#topDivBar {
    width: 80%;
    float: left;
}

#cbxExpandNodes {
    width: 20%;
    float: right;
    background-color: Silver;
    line-height: 32px;
    text-align: right;
}

#debugInfo {
    position: absolute;
    top: 1px;
    left: 800px;
    background-color: white;
    visibility: hidden;
    z-index: 999;
    border-right: navy thin solid;
    border-top: navy thin solid;
    margin: 2px;
    border-left: navy thin solid;
    border-bottom: navy thin solid;
}

#divDisplayTransferStatus {
    width: 200px;
    position: absolute;
    top: 300px;
    left: 400px;
    text-align: center;
}

#txtDebugInfo {
    position: absolute;
    top: 600px;
    left: 16px;
}

#trasferStatusDisplay {
    padding-bottom: 8px;
    display: inline-block;
}

#divKeyFigureTreeContainer, #divIncomeTreeContainer {
    height: 100%;
    width: 100%;
}

#projectsInPortfolio {
    border: 1px solid silver;
    border-image: none;
    width: 270px;
    height: 220px;
    overflow: auto;
    font-size: 0.9em;
}
/*TopPanel GridView*/
#columnListDiv, #columnStatusListDiv {
    margin-top: 8px;
}

#quantitativeLabel {
    display: inline-block;
    margin-left: 6px;
}

    #quantitativeLabel .contractname {
        display: block;
        font-weight: bold;
    }

    #quantitativeLabel .filtername {
        font-size: smaller;
    }

        #quantitativeLabel .filtername.warning {
            color: #990000;
        }

#tabStripQuantitativeContainer {
    display: inline-block;
    position: relative;
    bottom: -3px;
}

#quantitativeSearchContainer {
    float: right;
    margin-right: 16px;
    margin-top: 4px
}

input#quantitativeSearchText {
    width: 70px;
    font-size: 11px;
    border: solid 1px #999999;
}

/*felles*/
.margin8282 {
    margin: 8px 2px 2px 8px;
}

.valigntop {
    vertical-align: top;
}

#faktura-info {
    position: relative;
}

    #faktura-info #createddate-info {
        bottom: 0px;
        left: 5px;
        position: absolute;
        color: GrayText;
    }

map-information-panel {
    padding: 8px;
}

floating-panel {
    top: 120px;
    left: 100px;
}

#map-container {
    border-top: solid 1px #aaa;
}

dialog {
    border: 1px solid #B3CEDA;
    border-radius: 10px;
    background: #515600 url("images/ui-bg_diagonals-medium_40_515600_40x40.png") 50 % 50 % repeat;
}

.webHelpPortfolio {
    float: right;
    padding-top: 4px;
    margin-right: 4px;
}