/*Base styles*/
html {
    background: #e3e3e3;
}

body {
    margin: 0px;
    font-family: Arial;
    font-size: 14px;
    background-color: #fff;
}

table, tr, td, span {
    margin: 0px;
    padding: 0px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
}

table, tr, td, input[type=text], select, label, textarea, .dxeBase {
    font-family: Arial !important;
    font-size: 12px;
}

iframe {
    border: none;
}

a {
    font-family: Arial;
    color: #0095e5;
    text-decoration: underline;
    cursor: pointer;
}

    a.blue:visited {
        color: Blue;
    }

    a:hover {
        color: #106a93;
    }

input[type="checkbox"] {
    vertical-align: middle;
}

div.font12 .PointerClass {
    float: left;
}

table.fontthirteen tr td:first-child {
    line-height: 16px;
}

table.fontthirteen .trLast, table.fontthirteen .fontBold {
    height: 25px;
}

table.fontthirteen, table.fontthirteen label, table.fontthirteen .dxeBase {
    color: #000;
    /*font-weight: bold;*/
    font-size: 12px !important;
}

.tableHeader {
    height: 25px;
    background-color: #0095e5;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
}

.htmlTable {
    padding: 2px;
    margin: 0px;
    table-layout: fixed;
    background-color: #fff;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
}

.tableCell {
    padding: 2px;
    border: solid 2px white;
}

table.extendedSearch tr td:first-child {
    line-height: 16px;
}

.topBarUserInfo {
    font-size: 16px;
    padding-top: 2px;
}

.dxmMenuItemWithImage {
    font-size: 15px;
    border: none;
}

.MainMenuSub td {
    padding-bottom: 2px;
    border: none;
}

.MainMenuSubCenter.dxmMenu {
    padding: 1px 0px;
}

.MainMenuSubCenter .dxmMenuItemSpacing {
    width: 1px !important;
    background-color: white;
    height: 15px !important;
}

.AdminMenuSubCenter.dxmMenu {
    background-color: #aaabbd;
}

.AdminMenuSubCenter.dxmMenu {
    padding: 0 10px;
}

.allIconsRight {
    margin-top: -30px;
}

.font12 {
    font-size: 12px;
}

    .font12 span {
        text-decoration: underline;
    }

.font10 span {
    font-size: 10px;
    text-decoration: underline;
}

.faqButton span:hover {
    color: #006699;
}

.fontUnderline {
    text-decoration: underline;
}

.clientDateTime {
    text-align: right;
    padding-top: 5px;
    line-height: 14px;
}

.userPic {
    border-radius: 150px;
    border: solid 2px #d3b932;
    border-width: 2px !important;
}

.navigationDiv {
    padding-top: 10px;
}

.navIconDiv {
    padding: 0 10px;
}

.subMenu {
    background-color: #006699;
    padding: 0px 0px 28px 0px;
    margin-top: -5px;
    min-height: 6px;
}

    .subMenu table {
        float: left;
    }

.subMenuInDiv {
    padding-top: 3px;
}

.subMenu .dxmMenu {
    padding: 0px !important;
}

.selectMenu {
    padding: 2px 0;
    border: 0px;
    outline: none;
    min-width: 200px;
}

.shippingBillingSubMenu {
    margin: 0 0 5px 5px;
}

    .shippingBillingSubMenu label {
        color: #fff !important;
        padding: 0 10px 2px 10px !important;
        font-size: 13px !important;
    }

.cursorPointer {
    cursor: pointer;
}

.newWidthIcon {
    width: 19px;
}

.welecomeLabel {
    font-size: 16px !important;
}

.commonBtnStyles .dxb, .pnlPromptBox input, .CRMBtnStyles {
    padding: 9px 15px;
}

    .commonBtnStyles .dxb span {
        color: #fff !important;
    }

.commonBtnStyles1 .dxb {
    padding: 5px 8px !important;
}

.textfield input, .dynamictextfield input, .textfielddiscount input, .dynamicdatefield input {
    background-color: #FFF !important;
    outline: none;
    padding: 0;
}

.textfield:focus, .dynamictextfield:focus, .textfielddiscount:focus, .dynamicdatefield:focus {
    outline: none;
    border-color: #333;
}

.hideLabel {
    display: none !important;
}

.code label {
    display: inline-block;
    font-size: 24px;
    padding: 12px 10px 10px 10px;
    font-weight: bold;
}

.status label {
    padding: 19px 0;
    text-transform: uppercase;
}

.textarea {
    width: 100%;
    padding: 5px 0 5px 5px;
}

.dxeEditArea, .dxeEditAreaSys {
    outline: none !important;
}

.dxeMemoEditArea {
    background-color: #fff !important;
    outline: none;
}

.textarea:focus {
    outline: none;
    border-color: #000;
}

.displayNone {
    display: none;
}

.dashboard .widget_table, .dashboard .widget_table_blank {
    margin-bottom: 15px;
}

.topBar {
    color: #fff;
    padding-top: 10px;
    background-color: #2e3138;
}

    .topBar .container {
        background-color: #2e3138;
    }

.container {
    width: 1280px;
    margin: auto;
    color: White;
}

.tabContainer {
    width: 1302px;
    margin: auto;
    color: White;
}

.paddingLeftTen {
    padding-left: 10px;
}

.paddingRightTen {
    padding-right: 10px;
}

.paddingTopTen {
    padding-top: 10px;
}

.paddingBottomTen {
    padding-bottom: 10px;
}

.clear {
    clear: both;
}

.displayInlineBlock {
    display: inline-block;
    vertical-align: top;
}

.padTop5 {
    padding-top: 5px;
}

.modalPopUpAllBtns input {
    padding: 9px 15px;
}

.EstToOrderButton .dxb {
    padding: 5px 12px;
}

.btnEstToOrderVersion {
    float: right;
}

    .btnEstToOrderVersion .dxb {
        padding: 5px 12px;
    }

.logo {
    padding-right: 3px;
}

    .logo img {
        max-height: 55px;
        max-width: 180px;
    }

.topBarInfo {
    padding-left: 12px;
    border-left: solid 1px #a3a6ad;
}

    .topBarInfo img {
        width: 55px;
        height: 55px;
        max-height: 55px;
        max-width: 180px;
        border-radius: 150px;
        border: solid 2px #d3b932;
        border-width: 2px !important;
    }

.dxmMenuItem, .dxmMenuItemWithImage {
    /*padding: 2px 7px 0px 1px !important;*/
    padding: 2px 0px 0px 3px !important;
    border: none !important;
}

.dxmMenuItemHover, .dxmMenuItemHoverWithImage {
    /*padding: 2px 7px 0px 1px !important;*/
    padding: 2px 0px 0px 3px !important;
    background: none;
    border: none !important;
}

.MainMenuSubCenter .dxmMenuItem, .MainMenuSubCenter .dxmMenuItemWithImage {
    padding: 0px 10px !important;
    border: none !important;
}

.MainMenuSubCenter .dxmMenuItemHover, .MainMenuSubCenter .dxmMenuItemHoverWithImage {
    padding: 0px 10px !important;
    background: none;
    border: none !important;
}

.MainMenuSub.dxmMenu, .MainMenuSubCenter.dxmMenu {
    background-color: #006699;
}

