body, .mobile body {
    height: 100%;
    overflow: hidden;
    font-size: 0.9em;
    font-family: Helvetica, sans-serif;
}
 .mblListItem{
	height : auto !important;
}
 
dl.labeledValues {
    margin: 6px 0;
}
dl.labeledValues dt {
    font-size: 0.9em;
    font-style: italic;
}
dl.labeledValues dd {
    margin-left: 12px;
    padding: 2px 0 6px 0;
}

dt {
    font-weight: bold;
    padding: 6px 0;
}

form {
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

input[type=submit], input[type=button] {
    cursor: pointer;
}

label {
    font-weight: bold;
    color: black;
}

li {
    margin-left: 0;
    padding-left: 0;
}

pre {
    font-size: 0.9em;
    margin: 6px 12px;
    font-family: Helvetica, sans-serif;
}

table {
    white-space: normal;
    font-weight: normal;
}
table.labeledValues {
    width: 100%;
}
table.labeledValues th {
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
    vertical-align: top;
}
table.labeledValues td {
}

textarea {
    font-family: Helvetica, sans-serif;
    font-size: 0.9em;
}

ul {
    list-style: none;
    margin-left: 1em;
    padding-left: 0;
}
ul.list {
    margin-left: 0;
}
ul.list li:first-child {
    padding-top: 0;
}
ul.list li:last-child {
    padding-bottom: 0;
}
ul.list li {
    padding: 3px 0;
}
ul.plain {
    padding-left: 14px;
    list-style: none;
}
ul.plain li {
    padding-top: 4px;
}

#orgoView {
    min-width: 768px;
}

/* Global Shortcuts */

