/*
Copyright 2016, DHM Environmental Software Engineering Pty. Ltd, Queensland Government
The Copyright of this file belongs to DHM Environmental Software Engineering Pty. Ltd. (hereafter known as DHM) and selected clients of DHM.
No content of this file may be reproduced, modified or used in software development without the express written permission from DHM.
Where permission has been granted to use or modify this file, the full copyright information must remain unchanged at the top of the file.
Where permission has been granted to modify this file, changes must be clearly identified through adding comments and annotations to the source-code,
and a description of the changes (including who has made the changes), must be included after this copyright information.*/


.calculated-cost-item-row td{
    padding: 1px;
    
}

#dialog2-busy-panel {
    width: 100%;
    height: 320px;
    background: white;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    line-height: 320px;
    z-index: 999;
    color: lightgray;
    left: 0;
    top: 0;

}

#dialog2-edit-template-item .row {
    margin-bottom: 4px;
    vertical-align: middle;
    
}


.dialog-template-item-type-column {
    width: 30%;
    left: 2%;
    top: 2px;
    text-align: center;

    min-height: 180px;
    border-radius: 12px;
    display: block;
    position: absolute;
    padding: 4px;
}

#dialog-template-item-type-column1 {
    left: 2%;
   
}
#dialog-template-item-type-column2 {
    left: 34%;
   
}
#dialog-template-item-type-column3 {
    left: 66%;
   
}


.dialog-check-button {
    height: 48px;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;


}

.dialog-units-container {
    min-height: 60px;
}
#dialog2-edit-template-item .dialog-template-item-type-column{
     background: #b0daff;
    border: solid 1px  #5269bb;
}

#dialog4-new-commodity-item .dialog-template-item-type-column{
     background: #ffe29d;
    border: solid 1px  #d4a45a;
}






.ui-dialog {
 
    border: 1px solid #bbb;
    background: rgba(231, 231, 231, 0.90);
    color: #555;

}

.ui-dialog .ui-dialog-titlebar
{
    padding: .4em 1em;
    position: relative;
    background: #007fff;
    color: white;
}


.commodity-container {
    background: #ffe29d;
    border: solid 1px  #d4a45a;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 4px;
}

.variable-cost-group-container {
    background: #b0daff;
    border: solid 1px  #5269bb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 4px;
}

.calculated-cost-group-container {
    background: #c7b0ff;
    border: solid 1px  #6752bb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 4px;
}


.variable-cost-group-container div {
    display: inline-block;
}

.commodity-container div {
    display: inline-block;
}

.calculated-cost-group-container div {
    display: inline-block;
}

.group-header-cell {
    
    text-align:center
}


input.form-control.group-title-textedit {
    width: 48%;
}

.item-body-cell {
    
}
.template-item-title {
     background: white;
    border: solid 1px silver;
    border-radius: 4px;
    line-height: 1.2em;
    height: auto;
    width:200px;
    white-space: normal
    
}

.template-data-item-title {
     line-height: 1.2em;
     width:140px;
    white-space: normal;
                 text-align:center;
}


.variable-cost-item-container {
    width: 100%;
}

.template-item-contents {
        width: 100%;
    background: #ecf2fc;
    border: 1px #2c3f9c solid;
    border-radius: 5px;
  
    margin-top: 4px;   
}

.template-item-contents table:nth-child(even) {
     background:rgba(255, 255, 255, 0.5);  
}

.template-group-contents {
    width: 100%;
}

.template-item-container:nth-of-type(even) {
     background:rgba(255, 255, 255, 0.5);  
}

.variable-cost-group table {
    padding: 1px;
    border: none;
     width: 100%;
}

.variable-cost-group td {
    padding: 1px;
    border: none;
}



/*.variable-cost-item-contents table {
     background: #ecf2fc;
    width: 100%;
}*/

.template-item-container {
    width: 100%;
}
 
/*table.variable-cost-item :nth-child(even) 
{
    background:rgba(255, 255, 255, 0.32);
}*/

 /*.variable-cost-item-contents table:nth-child(even) 
{
    background:rgba(255, 255, 255, 0.32);
}*/

.ui-state-highlight {
     height: 1.5em; line-height: 1.2em;
    background: yellow;
}


.template-group-contents table:nth-child(even) 
{
    background:rgba(255, 255, 255, 0.32);
}
.template-item-title:hover {
     background: lightgoldenrodyellow;
   
    
}