.MainMenu {
    background-color: #2e3138 !important;
    /*padding: 5px 10px !important;*/
}

    .MainMenu td {
        border: none;
    }

    .MainMenu .dxmMenuItemWithImage, .MainMenu .dxmMenuItem {
        background-color: #757C8C;
        border: none !important;
    }

.subMenuCSSClass {
    background-color: #006699 !important;
    border: none;
}

    .subMenuCSSClass .dxmMenuItemSelectedWithImage, .subMenuCSSClass .dxmMenuItemHoverWithImage {
        background-color: #0095e5;
        border: none !important;
    }

.dxmMenuItemSelected, .dxmMenuItemSelectedWithImage {
    border: none;
}

.dxmMenu {
    padding: 0px;
    border: none !important;
}

    .dxmMenu table {
        height: 28px !important;
    }

    .dxmMenu a, .dxmMenu span {
        color: white !important;
        font-size: 12px;
        padding: 0 4px;
        text-decoration: none;
    }

/*.dxmMenu a img{width:18px;}*/

.midNightLogo {
    text-align: right;
    width: 185px;
    height: 41px;
    margin-right: 15px;
}

.whiteBGPadding {
    padding: 10px 0px 0px 0px;
    color: #000;
    background: white;
}

.borderRadiusNone {
    border-radius: 0px !important;
}

.widget_50 {
    width: 48.5%;
    border: solid 0px #ccc;
    padding-right: 1%;
    margin-bottom: 10px;
}

.widget_50_right {
    width: 50%;
    border: solid 0px #ccc;
    padding-right: 0%;
    margin-bottom: 10px;
}

.widget_100 {
    width: 100%;
    border: solid 0px #ccc;
    padding-right: 0%;
    margin-bottom: 10px;
}

.widget_header {
    background-color: #0095e5;
    font-size: 14px;
    color: #fff;
    padding: 5px 0px 5px 15px;
    border-radius: 10px 10px 0px 0px;
}

    .widget_header label, .widget_header_collapsed label {
        font-size: 16px;
    }

.widget_table {
    min-height: 255px;
    padding: 15px 0 5px 0;
    font-size: 13px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-radius: 0px 0px 10px 10px;
}

.fontthirteen {
    width: 100%;
    line-height: 25px;
}

.timeEditField {
    height: 22px;
}

.btnTable {
    line-height: 15px;
}

.wizardGridList .fontBold, .fontBold label, .fontBold a {
    /*font-weight:bold;*/
    font-size: 12px;
    color: #000;
}

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

.wizardColumn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    width: 80px;
}

.wizardColumnBig {
    white-space: nowrap;
    width: 30%;
    overflow: hidden;
}

.wizardColumnNumeric {
    width: 10%;
}

.tdSpace {
    width: 2%;
}

.padZero {
    padding: 0px 0 6px 0;
}

.gridRowPadding {
    padding: 5px;
}

.staicTextMQ {
    height: 20px;
    padding-top: 0px;
}

.textfieldMQ {
    margin-bottom: 2px;
    line-height: 22px !important;
}

.divMQ {
    overflow: hidden;
}

.divMQPrice {
    overflow: hidden;
}

.alert {
    padding: 10px;
    margin-bottom: 4px;
    border: 1px solid transparent;
    margin-top: 4px;
}

.divDisabled {
    background-color: #CCC !important;
    padding: 0px 5px 0px 5px;
    width: 90%;
    line-height: 1.7;
}

.labelDisabled {
    text-align: right;
    float: left;
    width: 89.5%;
}

.labelDisabled2col {
    text-align: right;
    float: left;
    width: 60%;
}

.serviceTotalsLabel {
    float: left;
}

.tabtextfield {
    border: solid 1px #ccc !important;
    background-color: #FFF !important;
    /*display: inline-block;*/
}

    .tabtextfield .dxeDisabled, .tabtextfield .dxeEditArea, .tabtextfield .dxeEditAreaSys {
        background-color: #FFF !important;
    }

.textfielddiscount {
    border: solid 1px #ccc !important;
    width: 100% !important;
    background-color: #FFF !important;
}

.textfield {
    border: solid 1px #ccc !important;
    width: 95% !important;
    background-color: #FFF !important;
}

.emailTextField {
    border: solid 1px #ccc !important;
    min-width: 95% !important;
    background-color: #FFF;
}

    .emailTextField input {
        padding: 0;
        outline: none;
    }

    .emailTextField:focus {
        outline: none;
        border-color: #333;
    }

.dynamictextfield {
    border: solid 1px #ccc !important;
    background-color: #FFF !important;
}

.dynamicdatefield {
    border: solid 1px #ccc !important;
    background-color: #FFF !important;
    width: 152px !important;
}

.datefield {
    border: solid 1px #ccc !important;
    width: 100% !important;
    /*background-color: #FFF!important;*/
}

.UdfTable .dynamictextfield {
    width: 95% !important;
}

.UdfTable .versionDropDate {
    width: 89% !important;
    vertical-align: text-bottom;
}

.UdfTable .updateTextBox {
    width: 170% !important;
}

.UdfTable .fontBold {
    height: 25px;
}

.UdfTableClass label {
    line-height: 16px;
}

.dynamicstaticfield {
    border: solid 1px #ccc !important;
    background-color: #CCC !important;
    color: #000 !important;
}

    .dynamicstaticfield input, .dynamicstaticfield .dxic {
        background-color: #CCC !important;
        outline: none;
        padding: 0;
        color: black;
    }

    .dynamicstaticfield:focus {
        outline: none;
        border-color: #333;
    }

.UdfTable .dynamicstaticfield {
    width: 94.3% !important;
}

.padRight {
    padding-right: 13px;
}

.padRight_12 {
    padding-right: 12px;
}

.padTenAll {
    padding: 10px;
}

.project_name {
    font-size: 22px;
    padding: 13px 5px;
    /*white-space: nowrap;*/
    width: 518px;
    overflow: hidden;
}

.project_name_label {
    font-size: 22px !important;
    padding: 12px 5px;
    /*white-space: nowrap;*/
    width: 245px;
    overflow: hidden;
}

.OrderExportPanel {
    display: inline-table;
}

.allBtns {
    margin-top: 9px;
}

.btnActAlrm {
    padding: 9px 15px;
}

.underlined {
    text-decoration: underline;
}

.eighOne {
    width: 81%;
}

.widthHalf {
    width: 31%;
}

.smallTd {
    width: 15%;
}

.borderAll {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-radius: 0px 0px 10px 10px;
    padding: 5px;
}

.borderBottom {
    border-bottom: solid 1px #ccc;
}