.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.bb { border-bottom: 1px solid #888; }
.bl { border-left: 1px solid #888; }
.br { border-right: 1px solid #888; }
.brDim { border-right: 1px solid #ddd; }
.bt { border-top: 1px solid #888; }
.btb { border-top: 1px solid Black; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.box { border: 1px solid #888; }
.block { display: block; }
.iblock { display: inline-block; }
.hide { display: none; }
.flex {display: flex; }
.flexLeft {justify-content: flex-start;}

.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }

.tdXSmall, .tblIcon {
    min-width: 20px;
}
.tdSmall, .tblDate {
    min-width: 80px;
}
.tdSmallMedium, .tblCurr {
    min-width: 100px;
}
.tdMediumSmall, .tblAcct, .tblCode {
    min-width: 125px;
}
.tdMedium, .tblCat {
    min-width: 175px;
}
.tdMediumLarge, .tblName {
    min-width: 225px;
}
.tdLarge, .tblDesc  {
    min-width: 275px;
}
.tdXLarge {
    min-width: 350px;
}
.tblCurr {
    text-align: right;
}
.tblCode, .tblDate, .tblIcon {
    text-align: center;
}

.dim, .dimBold, .dimItalic {
    color: #777;
}
.black {
    color: #000;
}
.bold, .dimBold {
    font-weight: bold;
}
.italic, .dimItalic {
    font-style: italic;
}
.red, .suffixes.red, .sort {
    color: #cc0b08;
}
.blue, .navy {
    color: Navy;
}
.green, .sell {
    color: Green;
}
.brown, .net {
    color: Brown;
}
.dark, .listPrice {
    color: #777;
}
.lightBlue {
    background-color: #edf4ff;
}
.lightGray {
    background-color: #f1f1f1;
}
.lightGreen, .subtotalColor1 {
    background-color: #efffef;
}
.lightOrange {
    background-color: #f0e9ce;
}
.lightPink {
    background-color: LightPink;
}
.lightRed, .subtotalColor3 {
    background-color: #ffdfda;
}
.lightYellow, .subtotalColor2 {
    background-color: LightYellow;
}
.gray, .inactive {
    background-color: #c7c7cc;
}
.mediumGreen, .optional {
    background-color: #9fefa1;
}
.pink, .alternate {
    background-color: #ffd0d8;
}
.orange, .incomplete {
    background-color: #f0b440;
}
.shaded, .shadedHeaders th {
    background-color: #eee;
}
.whiteCells td {
    background-color: #fff;
}
.rightTextColor {
    color: #324F85;
}
.empty {
    color: #777;
}

.extension {
    color: #777;
}

.error, .fatal, .pastDue {
    color: #cc0b08;
}

.na {
    color: #888;
    font-size: 0.9em;
}

.iXxLarge {
    font-size: 1.6em;
}
.iXLarge {
    font-size: 1.4em;
}
.iLarge {
    font-size: 1.1em;
}
.iNormal {
    font-size: 1.0em;
}
.iSmall {
    font-size: 0.95em;
}
.iXSmall {
    font-size: 0.90em;
}
.iXxSmall {
    font-size: 0.85em;
}
.iXxSmall.iText {
    vertical-align: text-bottom;
    line-height: 2em;
}

.small {
    font-size: 0.9em;
}

.xsmall {
    font-size: 0.8em;
}

.lineThrough {
    text-decoration:line-through;
    color:#777;
}

.fleft {
    float: left;
}
.fright {
    float: right;
}

.pad3 {
    padding: 3px;
}
.pad6 {
    padding: 6px;
}
.pad10 {
    padding: 10px;
}
.lpad {
    padding-left: 6px;
}
.rpad {
    padding-right: 6px;
}
.bpad {
    padding-bottom: 6px;
}
.tpad {
    padding-top: 6px;
}
.noPad {
    padding: 0;
}

.lMargin {
    margin-left: 6px;
}
.rMargin {
    margin-right: 6px;
}
.bMargin {
    margin-bottom: 6px;
}
.tMargin {
    margin-top: 6px;
}
.noMargin {
    margin: 0;
}

.para {
    padding: 12px 12px 6px 0;
}

.centered {
    text-align: center;
}

.bottom {
    vertical-align: bottom;
}

.middle {
    vertical-align: middle;
}

.top, .top td, .top th {
    vertical-align: top;
}

.documentHeader {
    font-size: 0.9em;
}

.indented {
    padding-right: 2em;
    padding-left: 2em;
}

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

.revision {
    font-size: 0.9em;
    font-style: italic;
    text-align: right;
}

.orgo .iWorkPane.deletedBean .mblRoundRect, .orgo .iWorkPane.deletedBean .mblRoundRectList {
    background-color: #ffdfda;
}
.orgo .iWorkPane.deletedBean .mblToolBarButton, .orgo .iWorkPane.deletedBean .mblButton {
    color: #ffdfda;
}
.orgo .iWorkPane.deletedBean .mblHeading.iTopBar .mblToolBarButton {
    color: #fff;
}

th.subtitle {
    font-size: 1.2em;
    padding: 6px;
}
tr.subtotal th.subtitle {
    font-size: 0.9em;
}

.fields th {
    text-align: left;
}

.labeledCells th, .labeledCells td {
    text-align: left;
}
.labeledCells tr td.ar {
    text-align: right;
}

.spreadsheet, .cellTable, .fields, .labeledCells {
    width: 100%;
    border-collapse: collapse;
}
.spreadsheet td, .spreadsheet th, .fields td, .fields th {
    padding: 6px;
}
.spreadsheet td.noPad, .spreadsheet th.noPad, .fields td.noPad, .fields th.noPad {
    padding: 0;
}
.spreadsheet tr td.ac, .spreadsheet tr th.ac {
    text-align: center;
}
.spreadsheet tr td.al, .spreadsheet tr th.al {
    text-align: left;
}
.spreadsheet tr td.ar, .spreadsheet tr th.ar {
    text-align: right;
}
.spreadsheet input[type=checkbox] {
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.spreadsheet th, .spreadsheet.roles td {
    text-align: left;
}
.spreadsheet.roles .mblCheckBox {
    font-size: 1.2em;
}

.spreadsheet.quotas th.ar, .spreadsheet.quotas .dijitCurrencyTextBox .dijitInputInner {
    text-align: right;
}

.spreadsheet .cellTable td, .spreadsheet .cellTable th {
    border: none;
    vertical-align: top;
}
.spreadsheet .cellTable td.bt, .spreadsheet .cellTable th.bt {
    border-top: 1px solid #888;
}

.spreadsheet.topAlign td, .spreadsheet.topAlign th {
    vertical-align: top;
}

.spreadsheet tr.subheading td {
    font-weight: normal;
}
.spreadsheet tr.subheading td.leftPane {
    text-align: left;
}
.spreadsheet tr.subheading td.rightPane {
    text-align: right;
}
.spreadsheet tr.subheading td {
    font-weight: normal;
}
.spreadsheet tr.subheading td.itemNote {
    font-style: italic
}
.spreadsheet tr.subheading td .subtext {
    font-weight: bold;
}

.orgo .subfield {
    display: inline-block;
    margin-right: 6px;
}
.orgo .subfield {
     /*line-height: 10px;*/
}
.orgo .subfield.bpad, .subfield.tpad, .subfield.block {
    display: block;
}
.orgo .subfield label {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    text-align: left;
    font-style: italic;
    font-weight: normal;
    font-size: 0.8em;
    color: #555;
}
.overlayForm .subfield label {
    color: #ccc;
}

.suffixes {
    padding-left: 3px;
    font-size: 0.7em;
    font-weight: normal;
    color: #555;
    display: inline;
}
.suffixes.red {
    font-style: italic;
    color: #cc0b08;
}
.suffixes.mini {
    font-size: 0.6em;
    font-style: italic;
    color: #777;
}
.suffixes .sorted, .sorted {
    color: Green;
    font-weight: bold;
}

.warn0days {
    color: #cc0b08;
}
.warn7days {
    color: #cc6c0a;
}
.warn30days {
    color: #807e27;
}

.calculator {
    cursor: pointer;
}

.categoryNameWidget {
    display: inline-block;
}

.charts {
    text-align: center;
}
.charts .pieChart {
    width: 160px;
    height: 160px;
    display: inline-block;
}
.charts .barGraph {
    width: 280px;
    height: 160px;
    display: inline-block;
}
.chartButtons {
    clear: left;
    text-align: center;
    font-size: 0.9em;
    line-height: 16px;
    padding-bottom: 12px;
}
.chartButtons input {
    margin-left: 6px;
    margin-right: 3px;
}
.chartButtons span {
    color: #444;
}
.chartButtons span:hover {
    cursor: pointer;
    text-decoration: underline;
}
.itemLabel, .spreadsheet .itemLabel {
    padding: 12px 6px;
    text-align: left;
    font-weight: bold;
}
td.itemLabel {
    width: 100%;
}
.iWorkPane .iListTitle.mblListItem, .iWorkPane .iListTitle, .iListTitle {
    line-height: 22px;
    height: auto;
    font-size: 9pt;
    font-weight: bold;
    padding: 6px;
    color: black;
    background-color: #eee;
}
.mblListItem div.iListTitle {
    padding: 0;
}
table td.iListTitle {
    padding: 11px 6px;
}

.benchmarkTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8em;
    background-color: #fff;
}
.benchmarkTable td, .benchmarkTable th {
    padding: 6px 3px;
}
.benchmarkTable .millisClass td {
    color: #cc0b08;
}

.checkBoxDisabled {
    opacity: 0.5;
}

table.commTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    background-color: #fff;
}
.commTable td, .commTable th {
    padding: 3px;
}
.commTable input[type=checkbox] {
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.copyright {
    color: #aaa;
    padding: 0 6px;
    text-align: center;
    font-style: italic;
}
.copyright .appLink {
    color: #aaa;
}

.currentStatus {
    font-weight: bold;
    color: navy;
}

.dealerDiscounts .mblEdgeToEdgeCategory {
    text-align: center;
    font-size: 14pt;
    padding: 6px;
}
.discountTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    background-color: #fff;
}
.discountTable th {
    padding: 6px 6px 6px 8px;
    font-size: 1.2em;
    background-color: #eee;
}
.discountTable td {
    padding: 3px 3px 3px 8px;
}

.dj_tablet .mblView .mblRoundRectList:first-child, .dj_tablet .mblView .mblRoundRectList {
    margin: 6px 6px 0 6px;
}
.dj_tablet .mblView .mblRoundRectList:last-child {
    margin: 6px;
}

.dijitDialog .iconDelete {
    position: relative;
    top: 2px;
}

.empty {
    color: #555;
}

.empty.list, li.empty.item {
    padding: 8px;
    font-weight: bold;
    font-size: 0.9em;
    height: auto;
}

.errorPage .mblRoundRect {
    padding-left: 20px;
    padding-right: 20px;
}

.errorPage .message {
    font-weight: bold;
    font-style: italic;
    color: #cc0b08;
}

.collapsed {
    cursor: pointer;
    background: transparent url(../images/expand.png) 0 1px no-repeat;
    width: 16px;
    height: 16px;
}
.expanded {
    cursor: pointer;
    background: transparent url(../images/collapse.png) 0 1px no-repeat;
    width: 16px;
    height: 16px;
}
tr td.expandIcon, tr th.expandIcon {
    width: 16px;
    padding:6px 0 0 6px;
}
tr td.expandLabel, tr th.expandLabel {
    padding-left: 0;
    font-weight: bold;
}

.fieldErrors {
    line-height: 26px;
    padding-top: 6px;
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
    color: #cc0b08;
}
.subfieldErrors {
    line-height: 16px;
    padding-top: 0;
    font-style: italic;
    font-weight: normal;
    color: #cc0b08;
}
.fieldErrors ul, .subfieldErrors ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.fieldErrors li {
    background: url(../images/exclamation.png) 0 4px no-repeat;
    padding-left: 20px;
}
.subfieldErrors li {
    background: url(../images/exclamation.png) 0 0 no-repeat;
    padding-left: 20px;
}

.promptMessage, .inlinePrompt {
    font-size: 0.9em;
    font-style: italic;
    color: #cc0b08;
}
.inlinePrompt {
    padding-bottom: 3px;
}

.spreadsheet .subfieldErrors {
    font-size: 0.9em;
}
.spreadsheet .subfieldErrors ul {
    margin-left: 0;
}

.mblListItem .fancybox, .mblListItem .fancyBox:visited, .mblListItem.fancybox:hover {
    color: black;
    text-decoration: none;
}

.fixedNameField {
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
}

.footnote {
    padding-bottom: 6px;
    text-align: right;
    color: #777;
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
}

.footnote.note {
    padding-top: 6px;
    text-align: left;
    float: left;
}

.iconButton {
    cursor: pointer;
}

.iconEmail img, .iconEmail{
	 vertical-align: middle;
	 line-height: 26px;
}
.iconButton.alert .mblImageIcon {
}
.topItem .iconButton {
    float: right;
    margin-top: 6px;
}
.topItem.withTopIcon .topIcon {
    vertical-align: top;
}

.iconDelete {
    float: right;
}
.iconDelete .dijitDownArrowButton {
    background: transparent url(../images/delete.png) 1px 1px no-repeat;
}
.iconSort {
    float: right;
}
.iconSort .dijitDownArrowButton {
    background: transparent url(../images/sort.png) 1px 1px no-repeat;
}

.iconLabel {
    font-size: 0.9em;
    font-style: italic;
    color: #555;
}

.iconColumnLeft {
    display: inline-block;
    text-align: left;
}
.iconColumnRight {
    display: inline-block;
    text-align: right;
}

.iconPanel {
    width: 100%;
    text-align: right;
}
.iconPanel td {
    padding: 3px;
}
.iconPanel th {
    padding: 3px;
    font-weight: bold;
}
.iconPanel.compact td, .iconPanel.compact th {
    padding: 1px 3px;
}

.imageButton:hover {
    cursor: pointer;
}
.imageButton {
    margin-left: 6px;
}
.domain .imageButton {
    margin-top: -6px;
}
.topItem .imageButton {
    margin-top: 6px;
}

.mblListItem .inlines {
    margin-left: 24%;
    font-size: 0.9em;
    font-weight: normal;
}
.mblListItem .value .inlines {
    margin-left: 6px;
}
.mblListItem .inlines .inline {
    margin: 8px 0 4px 0;
}
.mblListItem .inlines .inline .dijitCurrencyTextBox {
    font-size: 15px;
}

.itemLabel {
    display: inline-block;
}

.mblListItem.listItemTable {
    padding: 0;
    font-weight: normal;
    font-size: 0.9em;
}

.loginForm .mblListItem {
    margin: 0;
}

.commissions .user {
    width: 35%;
}
.commissions .commission {
    width: 25%;
}
.commissions .estimated, .invoices.commissions .paid {
    width: 20%;
}

.payments .datePaid {
    width: 15%;
}
.payments .checkNumber {
    width: 20%;
}
.payments .notes {
    width: 50%;
}
.payments .amount {
    width: 15%;
}

.invoices.list {
    padding: 8px;
}

.invoiceSummary {
    width: 100%;
    text-align: left;
}
.invoiceSummary th {
    width: 25%;
    font-weight: bold;
    color: #777;
}
.invoiceSummary td {
    width: 25%;
    padding-right: 6px;
}

.labeledValue .content {
    display: inline-block;
}

.mblRoundRect.table {
    padding: 0;
    margin: 6px;
}

.mblRoundRectList.loginForm {
    padding-top: 0;
}
.mblRoundRectList.loginForm .mblListItem .label {
    width: 32%;
    max-width: 160px;
}
.mblRoundRectList.loginForm .mblListItem .value {
    width: 68%
}

.loginLogo {
    padding: 12px 6px;
}

.loginLogo > a {
    margin: 8px;
}

.mblListItem .multiReportColumn label {
    font-size: 0.9em;
    font-weight: normal;
    font-style: italic;
}
.mblListItemIcon {
    margin: 6px 6px 6px 4px;
}

.iFormTooltip {
    background-color: #C5CCD3;
}

.iMenuPane {
    width: 160px;
    border-right: 1px solid #555;
}
.orgo .iMenuPane .iMenuHeading.mblHeading {
    background: white none;
    border-bottom: 1px solid black;
}
.iMenuPane .iMenuHeading img {
    margin: 10px 0;
}
.iMenuPane .iMenuItem {
    cursor: pointer;
}
.iMenuPane .iMenuView .iMenuItem .mblListItemLabel {
    padding: 12px 0 0 0;
    font-size: 0.9em;
}
.iMenuPane .iMenuView .mblEdgeToEdgeList .iMenuItem.mblListItem {
    background-color: #eee;
}
.iMenuPane .iMenuView .mblEdgeToEdgeList .iMenuItem.selected,
.iMenuPane .iMenuView .mblEdgeToEdgeList .iMenuItem:hover {
    cursor: pointer;
    background-color: #ffe;
}

.iMenuPane .iMenuTitle {
    height: 27px;
    text-align: center;
    font-size: 0.9em;
    line-height: 14px;
    padding: 3px 0;
    border-bottom: 1px solid black;
}
.iMenuPane .iMenuTitle.noSubtitle {
    line-height: 24px;
}
.iMenuPane .iMenuTitle .suffixes {
    color: Black;
    text-shadow: none;
}

.messages {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.messages.tip {
    background: transparent url(../images/tip.png) 6px 3px no-repeat;
    padding: 3px 6px 3px 50px;
    min-height: 28px;
}
.messages.tip.noRoundRect {
    display: inline-block;
    line-height: normal;
    font-style: italic;
    padding-top: 12px;
}
.messages.tip > div {
    padding-top: 3px;
}
.messages em {
    color: brown;
}
.messages em span {
    margin-left: 3px;
    font-size: 0.9em;
    color: #555;
}
.messages li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.messages li.fatal {
    background: transparent url(../images/exclamation.png) 6px 2px no-repeat;
    padding: 3px 18px 3px 28px;
}
.messages li.error {
    background: transparent url(../images/exclamation.png) 6px 2px no-repeat;
    padding: 3px 18px 3px 28px;
}
.messages li.info {
    background: transparent url(../images/information.png) 6px 2px no-repeat;
    padding: 3px 18px 3px 28px;
}
.messages li.warn {
    background: transparent url(../images/warning.png) 6px 2px no-repeat;
    padding: 3px 18px 3px 28px;
}
.messages .error em {
    color: darkblue;
}
.noteDomain {
    font-weight: normal;
    line-height: normal;
    padding-bottom: 3px;
}
.noteDomain .text {
    padding-top: 8px;
    font-size: medium;
    font-weight: bold;
}
.noteDomain .details {
    text-align: right;
    padding-bottom: 6px;
}
.noteDomain .details .editMessage {
    margin-top: 6px;
    margin-bottom: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 0.9em;
    font-style: italic;
    color: #333;
    float: left;
}
.noteDomain .details .mblToolBarButton {
    float: none;
}

.notePosition {
    font-size: 0.9em;
    margin-right: 12px;
}

.office .street2, .office .cityStateAndZip {
    margin-top: 5px;
}

.openerForm {
    border-collapse: collapse;
    white-space: nowrap;
}
.openerForm.withFilters {
    width: 487px;
}
.openerForm tr {
    line-height: 30px;
}
.openerForm th {
    color: #ccc;
    font-weight: bold;
    text-align: left;
}
.openerForm th.title {
    color: white;
    padding: 0;
}
.openerForm th.label {
    padding-right: 6px;
}
.openerForm td {
}
.openerForm td .mblButton {
    margin-left: 24px;
    float: none;
}

.orderSummary {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
}
.orderSummary td, .orderSummary th.amount {
    padding: 1px;
}
.orderSummary th {
    width: 25%;
    padding: 1px;
    font-weight: bold;
    color: #777;
}

.otherText .dijitTextBox {
    float: left;
}

.priceBotSummary {
    width: 100%;
    font-size: 0.9em;
    line-height: normal;
    border-collapse: collapse;
}
.priceBotSummary .rb, .priceBotSummary .model {
    border-right: 1px solid #888;
}
.priceBotSummary .bb, .priceBotSummary .manufacturer, .priceBotSummary .customers th {
    border-bottom: 1px solid #888;
}
.priceBotSummary th {
    background-color: #eee;
}
.priceBotSummary .customers th {
    text-align: right;
    padding: 3px 6px;
}
.priceBotSummary .customers th.model, .priceBotSummary .results .model {
    text-align: left;
}
.priceBotSummary .model {
    padding: 3px;
}
.priceBotSummary .manufacturer {
    text-align: center;
    font-size: 1.2em;
    padding-top: 6px;
    padding-bottom: 6px;
}
.priceBotSummary .results td:hover, .priceBotSummary .results td:hover .suffixes {
    cursor: pointer;
    color: green;
}
.priceBotSummary .results td {
    text-align: right;
    font-weight: normal;
    padding: 3px 6px;
}

.iDialogOpener {
}

.iPromptOpener {
    font-size: 0.9em;
    padding: 10px;
}
.iPromptOpener h1 {
    font-size: medium;
}
.iPromptOpener .prompt {
    text-align: center;
}
.iPromptOpener table {
    background-color: Black;
}

.quotaCharts {
    text-align: center;
}
.quotaCharts.mblRoundRect {
    background-color: #eee;
}
.quotaCharts .quotaChart {
    width: 538px;
    height: 180px;
}
.quotaCharts .quotaHeading {
    text-align: left;
    font-weight: bold;
}
.quotaCharts .quotaHeading .quotaLabel {
    display: inline-block;
    width: 48%;
    font-size: 1.2em;
    float: left;
}
.quotaCharts .quotaHeading .quotaLegend {
    display: inline-block;
    margin-top: -3px;
    width: 52%;
}
.quotaCharts .quotaHeading .quotaLegend .dojoxLegendNode {
    vertical-align: top;
    float: right;
}
.quotaCharts .dojoxLegendText {
    position: relative;
    top: 1px;
    left: 3px;
    margin-right: 6px;
}

.quoteWithProject {
    display: inline;
    color: purple;
}

.salePaymentDomain {
    text-align: right;
}
.salePaymentDomain .mblListItemTextBox {
    line-height: 24px;
}
.salePaymentDomain .leftPane {
    display: inline-block;
    margin-top: 6px;
    float: left;
}
.salePaymentDomain .rightPane {
    display: inline-block;
}
.salePaymentDomain .datePaid {
    display: inline-block;
    text-align: left;
    width: 80px;
}
.salePaymentDomain .userName {
    font-weight: normal;
    margin-left: 12px;
}
.salePaymentDomain .labeledField {
    font-weight: normal;
}
.salePaymentDomain .labeledField label {
    margin: 0 6px 0 12px;
}
.salePaymentDomain .newPayment .labeledField label {
    color: black;
}
.salePaymentDomain .amount {
    color: #324F85;
    position: relative;
    top: -6px;
}
.salePaymentDomain .mblToolBarButton.icon {
    float: none;
    margin-top: 6px;
}

.mblListItem .saleStatusHistory .mblRoundRect {
    margin-left: 6px;
}

.saleUsersSummary {
    width: 100%;
    border-collapse: collapse;
}
.saleUsersSummary td {
    padding: 6px;
}
.saleUsersSummary th {
    padding: 6px;
    font-weight: bold;
    color: #777;
}

.siteSeal {
    text-align: center;
    background-color: white;
}
.sslLogo {
    float: right;
    cursor: pointer;
}

.lineItems {
}
.lineItems > label {
    display:block;
}
.lineItems .mblRoundRect {
    margin: 0;
}
.lineItems .spreadsheet {
    font-size: 0.9em;
}
.mblRoundRect.lineItems {
    margin: 6px 6px 0 6px;
}

.section {

}
.section > label {
    font-size: 1.2em;
    display: block;
}

.mblRoundRect.miniForm {
    text-align: left;
}

.mblRoundRect.miniForm .suffixes {
    font-style: italic;
    display: block;
    margin-bottom: 2px;
}

.mblRoundRect.miniForm .miniField {
    margin: 3px 6px 6px 6px;
}

.mblRoundRect.section > .mblRoundRect {
    background-color: white;
    margin-top: 6px;
}
.mblRoundRect.section > .mblRoundRectList, .mblListItem.summaryPanel .mblRoundRectList {
    margin-left:0;
    margin-right:4px;
}

.statsRect {
    text-align: right;
    padding: 2px 0;
    background-color: #eee;
}
.statsRect .spreadsheet {
    background-color: transparent;
}
.statsRect .iconColumn {
    text-align: left;
    padding: 3px 6px 0 6px;
}
.statsRect .iconColumn img {
    float: left;
}
.statsRect .iconColumn label {
    display: inline-block;
    color: #555;
    font-size: 0.7em;
    font-style: italic;
    position: relative;
    top: -2px;
}

.specTable, .notifyTable {
    padding: 6px;
    font-weight: normal;
}
.specTable table, .notifyTable table {
    font-size: 0.9em;
}
.specTable.mblListItem, .notifyTable.mblListItem {
    padding: 0;
}
.specTable .dijitTextBox {
    width: 50px;
    position: relative;
    top: -2px;
}
.specTable .dijitTextBox input {
    text-align: center;
}

.mblFixedSplitter, .mblView, .mblPane {
    height: 100%;
    overflow: hidden;
}

.pageTab, .orgoView {
    overflow: hidden;
}

.summaryPanel {
    height: auto;
    line-height: normal;
    padding: 6px 2px 6px 6px;
}
.summaryPanel.noPad {
    padding: 0;
}
.summaryPanel.noPad .mblListItemAnchor {
    padding-right: 0;
}
.summaryPanel.mblListItem {
    font-size: 0.9em;
    font-weight: normal;
    color: black;
}
.summaryPanel.mblListItem.large {
    font-size: medium;
}
.summaryPanel.mblListItem.infoField {
    font-size: medium;
    padding-bottom: 0;
}
.summaryPanel .mblListItemLabel {
    display: none;
}
.summaryPanel .mblRoundRect {
    margin: 0 0 6px 0;
    padding-right: 4px;
    color: black;
    background-color: #eee;
}
.summaryPanel .mblRoundRect.statsRect {
    margin: 0 0 6px 0;
}
.summaryPanel.mblListItem .mblRoundRect .mblRoundRect {
    background-color: #fff;
}
.summaryPanel .left {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.summaryPanel > .left {
    min-height: 183px;
}
.summaryPanel .left.infoPane {
    min-height: 183px;
    padding: 3px;
}
.summaryPanel .right {
    width: 49%;
    float: right;
    display: inline-block;
    vertical-align: top;
}
.summaryPanel .top.right img.placeholder {
    margin-bottom: 10px;
}
.summaryPanel .details {
    clear: left;
    text-align: right;
}
.summaryPanel .details .history {
    display: inline-block;
    margin-top: 6px;
    margin-left: 8px;
    text-align: left;
    float: left;
}
.summaryPanel .details .payments {
    display: inline-block;
    width: 205px;
    text-align: left;
}
.summaryPanel .details .attachments {
    display: inline-block;
    width: 205px;
    text-align: left;
}
.summaryPanel .padded {
    padding-right: 3px;
    margin-bottom: 8px;
}
.summaryPanel .padded.quote {
    font-size: 1.2em;
}
.summaryPanel .padded.quote label {
    width: 100px;
}
.summaryPanel .address {
    padding-right: 3px;
}
.summaryPanel .address .appLink, .summaryPanel .address .nameContent {
    font-size: medium;
}
.summaryPanel .topLink {
    padding-right: 3px;
    padding-bottom: 6px;
    font-size: 1.2em;
    display: inline-block;
}
.summaryPanel .address .streetCity {
    font-size: 0.9em;
    margin: 3px 6px;
    display: inline-block;
}
.summaryPanel .fixed {
    display: inline-block;
    width: 50px;
}
.summaryPanel .countRects {
    clear: left;
}

.superscript {
    display: inline-block;
    vertical-align: top;
    font-size: 0.9em;
    font-style: italic;
    color: #777;
    margin-left: 3px;
}
.superscript.mini {
    font-size: 0.9em;
}

.testScript input[type="checkbox"] {
    margin-right: 6px;
}
.testScript ol ol {
    list-style-type: upper-alpha;
}
.testScript ol li {
    margin-top: 3px;
    margin-bottom: 3px;
}

.textPanel {
    width: 100%;
    text-align: right;
}
.textPanel.labeledValues {
    text-align: left;
}
.textPanel.labeledValues th {
    width: 35%;
}
.textPanel.labeledValues td {
    width: 65%;
}
.textPanel td, .textPanel th {
    padding: 3px 6px;
    vertical-align: top;
}
.textPanel th.singleChar {
    padding: 3px 0;
}
.textPanel th {
    font-weight: bold;
    color: #555;
}
.textPanel th.selected {
    color: black;
}

.unsupportedBrowser {
    margin: 20px;
}
.unsupportedBrowser h1 {
    font-size: large;
}

/* FILE: orgo_dojo.css */


.dijitComboBoxMenuPopup, .dijitTextBox, .mblTextArea.mblExpandingTextArea {
    font-size: 0.9em;
}


.dijitUploader.dijitButton {
    margin: 0;
}

.mblButton.edit {
    float: right;
    position: relative;
    top: -3px;
}

.mblCheckBox {
    display: inline-block;
}

.mblEdgeToEdgeList {
    background-color: transparent;
}
.mblEdgeToEdgeList .mblListItem {
    background-color: white;
}
.mblRoundRectList {
    background-color: transparent;
}
.mblRoundRectList .mblListItem {
    background-color: white;
}
.mblEdgeToEdgeCategory {
    height: auto;
}

.mblExpandingTextArea {
    font-family: sans-serif;
    font-size: medium;
}

.mblHeading {
    overflow: hidden;
    text-overflow: ellipsis;
}
.orgo .orgoView .iPane .mblHeading {
    background: #889BB3 url("../images/heading_bg.png");
}
.mblHeading .mblToolBarButton, .mblHeading .mblButton, .mblHeading .imageButton, .mblHeading .native {
    margin: 6px 6px 6px 0;
    float: right;
}
.mblHeading .mblToolBarButtonArrow {
    margin-left: -2px;
}
.mblHeading .native {
    margin-top: 12px;
}
.mblHeading .iconDelete {
    margin-top: 5px;
    margin-right: 20px;
    float: right;
}

.mblHeading.topHeading {
    height: auto;
    border-top: none;
}
.mblHeading.bottomHeading {
    height: auto;
    border-top: 1px solid #555;
}
.mblHeading.iTabBar .mblTabBar {
    height: 32px;
}
.mblHeading.iTabBar .mblTabBar .mblTabBarButton {
    height: 32px;
    vertical-align: middle;
}
.mblHeading.iSubBar {
    min-height: 42px;
    line-height: 18px;
    overflow: visible;
}
.mblHeading.iSubBar .subToolIcon {
    float:left;
    margin: 6px;
}
.mblHeading.iSubBar .iconButton {
    float:right;
    margin: 6px;
}
.mblHeading.iSubBar .subToolTitle {
    float: left;
    font-size: 17px;
    padding-top: 14px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}
.mblHeading.iSubBar .viewModeBtn {
    float: left;
    font-size: medium;
    font-weight: bold;
    padding-top: 14px;
}
.mblHeading.iSubBar .radioGroup {
    float: left;
    font-size: medium;
    font-weight: bold;
    padding-top: 14px;
}

.iWorkPane .mblEdgeToEdgeList .mblListItem,
.mblRoundRectList .mblListItem {
    height: auto;
    vertical-align: middle;
    overflow: visible;
}
.mblEdgeToEdgeList .mblListItem .list li .mblCheckBox,
.mblRoundRectList .mblListItem .list li .mblCheckBox {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -4px;
}

.mblListItem {
    padding-left: 6px;
    padding-right: 6px;
    line-height: 18px;
    vertical-align: middle;
}
.mblListItem.domain, .mblListItem.linked, .mblListItem.widget {
    height: auto;
}
.mblListItem.linked, .mblListItem.widget {
    padding-right: 0;
}

.attachmentPanel .mblListItem.iInnerWrapper .mblListItem.panel {
    background-color: #eee;
}

.mblEdgeToEdgeList.items .mblListItem.attachment .item,
.mblRoundRectList.items .mblListItem.attachment .item {
    display: block;
}
.mblListItem.attachment .item .appLink {
}
.mblListItem.attachment .item .mblToolBarButton {
    float: right;
    margin-top: -6px;
}

.mblListItem.centered .mblListItemTextBox {
    text-align: center;
}
.mblListItem.centered .mblListItemLabel {
    float: none;
}

.mblListItem.full {
    padding-left: 0;
    padding-right: 0;
}
.mblListItem.full .mblListItemAnchor {
    padding-right: 0;
}
.mblListItem.full .mblListItemTextBox {
    padding-right: 0;
}

.mblListItem.activity {
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal;
    padding: 0;
}

.mblListItem.wide .mblListItemAnchor, .mblListItem.activity .mblListItemAnchor {
    padding-right: 0;
}

.mblListItem.arrowPad .mblListItemAnchor {
    padding-right: 26px;
}

.mblListItem.noAnchorPad .mblListItemAnchor {
    padding-right: 0;
}

.mblListItem.revenueCalculator label {
    padding-left: 6px;
    padding-right: 6px;
    font-style: italic;
}
.mblListItem.revenueCalculator .mblCheckBox {
    margin-right: 0;
}
.mblListItem.revenueCalculator .item.revenue {
    padding-top: 0;
}
.mblListItem.revenueCalculator .item.revenue .dijitTextBox {
    float: left;
}
.mblListItem.revenueCalculator .item.revenue .mblToolBarButton {
    float: none;
}

.mblListItem.paginator {
    padding: 0;
    font-weight: normal;
    height: auto;
}

/*.iWorkPane {
     min-width: 480px;
 }*/
.iWorkPane .pageTab .mblListItem.topItem, .orgoTooltip .mblListItem.topItem, .orgo .mblListItem.topItem {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 41px;
    background: #889BB3 url("../images/heading_bg.png");
    border-bottom: none;
    border-top: 1px solid #FEFEFE;
    color: #70777F;
}

.mblListItem.summaryPanel .mblListItem.topItem, .mblListItem.topItem.noShadow {
    background: #eee;
    border-top: none;
    border-bottom: 1px solid #aaa;
    color: black;
    text-shadow: none;
}
.mblListItem .mblListItemTextBox {
    white-space: normal;
}
.mblListItem.topItem .mblListItemTextBox {
    text-align: right;
    padding-top: 0;
    white-space: nowrap;
}

.mblListItem.topItem .mblButton, .mblListItem.topItem .mblToolBarButton {
    float: right;
    margin: 4px 0 6px 6px;
}
.mblListItem.topItem img {
    position: relative;
    top: -3px;
}
.mblListItem.topItem select {
    float: right;
    margin-top: 10px;
}
.mblListItem.topItem .topLabel {
    padding: 6px;
    color: #70777F;
}

.mblHeading .topLabel, .mblListItem .topLabel {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 90%;
    margin-top: 6px;
}
.mblListItem.withTopIcon .topLabel {
    margin-top: 8px;
}
.orgoTooltip .mblListItem .topLabel {
}
/*
.mblListItem .topLabel.buttons1, .mblListItem .topLabel.buttons1 {
    width: 80%;
}
.mblListItem .topLabel.buttons2, .mblListItem .topLabel.buttons2 {
    width: 65%;
}
.mblListItem .topLabel.buttons3, .mblListItem .topLabel.buttons3 {
    width: 50%;
}
*/
.mblListItem img.topIcon {
    margin: 6px 6px 0 0;
}

.mblHeading .topPanel, .mblListItem .topPanel {
    min-height: 41px;
}

.mblHeading .title, .mblListItem .title {
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 6px;
    line-height: normal;
}

.mblListItem.item, .mblListItem .item {
    padding-top: 12px;
    padding-bottom: 10px;
    vertical-align: middle;
   /*  font-size: 0.9em; */
}
.mblListItem.linked.tagged {
    padding-right: 0;
}
.mblEdgeToEdgeList.wideTags .mblListItem.linked.tagged .item,
.mblRoundRectList.wideTags .mblListItem.linked.tagged .item {
    display: inline-block;
    width: 60%;
}
.mblListItem.linked.tagged .item {
    display: inline-block;
    width: 75%;
}
.mblListItem.linked .item, .mblListItem.widget .item {
    display: inline-block;
    width: 90%;
}
.mblListItem.empty {
    font-size: 0.9em;
}

.mblListItem.invisibleLinked .mblListItemRightText {
    padding-right: 20px;
}

.mblListItem .orgoListItemRightCombo {
    text-align: right;
    vertical-align: top;
    display: inline-block;
    height: 40px;
    float: right;
}
.mblListItem .orgoListItemRightCombo .rightComboText {
    line-height: 22px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}
.mblListItem .orgoListItemRightArrow {
    display: inline-block;
    background: url("/images/dojo/mblDomButtonBlueCircleArrow.png") no-repeat;
    width: 27px;
    height: 27px;
    margin: 6px 8px;
}
.mblListItem .orgoListItemRightText {
    display: inline-block;
    vertical-align: top;
    color: #324F85;
}
.mblListItem .orgoListItemRightText .inlineCurrencyWidget {
    margin-top: 12px;
}
.mblListItem.sortedRightText .orgoListItemRightText {
    color: Green;
}

.specCredit.specs .mblListItemRightText {
    color: #777;
}
.specCredit.lost .mblListItemRightText {
    color: #cc0b08;
}
.specCredit.won .mblListItemRightText {
    color: green;
}

.mblEdgeToEdgeList.items .mblListItem .item,
.mblRoundRectList.items .mblListItem .item {
    display: inline-block;
    white-space: normal;
}
.mblListItem.item.phone {
    padding: 3px 6px;
    line-height: 14px;
}
.mblListItem .item.fixedHeight {
    height: 22px;
}
.mblListItem .item.pattern {
    font-weight: normal;
}
.mblListItem .item .label {
    width: 135px;
}
.mblListItem .item .label, .mblListItem label {
    margin-right: 6px;
   /*  font-size: 0.9em; */
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}
.mblListItem .statsRect label {
    margin-right: 0;
}
.mblListItem .value {
    font-weight: normal;
    display: inline-block;
}
.mblListItem.linked .value, .mblListItem.widget .value {
    width: 70%;
}
.mblListItem .value.wide {
    width: 100%;
    text-align: center;
}
.mblListItem .value input[type=radio] {
    margin-right: 6px;
}
.mblListItem .value .dijitTextBox {
    vertical-align: top;
}
.mblListItem .value .mblToolBarButton {
    margin-top: -3px;
}

.mblRoundRectList {
    margin: 6px;
}

.mblEdgeToEdgeList.subFields .totalAmount,
.mblRoundRectList.subFields .totalAmount {
    font-weight: bold;
    color: green;
}

.mblScrollableView {
}
.mblScrollableViewContainer {
    width: 100%;
}
.mblScrollableView.iTabBar .mblScrollableViewContainer {
    padding-top: 45px;
}
.mblScrollableView.iSubBar .mblScrollableViewContainer {
    padding-top: 56px;
}
.mblScrollableView.iTabBar.iSubBar .mblScrollableViewContainer {
    padding-top: 76px;
}

.mblTabBar {
    height: auto;
}
.mblTabBar .mblTabBarButtonLabel {
    padding-top: 2px;
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    text-shadow: none;                                                     ;
}
.mblTabBar .mblTabBarButton .mblTabBarButtonLabel .iPaperClipButton {
    display: inline-block;
    background: transparent url(../images/paperclip16.png) 0 6px no-repeat;
    padding-left: 22px;
    padding-right: 2px;
}
.mblTabBar .mblTabBarButton .mblTabBarButtonIconArea {
    padding: 0;
}
/*
.mblTabBar .mblTabBarButton.mblTabBarButtonHasIcon .mblTabBarButtonIconArea {
    float: left;
    margin-left: 40%;
}
.dj_tablet .mblToolBarButton.mblColorDefault.icon {
    background: transparent none;
}
.mblToolBarButton.icon .mblToolBarButtonIcon {
    max-height: 22px;
}
*/
.mblToolBarButton {
    padding: 0;
    display: inline-block;
    height: 28px;
}
.mobile .orgo .mblToolBarButton.icon {
    width: 22px;
    height: 22px;
    margin: -3px 0 0 6px;
    border: none;
    background: transparent;
}
.mblToolBarButton.iconButton {
    width: 28px;
    margin: 6px;
    padding: 1px;
}
.mblToolBarButton.iconAddRemove {
    width: 56px;
    margin: 6px;
    padding: 0;
}
.mblToolBarButton.iTextButton {
    min-width: 50px;
    margin: 6px;
    padding: 0 6px;
}
.mblToolBarButton.mblToolBarButtonHasLeftArrow {
    padding-left: 8px;
}
.mblToolBarButton.mblToolBarButtonHasLeftArrow {
    margin-left: 6px;
}

#datePickerTooltip {
    z-index: 1000;
}

.mblOverlay, .mblTooltip { /* dijit.Calendar is 1000, this MUST must be less than that */
    z-index: 999;
}

.mblOpener {
    font-weight: normal;
    padding: 6px;
    margin: 0;
    height: auto;
}
.mblOpener .mblRoundRectList.iFormTooltip {
    background-color: #C5CCD3;
}
.dj_tablet .mblOpener .mblRoundRectList:first-child {
    margin: 0;
}
.mblOpener .mblRoundRectList .mblRoundRectList:first-child {
    margin: 3px;
}
.mblOpener .mblRoundRectList .mblRoundRectList {
    margin: 0 3px 3px 3px;
}

.orgoTooltip {
    height: auto;
}
.orgoTooltip .iScrollBars {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.orgoTooltip .mblExpandingTextArea {
    width: 420px;
}

.mblOpener label {
    color: #ddd;
    margin-right: 6px;
}

.mblOpener .mblRoundRectList {
    margin: 0;
}

.mblOpener .mblListItem label, .mblOpener .mblListItem .subfield label {
    color: #000;
}

.mblOpener .subfield label {
    color: #ddd;
}

.mblOpener.deleteConfirm form {
    white-space: nowrap;
}
.mblOpener.deleteConfirm label {
    color: #cc0b08;
    margin: 12px;
    position: relative;
    top: 2px;
}
.mblOpener.deleteConfirm input {
    margin-left: 12px;
}

.mblOpener .searchTooltip {
    padding: 3px;
}
.mblOpener .searchTooltip .mblButton {
    margin-top: -3px;
    margin-left: 12px;
}

#flashTooltip {
    font-size: 0.9em;
    margin-top: 5px;
    margin-left: 280px;
}
#flashTooltip .flashMessage {
    background: transparent url(../images/information.png) 6px 3px no-repeat;
    padding: 3px 18px 3px 28px;
    color: #9cdeff;
    cursor: pointer;
}
#flashTooltip .flashMessage:hover {
    color: #cc0b08;
}

#mapOpener {
    margin-top: -14px;
    padding: 12px 6px 6px 6px;
}
#mapOpener .mapHeading {
    padding: 6px 0;
    color: white;
}
#mapOpener .mapHeading input {
    float: right;
    margin-top: 0;
}
#mapCanvas {
    background: white;
}
.mblListItem.revenueCurrentReps {
    padding: 0;
    margin: 0;
}
.mblOpener .categoryTooltip .item .label {
    width: 50px;
}
.mblOpener .categoryTooltip .mblListItem {
    width: 470px;
}
.mblOpener .paymentsReceivedTooltip {
    padding: 10px;
}
.mblOpener .paymentsReceivedTooltip h1 {
    font-size: 14pt;
    text-align: center;
}
.mblOpener .paymentsReceivedTooltip .prompt {
    text-align: center;
}
.mblOpener .paymentsReceivedTooltip .mblToolBarButton {
    width: 400px;
}
.mblOpener .paymentTooltip .mblExpandingTextArea {
    width: 360px;
}
.mblOpener .adminTooltip .mblListItem {
    width: 700px;
}
.mblOpener .adminTooltip .mblListItem.topItem {
    width: 688px; /* subtract padding */
}
.mblOpener .passwordTooltip .mblRoundRectList {
    width: 430px;
}
.mblOpener .passwordTooltip .mblRoundRectList .topLabel {
    width: 60%;
}
.mblOpener .passwordTooltip .mblRoundRectList .label {
    width: 45%;
}
.mblOpener .iScrollBars .mblRoundRectList {
    width: 600px;
}