.move-handle {
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

.variable-cost-items-header {
    background: #2c3f9c;
    color: white;
    width: 100%;
    margin-top:4px;
    
}

.calculated-cost-items-header {
    background: #6752bb;
    color: white;
    width: 100%;
    margin-top:4px;
    
}

.commodity-items-header {
    background: #8a6e43;
    color: white;
    width: 100%;
    margin-top:4px;
    
}

.commodity-group table {
    padding: 1px;
    border: none;
     width: 100%;
}

.commodity-group td {
    padding: 1px;
    border: none;
}



.header-col-1 {
    width: 32px;
    min-width: 32px;
    text-align: center;
}

.header-col-2 {
    width: 32px;
    min-width: 32px;
    text-align: center;
}

.header-col-3 {
    width: 32px;
    min-width: 32px;
    text-align: center;
}

.header-col-4 {
    width: 200px;
    min-width:200px;
    text-align: center;
}

.header-col-5 {
    width: 20pc;
   /* min-width: 20pc;*/
    text-align: center;
}

.header-col-6 {
    width: 20pc;
   /* min-width: 20pc;*/
    text-align: center;
}

.header-col-7 {
    width: 140px;
    min-width: 140px;
    text-align: center;
}

.header-col-8 {
    width: 6px;
    min-width: 6px;
    text-align: center;
}

.header-col-9 {
    width: 100px;
    min-width: 100px;
    max-width: 8pc;
    text-align: center;
}

.item-col-1 {
    width: 32px;
    max-width: 32px;
}
.item-col-2 {
    width: 32px;
    max-width: 32px;
}
.item-col-3 {
    width: 32px;
    max-width: 32px;
}
.item-col-4 {
    width: 200px;
    min-width: 200px;
}

.item-col-5 {
    width: 20pc;
    /*min-width: 10pc;*/
}
.item-col-6 {
    width: 20pc;
   /* min-width: 10pc;*/
   
}
.item-col-7 {
    width: 140px;
    min-width: 140px;
}
.item-col-8 {
    width: 6px;
    min-width: 6px;
}
.item-col-9 {
    width: 100px;
    min-width: 100px;
    text-align: center;
}
.variable-cost-item .item-col-9 {
    background: #2c3f9c;
   
}

.variable-cost-item-row td.item-col-9 {
     position: relative;
}

.commodity-item .item-col-9 {
    background: #2c3f9c;
    
}
.commodity-item-row td.item-col-9 {
     position: relative;
}

.variable-cost-group-data-rows {
    width: 100%;
}



.value-editor-textbox {
    margin-top: 1px;
    width: 35%;
    text-align: right;
    color:blue;
    /*font-weight: bold;*/
}

.btn-units-editor {
    width: 58%;
    text-align: left;
    padding-left: 1px;
    padding-right: 1px;
    white-space: nowrap;
    margin-bottom: 2px;
   /* overflow: hidden;
    text-overflow: ellipsis;
    color: gray;    
    background:rgba(245, 245, 245, 0.78)*/
 
}

.units-lavel {
    width: 100%;
   
}

.value-units-container {

    width: 100%;
    background: red;
}

.template-item-item-title-image-container {
    width: 100%;
    text-align: center;
   
}
.template-item-item-title-image {
    width: 20px;
}
.item-title-textarea-container {
    width: 100%;
   
}
.item-title-textarea {
    width: 100%;
    border: none;
}
.btn-data-action {
    width: 24px;
    height: 24px;
    margin-right: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
}



 .move-handle span{
    
    color: white;
    margin-top: 4px;
}


.variable-cost-item {
    
}

.variable-cost-item-data {
    
}

.btn-operator {
    
}

.label-operator {
    
}

.equals-sign {
    
}
.total-cost-container {
    position: relative;
}

.gross-margin-total {
    display: inline-block;
    color: white;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: lightgoldenrodyellow;
    cursor: pointer;
}

.btn-add-new-item {
    margin: 6px;
}

#btn-var-cost-compress-all, #btn-var-cost-expand-all {
    width: 24px;
    height: 24px;
    font-size: 1.2em;
    padding: 1px;
    margin-left: 3px;
}

#dialog2-inputs-table {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 220px;
}

#dialog2-inputs-table td {
    padding: 2px;
}

.dialog2-selector-btn {
    white-space: normal;
   
}

.dialog2-item-title {
    text-align: right;
    font-weight: bold; 
}

.dialog-check-button {
    width: 40%;
}

.dialog2-table-col1 {
    width: 60px;
    text-align: right;
}
.dialog2-table-col2 {
    
}
.dialog2-table-col3 {
    width: 30%;
}