.somePadding {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.dxgvControl, .dxgvDisabled {
    background: none;
    border: Solid 1px #ccc;
}

.gridcellpadding {
    padding: 5px 25px 5px 10px !important;
}

.gridcellpaddinginvoice {
    padding: 5px 15px 5px 10px !important;
}

.gridcellpaddinginpopup {
    padding: 2px 5px !important;
}

.gridcellpaddingzero {
    padding: 0px !important;
}

    .gridcellpaddingzero label, .gridcellpaddinginpopup label {
        display: inline;
    }

.whiteBGPadding .dxgvDataRow td.dxgv, .whiteBGPadding .dxgvDataRowAlt td.dxgv {
    border: none;
    white-space: normal !important;
}

.gridHeader {
    padding: 6px;
    background-color: white;
    border: none;
}

    .gridHeader td {
        font-size: 13px;
        font-weight: bold;
    }

.gridColumnBold {
    font-weight: bold;
}

.gridColumnWithLink {
    color: #0095e5;
}

.gridfilterrow {
    background-color: #f0f0f0;
}

    .gridfilterrow td {
        border: none !important;
    }

.extendedSearch {
    padding: 5px;
    width: 100%;
    border: none;
    min-height: 0;
    line-height: 25px;
}

.fourColumnTable {
    width: 60%;
}

.sixColumnTable {
    width: 100%;
}

.searchResult a {
    color: #0095e5;
    text-decoration: none;
}

    .searchResult a:hover {
        color: #106a93;
    }

.searchResult .dxgvTable {
    border-radius: 0px 0px 10px 10px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.searchResult.dxgvControl {
    border: none !important;
}

.gridfilterrow td.dxgv {
    padding: 6px !important;
}

.gridfilterrow .dxeTextBox, .dxeTextBox, .gridfilterrow .dxeEditArea, .dxeEditArea {
    /*background-color: white !important;*/
    border: solid 1px #ccc;
    outline: none;
}

.gridfilterrow .dxeMemo, .dxeMemo {
    background-color: white !important;
    border: solid 1px #ccc;
    outline: none;
}

.gridfilterrow .dxeEditAreaSys, .dxeEditAreaSys {
    /*background-color: white !important;*/
    outline: none;
}

.gridfilterrow .dxic, .dxic {
    width: 99% !important;
    /*background-color: white !important;*/
}

.gridfilterrow .dxgv table table, .dxgv table table {
    border-color: #ccc !important;
    color: black;
}

.gridfilterrow .dxgv table, .dxgv table {
    border-color: #ccc !important;
}

.widget_50 .dashboardFormRightAlign {
    width: auto;
}

.widget_50_right .dashboardFormRightAlign {
    width: auto;
    padding-right: 15px;
}

.errorTable {
    width: 100%;
}

    .errorTable td {
        text-align: center;
    }

.wizardGridList {
    max-height: 269px;
    overflow: auto;
}

    .wizardGridList tr {
        height: 24px;
    }

.wizardGridListWIthSearch {
    width: 421px;
    height: 225px;
    overflow: auto;
    background-color: #ffffff;
    color: #000000;
}

.reportsDiv {
    background-color: #fff;
    position: fixed;
    width: 300px;
    padding: 10px;
    margin-left: 960px;
    color: #333;
    border: solid 1px #ccc;
    z-index: 2;
}

.reportDivHeadLft {
    width: 220px;
}

.fullWidth {
    width: 100%;
    padding: 5px;
}

.reportDetailDivContainer {
    font-size: 13px;
}

.reportDetailDiv {
    background-color: #dbdbdb;
    padding: 10px;
    border-bottom: solid 1px #999;
}

    .reportDetailDiv:hover {
        background-color: #ccc;
        cursor: pointer;
    }

.widget_header_collapsed {
    background-color: #0095e5;
    color: #fff;
    padding: 5px 0px 5px 15px;
    border-radius: 10px 10px 10px 10px;
}

.reportDetailDivContainer .dxeListBox {
    width: 100%;
    height: auto;
}

    .reportDetailDivContainer .dxeListBox div.dxlbd {
        height: auto;
        max-height: 252px;
    }

.reportDetailDivContainer .dxeListBoxItemRow {
    background-color: #dbdbdb;
}

.dxeListBox {
    border: solid 1px #999 !important;
}

    .dxeListBox td.dxeLTM {
        padding: 10px !important;
        border-bottom: solid 1px #999 !important;
        cursor: pointer;
    }

.rptButtons table {
    float: left;
    padding: 0 0 0 5px;
}

.newAddButton span {
    color: #fff !important;
}

.menuDiv .dxeBase, .menuDiv span {
    color: #fff;
    padding: 0 10px 5px 10px !important;
    font-size: 12px !important;
    cursor: pointer;
}

.greyBG .widget_table {
    /*padding:10px 10px 5px 10px;*/
    padding: 10px;
    min-height: 226px;
}

    .greyBG .widget_table .updateButton td {
        width: 1%;
    }

    /*.greyBG .widget_table .dxeTM, .greyBG .widget_table .dxeFTM, .greyBG .widget_table .dxeHC {
        color: #000 !important;
    }*/

    .greyBG .widget_table .dxeBase {
        color: #000;
        padding-bottom: 0px;
        padding-top: 0px;
        vertical-align: top;
        white-space: normal;
    }

    .greyBG .widget_table .fontthirteen {
        padding-bottom: 10px;
    }

.detailGrid, .dxgvControl, .dxgvDisabled {
    border: Solid 1px #ccc !important;
}

.detailGridHeader {
    background-color: #0095e5 !important;
    border-color: #fff !important;
}

    .detailGridHeader table {
        color: #fff !important;
    }

.tabDetail {
    padding: 5px;
}

.tabDetailLeft {
    float: left;
    width: 50%;
}

.tabDetailRight {
    padding-top: 5px;
    float: right;
}

.servicesViewTable {
    padding-top: 10px;
}

    .servicesViewTable td {
        padding-right: 5px;
    }

.modalPopUpBG {
    background-color: #006699;
    width: 100%;
    float: left;
}

.modalPopUpAllBtns {
    margin-top: 15px;
}

.modalPopUpAllBtnsinDetails {
    margin: 15px 15px 15px 0;
}

.popUpContent {
    padding: 75px 10px 15px;
}

.searchPopUpTable {
    line-height: 0px;
}

    .searchPopUpTable .textfield {
        margin: 2px 5px;
    }

.popupWizard {
    background-color: white;
    border-radius: 5px;
    margin: 10px 10px 10px 10px;
}

.popupWizardDiv {
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    height: auto;
    padding: 10px 0px 10px 0px;
}

.popupWizardTable {
    background-color: white;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px;
    height: 176px;
}

.popupWizardTableLeft {
    float: left;
}

.popupWizardTableRight {
    float: right;
    width: 175px;
    vertical-align: bottom;
}

.mqeTable {
    padding: 10px;
    color: #000;
}

.pnlPromptBox {
    background-color: white;
    color: #000;
    border: outset 4px #006699;
    height: auto;
    padding: 5px;
    font-weight: bold;
}



.pnlCalculateBook {
    background-color: #fff;
    border: outset 4px #006699;
    margin: 0 auto;
    width: 360px;
    height: 136px;
    color: #000;
}

.pnlCalculateBookHeader {
    background-color: #0095e5;
    color: Yellow;
    vertical-align: middle;
    padding: 5px;
}

.pnlCalculateBookBody {
    padding: 5px;
}

.pnlCalculateBookMsg {
    padding: 15px 0;
}

.firstTable {
    margin-left: 5px;
    padding-right: 15%;
}

.secondTable {
    margin-left: 5px;
    padding-right: 10%;
}

    .firstTable .fontBold, .secondTable .fontBold {
        height: 25px;
    }

.versionPanel {
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 0;
}

    .versionPanel div {
        border-radius: 0;
    }

.versionItemDiv {
    float: left;
    text-align: left;
}

.versionItemLink {
    float: left;
    width: 250px;
    margin-left: 10px;
}

.txtfldhdn {
    margin-bottom: 3px;
}

.bulkUpload {
    height: 60px;
    padding: 0 0 5px 0;
}

.fieldcol1 {
    float: left;
}

.repeaterLabel {
    float: left;
    width: 150px;
}

.repeaterHeader {
    background-color: #0095e5;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding: 0 5px;
    color: #fff;
}

.repeaterItem {
    text-align: right;
    padding-left: 15px;
    vertical-align: top;
}

.fieldcol2 {
    float: left;
    margin-top: 5px;
    margin-left: 2px;
}

.fieldsetintab {
    border: 1px solid #ccc;
    padding: 5px;
}

.fieldsetintabdetails {
    border: 1px solid #ccc;
    height: 138px;
}

.splashContent {
    border: 1px solid #ccc;
    padding: 5px;
    color: #000;
}

.sectionLabel {
    font-size: 16px;
}

.postageDetail .textfield {
    margin: 2px 0;
}

.dxeErrorFrameWithoutError .dxeControlsCell {
    padding: 0 2px;
}

.dxeErrorFrameWithoutError {
    margin-left: -3px;
    margin-bottom: -2px;
}

.selectRadioButtonList input {
    vertical-align: sub;
}

.InfoPanel {
    padding: 0 10px;
    margin-bottom: 10px;
}

.RemindASPxCheckBox {
    vertical-align: super !important;
    float: left;
    margin-top: 2px;
}

/* Common css for wizard    */
.widget_50 .widget_table, .widget_50_right .widget_table {
    min-height: 270px;
    padding: 5px 0 5px 0;
    font-size: 13px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-radius: 0px 0px 10px 10px;
}

.data_table {
    margin-bottom: 10px;
}

.td_data_table {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.label_data_table {
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

.td_padding {
    padding-right: 10px;
}

.td_combowidth {
    Width: 120px;
}

.table_data_show {
    Height: 235px;
    Width: 100%;
}

.table_data_show1 {
    Height: 290px;
    Width: 100%;
}

.main_div {
    width: 100%;
    height: 25px;
}

.td_todate {
    font-weight: bold;
    padding-right: 10px;
}

.padingInCell {
    padding: 5px;
    width: 10%;
}

.div_wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    width: 100px;
    white-space: initial;
}

.paddingForChart {
    padding-bottom: 9px;
}

.td_postagestatus {
    width: 10%;
}

.td_itemlink {
    font-weight: bold;
    color: gray;
}

.td_fontbold {
    font-weight: bold;
}

.bottomBorder {
    border-bottom: dotted 1px #ccc;
}

.spaceTop {
    padding-top: 4px;
}

/***********Admin menu************/
.treeView {
    width: 100% !important;
}

/*********************************/
.dxeTM {
    white-space: normal !important;
    overflow: hidden;
    color: #000;
}

.dxeLTM {
    white-space: normal !important;
    overflow: hidden;
    color: #000;
}

.dxeFTM {
    white-space: normal !important;
    overflow: hidden;
    color: #000;
}

.dxeTM dxh3 {
    white-space: normal !important;
    overflow: hidden;
    color: #000;
}

.dxpcControl {
    border: none;
}

/* Collapsible Left Bar */
.leftCollapseBar {
    width: 18%;
    color: #333;
    padding-top: 5px;
    padding-bottom: 80px;
    /*height: 550px;
  overflow-y: scroll;*/
}

.adminContainer {
    width: 100%;
    margin: auto;
    color: White;
}

    .adminContainer .allBtns {
        margin-right: 10px;
    }

.rightCollapseBar {
    width: 81%;
    color: #333;
    padding: 0px;
    min-height: 550px;
    /*margin-left: 10px;*/
}

.rightCollapseBarContent {
    padding: 10px;
}

.paddingSubMenuLeft {
    padding-left: 5px;
}

.subBarBg {
    background-color: #f2f2f2;
}

/*pagination gridview*/
.pagingText {
    font-weight: bold !important;
    font-size: 12px;
    color: #000;
}

.pagingNum, .dxpPageNumber, .dxpButton {
    background-color: #eaeaea;
    padding: 10px !important;
    width: 20px;
    color: #000 !important;
    text-decoration: none !important;
}

    .pagingNum:hover, .dxpButton:hover {
        background-color: #0095e5;
        padding: 10px !important;
        width: 20px;
        color: #fff !important;
        cursor: pointer;
    }

.pagingNum_active, .dxpCurrentPageNumber {
    background-color: #0095e5;
    padding: 10px !important;
    width: 20px;
    color: #fff !important;
    cursor: pointer;
    font-weight: normal !important;
}

.dxpDisabledButton:hover, .dxpDisabled:hover {
    background-color: #eaeaea;
    cursor: default;
}

.dxpButton img {
    width: 12px;
}

.dxWeb_pPrev, .dxWeb_pPrevDisabled {
    content: url("../../Images/previous.png");
    background-position: 20px !important;
}

.dxWeb_pNext, .dxWeb_pNextDisabled {
    content: url("../../Images/next.png");
    background-position: 20px !important;
}

.widget_table_page {
    font-size: 13px;
}

.widget_50 .widget_table_blank, .widget_50_right .widget_table_blank {
    background-color: #000;
    min-height: 255px;
    padding: 5px 0 5px 0;
    font-size: 13px;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    border-radius: 0px 0px 10px 10px;
}

/* Dock-able Bar */
.dockDiv {
    position: fixed;
    left: 0;
    width: 280px;
    background-color: #fff;
    color: #333;
    top: 0;
    margin-top: 11%;
    box-shadow: 10px 10px 20px #888888;
}

    .dockDiv a {
        color: #333;
    }

.docHeader {
    background-color: #006699;
    color: White;
    border: none;
    font-size: 13px;
    padding: 5px;
}

.dockDivContent table tr td {
    font-size: 12px;
    border-bottom: solid 1px #ccc;
    padding: 7px 0px 7px 10px;
}

    .dockDivContent table tr td:hover {
        background-color: #eaeaea;
        cursor: pointer;
    }

.dockDivButton {
    position: fixed;
    left: 280px;
    background-color: #fff;
    color: #333;
    padding: 5px;
    top: 230px;
    box-shadow: 10px 5px 20px #888888;
}

.dockDivButtonOpen {
    position: fixed;
    left: 0px;
    background-color: #fff;
    color: #333;
    padding: 5px;
    top: 220px;
    box-shadow: 10px 5px 20px #888888;
}

/* Login Page Styles */
.logoInMiddle {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 10px;
}

.middleBoxLogon {
    background-color: #454954;
    padding: 30px;
    padding-bottom: 15px;
    width: 410px;
    margin: auto;
    color: #fff;
    margin-top: 5%;
    box-shadow: 0px 0px 10px #AAAAAA;
}

.middleBox {
    background-color: #454954;
    padding: 30px;
    width: 30%;
    margin: auto;
    margin-top: 30px;
    color: #fff;
    margin-top: 5%;
    box-shadow: 0px 0px 40px #222;
}

.loginInTextInPage {
    font-size: 14px;
    padding-bottom: 10px;
    color: #ccc;
    text-align: center;
}

.loginFieldDiv {
    padding-top: 10px;
}

.textfield_login {
    padding: 12px;
    border: solid 1px #ccc;
    width: 95%;
    border-radius: 4px;
}

    .textfield_login:focus {
        outline: none;
        border-color: #333;
    }

.textfield_forget {
    padding: 12px;
    border: solid 1px #ccc;
    width: 100%;
    border-radius: 4px;
}

    .textfield_forget:focus {
        outline: none;
        border-color: #333;
    }

.sslIcon {
    padding-left: 0%;
    padding-top: 10px;
    float: left;
}

    .sslIcon img {
        float: left;
    }

    .sslIcon div {
        padding-top: 5px;
        float: left;
        padding-left: 5px;
        font-size: 11px;
    }

.versionNumberLoginPage {
    padding-left: 0%;
    padding-top: 10px;
    float: right;
}

    .versionNumberLoginPage img {
        float: right;
    }

    .versionNumberLoginPage div {
        padding-top: 5px;
        float: left;
        padding-left: 5px;
        font-size: 11px;
    }

.someImpDiv {
    padding-top: 10px;
}

.someImpDivLeft {
    text-align: center;
    padding-top: 15px;
}

.someImpDivRight {
    text-align: center;
    padding-top: 10px;
}

.loginButtonDiv {
    padding-top: 15px;
}

.roundBorder, .roundBorder .dxbf {
    border-radius: 5px;
}

.midNightLogo_BG {
    background-color: #3a3e49;
    text-align: center;
    padding: 20px 20px 30px 20px;
    margin-top: 20px;
    border-top: solid 2px #2d313c;
}

.lblBold {
    color: #000;
    font-weight: bold;
}

/*Sub menu as Tab e.g. Order page*/
.subMenuAsTab {
    width: 100%;
    background-color: #eaeaea;
}

    .subMenuAsTab table {
        width: 100%;
    }

.subMenuAsTabItems {
    cursor: pointer;
    white-space: nowrap;
    padding: 10px;
    font-size: 12px;
    text-align: center !important;
    border-right: solid 1px #ccc;
}

    .subMenuAsTabItems:hover, .subMenuAsTabItems:hover label {
        background-color: #006699;
        color: #fff !important;
        font-size: 12px !important;
    }

.subMenuAsTabItemsSelected {
    background-color: #006699;
    color: #fff !important;
}

    .subMenuAsTabItemsSelected label {
        color: #fff !important;
    }

.btnMenuScroll {
    margin-bottom: 2.5px;
    padding-top: 3px;
    height: 25px;
}

.menuDiv {
    width: 1230px;
    height: 38px;
    overflow: hidden;
    padding-top: 7px;
}

.dxbButton {
    background: #fff !important;
    border: 0px !important;
    padding: 0px !important;
}

input[type="checkbox" i], input[type="radio" i] {
    margin: 3px 3px 3px 0px !important;
}

.cbTaxJurisdiction {
    width: 81%;
    float: left;
}

.estimateTableUdf {
    width: 20%;
}

.updateQuantityUdf {
    width: 97%;
}

.dxeTextBoxSys, .dxeMemoSys {
    border-collapse: collapse !important;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .tabContainer {
        width: 1041px;
    }

    .container {
        width: 1018px;
    }

    .project_name {
        width: 258px;
    }

    .labelDisabled2col {
        width: 52% !important;
    }

    .menuDiv {
        width: 968px;
    }

    .updateQuantityUdf {
        width: 94%;
    }

    .reportsDiv {
        margin-left: 695px;
    }

    .reportButton span, .updateButton span, .EstToOrderButton span, .btnEstToOrderVersion span {
        line-height: 16px;
    }
    /*.fontthirteen, tr, td, span{line-height:1;}*/
}

@media (min-width: 1200px) and (max-width: 1279px) {

    .tabContainer {
        width: 1178px;
    }

    .container {
        width: 1155px;
        margin: auto;
        color: White;
    }

    .updateQuantityUdf {
        width: 95%;
    }

    .estimateTableUdf {
        width: 26.1%;
    }

    .labelDisabled2col {
        width: 56% !important;
    }

    .dynamicstaticfield {
        width: 54% !important;
    }

    .titleLabel {
        width: 218px !important;
    }

    .project_name {
        width: 422px;
    }

    .menuDiv {
        width: 1105px;
    }

    .reportsDiv {
        margin-left: 832px;
    }
}

@media (max-width: 1024px) {
    .topBar {
        width: 1282px;
    }

    .container, .tabContainer {
        width: 1282px;
    }

    .reportsDiv {
        right: 1%;
    }
}

a.whiteLink {
    color: #fff;
    text-decoration: none;
}

a:hover.whiteLink {
    color: #fff;
    text-decoration: underline;
}

.selectedBoxStyle {
    background-color: #2c88f8;
    color: #fff !important;
}

.popUpBody {
    background-color: #fff !important;
}

.popUpBodyWizard {
    background-color: #006699;
}

.commonBtnStyles {
    border: 0px;
    color: #fff;
}

.selectBoxStyle {
    font-weight: normal;
}

    .selectBoxStyle:hover {
        background-color: #2c88f8;
        color: #fff !important;
    }

.redBrownColor a {
    color: #d2514c;
    text-decoration: underline;
    text-transform: uppercase;
}

    .redBrownColor a:hover {
        color: #d2514c;
        text-decoration: underline;
    }

.notification_num {
    position: absolute;
    font-size: 11px;
    background-color: #ed1c24;
    color: #fff;
    border-radius: 100px;
    width: 13px;
    height: 16px;
    padding-left: 7px;
    padding-top: 3px;
    margin-left: 12px;
}

.whiteBG {
    background-color: #fff;
}

.lightGreyBG {
    background-color: #f0f0f0;
}

.fromDate, .toDate {
    background-color: #fff !important;
    border-width: 1px;
    border-style: Solid;
}

    .fromDate input, .toDate input {
        background-color: #fff !important;
    }

.cmbstaticText input {
    background: #000 !important;
    color: #fff;
}

.cmbstaticText .dxeEditAreaSys {
    color: #fff !important;
}

.staticTextLabel {
    background-color: #ccc;
    color: #000;
    padding: 0 3px 0 5px;
    margin-top: 3px;
    width: 95%;
    display: inline-block;
}

.staticLabelGrey {
    background-color: #ccc;
    padding: 0 3px 0 0;
    margin: 3px 0;
    width: 95%;
    display: inline-block;
    float: left;
    text-align: right;
}

.alert-danger {
    color: white;
    background-color: grey;
}

.defaultButton {
    background-color: #858585;
    border: 0px;
    color: white;
}

    .defaultButton .dxb {
        padding: 5px 12px;
    }

    .defaultButton:hover, .defaultButton .dxbf {
        background-color: #676767;
    }

    .defaultButton:focus {
        outline: none;
        background-color: #676767;
    }

.saveButton {
    background-color: #0095e5;
    border: 0px;
    color: #fff;
    margin-left: 5px;
}

    .saveButton .dxb {
        padding: 5px 12px;
    }

    .saveButton:hover, .saveButton .dxbf {
        background-color: #0063af;
    }

    .saveButton:focus {
        outline: none;
    }

.updateButton {
    background-color: #0095e5;
    border: 0px;
    color: #fff;
    margin-left: 5px;
}

    .updateButton .dxb {
        padding: 2px 15px;
    }

    .updateButton:hover, .updateButton .dxbf {
        background-color: #0063af;
    }

    .updateButton:focus {
        outline: none;
    }

.updateButtonPricing {
    background-color: #0095e5;
    border: 0px;
    color: #fff;
    float: right;
    margin-right: 11.5%;
}

    .updateButtonPricing .dxb {
        padding: 4px 12px;
    }

    .updateButtonPricing:hover, .updateButtonPricing .dxbf {
        background-color: #0063af;
    }

    .updateButtonPricing:focus {
        outline: none;
    }

.uploadButton {
    color: #000;
}

.textfield_filter {
    padding: 5px;
    border: solid 1px #ccc;
    width: 87%;
}

    .textfield_filter:focus {
        outline: none;
        border-color: #333;
    }

.active {
    background-color: #006699;
}

.blackBG {
    background-color: #000;
    padding: 12px;
}

.subMenu_p2 {
    background-color: #006699;
    padding: 0px;
    margin-top: 0px;
}

    .subMenu_p2 .container {
        background-color: #006699;
    }

.titleLabel {
    /*white-space: nowrap;*/
    width: 215px;
    overflow: hidden;
}

.subMenuComboBox {
    border-color: #fff !important;
    width: 100px;
    margin-top: 15px;
    background-color: #fff !important;
}

    .subMenuComboBox input {
        background-color: #fff !important;
        outline: none;
    }

.blueButton {
    background-color: #0095e5;
}

    .blueButton:hover, .blueButton .dxbf {
        background-color: #40a7de;
    }

.disableButtonBlue {
    background-color: #40a7de !important;
    pointer-events: none !important;
}

.blueButtonSave {
    background-color: #0095e5;
}

    .blueButtonSave:hover, .blueButtonSave .dxbf {
        background-color: #40a7de;
    }

    .blueButtonSave:focus {
        outline: none;
    }

.disableButtonCss {
    background-color: #b2b2ae;
    cursor: default;
}

.disableButtonGreen {
    background-color: #8cc57f !important;
    pointer-events: none !important;
}

.greenButton {
    background-color: #5cad49;
}

    .greenButton:hover, .greenButton .dxbf {
        background-color: #399024;
    }

    .greenButton:focus {
        outline: none;
    }

.darkBlueButton {
    background-color: #006699;
}

    .darkBlueButton:hover, .darkBlueButton .dxbf {
        background-color: #00476B;
    }

    .darkBlueButton:focus {
        outline: none;
    }

.greenButtonCopy {
    background-color: #5cad49;
}

    .greenButtonCopy:hover, .greenButtonCopy .dxbf {
        background-color: #399024;
    }

    .greenButtonCopy:focus {
        outline: none;
    }

.greyButtonCancel {
    background-color: #858585;
}

    .greyButtonCancel:hover, .greyButtonCancel .dxbf {
        background-color: #676767;
    }

    .greyButtonCancel:focus {
        outline: none;
    }

.dynamicButton, .dxucButton {
    background-color: #5cad49;
    border: 0px;
    color: #fff;
}

    .dxucButton a {
        color: #fff !important;
        font-size: 12px !important;
    }

    .dynamicButton:hover, .dxucButton:hover, .dxucButton .dxbf {
        background-color: #399024;
    }

    .dynamicButton:focus, .dxucButton:focus {
        outline: none;
    }

.redButtonDelete {
    background-color: #c04e4e;
}

    .redButtonDelete:hover, .redButtonDelete .dxbf {
        background-color: #992929;
    }

    .redButtonDelete:focus {
        outline: none;
    }

.reportButton {
    background-color: #c04e4e;
    float: right;
}

    .reportButton .dxb {
        padding: 5px 12px;
    }

    .reportButton:hover, .reportButton .dxbf {
        background-color: #992929;
    }

    .reportButton:focus {
        outline: none;
    }

.pullButton {
    background-color: #0095e5;
}

    .pullButton:hover, .pullButton .dxbf {
        background-color: #40a7de;
    }

    .pullButton:focus {
        outline: none;
    }

.removeButton {
    vertical-align: sub;
    padding-left: 5px;
    cursor: pointer;
}

.viewButton {
    padding: 3px 10px;
    background-color: #5cad49;
    margin-top: 2px;
    margin-right: 15px;
    float: right;
}

    .viewButton:hover, .viewButton .dxbf {
        background-color: #399024;
    }

    .viewButton:focus {
        outline: none;
    }

.greyBG {
    background-color: #e3e3e3;
}

.inPageNav, .inPageNav .container {
    background-color: #006699;
    color: #fff;
}

.inHeadBlue {
    background-color: #93c9e4;
}

.crossRedColor {
    color: #e04f5f;
}

.veryLightBg {
    background-color: #f7f7f7;
}

.extPrice {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 740px;
}

.discountDiv {
    padding-top: 0px;
    padding-bottom: 15px;
}

.discountButtonDiv {
    margin-left: -14px;
    margin-top: 1px;
}

.discountButton {
    background-color: #2c87b4;
    color: #fff;
    border: 0px;
}

    .discountButton .dxb {
        padding: 2px 10px;
    }

    .discountButton:hover, .discountButton .dxbf {
        background-color: #036493;
    }

    .discountButton:focus {
        outline: 0px;
    }

.whiteLink {
    color: #fff;
    text-decoration: none;
}

.aspCloseBtn {
    background-color: #c04e4e;
    color: white;
    border: none;
    padding: 7px 15px;
    cursor: pointer;
}

    .aspCloseBtn:hover {
        background-color: #992929;
    }

.lightGreyColor {
    color: #666;
}

.extraBtns {
    float: right;
    /*margin-right: 421px;*/
    padding-top: 3px;
    padding-right: 5px;
}

    .extraBtns .greenButton table {
        background-color: #5cad49;
    }

        .extraBtns .greenButton table:hover {
            background-color: #399024;
        }

        .extraBtns .greenButton table:focus {
            outline: none;
        }

    .extraBtns .greenButton .dxb {
        padding: 4px 10px;
    }

    .extraBtns .blueButton table {
        background-color: #0095e5;
    }

        .extraBtns .blueButton table:hover {
            background-color: #40a7de;
        }

        .extraBtns .blueButton table:focus {
            outline: none;
        }

    .extraBtns .blueButton .dxb {
        padding: 4px 15px;
    }

.selectedGridRow, .dxgvFocusedRow {
    background-color: #eaeaea;
}

.lblComments {
    float: left;
    margin-bottom: 5px;
    color: #000;
    /*font-weight:bold;*/
}

.lblpriceTotal {
    background-color: #ccc;
    padding-top: 4px !important;
    vertical-align: top !important;
    height: 20px !important;
    text-align: right;
    padding-right: 3px;
}

.modalPopUp {
    background-color: #fff;
}

.linkButton {
    float: left;
    width: 150px;
    margin-left: 10px;
    color: #006699 !important;
    font-weight: bold;
}

.commonPrintBtnStyles {
    color: #fff;
}

    .commonPrintBtnStyles .dxb {
        padding: 9px 10px;
    }

.headerTextCell {
    color: green;
}

.dxgvFocusedRow {
    background-color: #ccc !important;
}

.WrgLabel {
    white-space: pre-wrap;
}

/*Sub menu color code as per the number series on menu. Create a new set of classes for any new menu item as below*/
/*Home menu*/
.mainMenuCSSClass1 {
    background-color: #2e3138 !important;
}

.subMenuCSSClass1 {
    background-color: #006699 !important;
}

    .subMenuCSSClass1 .dxmMenuItemSelected,
    .subMenuCSSClass1 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass1 .dxmMenuItemHover,
    .subMenuCSSClass1 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #0095e5;
    }

/***********/
.mainMenuCSSClass2.dxmMenuItemSelected,
.mainMenuCSSClass2.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass2.dxmMenuItemHover,
.mainMenuCSSClass2.dxmMenuItemHoverWithImage,
.subMenuCSSClass2 {
    background-color: #006699 !important;
}

    .subMenuCSSClass2 .dxmMenuItemSelected,
    .subMenuCSSClass2 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass2 .dxmMenuItemHover,
    .subMenuCSSClass2 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #0095e5;
    }

.mainMenuCSSClass3.dxmMenuItemSelected,
.mainMenuCSSClass3.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass3.dxmMenuItemHover,
.mainMenuCSSClass3.dxmMenuItemHoverWithImage,
.subMenuCSSClass3 {
    background-color: #fac05d !important;
}

    .subMenuCSSClass3 .dxmMenuItemSelected,
    .subMenuCSSClass3 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass3 .dxmMenuItemHover,
    .subMenuCSSClass3 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #ca891b;
    }