#invoiceTooltip  .mblRoundRectList {
	width: 100%;
}

.orgo .iInnerClass.mblListItem, .orgo div.iInnerClass, .orgo .iOuterClass.mblListItem {
    height: auto;
    padding: 0;
    border-bottom: none;
/*     font-size: 0.9em; */
    background-color: transparent;
}
.iScrollBars {
    height: auto;
    overflow: auto;
    background-color: transparent;
}

.iScrollBars.noScroll {
    overflow: hidden;
}

.iScrollBars.xyScroll {
    overflow-x: auto;
    overflow-y: auto;
}

.iScrollBars.xScroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.iScrollBars.yScroll {
    overflow-x: hidden;
    overflow-y: auto;
}

table.iScrollTable {
    background-color: white;
    font-size: 0.9em;
    font-weight: normal;
    border-collapse: collapse;
    width: 100%;
}
.iScrollTable th, .iScrollTable td {
    padding: 6px;
}
.iScrollTable th {
    background-color: #eee;
}
.iScrollTable th.sort {
    color: Black;
    background-color: Gold;
    padding: 0 6px;
}
.iScrollTable th div {
    display: block;
    padding: 6px 0;
}
.iScrollTable th.sort div {
    padding: 6px 22px 6px 0;
}
.iScrollTable th.sort.ar div {
    padding: 6px 0 6px 22px;
}
.iScrollTable th.sort.asc div {
    background: url(../images/view_asc.png) no-repeat right center;
}
.iScrollTable th.sort.desc div {
    background: url(../images/view_desc.png) no-repeat right center;
}
.iScrollTable th.sort.asc.ar div {
    background: url(../images/view_asc.png) no-repeat left center;
}
.iScrollTable th.sort.desc.ar div {
    background: url(../images/view_desc.png) no-repeat left center;
}
.iScrollTable td, .iScrollTable th {
    text-align: left;
    padding: 6px 6px 3px 6px;
    white-space: normal;
    overflow: hidden;
}
.iScrollTable td.ar, .iScrollTable th.ar {
    text-align: right;
}
.iScrollTable td.ac, .iScrollTable th.ac {
    text-align: center;
}
.iScrollTable td.sort {
    background-color: LightYellow;
    color: Black;
}
.iScrollTable td input[type=checkbox] {
    position: relative;
    top: -1px;
}

