:root {
    --box-rounding-size: 15px;
    --box-background-color: #F1EED1;
    --body-background-image: url('images/backgrounds/plain.jpeg');
    --navigation-background-color: #f2f2f2;
    --navigation-logo-image: none;
}

* {
    font-family: Helvetica, Arial, sans-serif;
}

body.NavigationPage {
    background-color: var(--navigation-background-color);
}

a.GUIImageLink {
    color: #3878d7;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.GUIImageLink img {
    border: 0px;
    margin-right: 5px;
    vertical-align: middle;
}

a.GUINavigationButton {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px 0px;
    border-top: 1px solid #2155ad;
    color: #000099;
    cursor: default;
    display: block;
    font-size: 12px;
    font-weight: 800;
    height: 24px;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}

a.GUINavigationButton img {
    margin: 2px 7px 2px 7px;
    vertical-align: middle;
}

a.GUINavigationButton_down {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px -52px;
}

a.GUINavigationButton_hover {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px -26px;
}

a.GUIPartAccount {
    border: 1px solid #9db6e0;
    color: #ffffff;
    display: block;
    float: right;
    padding: 2px 1px;
    text-decoration: none;
}

a.GUIPartAccount:hover {
    background-color: #7494c9;
}

a.GUIPartAccount img {
    border: 0px;
    vertical-align: middle;
}

a.GUIPartAccount img#userimg {
    margin-left: 2px;
    margin-right: 5px;
}

a.GUIPartAccount img#downimg {
    margin-left: 5px;
}

a.GUIPartImageLink img {
    border: 0px;
}

a.GUITextLink {
    color: #3878d7;
    font-weight: bold;
}

a.StartLink {
    border: 1px solid transparent;
    color: #808080;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    width: 240px;
}

a.StartLink:hover {
    background-color: #f0f0ff;
    border: 1px solid #c0c0c0;
}

a.StartLink img {
    border: 0px;
    margin-right: 10px;
    vertical-align: middle;
}

a.GUIInfoButton {
    border: 1px solid transparent;
    color: #808080;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    width: 240px;
}

a.GUIInfoButton:hover {
    background-color: #f0f0ff;
    border: 1px solid #c0c0c0;
}

a.GUIInfoButton img {
    border: 0px;
    margin-right: 10px;
    vertical-align: middle;
}

a.toolbarButton {
    color: #000000;
    cursor: default;
    display: block;
    float: left;
    font-size: 10px;
    margin-top: 1px;
    overflow: hidden;
    padding: 4px 5px 4px 0px;
    text-decoration: none;
}

a.toolbarButton.disabled {
    pointer-events: none;
    opacity: 0.5;
}

a.toolbarButton img {
    border: 0px;
    margin: 0px 5px;
    vertical-align: middle;
}

a.toolbarButton_down {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px -52px;
}

a.toolbarButton_hover {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px -26px;
}

body {
    background-color: #ffffff;
    background-image: var(--body-background-image);
    background-position: 0px 38px;
    background-repeat: repeat-x;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

body.popup {
    background-color: #ecedf6;
    background-image: none;
}

body.popup div#PopupPage_Body {
    padding: 3px;
}

body.popup div#PopupPage_Body div#PopupPage_Contents {
    border: 1px solid #d0d0d0;
}

body.popup div#PopupPage_BodyContents {
    height: 40px;
}

body.popup div#PopupPage_BodyContents table.GUIXPButton {
    float: right;
}

body.popup div#PopupPage_Contents {
    background-color: #ffffff;
    background-image: url('images/backgrounds/plain.jpeg');
    background-repeat: repeat-x;
    overflow: auto;
    position: relative;
}

div.GUIInfoButton {
    font-size: 10px;
    padding: 0 0 0 40px;
}

div.blockElement {
    background-color: #ffffff;
    left: 0px;
    position: absolute;
    top: 0px;
}

div.container {
    font-size: 12px;
    padding: 12px;
}

div.error {
    background-color: #ffe0e0;
    background-image: url('../images/icons/16x16/error.png');
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border: 1px solid #ff9090;
    color: #ff4040;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 4px 4px 25px;
}