.mainMenuCSSClass4.dxmMenuItemSelected,
.mainMenuCSSClass4.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass4.dxmMenuItemHover,
.mainMenuCSSClass4.dxmMenuItemHoverWithImage,
.subMenuCSSClass4 {
    background-color: #ef6352 !important;
}

    .subMenuCSSClass4 .dxmMenuItemSelected,
    .subMenuCSSClass4 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass4 .dxmMenuItemHover,
    .subMenuCSSClass4 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #c2301e;
    }

.mainMenuCSSClass5.dxmMenuItemSelected,
.mainMenuCSSClass5.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass5.dxmMenuItemHover,
.mainMenuCSSClass5.dxmMenuItemHoverWithImage,
.subMenuCSSClass5 {
    background-color: #59cd90 !important;
}

    .subMenuCSSClass5 .dxmMenuItemSelected,
    .subMenuCSSClass5 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass5 .dxmMenuItemHover,
    .subMenuCSSClass5 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #1faa61;
    }

.mainMenuCSSClass6.dxmMenuItemSelected,
.mainMenuCSSClass6.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass6.dxmMenuItemHover,
.mainMenuCSSClass6.dxmMenuItemHoverWithImage,
.subMenuCSSClass6 {
    background-color: #aaabbd !important;
}

    .subMenuCSSClass6 .dxmMenuItemSelected,
    .subMenuCSSClass6 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass6 .dxmMenuItemHover,
    .subMenuCSSClass6 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #717394;
    }