/* Orgo widgets */

.appLink, .appLink:link, .appLink:visited {
    display: inline-block;
    cursor: pointer;
    color: Navy;
    text-decoration: none;
}
.messages .appLink {
    display: inline;
}
.mblOpener .promptOpener, .mblOpener .promptOpener .appLink:link, .mblOpener .promptOpener .appLink:visited {
    color: White;
}
.mblOpener .promptOpener .mblListItem .appLink, .mblOpener .promptOpener .mblListItem .appLink:link, .mblOpener .promptOpener .mblListItem .appLink:visited {
    color: Navy;
}
.appLink.red, .appLink.red:link, .appLink.red:visited {
    color: #cc0b08;
}
.appLink.red:hover {
    color: #cc0b08;
    text-decoration: underline;
}
.appLink.green, .appLink.green:link, .appLink.green:visited {
    color: Green;
}
.appLink.green:hover {
    color: Green;
    text-decoration: underline;
}
.appLink.unset, .appLink.unset:link, .appLink.unset:visited {
    color: #888;
}
.appLink:hover, .mblOpener .mblListItem .appLink:hover, .appLink.unset:hover, .appLink:hover .suffixes, .appLink:focus, .appLink.unset:focus {
    color: green;
    text-decoration: underline;
}

.attachmentLabel {
    display: inline-block;
}

