html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
/*--------*/
.headerContainer {
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #3c454f;
    height: 45px;
    overflow: hidden;
}

.headerContainerFontLarge {
    font-family: Arial;
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 800;
}
.headerContainerFontLargeMobile {
    font-family: Arial;
    font-size: 1.5em;
    color: #FFFFFF;
    font-weight: 800;
}
.headerContainerFontMedium {
    font-family: Arial;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 700;
}
.headerContainerFontMediumMobile {
    font-family: Arial;
    font-size: 1.3em;
    color: #FFFFFF;
    font-weight: 700;
}
.headerContainerFontNormal {
    font-family: Arial;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
}
.headerContainerFontNormalMobile {
    font-family: Arial;
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: 600;
}
/*--------*/
.navigationContainer {
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #3c454f;
    height: 30px;
    overflow: hidden;
}

.navigationMenuItem {
    margin: 0px;
    padding: 4px;
    width: 11.65%;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-family: Arial;
    font-size: 1em;
    float: left;
    text-align: center;
    text-decoration: none;
}
.navigationMenuItemMobile {
    margin: 0px;
    padding: 1px;
    width: 60px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-family: Arial;
    font-size: 1em;
    float: left;
    text-align: center;
    text-decoration: none;
}
    .navigationMenuItem:hover {
        background-color: #808080;
        cursor: pointer;
        color: #FFFFFF;
    }
     .navigationMenuItemMobile:hover {
        background-color: #808080;
        cursor: pointer;
        color: #FFFFFF;
    }
    .navigationMenuItem:active {
        margin: 0px;
        padding: 4px;
        width: 11.65%;
        background-color: #808080;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: 500;
        font-family: Arial;
        font-size: 1em;
        float: left;
        text-align: center;
        text-decoration: none;
    }
/*--------*/
.contentContainer {
    position: relative;
    margin: 0px;
    padding: 0px;
    min-height: 80%;
}

.contentContainerMobile {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    overflow: visible;
}
/*--------*/
.messageBox {
    position: absolute;
    left: 10px;
    top: 5px;
    font-family: Arial;
    font-size: 12px;
    margin: 0px auto 0px auto;
    width: 930px;
    max-height: 55px;
    overflow: hidden;
}

.messageBoxMobile {
    position: relative;
    font-family: Arial;
    font-size: 1.1em;
    margin: 0px auto 0px auto;
    width: 100%;
    overflow: hidden;
}

.messageBoxException {
    padding: 3px;
    color: #FFFFFF;
    background-color: #FF3300;
}

.messageBoxInfo {
    padding: 3px;
    color: #FFFFFF;
    background-color: #6BC6E1;
}

.messageBoxOther {
    padding: 3px;
    color: #FFFFFF;
    background-color: #2E6EA5;
}

.messageBoxSuccess {
    padding: 3px;
    color: #FFFFFF;
    background-color: #6CBF6C;
}

.messageBoxWarning {
    padding: 3px;
    color: #FFFFFF;
    background-color: #FF8C00;
}
/*--------*/
.checkBox250 {
    position: absolute;
    width: 250px;
}

.label200 {
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    width: 200px;
}