.mainMenuCSSClass70.dxmMenuItemSelected,
.mainMenuCSSClass70.dxmMenuItemSelectedWithImage,
.mainMenuCSSClass70.dxmMenuItemHover,
.mainMenuCSSClass70.dxmMenuItemHoverWithImage,
.subMenuCSSClass70 {
    background-color: #339933 !important;
}

    .subMenuCSSClass70 .dxmMenuItemSelected,
    .subMenuCSSClass70 .dxmMenuItemSelectedWithImage,
    .subMenuCSSClass70 .dxmMenuItemHover,
    .subMenuCSSClass70 .dxmMenuItemHoverWithImage {
        border: none !important;
        background-color: #217321;
    }

.MenuThirdLevel .dxmMenuItem, .MenuThirdLevel .dxmMenuItemHover {
    padding: 2px 7px 0px 1px !important;
}

/********************************************************************************************/
.whiteBGPadding1 {
    padding: 10px 0px 0px 10px;
    background-color: #fff;
}

.whiteBGPadding2 {
    padding: 10px 10px 0px 10px;
    background-color: #fff;
}

.whiteBGPaddingAdmin {
    padding: 10px 0px 0px 0px;
    background-color: #fff;
}

.paddingBottom_whiteBG {
    padding-bottom: 300px;
}