.dialog2-value {
    width: 32%;
}

.dialog2-units {
    width: 65%;
}

#dialog2-inputs-table tr {
    min-height: 62px;
}



.template-editor-short-input {
    width: 250px;   
}


.commodity-item-row:not(.enabled) {
    background: silver;
    border: silver;
    opacity: 0.25;
}

.variable-cost-item-row:not(.enabled) {
     background: silver;
    border: silver;
    opacity: 0.25;
}


.variable-cost-item-row {
    width: 100%;
}

.commodity-item-row {
    width: 100%;
}

.variable-cost-group-container:not(.enabled) {
     background: silver;
     border: silver;
    opacity: 0.35;
}

.link-to-yield {
    background: white;
    border: magenta 1px solid;
    color: magenta;
    width: 94%;
    text-align: center;
        white-space: normal;
            padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
        user-select: none;
            border-radius: 4px;
}

.link-to-commodity-quantity {
    background: white;
    border: royalblue 1px solid;
    color: royalblue;
    width: 94%;
    text-align: center;
        white-space: normal;
            padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
        user-select: none;
            border-radius: 4px;
}

.variable-cost-item-row td.item-col-9 {
    background: #2c3f9c;
   
}

.commodity-item-row td.item-col-9 {
    background: #8a6e43;
   
}


.variable-cost-item-data-row td.item-col-9 {
    background: none;
    color: black;
   
}

.variable-cost-item-data.link-to-yield {
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background: none;
    border: none;*/
    
}

.variable-cost-item-data.link-to-commodity-quantity {
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background: none;
    border: none;*/
    
}

.variable-cost-group-data-items {
    width: 100%;
}
.commodity-data-rows {
    width: 100%;
}

.item-cost-link-selector {
        background: lightgoldenrodyellow;
    max-width: 93%;
    white-space: normal;
}

.variable-cost-item-data.item-cost-link-selector {
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background: none;
    border: none;*/
}


.commodity-item-data-row  tr.selected-year {
    background: lightpink;
    border-radius: 5px;
}
.variable-cost-item-data-row  tr.selected-year {
    background: lightpink;
    border-radius: 5px;
}
.calculated-cost-item-data-row  tr.selected-year {
    background: lightpink;
    border-radius: 5px;
}
tr span.trash-icon {
    position: absolute;
    right: 1px;
    top: 1px;
    opacity: 0;
    border-radius: 4px;
    padding-left: 2px;
    padding-right: 2px;
    color: red;
    font-size: 1.4em;
    -o-transition: opacity 1s ease-out, opacity 0.5s ease-in;
    -ms-transition: opacity 1s ease-out, opacity 0.5s ease-in;
    -moz-transition: opacity 1s ease-out, opacity 0.5s ease-in;
    -webkit-transition: opacity 1s ease-out, opacity 0.5s ease-in;
    transition: opacity 1s ease-out, opacity 0.5s ease-in;
}


tr:hover span.trash-icon {
    opacity: 1;
}
.transparent-btn {
    background: none;
    border: none;
    box-shadow: none;
}

.btn-units-editor {
    cursor: pointer;
}

 #maps-container {
        border-radius: 6px;
        background: white;
        border: silver 1px solid;
        padding: 10px;
    }

    .data-panel {
        border-radius: 6px;
        background: #F7F7F7;
        border: silver 1px solid;
        padding: 10px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .regional-multiplier {
        /*width: 100%;*/
        margin: 2px;
        max-width: 100px;
    }

    .regional-value {
        /*width: 100%;*/
        margin: 2px;
        max-width: 100px;
    }

    .regional-editor-container {
        padding-left: 4px;
        padding-right: 4px;
    }

    .region-label {
        text-align: right;
        padding-right: 8px;
    }

    .table-col1 {
        width: 50%;
    }

    .table-col2 {
        width: 25%;
    }

    #factor-table {
        margin-top: 20px;
    }

        #factor-table thead > tr {
            background: #7e9afc;
            color: white;
            height: 30px;
        }

    input.form-control.input-sm {
        width: 100px;
    }

    
.warning_icon {
	position: absolute;
	margin-left: -10px;
	margin-top: -6px;
}



.value_has_changed {
	background: #fcfcb0;
}

.ui-tooltip {
	max-width: 350px;
	z-index: 999999;
	background: rgba(255, 255, 255, 0.86);
	border: steelblue solid 1px;
	padding: 10px;
  }


.calculated-cost-item-row td.item-col-9 {
    position: relative;
}