.label200Mobile {
    position: absolute;
    font-family: Arial;
    font-size: 1.1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textBox125 {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    width: 125px;
}

.textBox125Mobile {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    height: 1.5em;
    width: 125px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textBox125:disabled {
    color: black;
    background-color: #F7F7F7;
}

.textBox125Mobile:disabled {
    color: black;
    background-color: #F7F7F7;
}

.textBox250 {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    width: 250px;
}

.textBox250Mobile {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    height: 1.5em;
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textBox250:disabled {
    color: black;
    background-color: #F7F7F7;
}

.textBox250Mobile:disabled {
    color: black;
    background-color: #F7F7F7;
}

.textArea250 {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    width: 250px;
    text-wrap: normal;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.textArea250Mobile:disabled {
    color: black;
    background-color: #F7F7F7;
}
.textArea250Mobile {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    width: 250px;
    text-wrap: normal;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.textArea250Mobile:disabled {
    color: black;
    background-color: #F7F7F7;
}
.textDisplayMobile {
    position:relative;
    padding:2px;
    background-color: #F7F7F7;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    min-height:28px;
    width: 90%; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.select250 {
    position: absolute;
    border: 1px solid #999999;
    width: 254px;
    font-family: Arial;
    font-size: 12px;
}
.select250Mobile {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    height: 1.5em;
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*--------*/
.salesOrderAddUpdateContainer {
    position: absolute;
    background-color: white;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    visibility: collapse;
    z-index: 100;
}

.salesOrderAddUpdateGridContainer {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    width: 922px;
    overflow: hidden;
}

.salesOrderAddUpdateGridContainerHeader {
    padding: 0px;
    background-color: whitesmoke;
    cursor: default;
    overflow: hidden;
}

.salesOrderAddUpdateGridContainerHeaderPart {
    padding: 2px;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    cursor: default;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.salesOrderAddUpdateGridItem {
    cursor: default;
    overflow: hidden;
}

.salesOrderAddUpdateGridItemPart {
    padding: 1px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    min-height: 23px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.entityListContainer {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    min-height: 200px;
    width: 925px;
    overflow: auto;
}
.entityListContainerMobile {
    position: relative;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 1.1em;
    min-height: 200px;
    width: 90%;
    overflow:hidden;
}
.entityListContainerHeader {
    padding: 0px;
    background-color: whitesmoke;
    border-bottom: 1px solid lightgray;
    cursor: default;
    overflow: hidden;
}
.entityListContainerHeaderMobile {
    padding: 0px;
    background-color: whitesmoke;
    border-bottom: 1px solid lightgray;
    cursor: default;
    overflow: hidden;
}
.entityListContainerHeaderPart {
    padding: 2px;
    border-right: 1px solid lightgray;
    cursor: default;
    float: left;
}
.entityListContainerHeaderPartMobile {
    padding: 2px;
    border-right: 1px solid lightgray;
    cursor: default;
    float: left;
}
.entityListContainerItem {
    padding: 2px;
    cursor: default;
    overflow: hidden;
}
.entityListContainerItemMobile {
    padding: 2px;
    border-bottom: 1px solid #999999;
    cursor: default;
    overflow: hidden;
}
    .entityListContainerItem:hover {
        background-color: lightgray;
    }

.entityListContainerItemPart {
    padding-left: 2px;
    padding-right: 2px;
    border-right: 1px solid transparent;
    min-height: 1px;
    float: left;
}
.entityListContainerItemPartMobile {
    padding-left: 2px;
    padding-right: 2px;
    min-height: 1px;
}
.entityListContainerSubItemPartMobile {
    padding-left: 10px;
    padding-right: 5px;
    font-size:.8em;
    min-height: 1px;
}
.phoneNumberContainer {
    position: absolute;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    overflow-x: hidden;
    overflow-y: auto;
}

.phoneNumberContainerItem {
    padding: 2px;
    cursor: default;
    overflow: hidden;
}

    .phoneNumberContainerItem:hover {
        background-color: lightgray;
    }

.phoneNumberContainerItemPhoneNumber {
    min-height: 1px;
    width: 110px;
    float: left;
}

.phoneNumberContainerItemPhoneNumberExtension {
    min-height: 1px;
    width: 90px;
    float: left;
}

.phoneNumberContainerItemPhoneNumberType {
    min-height: 1px;
    width: 200px;
    float: left;
}

.phoneNumberContainerSave {
    position: absolute;
    background-color: white;
    border: 1px solid #999999;
    font-family: Arial;
    font-size: 12px;
    visibility: collapse;
    z-index: 100;
}
/*--------*/
.button85 {
    position: absolute;
    background-color: #596169;
    color: #FFFFFF;
    border: 1px solid #F3F3F3;
    cursor: pointer;
    font-size: 12px;
    padding: 3px;
    height: 25px;
    width: 86px;
}

.button85Mobile {
    position: absolute;
    background-color: #596169;
    color: #FFFFFF;
    border: 1px solid #F3F3F3;
    cursor: pointer;
    font-size: 1.1em;
    padding: 3px;
    height: 30px;
    width: 86px;
}

.button85:hover {
    background-color: #808080;
    cursor: pointer;
}

.button85:focus {
    color: #006600;
    background-color: #BAD80A;
}

.button85[disabled] {
    background-color: #F0EA4D;
    color: #596169;
}

.button85Mobile:hover {
    background-color: #808080;
    cursor: pointer;
}

.button85Mobile:focus {
    color: #006600;
    background-color: #BAD80A;
}

.button85Mobile[disabled] {
    background-color: #F0EA4D;
    color: #596169;
}
/*--------*/