div.error img {
    margin-right: 5px;
    vertical-align: middle;
}

div.navigationButtons {
    margin: 0px;
}

div.GUIContextMenu {
    background-color: #ffffff;
    border-color: #9db6e0;
    border-style: solid;
    border-width: 1px 3px;
    display: none;
    padding: 4px;
    position: absolute;
    top: 30px;
    z-index: 1000;
}
div.GUIContextMenu a {
    display: block;
    color: #000000;
    padding: 4px;
    text-decoration: none;
}

div.GUIContextMenu a:hover {
    background-color: #d8e2ef;
}

div.GUIContextMenu img {
    border: 0px;
    vertical-align: bottom;
}

div.GUINavigationHeader {
    font-weight: bold;
}

div.GUINavigationHeader a {
    color: #3878d7;
}

div.GUINavigationMenu {
    font-size: 0px;
}

div.GUINavigationWidget {
    background-color: #76a4e7;
    border: 1px solid #4f83d8;
    border-radius: 3px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 1px;
}

div.GUINavigationWidget div.GUINavigationWidget_Container {
    background-color: #f6fbff;
    font-size: 12px;
    padding: 5px;
    margin-top: 1px;
}

div.GUINavigationWidget div.GUINavigationWidget_Header {
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 2px;
    padding: 2px 10px 2px 3px;
}

div.GUINavigationWidget div.GUINavigationWidget_Header img {
    margin-right: 5px;
    vertical-align: top;
}

div.GUINavigationWidget.closed div.GUINavigationWidget_Container {
    display: none;
}

div.GUINavigationWidget.closed div.GUINavigationWidget_Header {
    background-position: 100% 50%;
    background-image: url('../images/icons/8x8/doubleDown.png');
}

div.GUINavigationWidget.opened div.GUINavigationWidget_Container {
    display: block;
}

div.GUINavigationWidget.opened div.GUINavigationWidget_Header {
    background-position: 100% 45%;
    background-image: url('../images/icons/8x8/doubleUp.png');
}

div.GUIPartAccount {
    background-color: #ffffff;
    border-color: #9db6e0;
    border-style: solid;
    border-width: 1px 3px;
    display: none;
    padding: 4px;
    position: absolute;
    top: 31px;
    right: 10px;
    z-index: 1000;
}

div.GUIPartAccount a {
    display: block;
    color: #000000;
    padding: 4px;
    text-decoration: none;
}

div.GUIPartAccount a:hover {
    background-color: #d8e2ef;
}

div.GUIPartAccount img {
    border: 0px;
    vertical-align: bottom;
}

div.GUIProcessMilestones img {
    margin-right: 3px;
    vertical-align: top;
}

div.GUIProcessMilestones div.milestoneDone {
    color: #003000;
}

div.GUIProcessMilestones div.milestoneNotDone {
    color: #707070;
}

div.GUIProcessNavigation div.navigationPhase {
    cursor: pointer;
    font-weight: bold;
}

div.GUIProcessNavigation div.navigationPhase div.navigationPhaseNumber {
    background-image: url('../images/icons/16x16/phasenumber.png');
    color: #ffffff;
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: -1px;
    padding-top: 1px;
    text-align: center;
    width: 16px;
}

div.GUIProcessNavigation div.navigationPhaseSteps {
    clear: both;
    margin-top: 5px;
}

div.GUIProcessNavigation div.navigationStep {
    color: #707070;
    font-size: 11px;
    margin-left: 8px;
}

div.GUIProcessNavigation div.navigationStep a {
    color: #000000;
    text-decoration: none;
}

div.GUIProcessNavigation div.navigationPhaseSteps + div.navigationPhase {
    margin-top: 8px;
}

div.GUIProcessNavigation div.navigationStepActive {
    color: #000000;
    font-weight: bold;
}

div.GUIProcessNavigation div.navigationStepClosed a {
    color: #808080;
}

div.GUIProcessNavigation div.navigationStepClosed span.navigationStepNumber {
    color: #808080;
}

div.GUIProcessNavigation span.navigationStepNumber {
    color: #606060;
    margin-right: 7px;
}