.uploadIcon {
    background: url(/images/download.png) no-repeat;
}
.folderClosed {
    background: url(/images/folderClosed.png) no-repeat;
}
.folderOpen {
    background: url(/images/folderOpen.png) no-repeat;
}

.orgo .attachmentTab .mblListItem.panel {
    padding: 6px;
    background-color: #eee;
    text-align: right;
    height: auto;
}
.attachmentTab .categoryPanel {
    text-align: left;
    float: left;
    display: inline-block;
}
.attachmentTab .categoryPanel select {
    margin: 15px 0 0 12px;
}
.attachmentTab .panel label {
    float: left;
    display: inline-block;
    margin: 4px 0 6px 3px;
    padding: 8px 0 8px 32px;
    font-size: 0.9em;
}
.attachmentTab .panel .simpleFileWidget {
    position: relative;
    top: -1px;
}
.attachmentTab .mblRoundRectList.files {
    text-align: left;
    font-size: 0.9em;
    background-color: white;
}
.attachmentTab .attachmentLabel {
    display: inline-block;
    max-width: 85%;
    padding: 14px 0 12px 0;
}
.attachmentTab .attachmentButtons {
    display: inline-block;
    float: right;
    margin-top: 12px;
}
.attachmentTab .uploadPanel {
    text-align: left;
    display: inline-block;
    min-height: 42px;
}
.attachmentTab .fieldErrors {
    padding-top: 3px;
}
.uploadForm {
    min-height: 42px;
}