.lightBorder {
    border: solid 1px #dbdbdb;
}

.borderLightTable {
    border: solid 1px #dbdbdb;
    /*width: 1257px;*/
}

.totalCount {
    width: 25%;
    background-color: #ddd;
    display: inline-block;
    padding-left: 8px;
    text-align: right;
    line-height: 20px;
    padding-right: 5px;
}

.cancelBtn {
    float: left;
    margin-left: 5px;
}

.submiBtn {
    float: left;
}

.MenuThirdLevel.dxmMenu {
    padding: 0;
    background-color: #999bbb;
}

.MenuThirdLevel70.dxmMenu {
    padding: 0;
    background-color: #339933;
}

.subMenuThirdLevel {
    margin-top: 0px;
}

    .subMenuThirdLevel.dxmMenuItemSelected,
    .subMenuThirdLevel.dxmMenuItemSelectedWithImage,
    .subMenuThirdLevel.dxmMenuItemHover,
    .subMenuThirdLevel.dxmMenuItemHoverWithImage,
    .subMenuThirdLevel {
        background-color: #999bbb;
        border: none !important;
    }

        .subMenuThirdLevel .dxmMenuItemSelected,
        .subMenuThirdLevel .dxmMenuItemSelectedWithImage,
        .subMenuThirdLevel .dxmMenuItemHover,
        .subMenuThirdLevel .dxmMenuItemHoverWithImage {
            border: none !important;
            background-color: #7074b5;
        }