div.GUITitleBar {
    background-color: #2155ad;
    background-image: url(images/titlebar/background.png);
    background-repeat: repeat-x;
    height: 38px;
    overflow: hidden;
}

div.GUITitleBar table {
    border-collapse: collapse;
    width: 100%;
}

div.GUITitleBar td {
    color: #ffffff;
    vertical-align: top;
}

div.GUITitleBar td.GUITitleBar_Left {
    font-size: 22px;
    padding: 6px;
    white-space: nowrap;
}

div.GUITitleBar td.GUITitleBar_Right {
    padding: 6px 10px;
    text-align: right;
    white-space: nowrap;
}

div.GUIToolbar {
    background: url('images/toolbar-sprites-h.png') repeat-x 0px 0px;
    border-bottom: 1px solid #4a6285;
    display: block;
    height: 25px;
}

div.moduleMessage {
    background-image: url('../images/module/messagebg.png');
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;
    position: absolute;
    top: 0px;
}

div.moduleMessage div.error {
    background-color: #ffbdbd;
    background-image: url('../images/icons/50x50/error.png');
    border: 1px solid #ff9a9a;
    color: #730000;
}

div.moduleMessage div.info {
    background-color: #d2d8f0;
    background-image: url('../images/icons/50x50/information.png');
    border: 1px solid #95a0c0;
    color: #000073;
}

div.moduleMessage div.success {
    background-color: #d4f0d2;
    background-image: url('../images/icons/50x50/success.png');
    border: 1px solid #98c095;
    color: #007300;
}

div.moduleMessage div.text {
    background-position: 30px 50%;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    padding: 60px 30px 60px 100px;
    position: absolute;
    text-align: center;
    width: 370px;
}

div#augusoftLogo {
    background-image: url('../images/logo/AuguSoft.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    color: #808080;
    cursor: pointer;
    float: right;
    font-size: 9px;
    height: 25px;
    margin-left: 10px;
    text-align: right;
    width: 73px;
}

div#ModulePage_Contents {
    font-size: 12px;
    overflow: auto;
    position: relative;
    width: 100%;
}

div#ModulePage_Contents_Wrap {
    margin: 12px;
    max-width: 1800px;
}

div#NavigationContainer {
    font-size: 12px;
    overflow: auto;
    padding: 12px 10px 4px 10px;
}

h1 {
    color: #006fc3;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

table td {
    font-size: 12px;
}

table.GUIPropertyList {
    border-collapse: separate;
}

table.GUIPropertyList td {
    font-size: 11px;
    padding: 5px;
    vertical-align: top;
}

table.GUIPropertyList td.property {
    background-color: #e6eef9;
    border-right: 2px solid #b2cef9;
    color: #4a5567;
    text-align: right;
    width: 30px;
}

table.GUIPropertyList td.property span.noBreak {
    white-space: nowrap;
}

table.GUIPropertyListSmall {
    border-collapse: separate;
}

table.GUIPropertyListSmall td {
    font-size:10px;
    padding: 0;
    vertical-align: top;
}

table.GUIPropertyListSmall td.property {
    background-color: #e6eef9;
    border-right: 1px solid #b2cef9;
    color: #4a5567;
    padding: 1px 2px;
    text-align: right;
    width: 30px;
}

table.GUIPropertyListSmall td.property span.noBreak {
    white-space: nowrap;
}

table#disclaimer {
    color: #808080;
    text-align: justify;
    margin: 0px auto;
    width: 476px;
}

table#disclaimer a {
    border-bottom: 1px dashed #808080;
    color: #808080;
    font-weight: bold;
    text-decoration: none;
}

table#disclaimer strong {
    font-size: 11px;
}

table#disclaimer td {
    font-size: 10px;
}

div.frameBlockElm {
    background-image: url('../images/module/messagebg.png');
    background-position: center;
    background-repeat: no-repeat;
    left: 0px;
    position: absolute;
    top: 0px;
}

div.frameBlockElm div.popup {
   background: #FFFFFF url('images/backgrounds/plain.jpeg') repeat-x top left;
   border: 1px solid #4A6285;
   font-size: 12px;
   font-weight: normal;
   padding: 0px;
   position: absolute;
   text-align: left;
}