.buttonContainer {
    min-height: 20px;
}
.buttonContainer .mblToolBarButton, .buttonContainer .mblButton {
    margin-left: 6px;
}
.buttonContainer .timer {
    font-weight: bold;
    margin-right: 6px;
}

.calendarEventWidget {
    margin: 8px 8px 0 0;
    float: right;
}

.categoryItem {
    min-height: 45px;
    text-align: right;
}
.categoryItem .categoryName {
    padding-top: 16px;
    float: left;
}
.categoryItem .mergeIcon {
    margin-top: 14px;
    margin-right: 6px;
    width: 28px;
    text-align: right;
    display: inline-block;
}
.categoryItem .mergeCount {
    padding: 16px 0 0 12px;
    display: inline-block;
    color: #888;
    font-size: 0.9em;
    float: left;
}

.categoryNameWidget label {
    margin-left: 12px;
}
.categoryNameWidget select {
    position: relative;
    top: -2px;
    left: 12px;
}

.categoryWidget.selectCat .categorySelect {
    width: 362px;
    vertical-align: top;
}
.categoryWidget.createCat .categorySelect {
    width: 332px;
    vertical-align: top;
}
/*
.categoryWidget.otherCat .dijitValidationTextBox {
    width: 362px;
    position: relative;
    top: 1px;
}
*/
table.checkboxes {
    width: 100%;
    border-collapse: collapse;
}
.value table.checkboxes {
    position: relative;
    top: -6px;
}
table.checkboxes td, table.checkboxes th {
    padding: 6px;
}
table.checkboxes th.tableTitle {
    font-size: 1.2em;
    background-color: #eee;
}
table.checkboxes th.tableSubtitle {
    background-color: #eee;
}

.checkBoxWidget {
    display: inline-block;
}
.checkBoxWidget label {
    margin-left: 6px;
    font-weight: normal;
}

.lineItems .spreadsheet .checkBoxWidget label {
    font-size: 0.9em;
}
.mblListItem .inlineCheckBox .checkBoxWidget label {
    vertical-align: bottom;
}
.mblListItem .value .checkBoxWidget.normal label {
    font-weight: normal;
}
.mblListItem .value .checkBoxWidget.italic label {
    font-style: italic;
}
.spreadsheet .checkBoxWidget label {
    color: #999;
}

.dateRangeWidget .suffixes {
    display: block;
    text-align: left;
    margin-bottom: 3px;
}

.divWidget {
    display: inline-block;
}

.dualSelectWidget, .dateRangeWidget {
    width: 446px;
    line-height: normal;
}
.dualSelectWidget .leftSelect, .dualSelectWidget .rightSelect {
    width: 46%;
    text-align: right;
}
.dualSelectWidget .rightSelect {
    width: 46%;
    text-align: right;
}
.dualSelectWidget .icons {
    width: 8%;
    padding-top: 16px;
    text-align: center;
}
.dualSelectWidget td, .dualSelectWidget th {
    vertical-align: top;
}

.emptyListMessage {
    padding: 6px;
    font-weight: bold;
    font-size: 13px;
    color: #555;
}

.exportTooltip .dijitTextBox {
    width: 460px;
}

.filteringSelectWidget {
    display: inline-block;
}

img.iconRemove {
    cursor: pointer;
    margin-top: 3px;
}
img.iconRemove:hover {
    background-color: #cc0b08;
}
.inline img.iconRemove {
    margin-right: 6px;
}

.iListWidget {
    margin: 6px 6px 0 6px;
    padding: 0;
}
.iListWidget .item .appLink {
    font-weight: normal;
}

.imgWidget {
    display: inline-block;
}

.import {
    padding: 6px 0;
}
.import label {
    font-size: 0.9em;
    margin-left: 6px;
}
.import .inlineCheckBox label {
    font-size: 0.9em;
    margin-left: 0;
}

.importContactWidget {
    display: inline-block;
}
.importContactWidget select {
    width: 334px;
}

.importCustomerWidget {
    display: inline-block;
}
.importCustomerWidget select {
    width: 364px;
}

.importCustomerTypeWidget {
    float: right;
}

.importFieldMapper .orgoName .appLink.unmapped, .importFieldMapper .userName .unmapped {
    color: DarkRed;
}
.importFieldMapper .userName .skipped {
    color: #888;
    text-decoration: line-through;
}
.importFieldMapper .orgoName .ignored {
    color: #888;
}
.importFieldMapper .userName .mapped {
    color: DarkGreen;
}

.importFieldMapper .importMapperItem {
    font-weight: normal;
    padding: 6px;
}
.importMapperItem .userName {
    display: inline-block;
    width: 50%;
}
.importMapperItem .orgoName {
    display: inline-block;
    width: 50%;
}
.importMapperItem .dijitValidationTextBox {
    width: 300px;
}

.importMappingForm .dijitTextBox {
    width: 432px;
}
.importMappingForm .importContactWidget select {
    width: 432px;
}
.importMappingForm .importCompanyWidget .dijitTextBox {
    width: 400px;
}
.importMappingForm .fieldRow {
    font-size: 0.9em;
    padding: 6px 0 6px 0;
}
.importMappingForm .appLink {
    font-weight: bold;
}

.importProgressBar {
    width: 350px;
    margin: 6px;
    display: inline-block;"
}
.importProgressBar .mblProgressBarMsg {
    margin-top: 8px;
}

.inlineSelect select {
    position: relative;
    top: -2px;
}
.inlineSelect .dijitTextBox, .inlineSelect select {
    width: 332px;
}
.inlineButtons .mblToolBarButton {
    float: right;
}

.inlineCheckBox {
    font-size: 12px;
    font-style: italic;
    color: #555;
    display: inline-block;
    margin-left: 6px;
}
.inlineCheckBox label {
}
.inlineCheckBox.newline {
    margin-left: 0;
    margin-top: 6px;
}
.inlineCheckBox.newline .mblCheckBox {
    margin-left: 0;
}

.inlineCurrencyWidget {
    width: 170px;
    text-align: right;
}
.inlineCurrencyWidget .dijitTextBox {
    width: 100px;
}
.inlineCurrencyWidget .dijitTextBox .dijitInputField input {
    text-align: right;
}
.inlineCurrencyWidget .mblToolBarButton {
    float: left;
    margin-top: -3px;
}

.inlineDeleteIcon {
    cursor: pointer;
    margin-left: 6px;
    position: relative;
    top: 2px;
}
.inlineDeleteIcon:hover {
    background-color: #cc0b08;
}