.subMenuThirdLevel70 {
    margin-top: 0px;
}

    .subMenuThirdLevel70.dxmMenuItemSelected,
    .subMenuThirdLevel70.dxmMenuItemSelectedWithImage,
    .subMenuThirdLevel70.dxmMenuItemHover,
    .subMenuThirdLevel70.dxmMenuItemHoverWithImage,
    .subMenuThirdLevel70 {
        background-color: #339933;
        border: none !important;
    }

        .subMenuThirdLevel70 .dxmMenuItemSelected,
        .subMenuThirdLevel70 .dxmMenuItemSelectedWithImage,
        .subMenuThirdLevel70 .dxmMenuItemHover,
        .subMenuThirdLevel70 .dxmMenuItemHoverWithImage {
            border: none !important;
            background-color: #217321;
        }

.GlobalMenuThirdLevel.dxmMenu {
    background-color: #006699;
}

.globalMenuThirdLevel {
    margin-top: 0px;
}

    .globalMenuThirdLevel.dxmMenuItemSelected,
    .globalMenuThirdLevel.dxmMenuItemSelectedWithImage,
    .globalMenuThirdLevel.dxmMenuItemHover,
    .globalMenuThirdLevel.dxmMenuItemHoverWithImage,
    .globalMenuThirdLevel {
        background-color: #006699;
        border: none !important;
    }

        .globalMenuThirdLevel .dxmMenuItemSelected,
        .globalMenuThirdLevel .dxmMenuItemSelectedWithImage,
        .globalMenuThirdLevel .dxmMenuItemHover,
        .globalMenuThirdLevel .dxmMenuItemHoverWithImage {
            border: none !important;
            background-color: #006699;
            text-decoration: underline;
            color: white;
        }

        .GlobalMenuThirdLevel .dxmMenuItemSpacing {
            width: 1px !important;
            background-color: white;
            height: 15px !important;
        }

        .GlobalMenuThirdLevel .dxmMenuItem, .GlobalMenuThirdLevel .dxmMenuItemWithImage {
            padding: 0px 15px !important;
        }