div.frameBlockElm div.popup div.titleBar {
    background: url('images/titlebar/background.png') repeat top center;
    background-color: #0018CE;
    border-bottom: 1px solid #4A6285;
    height: 24px;
    width: 100%;
    float: none;
}
div.frameBlockElm div.popup div.titleBar div.closeButton {
    background: url('../images/icons/16x16/deny.png') no-repeat;
    cursor: pointer;
    margin: 4px 3px 0px 0px;
    width: 18px;
    height: 18px;
    float: right;
}

div.frameBlockElm div.popup div.titleBar div.title {
    color: #FFFFFF;
    font-weight: bold;
    height: 18px;
    margin: 5px 0px 0px 10px;
    float: left;
}

div.frameBlockElm div.popup div.content{
    overflow: auto;
}

div.supplierSelect {



}

div.selectSupplierPopup {


}
div.selectSupplierPopup .selectedSupplier {
    margin: 10px;
    font-weight: bolder;
    font-size: 1.1em;
}
div.selectSupplierPopup .defaultSupplier {
    margin: 4px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
div.selectSupplierPopup .defaultSupplier:hover {
    text-decoration: underline;
}
div.selectSupplierPopup select[name=supplier] {
    margin-top: 10px;
    margin-bottom: 10px;
}


div.selectSupplierPopup  .highlight {
    color: blue;
    text-decoration: underline;
    font-weight: bolder;
}

.activeSupplierName {
    color: blue;
    font-weight: bold;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.activeSupplierName > div {
    margin-left: 10px;
}

/* Module Delegate */
#projectSearchResults {
    background-color: #fff;
    position: absolute;
    display: none;
    border: 1px solid black;
}
#projectSearchResults ul {
    padding: 2px;
}

#projectSearchResults li {
    cursor: pointer;
    padding: 5px;
    display: table-row;
}
#projectSearchResults li > span.project-id {
    display: table-cell;
    padding: 4px 5px;
    text-align: right;
}
#projectSearchResults li:hover {
    background-color: #ccc;
}


.importList {

}
.importRow {

    margin:0;
    padding:0;
    display: flex;
    flex-flow: row;
    height:1.3rem;
    width:100%;
}

.importRow:hover {
    text-decoration: underline;
    cursor: pointer;
    background-color: #efefef;
}

.importRowId {
    width: 75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 1rem;;
    overflow: hidden;
}
.importRowName {
    flex-grow: 1;
}

.registerImportList {
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    width: calc(100% - 20px);
    top:0;
    left:0;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;

    padding: 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-image: initial;
    display: none;
}

.c_projectDocuments td.iconField {
    width: 30px;
}

.c_projectDocuments table.documentList {
    width: 100%;
}

.c_projectDocuments .docField {
    margin-left: 1rem;
    margin-right: 1rem;
}
.c_projectDocuments.GUIRoundedContainer {
    box-sizing: border-box;
}
.c_projectDocuments.GUIRoundedContainer .BoxHeader {
    width: 100%;
    box-sizing: border-box;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-left: 15px;
    height: unset;
}
.c_projectDocuments.GUIRoundedContainer .BoxContainer {
    width: 100%;
    box-sizing: border-box;
}
.c_projectDocuments.GUIRoundedContainer .BoxFooter {
    width: 100%;
}

table.data-table {
    border: 1px solid black;
}

table.data-table th {
    background-color: #e4e2c6;
    border-bottom: 1px solid #c0bda6;
    border-right: 1px solid #c0bda6;
    border-top: 1px solid #c0bda6;
    padding: 4px;

}

table.data-table td {
    border-bottom: 1px solid black;
}

div.GUIRoundedContainer.fullWidth div.BoxHeader {
    width: 100%;
    box-sizing: border-box;
    height: 25px;
}
div.GUIRoundedContainer.fullWidth div.BoxFooter {
    width: 100%;
    box-sizing: border-box;
}
div.GUIRoundedContainer.fullWidth div.BoxContainer {
    width: 100%;
    box-sizing: border-box;
}