.inlineCustomer .spreadsheet td, .inlineManufacturer .spreadsheet td {
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.inlineCustomer .spreadsheet td .mblToolBarButton {
    margin-top: -3px;
}
.inlineCustomer .inlineStatus .radioGroup * {
    vertical-align: top;
    padding-top: 0;
}
.inlineCustomer .inlineStatus span.appLink {
    font-weight: bold;
}

.inlineManufacturer .inlineAmount * {
    vertical-align: top;
}
.inlineManufacturer .inlineAmount {
}
.inlineManufacturer span.appLink {
    font-weight: bold;
}
.inlineManufacturer .inlineAmount .dijitTextBox {
    font-weight: normal;
    text-align: right;
    margin-left: 6px;
}
.inlineManufacturer .inlineAmount .dijitInputInner {
    text-align: right;
}

.inlineNoteWidget .note {
    text-align: left;
    display: inline-block;
    width: 90%;
}
.inlineNoteWidget .icon {
    margin-top: -3px;
    float: right;
}

.inlineSearchForm th {
    padding-right: 6px;
}
.inlineSearchForm th.heading {
    padding-right: 0;
}
.inlineSearchForm input[type='text'] {
    width: 250px;
}
.inlineSearchForm .mblButton {
    float: right;
}

.inlinePanel {
    color: white;
    padding: 3px 0 6px 0;
    font-size: 0.9em;
    text-align: center;
}
.inlinePanel img {
    float: right;
    cursor: pointer;
    position: relative;
    top: -6px;
}
.inlinePanel.footer {
    padding-top: 12px;
    font-size: 0.9em;
    font-style: italic;
}

.inlineTextWidget {
    text-align: left;
}
.inlineTextWidget .showMode {
    margin: 3px 0 0 0;
}
.inlineTextWidget .editMode {
    margin: 3px 0;
}
.inlineTextWidget .note {
    display: inline-block;
    width: 90%;
}
.inlineTextWidget .icon {
    margin-top: -6px;
    float: right;
}

.inlineWidgets {
    display: inline-block;
}

.invoices {
    width: 100%;
    border-collapse: collapse;
}
.invoices td, .invoices th {
    padding: 6px;
}
.invoices th {
    font-weight: bold;
    color: black;
}

.invoices.summary td {
    width: 15%;
}
.invoices.summary td.number {
    width: 25%;
}

.labeledCheckBoxWidget {
    padding: 8px 6px;
}
.labeledCheckBoxWidget.inlineField {
    padding: 0;
    margin-left: 12px;
    font-size: 0.9em;
    display: inline-block;
}
.labeledCheckBoxWidget.inlineField.newline {
    padding: 6px 0 0 0;
    margin-left: 0;
}
.labeledCheckBoxWidget.inlineField .widgetLabel {
    margin-top: -2px;
}
.labeledCheckBoxWidget .mblCheckBox {
    margin-left: 0;
    margin-right: 6px;
}
.labeledCheckBoxWidget .widgetLabel {
    display: inline-block;
    font-weight: bold;
}
.labeledCheckBoxWidget .widgetLabel.checked {
    color: MediumBlue;
}
.labeledCheckBoxWidget .widgetLabel.unchecked {
    color: #888;
}

.linkLineItemsCheckBox {
    margin:8px 0 0 0;
}
.linkLineItemsCheckBox .mblCheckBox {
    margin-left: 0;
}


.listItemImage {
    position: relative;
    top: 1px;
    margin-right: 6px;
   /* left : -25px;*/
}

.mafsiExportTooltip .fileNameField .dijitTextBox {
    width: 420px;
}

.multiCheckBoxWidget {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.multiOwnersWidget ul {
    display: inline-block;
}

.multiStatusWidget {
    margin-left: 0;
}
.multiStatusWidget .checkBoxWidget {
    margin: 3px 0;
}
.multiStatusWidget .checkBoxWidget .mblCheckBox {
    margin-left: 0;
    margin-right: 6px;
}
.multiStatusWidget input[type='checkbox'] {
    margin-left: 0;
    margin-top: 2px;
}

.messageField {
    padding: 12px 6px;
    font-weight: normal;
}
.messageField b {
    font-weight: bold;
    color: #cc0b08;
}

.messageField em {
    color: #324F85;
}

.projectDescriptionWidget .dijitTextBox {
    margin-top: 3px;
    width: 360px;
}

.quoteWidget.spreadsheet th, .quoteWidget.spreadsheet td {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: top;
}

.radioGroup {
    padding-top: 2px;
    font-weight: normal;
}
.radioGroup input[type=radio]:first-child {
    margin-left: 0;
}
.radioGroup input[type=radio] {
    margin-left: 6px;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.radioWidget span {
    margin-left: 3px;
    margin-right: 6px;
}
.radioWidget span.checked {
    color: navy;
}
.radioWidget span.unchecked {
    color: #555;
}
.radioWidget .firstRadio {
    margin-left: 0;
}

.topItem .radioWidget span {
    font-weight: bold;
}
.mblOpener .promptOpener .radioWidget span.unchecked {
    color: #aaa;
}
.mblOpener .promptOpener .radioWidget span.checked {
    color: white;
}
.mblOpener .promptOpener .mblRoundRectList .radioWidget span.unchecked {
    color: #555;
}
.mblOpener .promptOpener .mblRoundRectList .radioWidget span.checked {
    color: navy;
}

.reconcileIcon {
    cursor: pointer;
    margin-top: -5px;
}

.reportColumn, .reportColumnsWidget {
    width: 440px;
}
.reportColumnsWidget {
    margin-bottom: 12px;
}
.reportColumnsWidget select {
    margin-right: 6px;
}
.reportColumnsWidget img {
    float: right;
}
.reportColumn {
    margin-top: 6px;
    font-size: 0.9em;
    font-weight: normal;
}
.reportColumn label {
    width: 20px;
    font-weight: bold;
    text-align: right;
    margin-right: 6px;
}
.reportColumn img {
    vertical-align: top;
    float: right;
}

.reportEditIcon.imageButton {
    float: left;
    margin: -4px 6px 0 0;
}
.revenueWidget .revenueOperator {
    vertical-align: top;
    width: 20px;
    text-align: center;
    margin: 0;
}
.simpleFileWidget {
    display: inline-block;
    font-weight: normal;
    font-size: 0.9em;
}
.simpleFileWidget .mblToolBarButton {
    margin-top: 4px;
}

.simpleRadioWidget label {
    margin-right: 6px;
}
.simpleRadioWidget input[type=radio] {
    position: relative;
    top: -1px;
    margin-right: 3px;
}
.openerForm .simpleRadioWidget label {
    color: #ccc;
}

table.report, table.revenue {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}
table.spreadsheet.revenueSummary {
    border: none;
    font-size: 0.9em;
    font-weight: normal;
}
.spreadsheet.revenueSummary tr.heading, .invoices tr.heading {
    font-size: 9pt;
}
.spreadsheet.revenueSummary tr.heading.readonly, .invoices tr.heading.readonly, .spreadsheet.revenueSummary tr.footing {
    background-color: #eee;
}
.spreadsheet.revenueSummary .invoiced {
    background-color: #efffef;
}
.spreadsheet.revenueSummary .estimated {
    background-color: LightYellow;
}
.spreadsheet.revenueSummary td, .spreadsheet.revenueSummary th {
    border-bottom-color: #888;
}
.spreadsheet.revenueSummary .estimated.overlay .bb {
    border-bottom-color: #ddd;
}
.spreadsheet.revenueSummary tr.estimated.overlay .person, .spreadsheet.revenueSummary .estimated.overlay.noInvoices .bb {
    border-bottom-color: #888;
}
.spreadsheet.revenueSummary .dijitValidationTextBox {
    position: relative;
    top: -1px;
}
.spreadsheet.revenueSummary .dijitInputInner {
    text-align: center;
}
.spreadsheet.revenueSummary .person {
    min-width: 180px;
}
.revenueWidget .revenueSummary .radioPanel {
    margin-top: 3px;
    float: left;
}
.revenueWidget .revenueSummary .dim {
    color: #aaa;
}
.spreadsheet.revenueSummary .average, .invoices .average {
    color: DarkGreen;
}
.spreadsheet.revenueSummary tr.legend label {
    font-size: 0.8em;
}
.spreadsheet.revenueSummary tr.legend.showMode label {
    float: left;
    font-size: 0.9em;
    padding-top: 5px;
}
.spreadsheet.revenueSummary tr.legend div.legend {
    display: inline-block;
    padding: 3px 0;
    margin: 1px 0 1px 20px;
    width: 80px;
    border: 1px solid black;
    text-align: center;
    font-size: 0.8em;
}
.spreadsheet.revenueSummary tr.legend div.splitPanel {
    margin-top: 6px;
}
.spreadsheet.revenueSummary tr.legend .invoiced {
    background-color: #efffef;
}
.spreadsheet.revenueSummary tr.legend .estimated {
    background-color: LightYellow;
}
.spreadsheet.revenueSummary th.subtitle, .spreadsheet.revenueSummary th.subtitle {
    font-size: 1em;
}
.spreadsheet.revenueSummary tr.estimated th.subtitle, .spreadsheet.revenueSummary tr.invoiced th.subtitle {
    background-color: #fff;
}

.revenueWidget .inlinePrompt {
    padding: 0 6px 6px;
    font-weight: bold;
}

.spreadsheet input[type=radio] {
    position: relative;
    top: -1px;
}

.switch {
    line-height: normal;
    padding-top: 1px;
    padding-bottom: 2px;
}
.switch label {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 10px;
    max-width: 80%;
}
.switch label.leftText {
    width: 65%;
}
.switch.off label {
    color: #333;
}
.switch.on label {
    color: navy;
}
.switch .widget {
    width: 35%;
    float: right;
    text-align: right;
}
.switch .widget .rightText {
    display: inline-block;
    color: #324F85;
    margin: 12px 8px 0 0;
}
.switch .widget .switchBox {
    display: inline-block;
    width: 80px;
}
.switch .widget .mblSwitch {
    cursor: pointer;
    margin-top: -1px;
}

.topTenQuotes .radioGroup {
    float: right;
    margin-top: 10px;
    font-size: 0.9em;
}
.topTenQuotes .topPanel .topLabel.buttons1 {
    width: 65%;
}

.toggleWidget {
    cursor: pointer;
    min-height: 22px;
}
.toggleWidget span {
    position: relative;
    top: 3px;
    left: 6px;
}
.toggleWidget.on {
    background: url(../images/iconMinus.png) 0 0 no-repeat;
    padding-left: 22px;
}
.toggleWidget.off {
    background: url(../images/iconPlus.png) 0 0 no-repeat;
    padding-left: 22px;
}

.userRolesFormWidget {
    min-width: 410px;
    line-height: 26px;
}

.dnd {
    background: black;
    color: yellow;
}

.fileWidget .fileSelect {
    width: 362px;
}
.mblListItem .dijitUploader .dijitButtonNode {
    padding: 0;
}
.mblListItem .dijitUploader .dijitButtonContents, .dropBoxContainer a , .gDriveContainer a{
    padding: 10px 0;
    width: 362px;
    font-weight: bold;
}
.mblListItem .dijitUploader.wide .dijitButtonContents {
    width: 564px;
}

.warningMessage32 {
    background: url(../images/warningMessage32.png) 0 0 no-repeat;
    padding-left: 46px;
}
.warningMessage32 label {
    display: block;
    color: #cc0b08;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 12px;
}

.workButton {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

/* FILE: orgo_webkit.css */

.orgo .mblListItem.topItem {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.rounded {
    border: 1px solid #ADAAAD;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
}

.roundedBottom {
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
}

/* PAGINATION */

.mblHeading.iSubBar .pagination, .topPanel .pagination {
    font-size: 0.7em;
    line-height: 13px;
    background: transparent;
    box-shadow: none;
    display: inline-block;
    margin: 10px 0 0 6px;
    padding-top: 3px;
    float: right;
}

.pagination {
    border-top: 0;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    vertical-align: middle;
    background-color: #EFEFEF;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #AAAAAA;
}

.pagination.single {
    padding: 5px;
}

.pagination.bottom {
    padding: 3px 0;
    -moz-border-radius-bottomleft: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
}

.pagination a, .pagination span.appLink,
.pagination .currentStep {
    color: #666666;
    display: inline-block;
    margin: 0 0.1em;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.pagination span.appLink:hover, .pagination span.appLink:focus,
.pagination a:hover, .pagination a:focus,
.pagination .currentStep {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .pagination span.appLink:hover, .no-borderradius .pagination span.appLink:focus,
.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus,
.no-borderradius .pagination .currentStep {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

/* File: orgo_atemay.css */

.mblHeading .calendarEventWidget * {
    z-index: 1000003;
}

.orgo .addthisevent {
    visibility: visible;
}

/* AddThisEvent */
.addthisevent-drop {
    width:27px;
    height:23px;
    display:inline-block;
    position:relative;
    color:#333;
    text-decoration:none;
    font-size:14px;
    background:url(../images/icon_calendar.png) no-repeat;
}
.addthisevent-drop:hover {
    color:#555;
    font-size:14px;
    text-decoration:none;
}
.addthisevent-drop span {
}
.addthisevent-selected {
}
.addthisevent_dropdown {
    /*z-index:1000001;*/
    width:200px;
    position:absolute;
    padding:6px 0 0 0;
    background:#fff;
    text-align:left;
    display:none;
    margin-top:4px;
    margin-left:-1px;
    border-top:1px solid #c8c8c8;
    border-right:1px solid #bebebe;
    border-bottom:1px solid #a8a8a8;
    border-left:1px solid #bebebe;
    box-shadow:1px 3px 6px rgba(0,0,0,0.15);
}
.addthisevent_dropdown span {
    position:relative;
    /*z-index:1000001; */
    width:175px;
    display:block;
    line-height:110%;
    background:#fff;
    text-decoration:none;
    font-size:12px;
    color:#6d84b4;
    padding:8px 10px 9px 15px;
}
.addthisevent_dropdown span:hover {
    background:#f4f4f4;
    color:#6d84b4;
    text-decoration:none;
    font-size:12px;
}
.addthisevent span {
    display:none!important;
    /*z-index:1000001; */
}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {
    display:none!important;
    /*z-index:1000001; */
}
.addthisevent_dropdown .copyx {
    width:200px;
    height:21px;
    display:block;
    position:relative;
    cursor:default;
    /*z-index:1000001; */
}
.addthisevent_dropdown .brx {
    width:180px;
    height:1px;
    overflow:hidden;
    background:#e0e0e0;
    left:10px;
    top:9px;
    /*z-index:1000001; */
}
.addthisevent_dropdown .frs {
    top:5px;
    cursor:pointer;
    right:10px;
    padding-left:10px;
    font-style:normal;
    font-weight:normal;
    text-align:right;
    line-height:110%;
    background:#fff;
    text-decoration:none;
    font-size:9px;
    color:#cacaca;
    /*z-index:1000001; */
}
.addthisevent_dropdown .frs:hover {
    color:#6d84b4;
    /*z-index:1000001; */
}
.addthisevent {
    visibility:hidden;
}
.factoryQuote {
    float: right;
    margin-top: -11px;
    margin-left: 90%;
    position: absolute;
}
.factoryQuoteCheckbox{
	position: absolute;
	top: 11px;
    left: 32px;
}
.makeRed{
	color:red;
	text-shadow: none;
}
.makeGreen{
	color:green;
}
.quoteFactory{
	min-width:280px;
}
.customerMappingList{
	padding-left: 0px;
	padding-right: 0px;
}
.factoryNote{
	margin: 0px 5px 0px 20px;
	font-weight: bold;
}
.factoryNoteValue{
	vertical-align: middle;
}

.mblScrollableViewContainer{
	position: relative !important;
}
.factoryListNotes .item {
	padding: 0px;
}
.factoryListNotes{
	padding: 1px;
}
.factoryListNotes .item #notes{
	margin: -6px;
}
#leadFactoryBlock{
	margin: 0px;
	border: 0px none;
}
#leadFactories {
	background-color: #EAEAEC;
}
#leadManufacturersItem .label{
	display: none;
}
#createFactoryTooltipContent #leadManufacturersItem{
	min-width:524px;
}

.factoryCommissions{
	margin-left: 3px;
}
.specComm .suffixes{
	margin-left: 27px;
}

.attachmentTab .panel .dropBox label {
    margin: 4px 0 6px 3px;
    float: none;
    padding: inherit;
}

.dropBoxContainer a, .gDriveContainer a {
    font-size: 1.1em !important;
    padding: 12px 0 !important;
    text-align: center;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


#destination-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 200px;
      }

 #origin-input:focus,
 #destination-input:focus {
        border-color: #4d90fe;
      }

 .inlineCustomerMap {
     display:inline-block;
     width: 33.3%;

 }

#customerMappings .item {
    width: 100%;
}

.importCompanyWidget #groupId{
    width: 100%;
}