.adminLabelsBlue {
    color: #0095E5;
    font-weight: bold;
    padding-left: 9px;
}

.adminLabels {
    padding-left: 9px;
}

/*A.css */
.timeout {
    height: 40px;
    color: Red;
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
    background-color: white;
    position: absolute;
    top: 83px;
    left: 280px;
    z-index: 1000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.timeoutButton {
    margin-top: 7px;
    margin-right: 5px;
    border: outset 2px red;
    background-color: black;
    color: #ffffff;
    cursor: pointer;
    cursor: hand;
    padding: 1px 2px 1px 2px;
}

.timeoutControl {
    padding-left: 5px;
    background-color: white;
}

legend {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #ccc;
}

.buttonPlain {
    border: outset 2px white;
    background-color: black;
    color: #ffffff;
    cursor: pointer;
    cursor: hand;
    padding: 1px 2px 1px 2px;
}

.buttonPressed {
    color: #000000;
    background-image: none;
    background-color: #D5D5D5;
}

.calendar {
    background-color: #ffffff;
}

.center {
    margin: 0 auto;
}

.collapsePanel {
    width: 840px;
    height: 18px;
    background-image: url('../../Images/bg_barBlueLong.jpg');
    margin: 0 auto;
    text-align: center;
    background-repeat: no-repeat;
}

.collapsePanelLabel {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.collapsePanelBorder {
    border: solid 2px #006699;
    padding: 5px;
    margin: 0 auto;
    width: 816px;
}

.collapsedPanel {
    height: 0;
    overflow: hidden;
}

.companyName {
    font-size: 20px;
    margin-right: 5px;
}

.dxbButton_BlackGlass div.dxb {
    border: 0 none;
    padding: 0px 3px 3px 3px;
}

.dxeListBox .dxeHLC, .dxeListBox .dxeHC, .dxeListBox .dxeHFC {
    color: #ffffff;
    background-color: #006699;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.sectionLabel {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.statusBarNumber {
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
}

.statusBarText {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}

.staticText {
    background-color: #ccc;
    color: #ffffff;
    padding: 0 0 0 5px;
    margin-bottom: 3px;
}

.titleLabel {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.dxeBaselabel {
    font-family: Tahoma !important;
    font-size: 8pt !important;
}


.txtboxEditAreaSys input {
    width: 50px;
}

.dxlbd {
    overflow-anchor: none;
}
/*color.css*/
.bgBlue {
    background-color: #006699;
}

.bgGreen {
    background-color: #00898f;
}

.bgYellow {
    background-color: #ffc20e;
}

.bgOrange {
    background-color: #f78f1e;
}

.bgRed {
    background-color: #ee3c23;
}

.bgBPurple {
    background-color: #97268f;
}

.bgGray {
    background-color: #b3b3b3;
}

.bgColorBlack {
    background-color: #000000;
}

.bgLime {
    background-color: #03ad00;
}

.bgMaroon {
    background-color: #990000;
}

.bgLightPurple {
    background-color: #d1a0dc;
}
/*Layout.css*/
.contentPage {
    display: table;
}

.contentHeader {
    width: 860px;
    float: left;
}

.contentBodyReport {
    margin-top: 5px;
    float: left;
}

.contentBody {
    border-top: solid 7px #666666;
    border-bottom: solid 5px #666666;
    border-left: solid 5px #666666;
    border-right: solid 5px #666666;
    background-color: #1b1b1b;
    display: block;
    margin: 0px;
    margin-bottom: 5px;
    width: 850px;
    height: auto;
    float: left;
}

.contentBodyHeader {
    float: left;
    width: 100%;
}

.contentBodyUpper {
    height: 170px;
    background-image: url(../../Images/bg_upperData.jpg);
    background-repeat: repeat-x;
    background-color: #666666;
    float: left;
}

.contentMaster {
    width: 1000px;
    margin: 0 auto;
}

.modalBackground {
    background-color: #708090;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.emptyDataRow {
    display: none;
}

.PointerClass {
    cursor: pointer;
}

td label {
    cursor: inherit !important;
}

.DateEditWidth {
    width: 150px !important;
}

.txtUpper {
    text-transform: uppercase !important;
}

.foreColor {
    color: Black !important;
}

.cbInactiveServiceBackground {
    background-color: #c04e4e !important;
    width: 100% !important;
}

.cbBlueServiceBackground {
    background-color: #0095e5 !important;
    width: 100% !important;
}


.pnlPromptBox1 {
    height: -webkit-fill-available;
}

.btnEstimateInsertionSequence {
    margin-left: 0px;
    width: 61%;
}

    .btnEstimateInsertionSequence .dxb {
        padding: 2px 5px;
    }
/* Create Invoice Menu in Order*/
.dropbtn1 {
    background-color: #5cad49;
    color: white;
    padding: 9px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    width: 100px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown1 {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown1-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown1-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown1-content a:hover {
            background-color: #f1f1f1
        }

/* Show the dropdown menu on hover */
.dropdown1:hover .dropdown1-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown1:hover .dropbtn1 {
    background-color: #3e8e41;
}
/* End Invoice Menu in Order*/
.InstantiateInStyle {
    font-size: 11px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.wrapASPxGrid {
    word-break: break-all;
}
/* Top Banner Info */
.topBannerInfo {
    background: #fcb012;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    margin: -10px 0px 5px 0px;
    color: #000;
}
/* Top Banner Info */
.topBannerLoginInfo {
    background: #fcb012;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    margin: 0px 0px 0px 0px;
    color: #000;
}

.GBDisabled {
    pointer-events: none;
    background-color: white;
    color: #858585 !important;
}

    .GBDisabled:hover {
        background-color: white !important;
        color: #858585 !important;
    }

.GBEnabled {
    background-color: white;
}

.BatchReportingDisabled {
    background-color: white;
    color: #858585 !important;
}

.BatchReportingDisabled:hover {
    background-color: white !important;
    color: #858585 !important;
}

.BatchReportingEnabled {
    background-color: white;
}

.topBanner {
    background-color: orange;
    text-align: center;
    padding-top: 6px;
    min-height: 23px;
}

.button-topBanner {
    align-items: center;
    appearance: none;
    background-color: #3EB2FD;
    background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
    background-size: calc(100% + 20px) calc(100% + 20px);
    border-radius: 100px;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-flex;
    height: auto;
    justify-content: center;
    line-height: 1.5;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s,background-position .2s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
    margin-top: -3px;
    width: 100px;
    height: 23px;
}

.button-topBanner:active,
.button-topBanner:focus {
    outline: none;
    color: #FFFFFF;
}

.button-topBanner:hover {
    background-position: -20px -20px;
    color: #FFFFFF;
}

.button-topBanner:focus:not(:active) {
    box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
    color: #FFFFFF;
}