#noteNoteItem {
    padding-left: 0px;
    padding-right: 0px;
}
.noteEditorWraper {
    height: 200px;
    /*width: 80vw;*/
    background-color: white;
}
.noteEditorWraper .dijitEditor {
    height: 178px;
}
#noteTooltip{
    width: 70vw;
}

#noteTooltipContent ul.iRoundList:has(#noteNoteItem) {
    width: 100%;
}

div#notes div.text ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.dijitEditorIFrame
{
    border: none !important;
    width: 100% !important;
    height: 134px !important;
}

/* .iOuterWrapper .iResize{
	margin-top: 60px;
}
.iWorkPane .mblScrollableViewContainer{
	margin-top: 60px;
} */

.close-button {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0.75em;
    height: 0.75em;
    position: relative;
    border: none;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    font: normal 8em/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #bc2323;
}

.userQuoteFactorySection {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

/*#quoteFactories {
    background-color: #eeeeee;
}*/

.userQuoteFactoryHeader{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.userQuoteFactoryBody{
    margin: 0px 6px 6px 6px;
    padding: 0px;
    width: 98.8%;
    overflow-x: scroll !important;
}

.userQuoteFactoryBody select{
    width: 250px;
}

.leadContactEmail{
    display: block; margin: 4px 0px 4px 0px;
}

.iconButton.iconHeading{
    float: right;
    margin: 6px;
    background: transparent !important;
    border: none;
}

select.backButtonSelect{
    float: left;
    margin-top: 12px;
    position: relative;
    display: none;
}

iframeNote{
    border: none;
}

body{
    margin: 0
}

#nylasEmailTooltip{
    min-width: 75%;
}

#nylasEmailTooltip ul ul{
    width: 99%;
}

.tableItem:hover {
    background-color: #fbfbd5;
    margin-left: 1px;
    margin-right: 2px;
    transition: all .5s;
}

#GDriveBtnLbl{
    white-space: nowrap;
    background-repeat: no-repeat;
    padding-left: 19px;
}

.attachmentTab .mblRoundRectList.files {
    transition: all .5s;
}

.dropBoxIframeContainer iframe {
    width: 366px;
    height: 41px;
    border: none;
    display: inline-block;
}
.dropBoxIframeContainer{
    /*display: inline-block;*/
}

.dijitDateTextBox .dijitArrowButton input{
    transform: scale(1.8);
}

#nylasEmailBodyValue, #nylasEmailBodyValue iframe{
    width: 90%;

}

#lineItemTooltipContent #editLineItemRemoteSaleShowPane{
    overflow-y: scroll;
    max-height: 500px;
    /*min-height: 200px;*/
}

.svg-container{
    width: 99%;
    min-height: 155px;
    border: 1px solid #888
}

iframe.svg-container{
    height: 400px;
}

.ytdChartHeading{
    height: 25px;
}

.ytdChartHeading .quotaLabel {
    width: 100%!important;
}

.h30days {
    color: #262690;
}
.h60days {
    color: #6d1010;
    /*text-shadow: rgb(0 0 0) 1.5px 1.5px 3px;*/
}

.h60daysplus--bg{
    background-color: #FF7400;
}
.h30days--bg {
    background-color: #262690;
}
.h60days--bg {
    background-color: #6d1010;
    /*text-shadow: rgb(0 0 0) 1.5px 1.5px 3px;*/
}

.h60daysplus{
    color: #FF7400;
}


.rotate-90{
    transform: rotate(90deg);
}

.circle {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin: 0 4px 0 9px;
}

.subToolSubSection {
    display: inline-flex;
    align-items: center;
    float: right;
    margin-top:13px;
    font-size: 0.7em;
    text-shadow: none;

}
.selectAllHeader {
    width: 40px;
    display: inline-flex !important;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.deletedRow{
    background-color: #ffdfda;
}

.serviceDescription {
    white-space: nowrap !important;
    overflow: hidden !important;
    max-width: 500px;
}

/*apply the style from the 2nd element*/
.tblItems:nth-child(n+2)  {
    padding-top: 6px;
}

table.iScrollTable td {
    vertical-align: top;
}
.tblUser{
    min-width: 125px;
}

.weekdayContainer {
    display: flex;
}

.weekdayContainer label {
    margin-right: 10px;
}

.mblTabBarButtonLabel div:has(.tab-count) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.tab-count {
    background: #4caf50;
    color: #222222;
    /* opacity: .7; */
    border-radius: 100px;
    padding: 0.2em .4em .2em;
    text-align: center;
    font-weight: bold;
    font-size: 0.79em;
    line-height: 1;
    margin-left: 2px;
}

.iPaperClipButton:has(.tab-count){
    position: relative;
}

 /* when parent has class iPaperClipButton */
.iPaperClipButton .tab-count {
    position: absolute;
    top: 0;
    margin-left: 5px;
}

.error-icon {
    background-image: url(/images/error.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 4px center;
    padding-left: 24px;
}