.x2 .dijitDialog {
  border: 1px solid #AAAAAA;
}

.x2 .dijitCheckBox, .x2 .dijitCheckBoxIcon {
    background-image: url("../images/checkboxRadioButtonStates.png");
}

.x2 .dijitDialogTitleBar{
	background: #DDDDDD;
	border-color: #AAAAAA;
}

.x2 .dijitDialog .dijitAccordionInnerContainerSelected{
	background: #DDDDDD;
	border-color: #AAAAAA;
}

.x2 .dijitDialogPaneContent{
	border-top: 1px solid #AAAAAA;
}

.x2 .dijitAccordionContainer .dijitAccordionChildWrapper {
    border: 1px solid #AAAAAA;
}

.x2 .dijitDialog .dijitButton .dijitButtonNode{
	background: #DDDDDD;
	border: 1px solid #AAAAAA;
}

.x2 .dojoxCalendar {
	width: 200px;
	border: 1px solid #cccccc;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.x2 .dojoxCalendar .dojoxCalendarContainer {
	width: 200px;
	border: 0px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.x2 .dijitPopup {
	box-shadow: none;
}

.x2 .dijitComboBoxMenuPopup {
    border: 1px solid #C0C0D0 !important;
    margin-top: 2px;
}

.x2 .dojoxCalendarHeader {
	background-color: rgb(0,40,80);
	color: #FFFFFF;
	width: 192px;
}

.x2 .dojoxCalendarBody {
	width: 200px;
	height: 157px;
}

.x2 .dijitCalendarDayLabels {
	width: 190px !important;
	height: 157px;
	padding: 4px 5px;
}

.x2 .dijitCalendarDayLabelTemplate {
	background-color: rgba(255,255,255,1) !important;
	padding: 0;
	border: 0;
	box-shadow: 1px 0px 0px #FFFFFF;
}

.x2 .dijitCalendarDayLabel {
	color: rgba(152,152,152,1) !important;
	width: 26px;
	padding: 0;
	text-align: center;
}

.x2 .dijitCalendarDateLabel {
	padding: 0px !important;
	padding-top: 4px !important;
	width: 100%;
	text-align: center;
	border: 0px !important;
}

.x2 .dijitCalendar .dijitDropDownButton .dijitButtonNode {
    border: 1px solid transparent;
}

.x2 .dijitCalendarDayLabelTemplate {
	border-left: 1px solid #CCDDEE;
}

.x2 .dijitCalendarDateTemplate {
	border-top: 1px solid #cccccc !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 1px solid #cccccc !important;
	background-color: #F9F9F9;
	width: 36px;
}

.x2 .dijitCalendarDateTemplate:hover {
	background-color: #DDDDDD;
}

.x2 .dojoxCalendarContainer table {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.x2 .dijitCalendarNextMonth, .x2 .dijitCalendarPreviousMonth {
	background-color: #E7E7E7;
}

.x2 .dijitCalendarSelectedDate {
	background-color: rgb(233, 100, 18) !important;
}

.x2 .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	background-color: rgb(233, 100, 18) !important;
	color: #FFFFFF !important;
}

.x2 .dijitCalendarDisabledDate .dijitCalendarDateLabel {
	color: #CCCCCC;
}

.x2 .dojoxCalendarFooter {
	border-top: 0px;
	padding-bottom: 5px;
	color: #666666;
}

.x2 .dojoxCalendarFooter:hover {
	opacity: 0.6;
}

.x2 ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.x2 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(187,187,187,0.3);
}

.x2 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 1px rgba(187,187,187,0.5);
    background: rgba(187,187,187,1);
}

.x2 ::-webkit-scrollbar-button {
	background-image: url("../images/x2icons.png") !important; /* x2 icons sprite image */
	background-repeat: no-repeat;
	width: 12px;
	height: 16px;
	text-align: center;
}

.x2 ::-webkit-scrollbar-button:horizontal:decrement {
	background-position: -288px -20px;
}

.x2 ::-webkit-scrollbar-button:horizontal:increment {
	background-position: -306px -20px;
}

.x2 ::-webkit-scrollbar-button:vertical:decrement {
	background-position: -324px -20px;
}

.x2 ::-webkit-scrollbar-button:vertical:increment {
	background-position: -342px -20px;
}

.x2 .gridxBodyEmpty {
    height: 60px;
    background-color: transparent;
}

.x2 .dijitDialogUnderlay{
	background: #FFFFFF;
	opacity: 0.6;
}

.x2 .dijitMenuItemHover {
	background-color: #333333 !important;
	background-image:none !important;
	border: 1px solid black !important;
	color: white !important;
}

.x2 .dijitButtonContents {
	outline: 0 !important;
}

.x2Tooltip {
	background-color: rgba(255,255,255,0.8);
	font-size: 8px;
}

.x2Button, .x2Label, .customZoomButton {
	margin: 0px;
}

.x2Label .x2Icon, .x2Label .x2BigIcon, .x2Label .x2WideIcon, .x2Label .dijitButtonText, .x2Label .dijitButtonNode, .x2Label .dijitButtonNode * , .x2Label .dijitButtonContents, .x2Label .dijitButtonContents *, .x2Label .dijitSelect {
	cursor:default !important;
}

.x2Button:hover {
	opacity: 0.6 !important;
}

.dashboardTooltipButton:hover {
	opacity: 0.8 !important;
}

.uploaderButton input[type="file" i], .uploadAttachmentButton input[type="file" i], .uploaderButton input[type="file" i] {
	cursor: pointer;
} 

.x2LinkButton .dijitButtonText {
	color: navy;
	text-decoration: underline;
	vertical-align: baseline;
}

.x2Label .dijitButtonNode, .x2Button .dijitButtonNode, .customZoomButton .dijitButtonNode {
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

.x2Label .dijitButtonText, .x2Button .dijitButtonText, .customZoomButton .dijitButtonText {
	color: #333333;
	vertical-align: sub;
}

.x2DeleteLabel .dijitButtonText {
	color: #333333;
	vertical-align: middle;
}

.chatLinkButton {
	background: url(../images/chat.png);
    width: 26px;
    height: 26px;
    border: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 4px;
}

.siteMapLinkButton {
	background: url(../images/greenvia.png);
    width: 20px;
    height: 29px;
    border: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 4px;
}

.labelBatteryLevel .dijitButtonText {
	color: #818181 !important;
	vertical-align: text-top;
}

.darkButton .dijitButtonText {
	color: #aaaaaa !important;
	vertical-align: sub;
}

.x2ButtonDark .dijitButtonText, .x2LabelDark .dijitButtonText {
	color: #EEEEEE !important;
}

.x2DropdownButton {
	width: 280px;
	border: 1px solid #B5BCC7;
	background-color: white;
    height: 20px;
}

.x2DropdownButton .dijitButtonNode {
	padding: 0px !important;
	width: 100%;
}

.x2DropdownButton .dijitIcon {
	float: right;
}

.x2DropdownButton .dijitButtonText {
	float: left;
	padding-top: 2px;
	overflow-x: clip;
    width: 250px;
    text-align: left;
}

.errorLabel .dijitButtonText {
	color: #800000;
}

.headerButton .dijitButtonText {
	vertical-align: bottom;
}

.interTimeBox {
	width: 80px;
}

.interDateBox {
	padding: 0px;
	width: 120px;
}

.interDateBox>.dijitArrowButton {
	background-color: transparent !important;
}

.infoInterDateBox .dijitInputInner {
	color: #0080C0;
}

.chartHeader .dijitComboBoxDisabled .dijitArrowButton {
	opacity: 0.3;
}

.chartHeaderButton {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 3px;
}

.chartHeaderButton .dijitButtonText {
	color: #004E8D !important;
	font-size: large;
	font-family: MyriadProCond;
	font-weight: bold !important;
}

.orgTreePane .dijitTree {
	height: calc(100% - 36px) !important;
	width: 90% !important;
	outline-color: transparent;
}

.noScrollXTree .dijitTree {
	overflow-x: hidden;
}

.orgTreePane .dijitTreeExpando {
	background-image: url("../images/x2icons.png") !important;
}

.orgTreePane .dijitTreeExpandoLeaf {
	background-position: -72px 0px;
}

.orgTreePane .productTree .dijitTreeExpandoLeaf {
	background-position: -90px 0px;
}

.orgTreePane .dijitTreeLabel {
	vertical-align: bottom;
	outline: 0 !important;
}

.orgTreePane .dijitFolderOpened, .orgTreePane .dijitFolderClosed {
	background-image: none;
  	width: 0px;
}

.orgTreePane .dijitTreeRow {
	color: #EEEEEE;
	background-image: none;
}

.orgTreePane .dijitTreeRowHover  {
	background-color:rgba(255,255,255,0.2) !important;
	color:#ffffff !important;
	border-color: black !important;
}

.orgTreePane .dijitTreeRowSelected  {
	background-color: rgb(233, 100, 18) !important;
	color:#ffffff !important;
	border-color: black !important;
}

.orgTreePane .dijitTreeExpando {
	margin-top: -1px;
	margin-left: 8px;
}

.orgTreePane .dijitTreeRowSelected .dijitTreeExpandoClosed {
	background-position: -18px 0px;
}

.orgTreePane .dijitTreeRowSelected .dijitTreeExpandoOpened {
	background-position: -54px 0px;
}

.dialogTreePane {
	background-color: rgb(0, 18, 37) !important;
    width: 365px !important;
    height: 300px;
}

.dialogTreePane .dijitTree {
	width: 360px !important;
}

.dialogTreePane .dijitTreeExpandoLeaf {
	background-position: -36px 0px;
}

.x2Uppercase {
	text-transform: uppercase;
}

.adminTabContainer .dijitTabPaneWrapper, .adminTabContainer .dijitTabContainerTop-tabs, .adminTabContainer .dijitTabContainerBottom-tabs,
.adminTabContainer .dijitTabContainerLeft-tabs, .adminTabContainer .dijitTabContainerRight-tabs {
	border-color: #666680 !important;
}

.adminTabContainer .dijitTabContainerTop-tabs .dijitTabChecked, .adminTabContainer .dijitTabContainerTop-tabs .dijitTab {
	background: black;
	color: #EEEEEE;
	border-color: #666680;
}

.adminTabContainer .dijitTabPane {
	border-left: 1px solid #666680 !important;
}

.adminAddOrgButton {
	color: #CCCCCC !important;
}

.addNewOrgPane {
	background-color: rgba(256,256,256,0.1);
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: -10px;
	border: 0px !important;
	overflow-x: hidden;
}

.addNewCompanyButton, .addNewSiteButton {
	margin-right: 10px;
	margin-left: 4px;
	display: inline-block;
}

.addNewProductCategoryButton, .addNewProductButton {
	margin-right: 10px;
	margin-left: 4px;
}

.adminCUPane {
	background-color: rgba(0,0,0,0.5) !important;
}

.adminAuditPane, .tagAdminPane {
	border: 0px solid white;
	border-top-left-radius: 20px;
	background-color: #EEEEEE;
}

.dashboardAdminPane {
	padding-top: 0px !important;
	padding-left: 2px !important;
	padding-bottom: 2px !important;
	padding-right: 2px !important;
	border: 0px solid white;
	background-color: #EEEEEE;
}

.simAdminPane {
	border: 0px;
	border-top-left-radius: 20px;
	background-color: #FFFFFF;
	padding-right: 0px !important;
	overflow-x: hidden;
}

.simGrid {
	padding-right: 4px;
}

.adminPackagesGrid {
	height: 87% !important;
}

.labelAndButtonInLinePane {
	padding: 0px !important;
	display: inline-flex;
}

.fileUploadAdminPane {
	border: 0px;
	border-top-left-radius: 20px;
	padding-right: 0px !important;
	overflow-x: hidden;
}

.tagQuickViewTable-table {
	width: 50%;
	position: fixed;
	left: 25%;	
}

.tagQuickViewTable-valueCell {
	width: 100px;
}

.specialOperationTable-valueCell {
	padding-bottom:8px;
}

.specialOperationTable-valueCell-0 {
	width: 50%;
}

.specialOperationTable-valueCell-1 {
	width: 15%;
}

.auditTopBarTable-table {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 1100px;
}

.auditTopBarTable-valueCell-0, .auditTopBarTable-valueCell-1 {
	width: 12%;
}

.auditTopBarTable-valueCell-2 {
	width: 1%;
}

.auditTopBarTable-valueCell-3 {
	width: 3%;
}

.auditTopBarTable_history-table {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 1100px;
}

.auditTopBarTable_history-valueCell-0, .auditTopBarTable_history-valueCell-1, .auditTopBarTable_history-valueCell-2 {
	width: 12%;
}

.auditTopBarTable_history-valueCell-3 {
	width: 3%;
}

.auditTopBarTable_recentMessages-table {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 1100px;
}

.auditTopBarTable_recentMessages-valueCell-0, .auditTopBarTable_recentMessages-valueCell-1 {
	width: 12%;
}

.auditTopBarTable_recentMessages-valueCell-2 {
	width: 52%;
}

.auditTopBarTable_recentMessages-valueCell-3 {
	width: 3%;
}

.auditTopBarTable_allMessages-table {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 1100px;
}

.auditTopBarTable_allMessages-valueCell-0, .auditTopBarTable_allMessages-valueCell-1 {
	width: 12%;
}

.auditTopBarTable_allMessages-valueCell-2 {
	width: 20%;
}

.auditTopBarTable_allMessages-valueCell-3 {
	width: 3%;
}

.cuAdminTopBarTable-table {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 1000px;
}

.unassociatedTagsTable-table {
	width: 850px;
}

.unassociatedTagsTableAdmin-table {
	width: 260px;
}

.tagViewTable-table {
	width: 500px;
}

.tagViewTable-valueCell-0 {
	width: 25%;
}

.adminUsersGrid {
	height:215px !important;
	border-left: 0px solid white !important;
}


.adminUsersGrid .gridxBody {
	border: 1px solid #EEEEEE;
}

.cuDialog {
	width: 500px;
}

.cuDialogLabel, .dialogLabel {
	margin-bottom: 4px;
	font-size: 13px;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #004E8D !important;
}

.chartSettingsCheckboxLabel {
	margin-bottom: 4px;
	font-size: 13px;
	font-family: MyriadProCond;
	color: #000000 !important;
}

.adminUsersLeftPane .orgSelect {
	margin: 12px;
}

.adminUserPermissionsBC {
	background-color: white !important;
	margin-top: -5px;
}

.adminUserPermissionsBC .dijitSplitContainer-child, .adminUserPermissionsBC .dijitBorderContainer-child {
	border: 0px;
}

.adminUsersBC .adminUsersPane {
	margin-top: 0px;
	border-top-left-radius: 20px;
	background-color: white !important;
	border-color: white;
}

.xsenseFooterPane {
	width: 100%;
	margin-top: 8px;
	background-color: #E5EDF4;
	padding: 0px !important;
	border-bottom: 1px solid #FFFFFF;
	outline: 1px solid #CCDDDD;
	border-top: 1px solid #FFFFFF;
}

.xsenseDialogFooterPane {
	width: 100%;
	margin-top: 8px;
	padding: 0px !important;
	border-top: 1px solid #FFFFFF;
}

.xsenseForm {
	padding: 16px 5px 5px 5px;
	background-color:#FFFFFF;
}

.orgAdminCentralPane, .orgAdminCentralForm {
	padding: 16px 5px 5px 5px;
	background-color:#FFFFFF;
	border-top-left-radius: 20px !important;
}

.xsenseTitlePane {
	padding: 0px 8px 5px 8px;
}

.xsenseTitlePane .dijitTitlePaneTitleFocus {
	outline: 0 !important;
}

.xsenseTitlePane .dijitTitlePaneTitle {
	background-color: rgb(239, 239, 239);
	border: 1px solid rgb(239, 239, 239);
	border-top-right-radius: 18px;
	background-image: none;
	color: rgb(0, 78, 141);
	font-family: MyriadProCond;
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 13px;
	padding-bottom: 0px !important;
}

.xsenseTitlePane .dijitTitlePaneContentOuter {
	border: 1px solid transparent;
}

.xsenseTitlePane .dijitTitlePaneTextNode {
	margin-left: 10px;
	vertical-align: text-top;
}

.closePaneButton {
	margin-left: -12px;
	width: 120px;
}

.closePaneButton .dijitButtonText {
	color: #EEEEEE;
	font-size: smaller;
	text-decoration: underline;
	margin-left: -6px;
	vertical-align: baseline;
}

.x2ButtonBright .dijitButtonText {
	color: #333333 !important;
}

.miGrid {
	background-color: white;
	border-top-left-radius: 20px;
	border: 1px solid white;
	border-left: 10px solid white;
	height: 98%;
}

.rawdataGrid {
	height: calc(100% - 50px) !important;
}

.miGrid .gridxHeaderRow {
	background: #E0E4E8;
	line-height: 2em;
	border-color: transparent;
	text-transform: capitalize;
}

.titleCase {
    text-transform: capitalize;
}

.miGrid .gridxSummaryBar, .miGrid .gridxTitleBar, .miGrid .gridxBar {
	background: #ffffff;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 6px;
}

.miGrid .gridxBar .dijitContentPane {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.miGrid .gridxPaginationBar {
	padding-top: 4px !important;
	padding-bottom: 2px !important;
}

.miGrid .gridxQuickFilter {
	border: 1px solid #cccccc;
	border-radius: 18px;
	padding-left: 5px;
	float: left;
	background-color: transparent;
}

.miGrid .gridxQuickFilterClear {
	margin-top: -3px;
	opacity: 0.5;
}

.miGrid .gridxQuickFilterIcon {
	display:none;
}


.miGrid .gridxQuickFilterInput {
	border-color: transparent !important;
	background-image: none !important;
	width: 100px;
}

.miGrid .gridxQuickFilterInput:hover {
	background-color: #FFFFFF;
	border-color: #FFEEDD;
}

.miGrid .gridxQuickFilter .dijitButton .dijitButtonNode, .picklistGrid .gridxQuickFilter .dijitButton .dijitButtonNode {
	border: 0px;
	background: transparent;
	box-shadow: 0px 0px 0px;
	border-radius: 0px !important;
}

.miGrid .gridxFilterBar, .x2Grid .gridxFilterBar {
	min-height: 21px;
}

.miGrid .gridxHeaderRowInner {
	border-color: transparent;
	height: 22px;
}

.siteViewGrid .gridxFilterBar {
	display: table;
}

.miGrid .gridxHeaderRow .gridxCell {
	font-family: MyriadPro;
	font-size: 13px;
	font-weight: bold;
	color: rgb(80,80,80);
	vertical-align: sub;
	word-break: break-word !important;
}

.miGrid .gridxRow {
	line-height: 2em;
}

.miGrid .gridxRowSelected>.gridxRowTable .gridxCell, .miGrid .gridxRowSelected .dijitButtonText, .miGrid .gridxRow .gridxColumnSelected, .miGrid .gridxRow .gridxCellSelected {
    background-color: rgb(233, 100, 18) !important;
	color: white !important;
}

.miGrid .gridxRow .gridxColumnSelected {
	background-color: #bfd6eb !important;
}

.miGrid .gridxRowSelected>.gridxRowTable {
    background-color: rgb(233, 100, 18) !important;
    color: white !important;
}

.miGrid .gridxRowOdd>.gridxRowTable {
	background-color: rgb(244, 244, 244);
}

.miGrid .gridxRow>.gridxRowTable:hover {
	background-color: rgba(233, 100, 18, 0.1);
}

.miGrid .gridxRowHeaderRow table .gridxCell, .miGrid .gridxHeaderRow .gridxCell {
	border-left:0px solid transparent !important;
	border-top:0px solid transparent !important;
	border-bottom:0px solid transparent !important;
	border-right:1px solid #EEEEEE !important;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 3px;
	text-align: left;
	overflow: hidden;
}

.miGrid .gridxRow .gridxRowTable .gridxCell {
	border-left:0px solid transparent !important;
	border-top:0px solid transparent !important;
	border-bottom:0px solid transparent !important;
	border-right:1px solid #EEEEEE !important;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-right: 3px;
	text-align: left;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
}

.cuGrid .gridxHeaderRowInner {
    height: 40px;
    line-height: 20px;
    padding-top: 4px;
}

.cuMetricsGrid {
	margin-right: 15px;	
}

.cuMetricsGrid .gridxHeaderRowInner {
    height: 60px !important;
    line-height: 20px;
    padding-top: 4px;
}

.cuGridSmallHeader .gridxHeaderRowInner {
    height: 24px;
}

.cuGridSmallHeader .gridxPagerPrevPage, .cuGridSmallHeader .gridxPagerNextPage {
	width: 12px !important;
}  

.cuGrid .gridxBar {
	padding-top: 8px;
	padding-bottom: 9px;
}

.cuGrid .gridxRowHeaderRow{
	background: #EEEEEE !important;
}

.cuGrid .gridxRowHeaderHeader, .cuGrid .gridxRowHeaderBody{
	border-right: 1px solid #eeeeee;
}

.cuGrid .gridxRowHeaderCell {
    border-bottom: 1px solid #eeeeee;
}

.cuGrid .gridxQuickFilter {
  	margin-left: 8px;
}

.cuGrid .gridxPagerSizeSwitchBtn {
	margin: 0px 2px !important;
}

.cuGrid .gridxPagerGoto {
	display: none;
}

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

.cuAssocGrid {
	border-radius: 0px !important;
	border-left: 0px !important;
	height: 300px;
}

.cuAssocGrid .gridxRow .gridxRowTable .gridxCell {
	border-right:1px solid transparent !important;
}

.cuAssocGrid .gridxHeaderRow .gridxCell, .cuAssocDialogGrid .gridxHeaderRow .gridxCell {
	padding-top:7px;
}

.cuAssocGrid .gridxBody {
	border: 1px solid #EEEEEE;
}

.cuAssocGrid .gridxHeaderRow {
	line-height: 1em !important;
	font-size: 13px;
  	font-family: MyriadProLight;
  	color: rgb(51, 63, 81);
  	text-transform: capitalize;
}

.cuAssocGrid .gridxRow .gridxRowTable {
	width: 100% !important;
}

.cuAssocDialogGrid .gridxBar {
	padding: 0;
}

.cuAssocDialogGrid .gridxHeaderRow {
	line-height: 3em !important;
	font-size: 8px;
  	font-family: MyriadProLight;
  	color: rgb(255, 255, 255);
  	background: rgb(51, 63, 81);
  	text-transform: capitalize;
}

.cuAssocDialogGrid .gridxHeaderRow .gridxCell{
	color: #FFFFFF !important;
	border: 0px !important;
}

.cuAssocDialogGrid .gridxCell{
	border: 0px !important;
}

.cuAssocDialogGrid .gridxQuickFilter {
	border: 1px solid transparent;
	border-radius: 0px;
}

.cuAssocDialogGrid .gridxBody {
	border: 0px !important;
}

.cuAssocDialogGrid .gridxHeaderRowInner {
	height: 35px;
}

.cuAssocDialogGrid .gridxArrowButtonNode {
    filter: invert(2) brightness(2) contrast(2);
} 

.cuMonitorGrid {
	border-left: 1px solid white;
	border-top-left-radius: 0px;
	margin-left:-8px !important;
	margin-right:10px !important;
}

.cuBulkGrid {
	margin-top: 8px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.cuMonitorGrid .gridxBar {
	padding-top: 0px !important;
	padding-left: 8px;
}

.cuBulkGrid .gridxFooter .gridxBar {
	padding-bottom: 2px;
}

.cuMonitorGrid .gridxFilterBarStatus {
  	border: 1px solid #d0d4d8;
  	padding-top: 4px;
  	padding-bottom: 4px;
  	background: #EAECEF;
}

.cuMonitorGrid .gridxFilterBar .dijitButton {
  margin-left: 4px !important;
  margin-right: 8px !important;
  margin-top: 3px !important;
}

.cuMonitorGrid .gridxQuickFilterComboButton {
	display: none !important;
}

.cuMonitorGrid .gridxQuickFilterButton {
	display: inline !important;
	margin-left: 12px;
}

.cuMonitorGrid .gridxQuickFilter {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
  	width: 145px;
}

.cuMonitorGrid .dijitButtonNode {
	background-color: transparent !important;
  	border-color: transparent !important;
  	box-shadow: 0 0px 0px !important;
}


.leftLMPane {
	border-right: 1px solid rgba(102,102,124,0.8) !important;
	border-top: 1px solid rgba(102,102,124,0.8) !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	background-color: rgb(0,18,37) !important;
	border-top-right-radius: 26px;
	padding-left: 12px !important;
	overflow-x: hidden !important;
	width: 200px;
}

.tempCentralLMPane {
	border:0 !important;
	padding:0 !important;
	background-color: transparent !important;
}

.tempRightLMPane {
	border:0 !important;
	padding:0 !important;
	background-color: transparent !important;
}

.centralFileUploadPane {
	border-right:1px solid #CCCCCC !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	background-color: white !important;
	border-top-left-radius: 20px;
	padding: 0px !important;
}

.centralLMPane {
	border-right:1px solid #CCCCCC !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	padding:0 !important;
	background-color: white !important;
	border-top-left-radius: 20px;
}

.rightLMPane {
	border:0 !important;
	padding:0 !important;
	background-color: white !important;
	outline: 3px solid white;
}

.rightSIMPane {
	outline: 0px solid white;
}

.detailsHeaderLabel-valueCell-0, .detailsHeaderLabel-valueCell-1 {
	width:40%;
}

.detailsHeaderLabel-valueCell-2 {
	width:20%;
}

.zoomDialog {
	width:100%;
	height:100%;
	border-color:#CCCCCC !important;
}

.zoomDialog .dijitDialogTitleBar {
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	background-image: none;
}

.zoomDialog .dijitDialogPaneContent {
	border-color: #DDDDDD;
}

.qualityDialog .dijitDialogPaneContent {
	padding-top: 0px !important;
}

.fmTreePane {
	padding: 0px !important;
	width:240px; 
	height: calc(100% - 156px);
}

.fmPicklistPane {
	height: 125px;
    position: absolute;
    bottom: 8px;
}

.fmPicklistHeaderPane {
	background-color: rgba(255,255,255,0.1) !important;
    color: #CCCCCC;
    padding: 5px 3px 3px 3px !important;
}

.fmPicklistPane .gridxHeader {
	display: none !important;
}

.fmPicklistPane .picklistGrid {
	margin-top: 5px;
	height: 92px !important;
}

.leftLMPane .orgSelect {
	width: 170px;
	margin-bottom: 10px;
	border: 1px solid grey;
	padding: 5px;
	background-color: black !important;
	border-radius: 5px;
}

.repeaterSearchPane .orgSelect {
	width: 180px;
}

.orgSelect .dijitInputField, .orgSelect .dijitInputInner {
	background-color: black !important;
	color: #EEEEEE !important;
	border: 0px !important;
}

.orgSelect .dijitPlaceHolder {
	color: #808080 !important;
	padding-top: 3px !important;
}

.orgSelect .dijitButtonNode {
	border: 0px !important;
}

.orgSelect .dijitButtonContents {
	border-color: black !important;
	width: 153px !important;
}

.imageButton {
	color: #006040;
	margin-left: 10px;
	cursor:pointer;
}

.imageButton img{
	vertical-align: bottom;
}

.imageButton:hover {
	opacity: 0.8;
}

.delImageButton:hover {
	opacity: 0.8;
	cursor:pointer;
}

.delImageButton img{
	vertical-align: middle;
}

.gridCountLabel {
	float: right;
	font-family: MyriadProLight;
	font-size:13px;
	font-weight:bold !important;
	margin-right: 10px;
	text-transform: uppercase;
}

.productTableLM-table {
	background-color: #EEEEEE;
	border: 1px solid #b7bcc9;
}

.productTableLM-labelCell, .productTableLM-valueCell {
	padding-left:10px;
	padding-right:10px;
}

.productTableLM-labelCell {
	padding-top:3px;
}

.thresholdBox {
	width: 100%;
}

.productPopupTable-table {
	background-color: white;
	border: 1px solid #b7bcc9;
	margin-top: 3px;
}

.productPopupTable-labelCell, .productPopupTable-valueCell {
	padding-left:5px;
	padding-right:5px;
}

.productPopupTable-labelCell,
.orgFieldConfigTable-labelCell,
.interDateSelectorLabel,
.detailsHeaderLabel {
	font-size: 14px;
  	font-family: "MyriadProCond";
	font-weight: bold !important;
	color: #004E8D !important;
}

.orgFieldConfigGrid .gridxCell {
	vertical-align: top !important;
}

.orgFieldConfigGrid {
	margin-top: 8px;
	min-height: 295px;
}

.orgFieldConfigTextArea {
	width: calc(100% - 8px);
	margin-top: 3px;
	margin-bottom: 3px;
}

.orgFieldCheckboxLabel {
	margin-right: 24px;
	vertical-align: sub;
}

.orgFieldConfigTextBox {
	width: 240px;
}

.productDialogTextBox {
	width:100%;
}

.productDialog, .productEditDialog, .newTagDialog {
	width: 300px;
}

.activationDialog {
	width: 250px !important;
}

.productDialogTopTextBox {
	width: 100%;
	margin-bottom: 5px;
}

.detailsHeaderText {
	font-weight:bold;
	color: #666666 !important;
}

.itemDetailsDescriptionPane, .rightLMHeader {
	padding-bottom:0px !important;
	padding-top:5px !important;
	overflow:hidden;
}

.itemDetailsDescriptionPane .dijitTextAreaDisabled {
	color: #666666;
	border: 1px solid white;
}

.itemDetailsDescriptionTextArea {
	width:calc(100% - 8px);
	resize:none;
	background-color: white !important;
	font-family: MyriadPro !important;
}

.itemDetailsDescriptionTextArea ::placeholder {
	font-style: italic;
	color: #AAAAAA;
}

.itemDetailsDescriptionTextAreaInTable {
	width: 100%;
}

.ruleDescriptionTextArea {
	width:calc(100% - 4px) !important;
	resize:none;
	background-color: white !important;
	font-family: MyriadPro !important;
}

.itemDetailsEditorForm, .productEditorForm, .cuDetailsEditorForm, .comInCuEditorForm {
	border: 1px solid transparent;
	margin-bottom: 5px;
	background-color: white !important;
}

.itemDetailsSavePane {
	margin-top: 0px;
	margin-bottom: -10px;
	display: inline-block;
}

.alertRuleSavePane {
	margin-top: 0px;
	display: inline-block;
    float: right;
}

.editThresholdsOuterTable-table {
	margin-top: -5px;
	margin-left: -5px;
}

.editItemDetailsTableContainer {
	margin-bottom: -8px;
}

.operatingHoursTable-valueCell-1 {
	padding-top: 8px;
}

.descriptionTextArea {
	width:99%;
	resize:none;
	background-color: white !important;
	margin-top: -5px;
	margin-bottom: 5px;
}

.editDescriptionButton {
	color: #666666;
	margin-left: 10px;
	margin-right: 5px;
	cursor:pointer;
	font-family: MyriadProCond !important;
	font-size:13px !important;
}

.editDescriptionButton img{
	vertical-align: bottom;
}

.editDescriptionButton:hover {
	opacity: 0.8;
}

.newItemButton {
	font-family: MyriadProCond;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-left:10px;
	margin-right:10px;
	cursor: pointer;
	text-transform: uppercase;
}

.gridImageButton {
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
}

.gridImageButton:hover {
	opacity: 0.6;
}

.newOrgTextbox {
	width: 100%;
	margin-bottom: 5px;
}

.newOrgTextarea {
	width: calc(100% - 5px);
}

.gridCUAdmin {
	margin-bottom: 8px;
	height: 180px;
}

.rulesGrid {
	margin-top:5px;
	height: 330px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.rulesGridWidth {
	width: 99%;
}

.reportDialogGrid {
	margin-top:5px;
	height: 172px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.reportDialogGrid .gridxBar {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.reportConfigGrid {
	margin-top:5px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.reportConfigGrid .gridxRowSelected>.gridxRowTable .gridxCell, .reportConfigGrid .gridxRowSelected .dijitButtonText, .reportConfigGrid .gridxRow .gridxColumnSelected, .reportConfigGrid .gridxRow .gridxCellSelected,
.reportConfigGrid .gridxRowSelected>.gridxRowTable {
    background-color: #DDDDDD !important;
    color: #000000 !important;
}

.tagsGrid {
	margin-top:5px;
	height: 130px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.lmTagsGrid .gridxBodyEmpty{
	height: 30px;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
}

.tagsGrid .gridxHScroller {
	display:none;
}

.deleteRowButton {
	opacity: 0.2;
	float: right;
	margin-right: 10px;
}

.gridxRow:hover .deleteRowButton, .gridxRowOver .deleteRowButton {
	opacity: 0.9 !important;
}

.removeRowButton{
	opacity: 0.4;
	float: right;
}

.gridxRow:hover .removeRowButton{
	opacity: 1 !important;
}

.atRiskGrid {
	background-color: transparent;
	height: 275px;
}

.atRiskGrid .gridxHeaderRow {
	border: none;
	text-transform: capitalize;
	font-weight: bold;
}

.atRiskGrid .gridxHScroller {
	display:none;
}

.orgTreePane {
	width: 200px;
}

.leftCuBulkPane .orgTreePane {
	padding: 2px !important;
} 

.leftCuBulkPane .orgSelect {
    width: 180px;
}

.jsonFieldEditor {
	border: 1px solid #AABBCC;
	padding: 0 !important;
}

.jsonFieldEditorHeaderPane {
	padding: 5px !important;
	background-color: #E5EDF4;
	border-bottom: 1px solid #FFFFFF;
	outline: 1px solid #E5EDF4;
	border-top: 1px solid #FFFFFF;
}

.jsonFieldEditorFooterPane {
	padding: 5px !important;
	background-color: #E5EDF4;
	border-bottom: 1px solid #FFFFFF;
	outline: 1px solid #E5EDF4;
	border-top: 1px solid #FFFFFF;
}

.jsonFieldEditorButton {
	float:right;
	padding:0px;
	margin:0px;
}

.claro .gridxRowOdd>.gridxRowTable {
	background-color: rgb(244, 245, 246);
}

.datePane{
	background-color: rgb(244, 245, 246) !important;
}

.headerPane {
	height: 70px;
	border: 0px !important;
	padding: 0px !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	background-color: transparent !important;
	overflow: hidden;
}

#headerBorderContainer {
   	height: 100px;
   	width: 100% !important;
   	vertical-align: top;
   	background-color: transparent !important;
}

.headerLeftPane {
	width: 210px !important;
	background-color: transparent !important;
	background: url("../images/xsenseLogo.png") 12px 12px no-repeat;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	background-size: 160px;
	margin-right:-10px !important;
}

.headerCentralPane {
	background-color: transparent !important;
	border: 0px !important;
	padding-top:12px !important;
	padding-bottom:4px !important;
	padding-left: 18px !important;
	overflow: hidden;
}

.headerRightPane {
	background-color: transparent !important;
	border: 0px !important;
	padding-top: 12px !important;
	padding-bottom: 4px !important;
	overflow: hidden;
	padding-left: 12px !important;
}

.headerTabButton, .headerTabButtonSelected, .headerButtonUser {
	border: 0px !important;
	border-radius:10px;
	background: none !important;
	background-color: transparent !important;
	color: #EEEEEE !important;
	margin-left: 10px !important;
	margin-right: 5px !important;
}

.headerTabButton:hover, .headerButtonUser:hover {
	opacity:0.7;
}

.impersonatedUser {
	background-color: #E96412 !important;
}

.headerTabButton .dijitButtonNode {
	background-image: none !important;
	background-color: transparent !important;
	color: #EEEEEE !important;
	border: 0px !important;
	border-radius: 10px !important;
	padding: 5px 7px 1px 7px !important;
	box-shadow: none !important;
	font-family: MyriadPro;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

.headerTabButtonSelected .dijitButtonNode {
	background-image: none !important;
	background-color: #E96412 !important;
	color: #FFFFFF !important;
	border: 0px !important;
	border-radius: 20px !important;
	padding: 5px 7px 1px 7px !important;
	box-shadow: none !important;
	font-family: MyriadPro;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

.headerButtonUser .dijitButtonNode {
	background-color: transparent !important;
	border: 0px !important;
	background-image: none !important;
	color: #EEEEEE !important;
	padding: 5px 7px 1px 7px !important;
	box-shadow: none !important;
	font-family: MyriadProLight;
	font-weight: bold;
	font-size: 13px;
}

.cuMngButton, .cuMngButtonSelected {
	border: 0px !important;
	border-radius:10px;
	background: none !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
	margin-right: 5px !important;
	margin-bottom: 2px !important;
	margin-top: 2px !important;
}

.cuMngButton:hover {
	opacity: 0.7 !important;
}

.cuMngButtonSelected:hover {
	opacity: 1 !important;
}

.cuMngButton .dijitButtonNode, .cuMngButtonSelected .dijitButtonNode {
	border: 0px !important;
	background-image: none !important;
	color: #FFFFFF !important;
	border-radius: 10px !important;
	padding: 5px 7px 1px 7px !important;
	box-shadow: none !important;
	font-family: MyriadPro;
	/*font-weight: bold;*/
	font-size: 13px;
	float: left !important;
}

.cuMngButton .dijitButtonNode {
	background-color: transparent !important;
}

.cuMngButtonSelected .dijitButtonNode {
	background-color: #E96412 !important;
}

.cuMngButton .dijitButtonText, .cuMngButtonSelected .dijitButtonText {
	color: #FFFFFF !important;
	vertical-align: middle;
}

.headerSubButton {
	border: 0px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px;
	padding: 8px 15px 9px 15px !important;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
	margin-left: -10px;
}

.headerSubButton .dijitButtonText {
	font-size: 14px;
  	font-family: "MyriadPro";
  	font-weight: bold;
  	text-transform: uppercase;
  	vertical-align: sub;
}

.headerMenuAdmin {
	border: 3px solid #FFFFFF !important;
	border-radius: 4px;
	margin-top: -2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.7);
	font-size: 14px;
	font-family: MyriadProLight;
	font-weight: normal;
	background-color: transparent !important;
	margin-left: 0px !important;
}

.headerMenuAdmin .dijitMenuItem td {
	border-color: rgba(255,255,255,0.2) !important;
	line-height: 2em;
}

.headerMenuAdmin .dijitMenuItem {
	background-color: rgba(233,100,18,0.9) !important;
	background-image: none !important;
	color: #EEEEEE !important;
	border: 0px !important;
	padding: 8px;
}

.headerMenuAdmin .dijitMenuItemHover td, .headerMenuAdmin .dijitMenuItemSelected td {
	background-image:none !important;
	background-color: rgba(0,0,0,0.2) !important;
	color: #FFFFFF !important;
}

.headerMenuAdmin .dijitMenuExpand {
	filter: invert(100%);
}

.headerButtonUser, .headerButtonUser img{
	float: right;
}

.headerButtonTemp {
	color: #EEEEEE;
	margin-left:15px;
}

.headerButtonTemp span {
	vertical-align: bottom;
}


#mainContainer, #mainPane {
	background-color: transparent;
	border: 0px;
}

.errorMessageLogin {
	margin-left:40px;
	padding-top:25px;
	color:red;
	font-size:10px;
	font-family:Verdana;
}

.adminTabContainer .dijitTabPaneWrapper {
	left: 0px !important;
	background-color: transparent !important;
	padding: 0px !important;
}

.adminTabContainer .dijitTabPaneWrapper {
	border: 0px !important;
	background-color:transparent !important;
}

.centralContainer {
	left: 0px !important;
	background-color: transparent !important;
	border: 0px !important;
	padding: 0px !important;
}

.mainCentralContainer {
	left: 5px !important;
}

.centralContainer .dijitSplitterV {
	margin-top: 26px;
}

.centralContainer .dijitSplitterVHover, .centralContainer .dijitSplitterVActive {
	margin-top: 26px;
	background-color: rgba(255,255,255,0.1) !important;
	background-image: none !important;
}

.interButton, .interButtonSelected {
	margin: 0px;
}

.interButton .dijitButtonNode {
	border: 0 !important;
	background-color: #CCCCCC !important;
	font-size: smaller;
	color: white !important;
	background-image: none !important;
	border-radius: 0 !important;
	padding: 2px !important;
}

.interButtonSelected .dijitButtonNode {
	border: 0 !important;
	background-color: #E96412 !important;
	font-size: smaller;
	color: white !important;
	background-image: none !important;
	border-radius: 0 !important;
	padding: 2px !important;
}

.interButton .dijitButtonNode:hover {
	opacity: 0.6 !important;
}

.interButton .dijitButtonText, .interButtonSelected .dijitButtonText {
	vertical-align: sub;
}

.interButtonSH .dijitButtonNode {
	background-color: #687D8C !important;
}

.interButtonSH {
	background-color: #EEEEF5 !important;
	height: 68px;
}

.interButtonSH:hover {
	opacity: 0.6 !important;
}

.interButtonVessel .dijitButtonNode {
	background-color: #3060A0 !important;
}

.interZoomButton {
	margin-left: 8px;
	margin-right: 8px;
}

.orgAdminCentralPane {
	border-right:1px solid #CCCCCC !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	padding:0 !important;
	background-color: white !important;
	border-top-left-radius: 20px;
}

.itemDetailsHeaderPane {
	border-color: transparent !important;
	height: 150px;
	overflow: hidden;
	padding-top: 2px !important;
}

.itemDetailsMainPane {
	border-color: transparent !important;
	margin-left: 1px;
	padding: 0px !important;
	background-color:transparent !important;
	margin-top:-115px;
	overflow-y: hidden;
}

.cuAdminDetailsMainPane {
	border-color: transparent !important;
	margin-left: 1px;
	padding: 0px !important;
	background-color:transparent !important;
	overflow-y: hidden;
	text-transform: capitalize;
}

.itemDetailsLabelPane {
	height: 22px;
	overflow: hidden;
}

.itemDetailsDescriptionLabel {
	font-size: 12px;
	font-style: italic;
	margin-left: 3px;
	margin-right: 20px;
  	margin-top: -3px;
  	line-height: 2;
	display: block;
}

.itemDetailsEditButton {
	float: right;
	margin: 8px !important;
}

.gaugePane {
	width:100px;
	height:100px;
	float:right;
	margin-top:-5px;
	margin-left: -5px;
	z-index: 1;
}

.gaugeCoverPane {
	position: absolute;
	z-index: 999;
	opacity: 0;
	background-color: white;
	width: 210px;
	height: 80px;
	right: 0px;
}

.adminHeaderPane {
	background-color: rgba(0, 36, 64, 0.1) !important;
	padding-top: 12px !important;
}

.userAdminPermissionsHeader {
	padding-top: 8px !important;
}

.userAdminCompanySelectLabel {
	display:block;
	margin-bottom:4px;
}

.userAdminCompanyPermissionsPane {
	padding-left: 10px !important;
}

.powerUserPermissionsPane {
	padding-left: 10px !important;
	width: calc(100% - 250px);
}

.powerUserPermissionBox {
	margin-top: 5px !important;
	vertical-align: bottom;
}

.adminHeaderLabel {
	font-size: 18px;
  	font-family: "MyriadPro";
  	color: rgb(51, 63, 81) !important;
  	font-weight: bold !important;
  	text-transform: uppercase;
  	margin-left: 12px;
}

.adminLabel {
    font-size: 13px;
    color: #406080;
    font-weight: normal;
    margin-left: 12px;
}

.adminDeleteButton, .adminSaveButton, .adminResetButton, .adminEditButton, .adminCancelButton {
	float: right;
	margin-right: 8px !important;
	margin-left: 8px !important;
}

.adminEditButton .dijitButtonNode {
	background-color: #2F3F4F !important;
	border-top-right-radius: 8px !important;
}

.adminCancelButton .dijitButtonNode {
	background-color: #AAA8BB !important;
	border-top-right-radius: 8px !important;
}

.adminDeleteButton .dijitButtonNode {
	background-color: rgb(193,0,0) !important;
	border-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

.adminSaveButton .dijitButtonNode {
	background-color: rgb(0,23,46) !important;
	border-top-right-radius: 8px !important;
}

.adminResetButton .dijitButtonNode {
	background-color: rgb(6, 190, 13) !important;
	border-top-right-radius: 8px !important;
}

.adminDeleteButtonDisable {
	float: right;
	margin-right: 8px !important;
	margin-left: 8px !important;
	opacity: 0 !important;
}

.adminDeleteButton .dijitButtonText,
.adminSaveButton .dijitButtonText,
.adminEditButton .dijitButtonText,
.adminCancelButton .dijitButtonText,
.adminResetButton .dijitButtonText {
	margin-top: 4px;
	font-size: 12px;
	font-family: "MyriadPro";
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 8px !important;
}

.adminDeleteButton.dijitButton.dijitButtonDisabled.dijitDisabled,
.adminSaveButton.dijitButton.dijitButtonDisabled.dijitDisabled,
.adminResetButton.dijitButton.dijitButtonDisabled.dijitDisabled
.vesselButton.dijitButton.dijitButtonDisabled.dijitDisabled {
	opacity: 0.4 !important;
}

.filterRemoveButton {
	float: left;
    margin-left: 0px !important;	
}

.filterRemoveButton .dijitButtonText {
	color: white;
}

.filterRemoveButton .dijitButtonNode {
	background-color: rgb(144,0,0) !important;
}

.filterRemoveButton .x2Icon {
	margin-bottom: -3px;
    margin-right: -2px;
}

.filterApplyButton .x2Icon {
	margin-bottom: -5px;
    margin-right: -5px;
    margin-left: 3px;
}

.adminMainTable-valueCell-0 {
	width: 40% !important;
	vertical-align: top;
}

.adminMainTable-valueCell-1 {
	width: 60% !important;
	vertical-align: top;
}

.adminMainTableLeft-valueCell {
	width: 45% !important;
	vertical-align: top;
}

.adminMainTableLeft-valueCell-1 {
	border-bottom: 3px solid transparent;
	visibility: hidden;
}

.adminMainTableSmall-valueCell label {
	font-size: 12px !important;
	font-family: MyriadProCond;
	color: rgb(0, 78, 141) !important;
  	font-weight: bold !important;
  	width: 100% !important;
	border-bottom: 3px solid #EEEEEE;
}

.adminMainTableLabel {
	font-size: 16px;
  	font-family: MyriadProCond;
  	color: rgb(0, 78, 141) !important;
  	font-weight: bold !important;
  	width: 100% !important;
	border-bottom: 3px solid #EEEEEE;
}

.adminMainTableSmall-valueCell {
	vertical-align: top;
}

.adminMainTableSmall-valueCell-0 {
	width: 420px !important;
}

.popupErrorMessage {
	color: #CC0000 !important;
}

.popupInfoMessage {
	color: #206080 !important;
    font-style: italic;
}

.popupErrorMessagePane {
	border: 0px !important;
	padding: 0px 0px 10px 0px !important;
	background-color: transparent;
	margin-top: -3px;
}

.basicPane {
	padding: 2px !important;
	background-color: transparent;
}

.basicTablePaneWithoutLabel {
	padding: 2px !important;
	background-color: transparent;
	margin-top: -12px;
}

.noPaddingPane {
	padding: 0px !important;
}

.noPaddingBottomPane {
	padding-bottom: 0px !important;
}

.cuBulkFilesPane {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 8px !important;
}

.minPaddingPane {
	padding: 1px !important;
}

.paddingPane1 {
	padding: 1px !important;
}

.noScrollPane {
	overflow: hidden;
}

.noXScrollPane {
	overflow-x: hidden;
}

.adminBasicForm {
	border: 0px;
	padding: 0px;
	background-color: transparent;
}

.adminBasicForm label{
	display:block;
	font-size: 14px;
	font-family: MyriadProCond;
  	color: rgb(0, 78, 141) !important;
  	font-weight: bold !important;
}

.adminBasicForm .checkBoxLabel{
	display: inline;
	font-size: 14px;
	font-family: MyriadProCond;
  	color: rgb(0, 78, 141) !important;
  	font-weight: bold !important;
  	vertical-align: text-top;
}

.adminTableNameField {
	width: 50%;
	padding: 5px 2px 5px 2px;
}

.adminTableTextField {
	width: 100%;
	padding: 2px;
}

.adminLeftTable-table {
	padding-top: 9px;
}

.adminLeftTable-valueCell {
	padding-bottom: 10px;
	padding-right: 10px;
}

.orgAdminLeftPane, .orgAdminRightPane {
	padding: 0px !important;
}

.productAdminLeftPane, .productAdminRightPane {
	padding: 3px !important;
}

.orgAdminCuTableTitle {
	font-size: larger;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #004E8D !important;
}

.orgAdminCuAssociationSelect {
	float: right;
	padding: 4px 2px;
	border-top-right-radius: 12px;
}

.orgAdminCuAssociationSelect .dijitButtonNode {
	background-color: transparent !important;
}

.orgAdminCuAssociationSelect .dijitArrowButtonInner {
	border-color: transparent !important;
}

.orgAdminCuAssociationSelect .dijitArrowButton {
	background-image: none !important;
	border-color: transparent !important;
}

.tagAdminCompanySelect {
	width: 170px;
	float: left !important;
	border-radius: 4px !important;
	padding: 4px;
	margin: 8px;
}

.userAdminCompanySelect {
	width: 170px;
	margin-right:20px;
	border-radius: 4px !important;
	padding: 4px;
	float: left;
}

.userAdminPermLabel {
	margin-left: -7px;
	font-weight: bold;
	text-transform: uppercase;
}

.userAdminCompanyPermissionsBox, .userAdminCompanyPermissionsLabel {
	margin-top: 7px !important;
	vertical-align: bottom;
	font-weight: bold;
}

.userAdminPermTabContainer {
	padding-top: 2px !important;
}

.userAdminPermTabContainer .dijitTabContainerTop-dijitContentPane {
	background-color: rgba(0,36,64,0.1);
}

.userAdminPermTabContainer .dijitTabContainerTop-tabs {
	border-bottom: none !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}

.userAdminPermTabContainer .dijitTab {
	background-color: rgba(0,36,64,0.20) !important;
	background-image: none !important;
	color: rgba(0,36,64,0.60);
	font-family: MyriadProLight;
}

.userAdminPermTabContainer .dijitTabChecked {
	background-color: rgba(0,36,64,0.1) !important;
	border-color: transparent !important;
	background-image: none !important;
	color: rgba(0,36,64,1.0);
	padding-top: 5px !important;
	font-family: MyriadPro;
}

.userAdminPermTabContainer .tabLabel {
	outline: none;
}

.itemDetailsTabContainer {
	padding-top: 0px !important;
}

.itemDetailsTabContainer .dijitTabContainerTop-dijitContentPane {
	background-color: white !important;
	padding:0px;
}

.itemDetailsTabContainer .dijitTabContainerTop-tabs {
	width: 98%;
	background: linear-gradient(to right, #EEEEEE, #EEEEEE, transparent, transparent);
	border-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.itemDetailsTabContainer .dijitTab {
	background-color: #D0D4D8 !important;
	background-image: none !important;
	color: #405060;
}

.itemDetailsTabContainer .tabLabel {
	outline: none;
}

.itemDetailsTabContainer .dijitTabDisabled {
	opacity: 0.6;
	color: #808080;
}

.cuAdminTabsContainer .dijitTabContainerTop-tabs {
    width: calc(100% - 11px);
    background: white;
    border-bottom: 0px !important;
    padding: 0px 2px 0px 5px !important;
}

.cuAdminTabsContainer .dijitTabPane {
	padding: 0px 2px !important;
}

.cuAdminHeaderPane {
  	height: 44px;
}

.problematicShipmentHeaderPane, .cuAdminHeaderPane {
    background-image: linear-gradient(180deg, #e0e4e8 , #FAFCFF);
    border-color: #FAFCFF !important;
    overflow: hidden;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.itemDetailsTabContainer .dijitTabDisabled {
	color: #304050;
}

.itemDetailsTabContainer .dijitTabChecked {
	background-color: rgba(233, 100, 18, 1) !important;
	border-color: transparent !important;
	background-image: none !important;
	color: #FFFFFF;
}

.cuAdminTabsContainer .dijitTab {
    margin: 1px;
    background-color: white !important;
    background-image: none !important;
    border-radius: 0px !important;
    border-right: 1px solid navy !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    border-left: 1px solid white !important;
    padding: 3px 5px 2px 5px !important;
    margin-left: -1px;
	color: #204060;
}

.cuAdminTabsContainer .dijitTabChecked {
    background-color: #e96412 !important;
    border: 1px solid #efefef !important;
    color: #ffffff;
    margin-left: -2px;
}

.cuAdminTabsContainer .dijitTabChecked span {
    text-decoration: underline;
}

.adminRuleDetailsTabContainer {
	padding-top: 0px !important;
}

.adminRuleDetailsTabContainer .dijitTabContainerTop-dijitContentPane {
	background-color: white;
	padding:0px;
}

.adminRuleDetailsTabContainer .dijitTabContainerTop-tabs {
	width: 98%;
	background: linear-gradient(to right, #EEEEEE, #EEEEEE, transparent, transparent);
	border-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.adminRuleDetailsTabContainer .dijitTab {
	background-color: #BBBBBB !important;
	background-image: none !important;
	color: #FFFFFF;
}

.adminRuleDetailsTabContainer .dijitTabChecked {
	background-color: rgba(233, 100, 18, 1) !important;
	border-color: transparent !important;
	background-image: none !important;
	color: #FFFFFF;
}

.adminRuleDetailsTabContainer .tabLabel {
	outline: none;
}

.adminRuleDetailsMainPane {
	padding: 0px !important;
	overflow-x: hidden;
}

.adminTagsRightPane {
	padding: 0px !important;
	overflow: hidden;
}

.adminTagSearchPane {
	height: 46px !important;
	overflow: hidden;
}

.adminSIMDetailsMainPane {
	padding: 4px !important;
	overflow-x: hidden;
	border: 0px !important;
}

.subscribtionsTabContainer {
	padding-top: 0px !important;
}

.subscribtionsTabContainer .dijitTabContainerTop-dijitContentPane {
	background-color: white;
	padding:0px;
}

.subscribtionsTabContainer .dijitTabContainerTop-tabs {
	width: 98%;
	background: linear-gradient(to right, #EEEEEE, #EEEEEE, transparent, transparent);
	border-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.subscribtionsTabContainer .dijitTab {
	background-color: #BBBBBB !important;
	background-image: none !important;
	color: #FFFFFF;
}

.subscribtionsTabContainer .dijitTabChecked {
	background-color: rgba(233, 100, 18, 1) !important;
	border-color: transparent !important;
	background-image: none !important;
	color: #FFFFFF;
}

.subscribtionsTabContainer .tabLabel {
	outline: none;
}

.tagsPane {
	padding-left:5px !important;
	background-color: white;
}

.adminFooterPane {
	background-color: #EEEEEE !important;
	outline: 1px solid #EEEEEE !important;
}

.xsenseContentPane {
	border: 0px !important;
}

.detailsPane {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.chartsPane {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow-y: hidden;
}

.chartPane {
	width:100%;
	min-width:350px;
	height:200px;
	border: 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.chartPaneTemp {
	height:40%;
	min-height:140px;
	margin-top:-40px;
}

.chartPaneRH {
	height:30%;
	min-height:100px;
	margin-top:-40px;
}

.chartPaneNew {
	min-height:120px;
	margin-top:-40px;
	padding-bottom: 12px !important;
	margin-bottom: -14px;
}

.chartPaneSeg {
	height:80px;
	margin-top:-22px;
}

.chartHeader {
	padding-top: 0px !important;
	margin-top:-3px;
	padding-bottom: 2px !important;
}

.chartHeaderSeg {
	margin-bottom: 5px;
}

.chartHeader table{
	width: inherit !important;
	margin-top: 10px;
}

.permissionTable {
	height:98%;
	border: 1px solid #FFFFFF;
}

.permissionTable .gridxHeaderRowInner, .permissionTable .gridxHeaderRow {
	border-color: #FFFFFF !important;
}

.permissionTable .gridxTreeExpandoContent {
	padding-left: 5px;
	padding-top: 1px;
}

.permissionTable .gridxRowHeaderRow table .gridxCell, .permissionTable .gridxRow .gridxRowTable .gridxCell {
	border-color: transparent #FFF #FFF transparent;
}

.permissionTable .gridxRowOdd>.gridxRowTable {
	background-color: transparent;
}

.permissionTable .gridxGroupHeader {
    font-family: MyriadProLight;
    font-weight: bold;
    text-transform: capitalize;
}

.permissionTable .gridxSubHeader {
	color: #FFFFFF;
	background-color: #2F3F4F;
    font-family: MyriadProLight;
    font-weight: bold;
    text-transform: capitalize;
}

.productLMForm label {
	font-size: 13px;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #004E8D !important;
}

.selectProductTree {
	height: 180px !important;
	border: 1px solid #b5bcc7;
	background-color: #FFFFFF;
	margin-bottom: 8px;
	margin-top: 2px;
	padding: 2px !important;
}

.selectProductTree .dijitTree {
	background-color: #FFFFFF;
	color: black;
}

.selectProductTree .dijitTreeExpando {
	background-image: url("../images/x2icons.png") !important;
	margin-left: 10px;
}

.selectProductTree .dijitTreeLabel {
	vertical-align: bottom;
	outline: 0 !important;
}

.selectProductTree .dijitFolderOpened, .selectProductTree .dijitFolderClosed {
	background-image: none;
  	width: 0px;
}

.selectProductTree .dijitTreeRow {
	color: #666666;
	padding-left: 6px;
	padding-right: 6px;
}

.selectProductTree .dijitTreeRowSelected  {
	background-color: rgba(243, 177, 136, 0.6) !important;
	background-image: none;
	border-top: 1px solid rgba(243, 177, 136, 0.4) !important;
	border-bottom: 1px solid rgba(243, 177, 136, 0.6) !important;
}

.selectProductTree .dijitTreeRowHover  {
	background-color: rgba(243, 177, 136, 0.4) !important;
	color: #999999 !important;
	background-image: none;
	border-top: 1px solid rgba(243, 177, 136, 0.2) !important;
	border-bottom: 1px solid rgba(243, 177, 136, 0.4) !important;
}

.itemDetailsEdit .contentsNode {
	background-color: yellow !important;
}

.itemDetailsThreshold {
	width: "80px";
	font-size: 13px;
	font-family: MyriadProCond;
}

.simTextBox {
	margin-top: 2px;
	margin-bottom: 10px;
}

.newTagTextBox {
	margin-top: 2px;
	margin-bottom: 10px;
	width: 100%;
}

.cuConfigTextBox {
	margin-left: 8px;
	width: 120px;	
}

.cuConfigNumericBox {
	margin-left: 8px;
	margin-right: 5px;
	width: 30px !important;	
}

.cuConfigNumericBox .dijitInputField .dijitInputInner {
	text-align: left;
	margin-bottom: -1px;
    margin-top: 1px;
}

.cuConfigNarrowTextBox {
	width: 35px !important;
}

.cuConfigTextBox .dijitInputField .dijitInputInner {
	text-align: left;
}

.cuConfigWideBox {
	width: calc(100% - 5px);
	margin-bottom: 8px;
}

.cuConfigTextarea {
	width: calc(100% - 8px);
}

.deviceIntervalDialog {
	width: 500px;
}

.addNewDialog {
	border-bottom-right-radius: 18px;
	border: 1px solid transparent !important;
	background-color: transparent;
	box-shadow: none !important;
	min-width: 300px;
}

.addNewDialog .dijitDialogPaneContent {
	margin: 0px 2px 2px 2px;
	background-color: #EEEEEE;
	border-top: 0px solid white;
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom-right-radius: 18px;
	padding-bottom: 5px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.addNewDialog .dijitDialogTitleBar {
	margin: 12px 2px 0px 2px;
	background-color: #EEEEEE;
	border-top: 3px solid white;
	border-bottom: 0px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	font-family: MyriadPro;
	font-weight: bold;
	color: rgb(51, 63, 81);
	text-shadow: 0px 2px 0px rgba(255,255,255,0.4);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.copyContentButton {
    position: absolute !important;
    right: 30px !important; /* Adjust based on X button position */
    top: 20px !important;
}

.logsDialog .dijitDialogTitleBar {
	text-align: center;
	font-weight: normal !important;
}

.addNewDialogTop .dijitDialogPaneContent {
	margin: 0px 2px 12px 2px !important;
}

.addNewDialogTop .dijitDialogTitleBar {
	margin: 2px 2px 0px 2px !important;
}

.addNewDialog .popupFooterPane {
	padding: 0px;
	margin-top: 14px;
}

.carrierDestinationDialog {
	width: 820px;
	height: 580px;
}

.warningDialog .dijitDialogTitleBar {
	background-color: #FFCCCC;
}

.warningDialog .dijitDialogPaneContent, .confirmNewDialog .dijitDialogPaneContent, .newButtonsDialog .dijitDialogPaneContent {
	background-color: #FFFFFF;
}

.warningDialog .popupFooterPane, .confirmNewDialog .popupFooterPane, .newButtonsDialog .popupFooterPane {
	padding: 0px;
	margin-top: 5px;
}

.confirmNewDialog .dijitDialogTitleBar {
	background-color: #C0C6CC;
}

 .newButtonsDialog .dijitDialogTitleBar {
	background-color: #FFFFFF;
	padding: 12px;
}

.popupButtonSave, .popupButtonCancel, .exportOptionsButtonSave {
	float: right;
}

.popupButtonSave .dijitButtonText, .popupButtonCancel .dijitButtonText, .applyButton .dijitButtonText, .exportOptionsButtonSave .dijitButtonText {
	margin-top: 4px;
	font-size: 12px;
	font-family: "MyriadPro";
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px 0px 12px !important;
}

.popupButtonSave .dijitButtonText, .applyButton .dijitButtonText, .exportOptionsButtonSave .dijitButtonText {
	color: #FFFFFF;
}

.popupButtonCancel .dijitButtonText {
	color: rgb(51, 63, 81);
	text-decoration: underline;
}

.addRightButton .dijitButtonText, .helpButton .dijitButtonText {
	font-size: 14px;
	font-family: "MyriadPro";
  	color: rgb(51, 63, 81);
}

.popupButtonSave .dijitButtonNode, .exportOptionsButtonSave .dijitButtonNode {
	background-color: rgb(0,23,46) !important;
	border-bottom-right-radius: 8px !important;
}

.applyButton .dijitButtonNode {
	background-color: rgb(0,23,46) !important;
	border-bottom-right-radius: 8px !important;
	padding: 1px 2px 2px 2px !important;
}

.applyButtonDisabled .dijitButtonNode {
	background-color: rgb(204,204,204) !important;
}

.applyButtonDisabled:hover {
	opacity: 0.99 !important;
}

.changeActiveStateButton {
	margin-top: -2px;
	margin-left: -3px;
}

.changeActiveStateButton .dijitButtonText {
	text-decoration: underline;
}

.popupArrowButton {
	position: absolute;
	left: 210px;
	top: 0px;
}

.confirmDialog {
	border-bottom-right-radius: 18px;
	border: 1px solid transparent !important;
	background-color: transparent;
}

.confirmDialog .dijitDialogTitleBar {
	background-color: #EEEEEE;
	border-top: 3px solid white;
	border-bottom: 0px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	font-family: MyriadPro;
	font-weight: bold;
	color: rgb(51, 63, 81);
	text-shadow: 0px 2px 0px rgba(255,255,255,0.4);
}

.confirmDialog .dijitDialogPaneContent {
	background-color: #EEEEEE;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
}

.confirmDialog .dijitDialogPaneActionBar {
	background-color: #EEEEEE;
	border-top: 0px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-bottom-right-radius: 18px;
}

.userAdminDialogText {
	display:block;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 0.875em;
	opacity: 0.8;
	width: 400px;
}

.headerDialog label, .userAdminDialogLabel {
	display:block;
	font-size: 13px;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #004E8D !important;
}

.headerDialog label {
	margin-right: 8px;
}

.shipmentHeaderLabel {
	font-size: 13px;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #406080 !important;
	margin-right: 8px;
}

.userAdminDialogLabel {
	color: #406080 !important;
}

.userAdminDialogTextbox {
	display: block;
	margin-bottom: 8px;
	width: calc(100% - 2px);
}

.userAdminDialogTextArea {
    display: block;
    margin-bottom: 8px;
    width: calc(100% - 6px);
    resize: none;
}

.userAdminRadioButton {
	vertical-align: top;
}

.userAdminRadioButtonLabel {
	vertical-align: middle;
	font-size: 13px;
	font-family: MyriadPro;
	font-weight: bold;
}

.userAdminActivationPane {
	padding: 0px !important;
	margin-top: 5px;
	width: 100% !important;
	min-height: 100px;
}

.x2toaster {
	border-bottom-left-radius: 20px;
	vertical-align: middle;
}

.resetDateButton {
	border: 0;
	padding: 0;
	width: 100%;
}

.resetDateButton .dijitButtonNode {
	background-color: #DDDDDD !important;
	color: rgb(0,23,46) !important;
	padding: 0px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	box-shadow: none;
	width: 100%;
}

.resetDateButton .dijitButtonText {
	font-size: 12px;
	font-family: MyriadPro;
	font-weight: bold;
}

.exportButton {
	float: right;
	margin-top: 10px;
	padding-right: 6px;
}

.tzButton {
	padding-top: 2px !important;
	padding-right: 0px !important;
}


.miListExportButton {
	float: right;
}

.unitTempPane {
	padding: 2px !important;
	background-color: transparent;
	display: flex;
    margin-bottom: -7px;
}

.unitTempPane label {
	margin-right: 20px;
	font-weight: normal !important;
	color: #404040 !important;
}

.editItemDetailsTable-valueCell, .cuDetailsTable-valueCell {
	width: 50%;
}

.cuStatusTable-valueCell {
	width: 30% !important;
}

.cuSettingsDetailsTable-valueCell-0 {
	width: 300px;
}

.cuConfigTable-valueCell-0 {
	width: 65%;
}

.cuNotifTable {
	width: 100%;
}

.cuNotifTable-table tr > *:nth-child(2), .cuNotifTable-table tr > *:nth-child(4), .cuNotifTable-table tr > *:nth-child(6) {
    padding-right: 50px;
    width: 13%;
    text-align: right;
}

.cuNotifTable-table tr > *:nth-child(1), .cuNotifTable-table tr > *:nth-child(3), .cuNotifTable-table tr > *:nth-child(5) {
    width: 26%;
}

.cuSettingsConfigTable-valueCell-1, .cuSettingsConfigTable-valueCell-3, .cuSettingsConfigTable-valueCell-5, .cuSettingsConfigTable-valueCell-7, .cuSettingsConfigTable-valueCell-9 {
	width: 200px;
}

.deviceDetailsTable-valueCell {
	width: 20% !important;
}

.editShipmentDetailsTable-valueCell {
	width: 50%;
	vertical-align: top;
	padding-right: 5px;
}

.editShipmentDetailsTable-valueCell-2, .editShipmentDetailsTable-valueCell-3, .editShipmentDetailsTable-valueCell-6, .editShipmentDetailsTable-valueCell-7, .editShipmentDetailsTable-valueCell-10, .editShipmentDetailsTable-valueCell-11, .editShipmentDetailsTable-valueCell-14, .editShipmentDetailsTable-valueCell-15 {
	padding-top: -2px;
	padding-bottom: 8px;
}

.createShipmentRuleTable-valueCell-0 {
	width: 50%;
}

.ruleSensorTable-valueCell {
	padding-bottom: 0px;
	vertical-align: top;
	padding-left: 3px;
}

.ruleSensorTable-valueCell-3, .ruleSensorTable-valueCell-4, .ruleSensorTable-valueCell-5 {
	padding-bottom: 8px;
	vertical-align: top;
}

.editProductAndThresholdsTable-table, .editComInCuConfigTable-table {
	margin-bottom: -8px;
}

.updateUserTable-valueCell, .editItemDetailsTable-valueCell, .createShipmentRuleTable-valueCell, .deviceDetailsTable-valueCell, .editProductAndThresholdsTable-valueCell, .editThresholdsTable-valueCell , .editRuleParamsTable-valueCell, .editRuleRepeatsTable-valueCell, .editComInCuConfigTable-valueCell, .cuApplicationTypeTable-valueCell {
	padding-bottom:8px;
	vertical-align: top;
}

.cuDetailsTable-valueCell {
	vertical-align: top;
}

.cuSettingsDetailsTable-valueCell {
	vertical-align: top;
}

.editShipmentDetailsTable-labelCell, .tagDataUploadTable-labelCell, .ruleSensorTable-labelCell, .updateUserTable-labelCell, .editItemDetailsTable-labelCell, .createShipmentRuleTable-labelCell, 
.deviceDetailsTable-labelCell, .editProductAndThresholdsTable-labelCell, .editThresholdsTable-labelCell, .editRuleParamsTable-labelCell, .editRuleRepeatsTable-labelCell, .auditTopBarTable-labelCell, 
.editComInCuConfigTable-labelCell, .dateTimeSelectTable-labelCell, .cuApplicationTypeTable-labelCell, .rtConfigTable-labelCell, .rtConfigTable2-labelCell, .textboxHeaderLabel {
	font-size: 13px;
  	font-family: "MyriadProCond";
	font-weight: bold !important;
	color: #004E8D !important;
	text-transform: capitalize;
}

.editRuleRepeatsTable-valueCell-1 {
	width: 400px;
}

.placeOrderTable-valueCell-0 {
	width: 60px;
}

.placeOrderTable-valueCell-1 {
	width: 210px;
}

.placeOrderTable-valueCell-2 {
	width: 810px;
}

.placeOrderTable-valueCell-3 {
	width: 30px;
}

.cuApplicationTypeTable-valueCell-0 {
	width: 190px;
}

.cuApplicationTypeTable-table {
	padding-top: 8px;
}

.rtConfigTable-valueCell {
	width: 20%;
	padding: 0px !important;
}

.rtConfigIntervalPane {
	width: 250px;
	overflow-y: hidden;
}

.rtConfigLabelPane {
	width: 200px;
	overflow-y: hidden;
	margin-top: -8px;
	margin-bottom: -8px;
}

.rtConfigEmptyPane {
	height: 18px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.rtConfigPendingLabel {
    height: 18px;
    font-style: italic;
    margin-left: 45px;
    color: green;
    font-size: 12px;
    width: 200px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.rtConfigTable2-valueCell .rtConfigIntervalPane {
	display: flex;
	overflow-y: hidden;
	width: 500px;
	margin-top: -3px;
	margin-bottom: 3px;
}

.rtConfigTable2-valueCell .rtConfigLabelPane {
	width: 300px;
}

.rtConfigTable2-valueCell-1, .rtConfigTable2-valueCell-3, .rtConfigTable2-valueCell-5, .rtConfigTable2-valueCell-7 {
	width: 300px;
}

.rtConfigTable2-valueCell .rtConfigPendingLabel {
	height: 18px;
    font-style: italic;
    margin-left: 5px;
    color: green;
    font-size: 12px;
    width: 350px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.rtConfigIntervalPane label {
	margin-top: 3px;
}

.rtConfigTable2-valueCell .intervalNumberBox {
	width: 50px;
}

.gradientGreyBackgroundPane {
	background-image: linear-gradient(to right, #EEEEEE , #E0E0E0);
}

.gradientBlueBackgroundPane {
	background-image: linear-gradient(to right, #FFFFFF , #E0E8F0);
}

.gradientLightGreyBackgroundPane {
	background-image: linear-gradient(to right, #FFFFFF , #EEEEEE);
}

.gradientLightBlueBackgroundPane {
	background-image: linear-gradient(to right, #FFFFFF , #E8F0F8);
}

.cuAdminHeaderDetailsPane {
    background-color: #e0e4e8;
    color: #505050;
    font-weight: bold;
    padding: 6px 8px 4px 8px !important;
    display: flex;
}

.dateTimeSelectTable-table {
	width: 270px !important;
}

.dateTimeSelectTable-labelCell {
	width: 50px !important;
}

.dateTimeSelectTable-valueCell-0 {
	width: 160px;
}

.dateTimeSelectTable-valueCell-1, .dateTimeSelectTable-valueCell-2  {
	width: 50px;
}

.hmSelect .dijitButtonText {
	width: 22px !important;
	text-align: left;
}

.tagDataUploadTable-table {
	width: 920px;
	margin-bottom: 15px;
}

.tagDataUploadTable-valueCell {
	padding-right: 8px;
	width: 180px;
}

.tagDataUploadTable-labelCell {
	padding-right: 8px;
	width: 180px;
}

.editProductAndThresholdsTable-valueCell-0, .editComInCuConfigTable-valueCell-0 {
	width: 40%;
}

.editThresholdsTable-table, .editComInCuConfigTable-table {
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	margin-top: 15px;
}

.tagStatusButton .x2MidIcon, .tagClockButton .x2MidIcon {
	margin-bottom: -4px;
}

.tagStatusButton {
	width: 74px;
	min-width: 74px;
	margin-top: -1px;
}

.batteryStatusButton {
	margin-top: -1px;
}

.tagClockButton {
	width: 70px;
	min-width: 70px;
	margin-top: -1px;
}

.chartSettingsTable-valueCell-1, .chartSettingsTable-valueCell-3 {
	width: 20px;
}

.userDetailsDlgTbl-valueCell {
	vertical-align: top;
	width: 50%;
}

.customAlertTable-table {
	border-collapse: collapse;
}

.customAlertTable-table td {
	border-width: 1px;
	border-style: dotted;
	border-color: lightgrey;
	vertical-align: middle;
}

.tableContainer-valueCell .sliderTbl-valueCell {
	border: none;
}

.sliderTbl-valueCell-1 .dijitButtonDisabled {
	visibility: hidden;
}

.nextPrevButton {
	visibility: hidden;
}

/***
.customAlertTable-table tr:nth-child(even) {
	background: #CCC
};
.customAlertTable-table tr:nth-child(odd) {
	background: #FFF
}
***/

.customAlertTable-valueCell {
	vertical-align: top;
}

.customAlertTable-table .sliderTable-table {
	border: none;
	background-color: yellow;
}

.alertIcon {
	margin-right: -10px;
}

.statusOkIcon .dijitButtonText {
	color: green;
}

.rulesAcc .dijitAccordionTitle {
    background-image: none !important;
}

.rulesAcc .dijitAccordionTitleFocus {
    outline: none !important;
}

.rulesAcc .dijitAccordionChildWrapper {
	border: 0px !important;
	margin: 0px !important;
}

.rulesAcc .dijitAccordionInnerContainer {
  border: 0px !important;
  margin-left: 2px;
  background-color: #DDDDDD !important;
}

.rulesAcc .dijitAccordionInnerContainerSelected {
  background-color: #DDDDDD !important;
}

.ruleCheckbox {
	margin-left: 15px !important;
	margin-top: -2px !important;
}

.thresholdCheckbox {
	margin-right: 8px !important;
	margin-top: -2px !important;
}

.repeatNumBox {
	width: 50px;
	margin-right: 15px;
}

.repeatIntBox {
	width: 70px;
	margin-right: 15px;
}


.rbPane {
	margin-left: 15px;
}

.ruleSecondaryLabel {
	font-family: MyriadProLight;
	margin-right: 3px;
}

.ruleSubjectLabel {
	font-family: MyriadProCond;
	font-weight: bold !important;
	margin-right: 10px;
	margin-left: 1px;
	color: #004E8D !important;
}

.ruleSubjectBox {
	font-family: MyriadProCond;
	color: #004E8D !important;
}

.ruleSecondaryLabelSmall {
	font-family: MyriadProCond;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

.ruleEditorSelector {
	min-width: 200px;
}

.itemDetailsSaveButton {
	float: right;
	margin-left: 10px;
	margin-top: -2px;
}

.simDetailsButton {
	margin-left: 0 !important;
}

.editGroupsButton {
	float: right;
	margin-right: 5px;
}

.addRecipientsButton {
	margin-top: -8px;
}

.productMenuButton {
	background-color: #EEEEEE;
  	border: 1px solid #FFFFFF;
  	height: 18px;
  	width: 16px;
  	outline: 1px solid #CCCCCC !important;
  	margin-right: 10px;
}

.productMenuButton .dijitButtonNode {
	padding-left: 2px !important;
}

.selectProductButton:hover, .selectProductButtonDisabled:hover {
	opacity: 1 !important;
}

.selectProductButtonDisabled {
	border: 1px solid #CCCCCC !important;
  	background-color: #EEEEEE;
  	margin-left: -2px;
  	margin-right: 15px;
  	width: 90%;
}

.selectProductButtonDisabled .dijitIcon {
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	opacity: 0.6;
}

.selectProductButton .dijitButtonNode, .selectProductButtonDisabled .dijitButtonNode {
	width: 100%;
	text-align: left;
}

.selectProductButton {
	border: 1px solid #CCCCCC !important;
  	background-color: #FFFFFF;
  	margin-left: -2px;
  	margin-right: 15px;
  	width: 90%;
}

.selectProductButton .dijitIcon {
	float: right;
	margin-left: 5px;
	margin-right: 10px;
}

.thresholdsPane {
	margin-top: 5px;
	padding: 2px !important;
}

.userHasNoPermissionsPane {
	background-color: transparent !important;
	border-color: transparent !important;
	padding-top: 20px !important;
	text-align:center;
}

.selectProductPaneDisabled {
	padding: 2px !important;
	background-color: transparent;
	cursor:default;
	overflow-x: hidden;
}

.selectProductPane {
	padding: 2px !important;
	background-color: transparent;
	cursor:pointer;
	overflow-x: hidden;
}

.tagsHeaderPane {
	margin-bottom: -10px;
	padding: 0px !important;
}

.tagsHeaderLabel .dijitButtonText {
	color: #004E8D !important;
	font-size: medium;
	font-family: MyriadProCond;
	font-weight: bold !important;
}

.addRulePane {
	background: linear-gradient(to left, #EEEEEE, #EEEEEE, transparent, transparent);
	padding-top: 4px !important;
	padding-bottom: 0px !important;
	margin-bottom: 1px;
}

.noRulesLabel {
	font-size: 14px;
	margin-left: 250px;
  	margin-top: 6px;
  	float: left;
}

.recipientsHeaderPane {
	padding-bottom: 0px !important;
	margin-bottom: -8px;
}

.cusHeaderPane {
	padding: 3px 2px 1px 2px !important;
    margin-bottom: 5px;
    height: 24px;
}

.cuAdminLabelBox {
	border: 1px solid white !important;
	margin-left: 10px;
	margin-right: -10px;
}

.cuAdminLabelBox .dijitInputContainer {
	background-color: white !important;
}

.ruleSelect {
	width: 100%;
	outline: 0px !important;
}

.problemSelect {
	width: 20%;
	outline: 0px !important;
}

.shipmentRuleValuePane .ruleSelect {
	width: calc(100% - 4px);
	outline: 0px !important;
}

.actionSelect {
	width: 50%;
	outline: 0px !important;
}

.ruleSelect .dijitArrowButtonContainer, .basicSelect .dijitArrowButtonContainer {
	width: 18px;
}

.cuAdminDetailsSelect {
	width: 180px !important;
}

.shipmentDetailsSelect {
	width: calc(100% + 7px);
}

.basicSelect {
	outline: 0px !important;
}

.rankMethodSelect {
	outline: 0px !important;
	border: none;
	margin-right: 25px;
}

.reportTriggerSelect {
	width: 90%;
	outline: 0px !important;
}

.ruleTypeSelect {
	margin-top: 8px;
}

.warningPane {
	padding: 0px;
	display: none;
}

.ruleRecipientsDialog {
	width: 660px;
}

.validateRecipientsDialog {
	width: 800px;
}

.warningText {
	color: #FF0000 !important;
}

.darkWarningText {
	color: #AA0000 !important;
}


.ruleTitlePane {
	display: inline-block;
	margin-left: 6px;
	vertical-align: text-bottom;
}

.errorButton {
	margin-left: -7px;
}

.ruleErrorMessage, .errorButton .dijitButtonText {
	color: #AA0000 !important;
	font-size: small;
	font-family: MyriadProLight;
	font-style: italic;
	vertical-align: sub;
}

.infoButton .dijitButtonText {
	color: #008040 !important;
	font-size: small;
	font-family: MyriadProLight;
	font-style: italic;
	vertical-align: sub;
}

.gridErrorMessage {
	color: #AA0000 !important;
	font-family: MyriadProLight;
	font-size: small;
	margin-top: 7px;
	vertical-align: sub;
}

.ruleDescriptionTable-table {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -4px;
}

.ruleDescriptionTable-labelCell {
	font-family: MyriadProCond;
	font-size: 13px;
	color: #666666 !important;
}

.ruleDescriptionLeftPane {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: -2px;
}

.ruleDescriptionRightPane {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.ruleSubjectPane {
	margin-top: 5px;
	padding: 0px !important;
	background-color: transparent;
}

.nearbySitesTable-table {
	width: 60% !important;
	border: 1px dashed lightgray;
}

.itemDetailsLabel {
	margin-left: -7px;
	font-weight: bold;
	text-transform: uppercase;
	width: calc(100% - 240px);
}

.chartDatesLabel {
	color: #808080 !important;
	margin-left: 5px;
	margin-top: 2px;
	vertical-align: sub;
}

.favoritesButton {
	margin-left: -6px;
}

.shDataExportCheckbox {
	margin-left: -4px;
}

.headerCheckbox {
	margin-top: 3px;
	margin-bottom: -3px;
}

.dismissAlertButton .dijitButtonText {
	text-decoration: underline !important;
}

.x2HelpButton {
  	margin-top: 3px;
}

.x2HelpButton .x2Icon {
  	padding-top: 3px;
}

.runAsButton {
	margin-left: -3px;
	margin-right: 3px;
}

.tagGrid {
	height: 90%;
}

.auditGrid, .cuMetricsGrid, .tagInventoryGrid {
	border-left: 1px solid white;
	border-top-left-radius: 0px;
}

.auditGrid .gridxFilterBarStatus, .cuMetricsGrid .gridxFilterBarStatus {
  	border: 1px solid #d0d4d8;
  	padding-top: 4px;
  	padding-bottom: 4px;
  	background: #EAECEF;
}

.auditGrid .gridxFilterBar .dijitButton, .cuMetricsGrid .gridxFilterBar .dijitButton {
  margin-left: 4px !important;
  margin-right: 8px !important;
  margin-top: 3px !important;
}

.auditGrid .gridxQuickFilterComboButton, .cuMetricsGrid .gridxQuickFilterComboButton, .siteViewGrid .gridxQuickFilterComboButton {
	display: none !important;
}

.auditGrid .gridxQuickFilterButton, .cuMetricsGrid .gridxQuickFilterButton, .siteViewGrid .gridxQuickFilterButton {
	display: inline !important;
	margin-left: 12px;
}

.auditGrid .gridxQuickFilter, .cuMetricsGrid .gridxQuickFilter, .siteViewGrid .gridxQuickFilter {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
  	width: 145px;
}

.auditGrid .dijitButtonNode {
	background-color: transparent !important;
  	border-color: transparent !important;
  	box-shadow: 0 0px 0px !important;
} 

.auditGrid .gridxPagerStepperBtn, .cuMetricsGrid .gridxPagerStepperBtn, .cuBulkGrid .gridxPagerStepperBtn, .auditGrid .gridxPagerSizeSwitchBtn, .cuMetricsGrid .gridxPagerSizeSwitchBtn, .cuBulkGrid  .gridxPagerSizeSwitchBtn{
	padding: 1px;
	margin: 0 7px;
}
.auditGrid .gridxPagerStepperBtnActive, .cuBulkGrid .gridxPagerSizeSwitchBtnActive, .cuBulkGrid .gridxPagerStepperBtnActive, .auditGrid .gridxPagerSizeSwitchBtnActive, .cuMetricsGrid .gridxPagerStepperBtnActive, .cuMetricsGrid .gridxPagerSizeSwitchBtnActive {
	font-weight: bold;
}

.tagInventoryGrid .gridxBar {
    padding-top: 4px;
    padding-bottom: 4px;
}

.tagInventoryGrid .gridxQuickFilter {
    background-color: white;
}

.cuMetricsGrid  .gridxBar>table td:nth-child(3) {
	width: 200px !important;
}

.auditDialogGrid {
	border-left: 1px solid white !important;
	border-top-left-radius: 0px;
	width: calc(100% - 8px);
}

.auditDialog {
	max-height: 420px;
	width: calc(100% - 38px) !important;
	left: 8px !important;
}

.auditDialog .dijitDialogTitleBar {
	width: calc(100% - 34px) !important;
}

.auditDialog .dijitDialogPaneContent {
	width: calc(100% - 36px) !important;
}

.reportPane {
	width: 100% !important;
	background-color: transparent;
  	padding-left: 3px !important;
  	padding-top: 0px !important;
  	padding-bottom: 16px !important;
}

.reportTextBox {
	width: calc(100% - 5px);
}

.reportSelect {
	width: calc(100% - 3px);
}

.reportSchedulePane {
	display: flex;
	padding: 0px !important;
	margin-top: -12px;
}

.reportSchedulePane .basicPane {
	padding: 0px !important;
	margin-right: 10px;
}

.reportEditorPane {
	margin-right: -8px;
	background-color: white;
}

.reportInnerPane {
	background-color: #EEEEEE;
}

.reportTableLabel {
	font-family: MyriadProCond;
	font-size: 13px;
	color: #666666 !important;
	vertical-align: text-top;
}

.basicLabelCondBold {
	font-family: MyriadProCond;
	font-size: 14px;
	font-weight: bold;
	color: #666666 !important;
}

.basicLabelCond {
	font-family: MyriadProCond;
	font-size: 14px;
	color: #808080 !important;
	vertical-align: text-top;
}

.tableRemark {
	font-family: MyriadProCond;
	font-size: 13px;
    color: #808080 !important;
    font-style: italic;
    margin-top: 2px;
    margin-left: 5px;
}

.operationHoursTimezoneLabel {
	font-size: 12px;
	color: #666666 !important;
}

.reportHeaderPane {
	margin-bottom: 8px;
	background-color: #DDDDDD;
}

.reportHeaderLabel {
	margin-right: 12px;
}

.activityTypeSelect {
	width: 50%;
}

.addressEditorHeaderPane {
	width: calc(100% - 14px);
}

.addressEditorContentPane {
	width: calc(100% - 16px);
	margin-top: -8px;
	padding-top: 0px !important;
	border-left: 1px solid #EEEEEE;
  	border-right: 1px solid #EEEEEE;
  	border-bottom: 1px solid #EEEEEE;
}

.addressEditorTextBox {
	width: calc(100% - 10px);
}

.addressEditorPane {
	padding: 2px !important;
	width: calc(100% - 18px);
	margin-top: 8px;
	overflow: hidden;
}

.addressEditorSavePane {
	padding-top: 4px !important;
  	display: inline-block;
  	width: calc(100% - 4px);
  	margin-bottom: -8px;
  	border-left: 1px solid #EEEEEE;
  	border-right: 1px solid #EEEEEE;

}

.siteMapPane {
	padding: 0px !important;
	width: calc(100% - 4px);
	height: 280px;
	overflow: hidden;
	margin-top: 5px;
}

.mapZoomButton {
	margin-top: 2px;
}

.mapZoomTextBox {
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.headerDarkGreyLabel, .addressEditorHeaderPane label {
	color: #505050 !important;
	font-weight: bold !important;
	font-family: MyriadPro;
}

.addressSearchButton {
	position: absolute;
	right: 23px;
}

.addressSearchButton .x2Icon {
	margin-top: 3px;
}

.ruleMessageBar {
	padding: 0px !important;
}

.thresholdInputBox {
	width: 50px;
	background-color: rgba(255,255,255,0.2) !important;
	border: 1px solid rgba(255,255,255,0.8) !important;
	float: right;
}

.thresholdInputBox.dijitDisabled {
	background-color: transparent !important;
	border: 1px solid transparent !important;
}

.thresholdInputBox.dijitDisabled .dijitInputContainer {
	background-color: transparent !important;
}

.thresholdInputBox .dijitPlaceHolder {
	right: 2px;
	left: initial;
}

.thresholdInputBox.dijitFocused .dijitPlaceHolder {
	visibility: hidden;
}

.thresholdInputBox .dijitInputInner {
	text-align: right;
}

.thresholdsDialogTable .gridxHeaderRowInner {
	background-color: black;
	color: white;
}

.thresholdsDialogTable {
	height: 300px;
}

.thresholdsDialog {
	width: 600px;
	height: 440px;
}

.selectThresholdsButton {
    font-size: 14px;
}

.roundedCornerTextBox {
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.roundedCornerTextBox .dijitInputField {
	width: 160px;
}

.popupSearchBox {
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.popupSearchBox .dijitInputField {
	width: 120px;
}

.locationHistoryLabel {
	font-size: 0.9em;
	color: darkgrey;
	vertical-align: top;
}

.locationHistoryLabelBold {
	font-size: 0.9em;
	color: darkgrey;
	font-weight: bold;
	vertical-align: top;
}

.userDetailsDialogForm {
	overflow: auto;
	margin-top: -18px;
}

.addRuleTopPane {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 2px !important;
}

.addRuleTopPane .thresholdCheckbox {
	padding-top: 13px;
}

.addRuleTopPane .showSharedRulesLabel {
	vertical-align: text-top;
}

.ruleEditor {
	padding: 0px !important;
}

.ruleItemsGrid {
	padding-top: 0px !important;
	margin-top: -8px;
}

.ruleItemsGrid .gridxBar {
	padding-top: 0px !important;
}

.showSharedRulesButton:hover {
	opacity: 0.9 !important;
}

.showSharedRulesButton .x2Icon {
	margin-top: 4px !important;
}

.shipmentDetailsMainPane {
	padding: 0px !important;
    border: 1px solid white !important;
}

.shipmentDetailsMainPane .dijitHidden {
	display: none !important;
} 

.shipmentDetailsMainPane .dijitVisible {
	display: block !important;
}

.shipmentDetailsTable {
	margin-left:4px;
	margin-bottom:8px;
}

.shipmentDetailsTable .productDialogTextBox, .shipmentDetailsTable .itemDetailsDescriptionTextArea  {
	width: calc(100% - 2px);
}

.shipmentItemsLabel {
	margin-left: 6px;
	vertical-align: sub;
}

.shipmentItemsGrid {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.shipmentItemsGrid .gridxCell {
	vertical-align: top;
}

.shipmentTagTextBox {
	width: 163px;
	margin-top: -2px;
}

.shipmentTagTextBoxWide {
	width: 185px;
}

.precoolDescriptionsBox {
	width: calc(100% - 7px);
}

.companiesButton {
	margin-top: -5px;
}

.uploadAttachmentButton {
	margin-top: -11px;
}

.uploadAttachmentButton .x2Icon {
	margin-top: 5px;
}

.blockBackgroundRed {
	background-color: rgba(255, 190, 190, 1);
}

.blockBackgroundYellow {
	background-color: rgba(255, 240, 170, 1);
}

.blockBackgroundGrey {
	background-color: rgba(224, 224, 224, 1);
}

.blockBackgroundGreen {
	background-color: rgba(200, 224, 190, 1);
}

.companiesButton .dijitButtonText {
    font-family: MyriadProCond !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: #004E8D !important;
    text-decoration: underline;
}

.exportButton .dijitButtonText {
    color: #406080 !important;
    font-weight: normal !important;
    vertical-align: bottom;
}

.darkCompaniesButton {
    margin-right: 10px;
}

.darkCompaniesButton .dijitButtonText, .darkCompaniesButton .dijitIcon {
    filter: invert(50%);
}

.shipmentRuleLabelPane {
	padding-left: 6px !important;
	padding-right: 6px !important;
	padding-top: 8px !important;
	padding-bottom: 2px !important;
}

.shipmentRuleValuePane {
	padding-left: 6px !important;
	padding-right: 6px !important;
	padding-top: 2px !important;
	padding-bottom: 8px !important;
}

.shipperRuleTextBox {
	width: calc(100% - 8px);
}

.nearbyCusDialog {
	width: 600px;
	height: 420px;
}

.selectCompaniesDialog {
	width: 420px;
	height: 420px;
}

.selectCompanyFieldsDialog {
	width: 800px;
	height: 360px;
}

.cuProcessStepsDialog {
	width: 800px;
	height: 450px;
}

.shipmentRuleActionsTable-table {
	margin-top:5px;
}

.shipmentRuleActionsTable-valueCell-0, .shipmentRuleActionsTable-valueCell-1, .shipmentRuleActionsTable-valueCell-2 {
	width: 16%;
}

.shipmentRuleActionsTable-valueCell-3, .shipmentRuleActionsTable-valueCell-4 {
	width: 26%;
}

.shipmentRuleCloseActionTable-table .shipmentRuleSplitActionTable-table {
	margin-top:5px;
}

.shipmentRuleCloseActionTable-valueCell-0,
.shipmentRuleSplitActionTable-valueCell-0, .shipmentRuleSplitActionTable-valueCell-3 {
	width: 60%;
}

.shipmentRuleCloseActionTable-valueCell-1, .shipmentRuleCloseActionTable-valueCell-3,
.shipmentRuleSplitActionTable-valueCell-1, .shipmentRuleSplitActionTable-valueCell-4 {
	width: 2%;
}

.shipmentRuleCloseActionTable-valueCell-2, .shipmentRuleCloseActionTable-valueCell-4,
.shipmentRuleSplitActionTable-valueCell-2, .shipmentRuleSplitActionTable-valueCell-5 {
	width: 120px;
}

.shipmentDetailsTabContainer {
	padding: 4px !important;
}

.addressTable-valueCell-0 {
	width: 40%;
}

.ruleStatusGridButton {
	margin-left: -4px;
}

.ruleActionPane {
	border: 1px solid #DDDDDD;
	margin: 6px;
}

.ruleActionContentPane {
	padding: 6px !important;
}

.basicDateBox {
	width: 120px;
}

.basicDateBox>.dijitArrowButton {
	background-color: transparent !important;
}

.cuResetButton {
	margin-top: -2px;
}

.cuResetButton .dijitButtonNode {
	/*background-color: rgb(6, 190, 13) !important;*/
	border-top-right-radius: 8px !important;
}

.comInCuFormDisabled {
	padding: 2px !important;
	background-color: transparent;
	cursor:default;
	overflow-x: hidden;
}

.comInCuForm {
	padding: 2px !important;
	background-color: transparent;
	cursor:pointer;
	overflow-x: hidden;
}

.cuConfigEditorForm .checkBoxLabel, .hubConfigEditorForm .checkBoxLabel, .comInCuEditorForm .checkBoxLabel, .cuInComEditorForm .checkBoxLabel{
	display: inline;
	font-size: 14px;
	font-family: MyriadProCond;
  	color: rgb(0, 78, 141) !important;
  	font-weight: bold !important;
  	vertical-align: text-top;
}

.hubConfigEditorForm {
	padding-left: 5px;
}

.greyBoldLabel {
    display: inline;
    font-size: 14px;
    font-family: MyriadProCond;
    color: rgb(80, 80, 80) !important;
    font-weight: bold !important;
    vertical-align: text-top;
}

.checkBoxLightLabel {
	color: #406080 !important;
	font-size: 13px;
	font-family: "MyriadProCond";
}

.editCuInComTable-valueCell {
	width: 25%;
}

.shChartExternalBar {
	width: 380px;
	float: right;
	margin-top: -8px;
}

.cuMngGrid {
	margin-top:5px;
	height: 220px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.cuMngItemDetailsHeaderPane {
	border-color: transparent !important;
	height: 45px !important;
	overflow: hidden !important;
	padding-top: 2px !important;
}

.shFreeSearchBox {
	width: 178px;
	border: 1px solid grey;
	border-color: grey !important;
	padding: 5px;
	background-color: transparent !important;
	border-radius: 5px;
}

.shFreeSearchBox .dijitInputField, .shFreeSearchBox .dijitInputInner, .shSearchSelect .dijitInputField, .shSearchSelect .dijitInputInner {
	background-color: transparent !important;
	color: #EEEEEE !important;
	border: 0px !important;
	width: 130px;
}

.shFreeSearchBox .dijitPlaceHolder, .shSearchSelect .dijitPlaceHolder {
    padding-top: 3px !important;
    color: #AAAAAA !important;
}

.shFreeSearchBox.dijitFocused .dijitPlaceHolder, .shSearchSelect.dijitFocused .dijitPlaceHolder {
    display: none;
}

.shSegmentTypeSelectPane {
	margin-top: 8px;
	margin-bottom: 18px;
}

.shLocationSelectPane {
	margin-top: 8px;
}

.shLocationSelectPane .shSearchSelect, .shSegmentTypeSelectPane .shSearchSelect {
	margin-top: 4px !important;
    background-color: black !important;
}

.siteViewSearchBox {
	border-color: #CCCCCC !important;
	border-radius: 15px;
}

.siteViewSearchBox .dijitInputField, .siteViewSearchBox .dijitInputInner, .siteViewSearchBox .dijitInputField, .siteViewSearchBox .dijitInputInner {
	color: #808080 !important;
}

.siteViewSearchBox .dijitPlaceHolder, .siteViewSearchBox .dijitPlaceHolder {
    color: #AAAAAA !important;
}

.siteViewSearchButton {
	margin-left: -30px;
	margin-top: 3px;
}

.siteViewClearButton {
	margin-left: -42px;
	opacity: 0.5;
}

.shSearchLabel {
	color: #AAAAAA !important;
}

.shFreeSearchButton {
    position: absolute;
    right: 15px;
    top: 40px;
    float: right;
}

.simFreeSearchButton {
    position: absolute;
    right: 15px;
    top: 66px;
    float: right;
}

.tagCuSearchBox {
	width: 164px !important;
    padding: 4px !important;
    padding-bottom: 3px !important;
    margin-bottom: 12px;	
}

.simDeviceSearchBox {
	width: 160px !important;
    padding: 4px !important;
    padding-bottom: 3px !important;
    margin-bottom: 12px;	
}

.shClearSearchButton {
    position: absolute;
    right: 35px;
    top: 38px;
    float: right;
    opacity: 0.8;
}

.simClearSearchButton {
    position: absolute;
    right: 35px;
    top: 64px;
    float: right;
    opacity: 0.8;
}

.shClearCuSearchButton {
	margin-left: -20px;
    margin-top: -38px;
    opacity: 0.8;
    float: right;
}

.cuSearchInnerPane {
	margin-left: 2px;
	border: 1px solid #808080;
	border-radius: 5px;
}

.darkButton .x2IconPlay {
    margin-bottom: -4px;
    opacity: 0.7;
    margin-right: 4px;
}

.cuDateSelectButton {
	border: 1px solid #808080;
	border-radius: 5px;
	width: 172px;
    padding-top: 1px;
}

.cuDateSelectButton .x2Icon {
	margin-bottom: -3px;
    opacity: 0.7;
}


.shDateSelect {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	padding-top: 3px;
	margin-top: 2px;
	width: 188px;
}

.shDateSelectLight {
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	width: 202px;
}

.shSearchPane {
	padding: 2px !important;
	background-color: transparent;
	margin-top: 8px;
}

.shSearchPane table.dijitSelect {
	padding-top: 5px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    outline: none !important;
    width: 190px;
}

.shFreeSearchBox .dijitButtonContents, .shSearchSelect .dijitButtonContents {
    border-color: transparent !important;
}

.shSearchSelect .dijitArrowButton {
    width: 16px;
    background: none !important;
    border: 0px !important;
}

.shSearchSelect {
    width: 190px;
    border: 1px solid grey;
   	border-radius: 5px;
	border-color: grey !important;
	background-color: transparent !important;
	outline: none !important;
}

.shSearchSelect .dijitButtonText {
	padding-top: 6px !important;
    padding-bottom: 4px !important;
    padding-left: 5px !important;
    padding-right: 3px !important;
    text-align: left;
}

.adminTagOwnerSelect {
	padding-top: 4px !important;
	padding-bottom: 3px !important;
}

.adminTagOwnerSelect .dijitInputField {
	padding-left: 5px !important;
}

.shPicklistsPane {
    width: 184px;
    padding: 2px !important;
    margin-top: 12px;
    margin-left: 4px;
    background-color: transparent;
    border: 1px solid #808080;
    border-radius: 5px;
}

.shPicklistPane {
	padding: 2px !important;
	background-color: transparent;
	margin-top: 4px;
}

.shSubPicklistPane {
	margin-top: -2px;
	background-color: transparent;
	padding-left: 2px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	opacity: 0.9;
}

.shSubPicklistPane .dijitCheckBoxDisabled {
	opacity: 0.5;
}

.shPicklistsHeaderPane {
    padding: 0px !important;
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.8);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.shPicklistsFooterPane {
    padding: 0px !important;
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.8);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 2px;
    margin-bottom: -2px;
    display: flex;
    height: 25px;
}

.shFooterButton {
    height: 22px;
    overflow: hidden;
}

.shFooterButton .dijitButtonText {
	width: 172px;
}

.rhWarningButton {
	float: right;
	margin-top: -7px;
	margin-bottom: -3px;
}

.picklistGrid {
	width: 178px !important;
}

.picklistQuickFilter {
	position: absolute;
	left: 98px;
	top: 0px;
	width:83px;
}

.picklistSingleValueGrid .picklistQuickFilter {
	display: none;
}

.picklistGrid .gridxHeader {
	height: 24px;
	background-color: transparent;
	margin-bottom: 4px;
}

.picklistGrid .gridxBar {
	background-color: transparent;
	border: 0px !important;
	padding-top: 2px;
	padding-bottom: 4px;
}

.picklistGrid .gridxQuickFilterInputContainer {
	width: 80px;
	background-color: transparent;
}

.picklistGrid .dijitTextBoxFocused, .picklistGrid .dijitTextBoxFocused .dijitInputContainer  {
	background-image: none;
	background: rgba(255,255,255,0.1);
}

.picklistGrid .dijitTextBoxFocused .dijitPlaceHolder {
	display: none;
}

.picklistGrid .gridxQuickFilterInput  {
	width: 74px;
	background-color: transparent;
	border-color: #555566;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.picklistGrid .dijitInputInner {
	color: #CCCCCC;
	padding-left: 2px !important;
}

.picklistGrid .dijitPlaceHolder {
	margin-top: 1px;
	color: #808088;
	font-weight: normal;
	padding-left: 4px !important;
}

.picklistGrid .gridxQuickFilterClear {
	margin-top: -2px;
}

.picklistGrid .gridxQuickFilterIcon, .picklistGrid .gridxQuickFilterButton {
	display: none;
}

.picklistGrid .gridxRow, .picklistGrid .gridxRowOdd>.gridxRowTable {
	background-color: transparent;
	color: white;
}

.picklistGrid .gridxRowHeaderCell {
	text-align: left;
	outline: 0px;
	border: 0px !important;
}

.shSubPicklistPane .gridxRowHeaderCell, .shSubPicklistPane .gridxBar label {
	text-align: center;
	padding-left: 5px;
}

.picklistGrid .gridxRowSelected>.gridxRowTable {
	background-color: transparent;
}

.picklistGrid .gridxRow>.gridxRowTable:hover, .picklistGrid .gridxRowOver,
.picklistGrid .gridxBodyRowHoverEffect .gridxRowOver>.gridxRowTable {
	background-color: rgba(256, 256, 256, 0.1);
}

.picklistGrid .gridxRowHeaderRow {
	background: none;
}

.picklistGrid .gridxRowHeaderCell, .picklistGrid .gridxCell {
	border-color: transparent !important;
}

.picklistGrid, .gridxRowHeaderBody {
	border-color: transparent !important;
}

.picklistGrid, .gridxCell {
	white-space: nowrap;
}

.shButtonTextPane {
	font-size: 12px;
    font-family: MyriadProCond;
    white-space: pre;
    color: #004E8D;
    background-color: #E9EBF0;
    width: 106px;
    overflow: hidden;
    cursor: pointer;
}

.interButtonVessel .shButtonTextPane {
	background-color: #D0E8FF;
}

.realtimeButton {
	width: 100px;
	margin-top: -1px;
	margin-left: -1px;
}

.shFilterClearWithRealtimeButton {
	position: absolute;
	right: 14px;
}

.shFilterClearButton {
	position: absolute;
	right: 84px;
}

.segmentIntervalsTable-table {
	margin-top: 4px !important;
}

.shInterScrollButton {
	height: 62px;
	margin-top: 4px;
	border: 2px solid white;
}

.shInterScrollButton .dijitButtonNode {
	height: 100%;
}

.shLeftSearchPane {
	width: 194px;
}

.shEmulatorResultTable-table {
	border: 1px solid #CCCCCC;
	margin-top: 8px;
}

.shEmulatorResultTable-valueCell {
	width: 50%;
	vertical-align: top;
}

.shEmulatorGrid {
	border-radius: 0px;
	border-left: 0px;
	min-height: 100px;
}

.shEmulatorTable-table {
	background-color: #EFEFEF;
}

.shCreateSegmentLabel {
	vertical-align: sub;
	margin-left: 2px;
	color: #808080;
}

.tagAdminDialog {
	border: 1px solid #CCCCCC;
}

.tagAdminDialog .dijitDialogPaneContent {
	border-top: 0px;
}

.tagAdminDialog .dijitDialogTitleBar, .tagAdminDialog .tagSearchButton {
	display: none;
}

.tagAdminDialog .tagAdminPane {
    border-top-left-radius: 0px !important;
    background-color: #FFFFFF !important;
}

.ruleActionHeaderText {
	font-weight:bold;
	color: #666666 !important;
	font-family: MyriadProCond;
}

.timezoneSelect {
	outline: 1px solid #CCCCCC !important;
    outline-offset: 1px;
    margin-left: 2px !important;
}

.tzSelect {
	width: calc(100% - 2px);
}

.unassociatedTagsGrid .gridxBar {
	margin-top: -12px;
	padding-bottom:3px;
}

.unassociatedTagsGrid .gridxPaginationBar {
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 5px;
}

.unassociatedTagsHeaderPane {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background-color: #EFEFEF;
    padding-top: 4px !important;
    padding-bottom: 0px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.shMonitorGrid {
	border-left: 5px solid white;
}

.shMonitorGrid .gridxBar {
	margin-top: -8px;
	margin-right: 0px;
	padding-right: 0px;
}

.shMonitorGrid .gridxQuickFilter {
	margin-top: 3px;
	margin-left: 3px;
}

.createShipmentButton {
	margin-left: -15px;
	margin-top: 2px;
}

.shipmentSettingsButton {
	margin-top: 2px;
}

.reportsTabContainer .dijitTabContainerTop-tabs {
	background: #DDDDDD !important;
    width: calc(100% - 6px);
    margin-bottom: 4px;
}

.reportDetailsPane {
	margin-top: 5px !important;
    padding-left: 2px !important;
}

.reportDetailsPane .dijitTabContainer .dijitTab {
	margin-left: -2px !important;
    margin-right: 3px;
}

.noOverflowXPane {
	overflow-x: hidden;
}

.shChartBarSelect {
	margin-right: 12px;
	margin-top: 2px !important;
	min-width: 125px !important;
}

.shChartBarLabel {
	vertical-align: sub;
}

.ruleActionParamSelect {
	width: calc(100% - 5px);
}

.segmentActionPane {
	margin-left: 6px !important;
    margin-right: 6px;
    padding-left: 5px !important;
    padding-top: 4px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    border: 1px solid #DDDDDD;
}

.copyPermissionsButton .dijitButtonText{
	color: rgb(51, 63, 81);
    text-decoration: underline;
    margin-top: 4px;
    font-size: 12px;
    font-family: "MyriadPro";
    font-weight: bold;
    text-transform: none;
    padding: 0px 10px 0px 12px !important;
}

.siteViewTreePane {
	padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 0px !important;
}

.siteViewTreePane .dijitTree {
	height: 180px !important;
	width: 190px !important;
	background-color: rgba(255,255,255,0.1);
}

.siteViewTreePane .orgSelect {
	width: 178px !important;
}

.createdByLabel {
	padding-left: 8px;
    vertical-align: sub;
    font-style: italic;
    color: #808080;
    font-size: 13px;
}

.precoolDescLabel {
	font-size: 14px;
	margin-left: 3px;
	margin-right: 20px;
  	margin-top: -3px;
  	line-height: 2;
	display: block;
	color: #808080;
}

.precoolStatusLabel {
	color: white !important;
    padding: 3px 15px;
    background-color: transparent;
    position: absolute;
    right: 140px;
    top: 29px;
}

.precoolStatusLabelInactive {
    background-color: #A0A0B0;
}

.precoolStatusLabelInProcess {
    background-color: #40C080;
}

.precoolStatusLabelPending {
    background-color: #4080B0;
}

.margin2pxUp {
	margin-top: -2px;
}

.shMonitorPaginationBar-table .x2Button {
	margin-top: 2px !important;
}

.shMonitorPaginationBar-table .x2Label {
	margin-top: 2px !important;
	margin-left: -6px;
}

.shPageSelect  .dijitButtonText {
	margin-top: 2px !important;
}

.shMonitorPaginationBar-table {
	background-color: #EFEFEF;
	padding-top: 2px;
}

.shMonitorPaginationBar-valueCell-0, .shMonitorPaginationBar-valueCell-2 {
	width: 40%;
}

.shMonitorPaginationBar-valueCell-1 {
	width: 20%;
}

.shMonitorPaginationBarCompact .shMonitorPaginationBar-valueCell-0 {
	width: 60%;
}

.shMonitorPaginationBarCompact .shMonitorPaginationBar-valueCell-1 {
	width: 40%;
}

.shMonitorPaginationBarCompact .shMonitorPaginationBar-valueCell-2 {
	display: none;
	width: 0%;
}

.shPageSelect .dijitButtonContents {
	border-right: 0px;
}

.shPageSelect .dijitButtonText {
	margin-left: 5px;
    margin-right: -10px;
}

.shPageSelect .dijitArrowButton {
	visibility: hidden;
}

.pageSizeButton {
	width: 24px;
}

.addPlanButton {
	position: absolute;
	top: 2px;
	right: 0px;
}

.plansGrid {
	margin-top:5px;
	width: calc(100% - 5px);
	height: 130px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.companyPlansGrid {
	height: 230px;
}

.sensorTolerancePane {
	margin-top:-12px; 
	spacing: 3px; 
}

.attsGrid {
	margin-top:0px;
	height: 180px;
	border-left: 1px solid white !important;
	border-top-left-radius: 0px !important;
}

.addPlansDialogTable-valueCell-1, .addPlansDialogTable-valueCell-3, .addPlansDialogTable-valueCell-5 {
	padding-bottom: 8px;
}

.selectPlanInterval {
	margin-left: 0px;
	width: 300px;
	background-color: white;
	padding-top: 0px;
}

.selectPlanIntervalInGrid {
	margin-left: 0px;
	background-color: transparent;
	padding-top: 0px;
	border: 0px;
}

.addPlanDialogCommentsBox {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fileUploadTabsContainer {
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 20px;
}

.fileUploaderGridHeaderPane {
	color: #333333;
	background-color: #DDDDDD;
	margin: 2px;
	overflow: hidden;
}

.fileUploadButtonsPane {
 	float:right;
 	margin-top: -5px;
}

.qtyExportButton {
    margin-left: -22px;
    margin-right: -5px;
    margin-top: -2px;
}

.qtyDialog {
	width: 1200px !important;
	height: 670px !important;
}

.actualUserPane {
    margin-top: 3px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
}

.productsAdminTable-valueCell {
	width: 20%;
}

.productsAdminNameBox {
	width: 100%;
	margin-bottom: 12px;
}

.productsAdminDescBox {
	width: calc(100% - 8px);
}

.multiSelectBox {
	border: 1px solid #CCCCCC;
    height: 20px;
    margin-bottom: 3px;
    width: 100%;
}

.multiSelectBox .dijitButtonText {
    vertical-align: text-top;
    padding-left: 0px;
}

.multiSelectBox .selectRightArrowIcon {
	position: absolute;
    left: 266px;
    margin-top: -2px;
}

.paddingTop4px {
	padding-top: 4px;
}

.marginTop0px {
	margin-top: 0px !important;
}

.marginTop1px {
	margin-top: 1px;
}

.marginTop3px {
	margin-top: 3px;
}

.marginTop5px {
	margin-top: 5px !important;
}

.marginTop4px {
	margin-top: 4px;
}

.marginTop10px {
	margin-top: 10px;
}

.marginTop15px {
	margin-top: 15px;
}

.marginTop_4px {
	margin-top: -4px;
}

.marginTop_8px {
	margin-top: -8px;
}

.marginTop_12px {
	margin-top: -12px;
}

.marginTop_20px {
	margin-top: -20px;
}

.validateDeviceIdButton .dijitButtonText {
	vertical-align: middle;
	font-size: 13px;
  	font-family: "MyriadProCond";
	font-weight: bold !important;
	color: #004E8D !important;
}

.noBorderPane {
	border: 0px;
}

.italicGrey {
    font-style: italic;
    color: #A0A0A0;
}

.gridxBarNoPaddingBottom .gridxBar {
	padding-bottom: 0px !important;
}

.shipmentDetailsMapPane {
    height: calc(100% - 17px);
    border: 2px solid #EEEEEE;
    margin-top: -4px;
}

.relatingCompaniesButton {
	margin-top: -3px; 
	float: right;
}

.relatingCompaniesButton .dijitButtonText {
    font-family: MyriadProCond !important;
    font-size: 13px !important;
    color: #609090 !important;
    text-decoration: underline;
    vertical-align: text-top;
}

.relatingCompaniesButton .x2Icon {
	margin-top: -1px;
}

.siteViewLabelPane {
	color: #BBBBBB !important;
	padding-left: 4px !important;
	padding-top: 2px !important;
	padding-right: 2px !important;
	padding-bottom: 2px !important;
}

.intervalSelectTable-table {
	border: 1px solid #808080;
    border-radius: 4px;
    width: 190px;
    margin-left: 2px;
    padding: 2px;
    margin-bottom: 12px;
}

.intervalSelectTable-valueCell {
	text-align: center;
}

.intervalSelectTable-valueCell .interButton .dijitButtonNode {
	background-color: #505060 !important;
}

.routeMapInfo {
    width: 100%;
    padding: 3px;
}

.routeMapInfo th {
    font-weight: bold;
}

.routeMapInfo tr:hover {
    background-color: #f5f5f5;
}

.mapRefreshButton {
	position: absolute;
    top: 2px;
    right: 8px;
    background-color: rgba(255,255,255,1);
    width: 20px;
    height: 24px;
    padding-top: 1px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    padding-bottom: 1px;
}

.mapRefreshButton .x2MidIcon {
	margin-left: -1px;
}

.gridLink .dijitButtonText{
    white-space: initial;
    text-decoration: underline;
}

.gridLink:hover .dijitButtonText{
	color: rgb(233, 100, 18) !important;
	cursor: pointer;
}

.siteViewLocationsGrid {
	margin: 10px !important;
}

.siteViewLocationsGrid .gridxHeaderRow .gridxCell {
	font-size: 13px;
    font-family: MyriadProCond;
    font-weight: bold;
    color: #004E8D;
    text-transform: capitalize;
}

.siteViewLocationsGrid .gridxRow {
	background-color: #F4F4F4;
}

.siteViewLocationsGrid .gridxRowOdd>.gridxRowTable {
	background-color: #EFEFEF;
}

.gridTopBarLeftPane {
	display:flex; 
	margin-left:-25px;
	margin-top: 3px !important;
}

.dashboardHeaderPane {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    overflow: hidden;
    margin-left: -2px;
    margin-right: -2px;
    background-color: #DDDDDD;
}

.dashboardNamePane {
    position: absolute;
    width: calc(100% - 560px);
    left: 188px;
    padding: 5px !important;
    text-align: center;
    font-family: MyriadProCond;
    font-weight: bold;
    font-size: 12px;
    color: #606060;
    text-decoration: underline;
}

.betaText {
	margin-left: 5px;
	opacity: 0.7;
	font-style: italic;
	font-size: 13px;
	vertical-align: super;
}

.analyticsNamePane {
    position: absolute;
    width: calc(100% - 560px);
    left: 188px;
    top: 0px;
    padding: 5px !important;
    text-align: center;
    font-family: MyriadPro;
    font-weight: bold;
    font-size: 14px;
    color: #606060;
}

.tagDataUploadHeaderPane {
    /* width: calc(100% - 10px); */
    margin-bottom: 12px;
    padding: 5px !important;
    text-align: center;
    font-family: MyriadPro;
    font-weight: bold;
    font-size: 14px;
    color: #606060;
    background-color: #D0D0D0;
}

.dashboardHeaderPane .ruleSelect {
	width: 150px;
	float: left;
	margin-top: -2px;
}

.dashboardHeaderPane .newItemButton {
	margin-top: -3px !important;
	margin-bottom: -3px !important;
	margin-left: -5px !important;
}

.dashboardWidgetHeaderPane {
	border-bottom: 1px solid #EEEEEE;
	padding: 2px !important;
	overflow: hidden;
	height: 18px;
}

.dashboardMainPane {
	background-color: #EEEEEE;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.dashboardTablePane {
	height: 250px;
	display: flex;
	padding: 2px !important;
	overflow: hidden;
}

.dashboardWidgetPane {
	background-color: #FFFFFF;
	outline: 1px solid #EFEFEF;
	padding: 4px !important;
}

.dashboardWidgetButton {
	margin-top: -3px;
	font-size: 12px;
	font-family: "MyriadPro";
	font-weight: bold;
	text-transform: uppercase;
} 

.userAdminCheckboxSelected {
	font-size: 16px;
	font-family: "MyriadPro";
	color: #000000;
}

.userAdminCheckbox {
	font-size: 16px;
	font-family: "MyriadPro";
	color: #AAAAAA;
}

.dashboardWidgetNameBox {
    margin: -6px;
    border: 0 !important;
    width: calc(100% - 110px);	
    cursor: pointer;
    overflow-x: hidden;
}

.dashboardWidgetTypePane {
    margin-bottom: 2px;
    overflow: hidden;
    background-color: #204060;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    height: 13px;
    padding: 1px 8px !important;
}

.deleteTextButtonRed {
	border: 1px solid red;
	background-color: red;
}

.deleteTextButtonRed .dijitButtonText {
    color: white !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.cancelTextButtonWhite {
	border: 1px solid grey;
	background-color: white;
	margin-right: 8px;
}

.cancelTextButtonWhite .dijitButtonText {
    text-decoration: none !important;
    text-transform: none !important;
}

.doubleSizeWidget .dashboardWidgetNameBox {
    margin-top: -13px;
}

.dashboardWidgetNameBox .dijitButtonText {
	text-decoration: underline;
    color: navy;
} 

.dashboardBackButton {
	margin-right: -5px;
	margin-top: -1px;
}
 
.dashboardFinishEditingButton {
	margin-top: 1px;
    margin-bottom: -1px;
    margin-left: -2px;
}

.dashboardAddColumnButton {
	margin-top: -1px;
}

.dashboardColumnsLabel {
	width: 111px;
	outline: 1px solid #CCCCCC;
    text-align: center;
    color: #999999;
}

.dashboardColumnsLabel .dijitButtonText {
	vertical-align: middle !important;
}

.dashboardEditButton {
	float: right;
	margin-right: -5px;
	margin-left: 5px;
    margin-top: -1px;
    margin-bottom: -1px;
	font-family: MyriadProCond;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.dashboardRemoveButton {
	margin-top: 0px !important;
}

.dashboardRemoveButton .dijitButtonText {
	margin-left: -3px;
}

.dashboardColumnButton {
	margin-right: 5px;
	padding-top: 2px !important;
	float: right;
	height: 20px;
}

.dashboardColumnButtonSelected {
	outline: 1px solid #CCCCCC;
}

.productsTableEditMode .gridxTreeExpandoCellOpen .gridxTreeExpandoIcon {
	opacity: 0.4;
}

.cbLabelGrey {
    color: rgb(102, 102, 102);
    font-weight: normal;
    vertical-align: sub;
    font-style: italic;
    margin-left: 3px;
}

.separatorPane {
	background-color: #CCCCCC; 
	margin-top: 5px; 
	padding: 5px !important;
}

.addDestinationButton {
	font-family: MyriadProCond;
	font-size: 14px;
	float: right;
	margin-top: -7px;
	margin-bottom: -8px;
}

.addDestinationButton .dijitButtonText {
	color: #004E8D !important;
}

.addRemoveFilterButton {
	margin-left: 12px;
}

.addRemoveFilterButton .x2Icon {
	margin-left: 2px;
	margin-top: 2px;
	float: right;
}

.addRemoveFilterButton .dijitButtonText {
	text-decoration: underline;
}

.addRemoveFilterButton:hover .dijitButtonText {
	opacity: 0.7;
}

.addRemoveFilterGrid .gridxRowSelected>.gridxRowTable .gridxCell, .addRemoveFilterGrid .gridxRowSelected .dijitButtonText, .addRemoveFilterGrid .gridxRow .gridxColumnSelected, .addRemoveFilterGrid .gridxRow .gridxCellSelected {
    background-color: rgba(233, 100, 18, 0.1) !important;
    color: black !important;
}

.addRemoveFilterGrid .gridxRowSelected>.gridxRowTable {
    background-color: rgba(233, 100, 18, 0.1) !important;
    color: black !important;
}

.secondaryLabel {
    text-align: right;
    margin-top: 2px;
    font-style: italic;
    color: #808080;
    font-size: 13px;
}

.infoMessageGrey {
    margin-top: 2px;
    font-style: italic;
    color: #808080;
    font-size: 13px;
}

.companyAdminSecondaryLabel {
	text-align: right;
    margin-top: 3px;
    margin-right: 5px;
    padding-right: 5px !important;
    font-style: italic;
    color: #808080;
    font-size: 13px;
    margin-left: 12px;
}

.precoolButton {
	margin-left: 8px;
	height: 20px;
	margin-top: -3px;
}

.precoolButton .dijitButtonText {
	vertical-align: bottom !important;
}

.dashboardWidgetEditorValuePane {
	padding-bottom: 2px !important;
}

.dashboardWidgetEditorValuePane .selectProductButton {
	width: calc(100% - 18px);
}

.dashboardMiSelect {
	width: calc(100% - 18px);
}

.dashboardMiSelect .dijitButtonContents {
	width: 100%;
}

.dialogWithTree {
	border: 1px solid #EEEEEE !important;
	box-shadow: none !important;
}

.dialogWithTree .dijitDialogPaneContent {
    border-top: 1px solid white;
}

.dialogWithTree .dijitDialogTitleBar {
	display: none;
}

.dialogWithTree .dijitDialogPaneContent {
	background-color: white;
}

.dialogWithTree .orgTreePane .dijitTree {
	height: calc(100% - 18px) !important;
}

.dialogWithTree .orgSelect {
	width: calc(100% - 18px);
}

.dialogWithTree .orgSelect .dijitArrowButtonInner {
    background-position: -270px 0px !important;
}

.dialogWithTree .orgSelect .dijitInputField, .dialogWithTree .orgSelect .dijitInputInner {
	background-color: white !important;
    color: #808080 !important;
}

.dialogWithTree .orgTreePane{
	width: calc(100% - 18px);
	height: 200px;
}

.dialogWithTree .orgTreePane .dijitTree {
    width: calc(100% - 18px) !important;
}

.dialogWithTree .orgTreePane .dijitTreeRowHover  {
	background-color: rgba(96,96,96,0.4) !important;
	color:#ffffff !important;
	border-color: rgba(96,96,96,0.4) !important;
}

.dialogWithTree .orgTreePane .dijitTreeRowSelected {
    background-color: #808080 !important;
    color: #ffffff !important;
    border-color: #808080 !important;
}

.dialogWithTree .orgTreePane .dijitTreeRow {
    color: #808080;
    background-image: none;
}

.dialogWithTree .orgTreePane .dijitTreeExpandoLeaf {
    background-position: -108px 0px;
}

.cuGroupsButton {
	position: absolute;
    margin-top: 4px;
    right: 20px;
    background-color: black;
}

.leftCuBulkPane .cuGroupsButton {
	position: absolute;
    margin-top: 4px;
    right: 16px;
    background-color: transparent;
} 

.versionsPane .dijitArrowButton {
	margin-right: 5px;
}

.groupsGrid {
	height: 300px;
	width: 400px;
}

.groupsGrid .gridxBar {
	padding-top: 2px;
	padding-bottom: 2px;
    background-color: #DDDDDD;
    border-bottom: 1px solid white;
}

.groupsBox {
	width: calc(100% - 14px);
}

.cuNotificationConfigSelectValue_INVALID {
	background-color: #FFDDDD !important;
	color: #AA0000 !important;
}

.cuNotificationConfigSelectValue_DISABLED {
	background-color: #EEEEEE !important;
	color: #808080 !important;
}

.cuNotificationConfigSelectValue_LOG_ONLY {
	background-color: #FFFFDD !important;
	color: #808000 !important;
}

.cuNotificationConfigSelectValue_SENT_ONCE {
	background-color: #DDDDFF !important;
	color: #004080 !important;
}

.cuNotificationConfigSelectValue_SENT_ALWAYS {
	background-color: #DDFFDD !important;
	color: #008040 !important;
}

/*
.addToCompareButton {
	display: block;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #EEEEEE;
    margin-top: 8px;
    margin-right: 10px;
}

.addToCompareButton .dijitButtonText {
    text-decoration: unset;
    color: #808080;
    vertical-align: sub;
}

.addToCompareButton .x2Icon {
    margin-top: 3px;
}
*/

.addToCompareButton .dijitButtonNode {
    background-image: url(../images/comparison.png) !important;
    background-position-x: center;
    background-repeat: no-repeat !important;;
}

.addToCompareButton .dijitButtonText {
    font-size: 11px;
    vertical-align: sub;
    font-weight: bold;
    margin-top: 9px;
    text-decoration: underline;
    color: #004E8D;
}

.barPane {
	display: flex;
	margin-top: 8px;
	border: 1px solid #EEEEEE;
	height: 19px;
	padding: 2px !important;
}

.doubleSizeWidget {
    font-size: 18px !important;
}

.doubleSizeWidget .gridxHeaderRow .gridxCell {
	font-size: 18px !important;
}

.doubleSizeWidget .gridxHeaderRow table {
	margin-top: -2px;
}

.doubleSizeWidget .dashboardGaugeTable-labelCell, .doubleSizeWidget .dashboardBlocksTable-labelCell {
	font-size: 18px !important;
}

.doubleSizeWidget .barPane {
    height: 28px;
    font-size: 21px;
}

.dashboardWidgetPaneNoHeader .barPane {
	margin-top: 24px;
}

.hoverOpacity06:hover {
	opacity: 0.6 !important;
	cursor: pointer;
}

.dashboardMainPaneEditable {
	padding: 2px !important;
	background-color: transparent;
}

.dashboardMainPaneEditable .hoverOpacity06:hover {
	opacity: 1 !important;
	cursor: default;
}

.innerBarPane {
	padding-top: 3px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-right: 1px solid transparent;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	text-align: center;
}

.barBackgroundOK {
	background-color: rgb(0, 144, 0);
	color: white;
}

.barBackgroundGR {
	background-color: rgb(195, 210, 82);
	color: white;
}

.barBackgroundWR {
	background-color: rgb(254, 144, 18);
	color: white;
}

.barBackgroundER {
	background-color: rgb(224, 0, 0);
	color: white;
}

.dashbordWidgetTitlePane {
	text-align: center;
}

.dashbordWidgetLabelBig {
    font-family: MyriadPro !important;
    font-size: 68px !important;
}

.doubleSizeWidget .dashbordWidgetLabelBig {
    font-size: 48px !important;
    font-weight: bold;
} 

.dashboardWidgetPaneNoHeader .dashbordWidgetLabelBig {
    font-size: 75px !important;
}

.dashbordWidgetLabelRegular {
    font-family: MyriadPro !important;
    font-size: 13px !important;
}

.doubleSizeWidget .dashbordWidgetLabelRegular {
	font-size: 21px !important;
}

.dashbordWidgetGrid {
	border: 0px !important;
    border-top-left-radius: 0px !important;
}

.dashbordWidgetGridPane {
	padding-top: 8px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-right: 2px;
}

.dashboardWidgetPaneNoHeader .dashbordWidgetGridPane {
	padding-top: 0px !important;
}

.dashboardWidgetSaveButton {
	margin-top: -3px;
}

.doubleSizeWidget .dashboardGaugeTable-table, .doubleSizeWidget .dashboardBlocksTable-table {
    margin-top: 24px;
}

.dashboardGaugeTable-labelCell {
	font-family: MyriadPro !important;
    font-size: 12px !important;
}

.dashboardBlocksTable-labelCell {
	font-family: MyriadPro !important;
    font-size: 12px !important;
    background-color: #EEEEEE;
}

.dashboardGaugeAlertPane {
	height:28px;
	width: 116px;
	margin-bottom:-28px;
	margin-top:-4px;
	margin-right:-4px;
}

.doubleSizeWidget .dashboardGaugeAlertPane {
	width: 180px;
	overflow: hidden;
}

.dashboardGaugePane {
	height: 90px;
}

.auditBarSelect {
	height: 21px;
}

.doubleSizeWidget .dashboardGaugePane {
	height: 160px;
}

.shAttributesButton {
	margin-right: 24px;
}

.shAttributesButton .dijitButtonText {
	vertical-align: text-top;
}

.shAttributesButton.dijitDisabled {
    opacity: 0.6;
}

.grayBox {
	background-color: #EFEFEF !important;
	border-color: #D3D3D3 !important;
}

.grayBox .dijitInputInner {
	color: #78788B !important;
}

.whiteBox {
	background-color: #FFFFFF !important;
	border-color: #B5BCC7 !important;
}

.inheritedValuesBox .dijitInputInner {
	font-style: italic;
	color: #AAAAAA !important;
}

.tooltipDialog .dijitDialogTitleBar {
	display: none;
}

.tooltipDialog .dijitDialogPaneContent {
	padding: 2px !important;
}

.x2HelpTooltip {
	min-height: 32px;
}

.x2HelpTooltipText {
	color: rgb(233, 100, 18);
}

.hideHelpTooltip {
	color: #AAAAAA;
	font-size: 11px;
	float: right;
}

.hideHelpTooltip input {
	vertical-align: sub;
}

.surveyLegendPane {
	font-size: 11px;
	font-style: italic;
	color: #646464;
}

.surveyLabel {
	font-size: 15px;
	font-family: MyriadPro;
	font-weight: normal;
	color: black;
}

.surveyLabel b {
	font-weight: bold;
	color: #004E8D !important;
}

.inboxDialog {
	width: 920px;
	height: 420px;
}

.inboxDialog .dijitDialogTitleBar {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: rgb(194, 204, 214);
}

.inboxDialog .dijitDialogPaneContent {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: rgb(255,255,255);
}

.inboxDialog .popupFooterPane {
	background-color: rgb(194, 204, 214);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -5px;
}

.inboxInfoButton {
	float: left !important; 
	font-size: 13px;
	margin-bottom: -1px;
    margin-top: 1px;
    overflow: hidden;
}

.truckIdLabel {
	white-space: nowrap;
    margin-top: 3px;
    margin-right: 8px;
}

.x2LinkDecoration {
	color: navy;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer;
}

.x2LinkDecoration span {
	text-decoration: underline !important;
}

.x2LinkDecorationRed span {
	color: red;
}

.searchCompanyButton {
	margin-top: 3px;
	margin-right: 5px;
}

.siteMapIcon {
	background-image: url(../images/greenvia.png);
    background-size: 12px 16px;
    background-repeat: no-repeat;
    width: 14px;
    height: 18px;
}

.siteMapIconNoCu {
	background-image: url(../images/greyvia.png);
}

.siteMapIconNotConnectedCu {
	background-image: url(../images/yellowvia.png);
}

.siteMapIconNoConnectedCus {
	background-image: url(../images/redvia.png);
}

.siteMapIconInactiveCu {
	background-image: url(../images/bluevia.png);
}

.mapIconPane {
	background-image: url(../images/mapIcon.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 21px;
	padding: 0px !important;
	cursor: pointer;
}

.siteMapLegendPane {
	display: grid;
    outline: 1px solid #CCCCCC;
    position: absolute;
    right: 12px;
    top: 60px;
    z-index: 9999;
    background-color: rgba(255,255,255,0.7);
}

.siteMapLegendPane .dijitButtonText {
	text-decoration: underline;
    cursor: pointer !important;
    vertical-align: bottom;
    padding-top: 5px !important;
}

.biTable-valueCell-0 {
	background-color: #CCCCCC;
	vertical-align: top;
}

.biTable-valueCell-1 {
	vertical-align: top;
	background-color: white;
}


.biTemplateTableContainer-labelCell {
	background-color: darkgray;
	color: white;
}

.biTemplateFilterContainer .tableContainer-labelCell {
	background-color: lightgray;
	color: black;
}

.biTemplateFieldContainer .tableContainer-labelCell {
	background-color: white;
	color: black;
}

.biGrid .gridxGroupHeader, .biGrid .gridxHeaderRow .gridxCell {
	text-align: center;
}

.cuTitleTable-table {
	margin-top: 0px;	
}

.cuTitleTable-valueCell-0, .cuTitleTable-valueCell-2 {
	width: 6%;
}

.cuTitleTable-valueCell-1, .cuTitleTable-valueCell-3 {
	width: 25%;
}

.cuTitleTable-valueCell-4 {
	width: 12%;
}

.biCheckBoxTable-valueCell-0, .biCheckBoxTable-valueCell-2, .biCheckBoxTable-valueCell-4, .biCheckBoxTable-valueCell-6, .biCheckBoxTable-valueCell-8, .biCheckBoxTable-valueCell-10, .biCheckBoxTable-valueCell-12, .biCheckBoxTable-valueCell-14, .biCheckBoxTable-valueCell-16, .biCheckBoxTable-valueCell-18 {
	width: 18px;
}

.biCheckBoxTable-valueCell-1, .biCheckBoxTable-valueCell-5, .biCheckBoxTable-valueCell-9, .biCheckBoxTable-valueCell-13, .biCheckBoxTable-valueCell-17 {
	padding-right: 8px;
}

.popupButtonCancelTop {
	background-color: rgb(220,225,230) !important;
    padding-left: 10px;
    float: right;
}

.popupButtonCancelTop .x2Icon {
	margin-top: 5px;
	float: right;
}

.popupButtonCancelTop .dijitButtonText {
	color: rgb(80,80,80);
}

.popupButtonNext {
	background-color: rgb(180,190,200) !important;
	border-bottom-right-radius: 8px !important;
    padding-left: 10px;
    padding-right: 5px;
    float: right;
}

.popupButtonPrev {
	background-color: rgb(180,190,200) !important;
	border-bottom-left-radius: 8px !important;
    padding-left: 5px;
    padding-right: 10px;
    float: left;
}

.popupButtonPrev .x2Icon {
	transform: rotate(90deg);
    margin-bottom: -8px;
}

.popupButtonNext .x2Icon {
	transform: rotate(90deg);
    margin-top: 5px;
    float: right;
}

.popupFooterLabel .dijitButtonText {
	font-weight: bold;
}

.cuProcessDialog .dijitDialogPaneContent {
    border-bottom-left-radius: 18px !important;	
    border-bottom-right-radius: 18px !important;
}

.cuProcessClearButton {
	width: 190px;
	text-align: center;
	background-color: rgba(255,255,255,0.2);
	margin-top: 24px;
	margin-left: 2px;
	border-radius: 3px;
}

.analyticsHeaderPane {
	background-color: #BBBBBB;
	color: #505050;
	font-weight: bold;
	padding-left: 5px !important;
	padding-top: 3px !important;
	margin-bottom: 3px;
	width: 280px;
}

.analyticsSecondaryPane {
	background-color: #CCCCCC;
	color: #333333;
	padding-left: 3px !important;
	padding-top: 3px !important;
	margin-bottom: 3px;
}

.x2MenuLink {
	display: block;
	width: 100%;
	text-decoration: none;
	color: white !important;
}

.dashboardMapPane {
	background-color: rgba(128,128,128,0.1);
}

.dashboardMapPaneEditMode {
	background-image: radial-gradient(#00000020,#80808010);
    background-repeat: repeat;
    background-size: 10px 10px;
}

.dashboardMapItem {
	padding: 0px !important;
	border: 0px;
	background-color: transparent;
	height: 20px !important;
	background-size: contain;
}

.dashboardMapItemButton {
	position: absolute;
	padding: 0px !important;
}

.precoolMapItemButton {
	background-color: rgba(224,224,224,0.5);
	width: 80px;
	height: 24px;
	border: 1px solid white;
	font-size: 13px;
}

.precoolMapItemButtonBig {
	background-color: rgba(224,224,224,0.5);
	width: 100px;
	height: 30px;
	border: 1px solid white;
	font-size: 16px;
	padding-top: 4px !important;
}

.precoolMapSummaryButton {
	padding-top: 3px !important;
	text-align: center;
	width: 200px;
}


.precoolMapItemButton .dijitButtonText {
	vertical-align: bottom;
}

.precoolMapItemButtonBig .dijitButtonText {
	vertical-align: bottom;
	margin-bottom: -1px;
}

.saveAnalyticsButton .dijitButtonText {
	vertical-align: bottom;
}

.adminTagRightPaneHeader {
	font-size: 13px;
    font-family: MyriadPro;
    color: #404040;
}

.inputValueDialogBox {
	width: 100%;
}

.tagUploaderSelect {
	width: 160px;
}

.miGroupPermNode {
	color: #333333;
	font-style: italic;
}

.miPermNode {
	color: #666666;
	font-style: italic;
}

.temperatureBox {
	width: 60px;
}

.bandBox {
	width: 48px;
}

.temperatureLabel {
	vertical-align: text-bottom;
    color: #AAA;
    margin-left: 8px;
    margin-right: 8px;
}

.bandLabel {
    vertical-align: text-bottom;
    color: #AAA;
    margin-left: 4px;
    margin-right: 4px;
}

.sharedDashboardCheckbox {
	margin-right: 18px;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: -2px;
}

.sharedDashboardCheckbox .dijitButtonText {
	vertical-align: text-top;
	color: #003080;
}

.sharedDashboardWarningPane {
	margin-top: 8px !important;
    margin-bottom: -12px;
    font-size: 14px;
    font-family: MyriadProCond;
    color: #404040;
    padding: 0px !important;
}

.adminTagsStatusMsgPane {
	margin-top: 4px;
	color: #608080;
}

.adminTagsMsgPane {
	width: 450px;
	margin-top: 4px;
	color: #608080;
}

.x2Condensed .adminTagsMsgPane {
	width: 350px;
	margin-top: 4px;
	color: #608080;
}

.adminTagsMsgButton {
	vertical-align: baseline;
	cursor: pointer !important;
}

.adminTagsMsgButton span {
    padding: 0px;
    color: rgb(96, 128, 128) !important;
	text-decoration: underline !important;
}

.adminTagsMsgButton:hover {
    opacity: 0.9 !important;
    cursor: pointer !important;
}

.adminVesselDetailsPane {
	padding: 2px !important;
	padding-top: 15px !important;
	padding-left: 15px !important;
	width: calc(100% - 6px);
	display: flex;
	border-left: 3px solid white;
}

.adminTagsLocationHistoryPane {
	padding: 2px !important;
	width: calc(100% - 6px);
	display: flex;
	border-left: 3px solid white;
}

.adminTagsLocationTablePane {
	width: 50%;
	height: calc(100% - 8px);
	padding-top: 0px !important;
	padding-left: 0px !important;
    margin-top: -1px;
    overflow: hidden !important;
    border: none !important;
}

.adminVesselsLocationTablePane {
	width: 52%;
	height: calc(100% - 8px);
	padding-top: 0px !important;
	padding-left: 0px !important;
    margin-top: -1px;
    overflow: hidden;
    border: none !important;
}

.adminVesselCusGrid .gridxFooter .gridxBar {
	padding-bottom: 5px !important;
}

.adminTagsLocationMapPane {
	background-color: #CCCCCC; 
	border: none;
	width: 50%;
	height: calc(100% - 16px);
}

.x2Label.dashboardMapItemButton .dijitButtonNode, .x2Label.dashboardMapItemButton .dijitButtonContents, .x2Label.dashboardMapItemButton .x2MidIcon {
	cursor: auto !important;
}

.tagDataButton, .tagAlertsButton, .tagBatteryButton, .tagBatteryNewShipmentButton {
	position: absolute;
}

.tagDataButton .dijitButtonContents {
	margin-left: -30px;
	margin-top: 2px;
}

.tagAlertsButton .dijitButtonContents {
	margin-left: -30px;
	margin-top: 1px;
}

.tagBatteryNewShipmentButton {
	margin-left: -80px;
	margin-top: 1px;
}

.tagBatteryButton {
	margin-left: -80px;
	margin-top: 1px;
}

.x2ShipmentLinkButton .x2Icon {
	filter: grayscale(1);
    opacity: 0.6;
}

.x2NewTabButton .x2IconNewTab {
	margin-bottom: -4px;
}

.x2NewTabButton {
	margin-left: -4px;
}

.auditButton {
	margin-left: -20px;
	margin-top: -20px;
}

.shSearchTooltipButton .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: white;
  text-align: left;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 10px;
  padding: 0px;
  font-size: 13px;
  font-family: MyriadPro;

  /* Position the tooltip */
  position: absolute;
  right: 14px;
  z-index: 999;
  box-shadow: 0px 0px 2px 2px #203040;
}

.descriptionDialog .dijitDialogTitleBar {
    padding: 5px 0px 0px 8px;
    background-color: #CCDDFF;
    border: 1px solid white;
}

.descriptionDialog .dijitDialogTitle {
	font-family: MyriadProCond;
	font-weight: bold;
	color: #004E8D !important;
}

.descriptionDialog .dijitDialogCloseIcon {
	outline: none;
}

.carrierDestinationDialog .dijitDialogCloseIcon {
	display: block !important;
	margin-top: -18px;
}

.shSearchTooltipButton {
    float: right;
    margin-right: -8px;
}

.shSearchTooltipButton .x2Icon {
   opacity: 0.8;
}

.shSearchTooltipButton:hover .tooltiptext {
  visibility: visible;
}

.cuAdminDescriptionTooltipPane {
    position: absolute;
    z-index: 9;
    background-color: white;
    right: 15px;
    top: 105px;
    border: 1px solid #D0D8DF;
    outline: 1px solid white;
    width: 300px;
}

.cuAdminDescriptionTooltipHeaderPane {
	background-color: #F0F8FF;
}

.linkedDateButton {
	width: 100%;
}

.linkedDatePane {
	padding: 0px !important;
	margin-right: -2px;
	border: 1px solid #CCCCCC;
	background-color: white;
}

.linkedDatePaneDisabled {
	padding: 0px !important;
	margin-right: -2px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
}

.vesselCheckboxPane {
	position: absolute;
    top: 62px;
    left: 28px;
}

.locationsBox {
	width: calc(100% - 20px);
}

.checkBoxButton {
	margin-left: 15px;
	margin-top: 12px;
    text-transform: capitalize;
}

.checkBoxButton .dijitButtonText {
	vertical-align: text-top;
}

.bigVesselMapButton {
	width: 40px;
	height: 40px;
	border: 1px solid white;
	outline: 1px solid grey;
}

.bigVesselMapButton .dijitButtonText {
	padding: 0px;
    margin-left: -2px;
    margin-top: 8px;
    width: 36px;
    text-align: center;
    color: white;
}

.smallVesselMapButton {
	width: 24px;
	height: 24px;
	border: 1px solid white;
	outline: 1px solid grey;
}

.smallVesselMapButton .dijitButtonText {
	padding: 0px;
    margin-left: -2px;
    width: 20px;
    text-align: center;
    color: white;
}

.customZoomButton {
    width: 30px;
    height: 20px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.customZoomButton:hover, .customZoomMidButton:hover {
    background-color: #F4F4F4;
}

.customZoomButtonBig {
    padding-left: 4px;
}

.customZoomButtonNormal {
	padding-left: 5px;
}	

.customZoomButtonSmall {
	padding-left: 6px !important;
}

.customZoomButtonMini {
	padding-left: 7px;
	padding-top: 0px;
}

.customZoomPane {
	position: absolute;
    left: 10px;
    top: 130px;
    width: 30px !important;
    height: 92px !important;
    background-color: white;
    padding: 0px !important;
    overflow: hidden;
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    z-index: 999;
}

.mapInfoPane {
	position: absolute;
    right: 10px;
    top: 10px;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
    border-radius: 4px;
    z-index: 999;
}

.refreshIntervalLabel {
	float: right;
    margin-right: 10px;
    margin-top: 3px;
    font-size: 15px;
    font-family: MyriadProCond;
    color: #404040;
}

.x2Select .dijitButtonText {
    padding: 1px 2px 0px 2px !important;
}


.rtShipmentsCheckboxButton {
	margin-left: 12px;
}

.rtShipmentsCheckboxButton .x2Icon {
	margin-bottom: -5px;
}

.rtTabPane .gridxBar .noPaddingPane {
	margin-bottom: -12px;
}	

.dashboardMapItemButton .tooltiptext {
  visibility: hidden;
  width: 180px;
  text-align: left;
  background-color: rgba(255,255,255,1);
  border: 1px solid rgba(0,18,24,0.8);
  border-radius: 10px;
  padding: 0px;
  font-size: 13px;
  font-family: MyriadPro;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
}

.dashboardMapAlertPane {
	padding-top: 5px !important;
	padding-bottom: 4px !important;
	text-align: center;
}

.dashboardMapItemButton:hover .tooltiptext {
  visibility: visible;
}

.dashboardQuestionMark {
	margin-left: 8px;
    font-size: 11px;
    font-family: sans-serif;
    cursor: pointer;
    background-color: cornflowerblue;
    padding-top: 5px;
    padding-right: 4px;
    padding-left: 4px;
} 

.specialSelectOption {
	font-style: italic;
	color: #004080;
}

.dijitTextBoxColorBlack .dijitInputInner {
	color: black !important;
}

.dijitTextBoxColorRed .dijitInputInner {
	color: red !important;
}

.addRightButton {
	float: right;
}

.addLeftButton {
	float: left;
}
  
.marginTopPane {
	margin-top: 12px;
}

.marginBottomPane {
	margin-bottom: 12px;
}

.marginBottom8px {
	margin-bottom: 8px;
}

.marginRightPane {
	margin-right: 12px;
}

.marginRight8px {
	margin-right: 8px;
}

.marginLeft4px {
	margin-left: 4px;
}

.marginLeft8px {
	margin-left: 8px;
}

.marginLeft10px {
	margin-left: 10px;
}

.marginLeft18px {
	margin-left: 18px;
}

.marginLeft_5px {
	margin-left: -5px !important;
}

.marginLeft_2px {
	margin-left: -2px;
}

.marginLeft0px {
	margin-left: 0px !important;
}

.marginLeft2px {
	margin-left: 2px !important;
}

.marginTop_2px {
	margin-top: -2px;
}

.marginTop2px {
	margin-top: 2px;
}

.marginTop8px {
	margin-top: 8px !important;
}

.marginBottom5px {
	margin-bottom: 5px;
}

.marginBottom_5px {
	margin-bottom: -5px;
}

.marginBottom_8px {
	margin-bottom: -8px;
}

.marginBottom_22px {
	margin-bottom: -22px;
}

.marginBottom_2px {
	margin-bottom: -2px;
}

.marginBottom_3px {
	margin-bottom: -3px;
}

.marginBottom_4px {
	margin-bottom: -4px;
}

.marginBottom4px {
	margin-bottom: 4px;
}

.marginRight2px {
	margin-right: 2px;
}

.marginRight5px {
	margin-right: 5px;
}

.marginLeft5px {
	margin-left: 5px;
}

.marginRight_4px {
	margin-right: -4px !important;
}

.marginRight_8px {
	margin-right: -8px !important;
}

.marginRight_10px {
	margin-right: -10px !important;
}

.marginLeft_10px {
	margin-left: -10px !important;
}

.marginLeft_16px {
	margin-left: -16px !important;
}

.padding5Pane {
	padding: 5px !important;
}

.paddingLeft40px {
	padding-left: 40px !important;
}

.filterSepia {
	filter: sepia(1);
}

.invertColors {
	filter: invert(100%);
}

.capitalized {
	text-transform: capitalize;
}

.inboxButton {
	width: 32px;
    margin-top: 6px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.monospaceFont {
	font-family: monospace;
}

.condFont {
	font-family: MyriadProCond;
}

.rtTabPane .adminTagSearchPane {
    padding-top: 0px !important;
}

.rtTabPane .gridxBar {
    padding-top: 2px !important;
    padding-bottom: 3px !important;
}

.rtTabPane .cuResetButton {
	padding-top: 2px;
}

.x2Condensed .dijitTabContainerTop-tabs .dijitTab {
	min-width: 40px !important;
}

.x2Condensed .dijitMenuItemLabel, .x2Condensed, .x2Condensed .dijitButtonNode, .x2Condensed .gridxCell, .x2Condensed .gridxHeaderRow .gridxCell, .x2Condensed .dijitButtonText, .x2Condensed .dijitDialogTitleBar, .x2Condensed label {
	font-family: MyriadProCond !important;
}

table.emulatorSubscriptionTable {
	border: 1px solid gray;
	border-collapse: collapse;
	padding: 2px;
}

table.emulatorSubscriptionTable td, 
table.emulatorSubscriptionTable.th {
	border: 1px solid gray;
}

table.emulatorSubscriptionTable th {
	border: 1px solid gray;
	font-weight: bold;
	background-color: lightgray;
	text-align: left;
}

table.emulatorSubscriptionTable tr:nth-child(odd) {
	background:  #F4F5F6;
}

.filterFrame {
	border: 1px solid #cccccc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.gridxSortNode .cHeader {
	visibility: hidden;
	width: 2px;
	overflow-x: hidden;
}

.CUMetricsChartDialog {
	margin-top: 2px
}

.x2MapPopupButtonGreen {
	border: 1px solid #A0C0A0;
    background-color: #E0F0E0;
    color: #406040;
    width: 100%;
    padding-top: 2px;
    margin-top: 3px;
    outline: none;
}

.x2MapPopupButtonBlue {
	border: 1px solid #A0B0C0;
    background-color: #DDEEFF;
    color: #506080;
	width: 100%;
	padding-top: 2px;
    margin-top: 3px;
    outline: none;
}

.redLabel {
	color: red !important;
}

.largeLabel {
	font-size: x-large !important;
}

.disabledButton {
	opacity: 0.3 !important;
}

.leaflet-control-scale-line {
    border: 1px solid #808080 !important;
    border-left: none !important;
    border-top: none !important;
}

.simButton .dijitButtonText {
	vertical-align: top !important;
}

.leaflet-popup {
	bottom: 0px !important;
}

.leaflet-touch .leaflet-bar a {
    color: black !important;
}
	
.text-below-marker {
  min-width: 100px;
  left: -50px;
  margin-top: 5px !important;
  margin-left: 0px !important;
  text-align: center;
  min-height: 2.7em;
  color: #39638c;
  background-color: rgba(255,255,255,0.8);
  border: 1px solid #7296BB !important;
  outline: 1px solid #FFFFFF;
  line-height: normal;
  padding-top: 5px;
}

.qualityChartPane {
	height: 480px;
	padding-bottom: 18px !important;
	padding-top: 3px !important;
}

.qtyChartHeaderButton {
	margin-bottom: -45px;
	margin-left: 12px;
	z-index: 999;
}

.tagListPrevButton {
	width:10px;
}

.grayscaleOpacity05 {
	filter: grayscale(1);
	opacity: 0.5;
}

.auditDetailsLabel {
	font-size: 13px;
    font-family: "MyriadProCond";
    font-weight: bold !important;
    color: #004E8D !important;
}

.auditParamsPane {
	padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -10px;
    margin-left: -5px;
}

.intervalNumberBox {
	width: 40px;
	margin-right: 5px;
}

.numberLeftAlignedBox .dijitInputInner {
	text-align: left !important;
}

.intervalTextBox {
	width: 220px;
	margin-right: 5px;
}

.readingIntervalBox {
	width: 80px;
	margin-right: 5px;
}

.readingIntervalBox .dijitInputField .dijitPlaceHolder {
	font-size: 13px;
    font-family: "MyriadProCond";
    color: #A0A0A0 !important;
    margin-top: 1px;
}

.readingIntervalBox .dijitInputField .dijitInputInner {
	font-size: 13px;
    font-family: "MyriadProCond";
    font-weight: bold;
    color: #000000 !important;
}

.infoDialog {
	width: 250px;
    border: 1px solid #759dc0 !important;
    border-radius: 5px;
}

.infoDialog .dijitDialogTitleBar {
	display: none;
}

.infoDialog .dijitDialogPaneContent {
    border: 0px;
    background-color: #e8f8ff;
    color: #404040;
    font-size: 12px;
    padding: 1px 3px;
    font-family: "Arial";
    line-height: 1.5em;
}

.textBoxInfoPane {
	border: 1px solid #CCCCCC;
    height: 20px;
    margin-top: 2px;
    padding: 0px 2px 0px 2px !important;
    color: #808080;
    background-color: #EEEEEE;
    overflow-y: hidden;
}

.cuAdminDetailsPane .dijitTextBoxDisabled, .cuAdminDetailsPane .dijitSelectDisabled {
	border: 1px solid white;
}

.cuAdminDetailsPane .dijitTextBoxDisabled .dijitInputContainer, .cuAdminDetailsPane .dijitSelectDisabled .dijitButtonContents {
	background-color: white !important;
	border-color: white !important;
}

.cuAdminDetailsPane .dijitSelectDisabled .dijitArrowButtonContainer {
	display: none;
}

.cuAdminDetailsMainPane .editItemDetailsTable-labelCell, .addressTable-labelCell, .cuDetailsTable-labelCell, .cuSettingsDetailsTable-labelCell, .cuAdminDetailsMainPane .checkBoxLabel, .cuNotificationLabel, .cuNotificationLabel .dijitButtonText {
	color: #406080 !important;
	font-size: 13px;
  	font-family: "MyriadProCond";
	font-weight: bold !important;
}

.cuConfigIndentPane {
	margin-left: 20px;
}

.nonModal_underlay {
    display:none;
}

.usedManuallyBox .dijitInputField {
	background-color: transparent;
	border-color: transparent;
}

.dashboardPopupTable {
	width: 1000px;
	margin-right: 10px;
}
	
.dashboardPopupTable th {
	background-color: #CCCCCC;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 0px;
	text-align: center;
}

.dashboardPopupTable td {
	background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 0px;
    text-align: center;
}

.dashboardClickableBarChart path {
	cursor: pointer;
}

.destinationNodeInfoButtonGreen, .destinationNodeInfoButtonGrey {
	height: 18px;
}

.destinationNodeInfoButtonGreen .x2Icon, .destinationNodeInfoButtonGrey .x2Icon {
	margin-top: -3px;
}

.destinationNodeInfoButtonGreen .dijitButtonText {
	color: #008040;
    float: left;
    font-family: 'MyriadProCond';
    font-weight: bold;
    font-size: 12px;
}

.destinationNodeInfoButtonGrey .dijitButtonText {
	color: #9C586E;
	float: left;
    font-family: 'MyriadProCond';
    font-weight: bold;
    font-size: 12px;
}

.seperatorPane {
	background-color: #406080;
    color: #505050;
    font-weight: bold;
    padding: 1px 8px 4px 8px !important;
    display: flex;
}

.div-icon-poi, .div-icon-poi-blue, .div-icon-poi-green, .div-icon-poi-red, .div-icon-poi-yellow, .div-icon-rounded-red, .div-icon-rounded-green, .div-icon-rounded-blue, .div-icon-rounded-blue-alert, .div-icon-rounded-green-alert, .div-icon-rounded-red-alert, .div-icon-rounded-blue-door-alert, .div-icon-rounded-green-door-alert, .div-icon-rounded-red-door-alert {
    text-align: center;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    padding-top: 2px !important;
    color: white;
    font-size: x-small;
    border: none !important;
    width: 20px !important;
    margin-left: -10px !important;
}

.div-icon-poi {
    background-image: url("../images/via.png") !important;
    height: 29px !important;
    margin-top: -27px !important;
}

.div-icon-poi-blue {
    background-image: url("../images/bluevia.png") !important;
    height: 29px !important;
    margin-top: -27px !important;
}

.div-icon-poi-red {
    background-image: url("../images/redvia.png") !important;
    height: 29px !important;
    margin-top: -27px !important;
}

.div-icon-poi-green {
    background-image: url("../images/greenvia.png") !important;
    height: 29px !important;
    margin-top: -27px !important;
}

.div-icon-poi-yellow {
    background-image: url("../images/yellowvia.png") !important;
    height: 29px !important;
    margin-top: -27px !important;
}

.div-icon-rounded-red {
	background-image: url("../images/via_red.png") !important;
    height: 20px !important;
    margin-top: -10px !important;
}

.div-icon-rounded-green {
	background-image: url("../images/via_green.png") !important;
    height: 20px !important;
    margin-top: -10px !important;
}

.div-icon-rounded-blue {
	background-image: url("../images/via_blue.png") !important;
    height: 20px !important;
    margin-top: -10px !important;
}

.specialOperationButton, .specialOperationButtonDisabled {
	font-size: 18px;
	font-family: "MyriadPro";
}

.specialOperationButton .dijitButtonText, .specialOperationButtonDisabled .dijitButtonText {
	border-radius: 4px;
	min-width: 250px;
	min-height: 24px;
	padding-top: 4px;
	color: #ffffff !important;
}

.specialOperationButton .dijitButtonText {
	background-color: rgb(0,23,46) !important;
}

.specialOperationButtonDisabled .dijitButtonText {
	background-color: rgb(187, 194, 201) !important;
}

.cuButton .dijitButtonText {
	min-width: auto !important;
	min-height: 18px !important;
	padding-top: 5px !important;
}

.yesNoSelect {
	width: 100px;
	margin-left: 5px;
}

.appTypeTable-valueCell-1 {
	width: 15%;
}

.cuHubStatusConfigButton {
	margin-top: -22px;
	float: right;
}

.amchartsLegendTooltip {
	border: 1px solid #CCCCDD;
	background-color: #EEEEFF;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 8px;
}

.modifyCheckbox {
	filter: saturate(4); 
}

.modifyMsg {
	color: rgb(45, 211, 255) !important;
}

.siteLocationImg, .resolvedLocationImg, .antennaImg, .gpsLocationImg, .siteOnMapLocationImg {
	background-position: center;
}

.siteLocationImageDiv {
    width: 24px;
    height: 30px;
    background-repeat: no-repeat;
    padding-top: 12px;
    cursor: pointer;
}

.siteLocationImg {
	background-image: url(../images/marker_alert_20x29.png) !important;
}

.siteOnMapLocationImg {
	background-image: url(../images/siteOnMapLocationImg_16x18.png) !important;
    background-position-y: top;
    width: 16px;
    height: 18px;
}

.gpsLocationImg {
	background-image: url(../images/gpsLocation_16x18.png) !important;
    background-position-y: top;
    width: 16px;
    height: 18px;
}

.resolvedLocationImg {
	background-image: url(../images/antenna_triangular.png) !important;
}

.antennaImg {
	background-image: url(../images/antenna1.png) !important;
}

.checkedLocationButton, .nonCheckedLocationButton {
	border: 1px solid;
	border-radius: 7px;
	margin-right: 10px;
}
	
.checkedLocationButton span, .nonCheckedLocationButton span{
	font-size: 13px;
	font-family: MyriadProCond;
	font-weight: bold !important;
	color: #406080 !important;
}

.checkedLocationButton {
	border-color: rgb(232,144,76);
	background-color: rgb(233,235,238);
}

.nonCheckedLocationButton {
	border-color: rgb(233,235,238);
}

.antennasTable-table {
	border-collapse: collapse;
}

.antennasTable-valueCell {
	text-align: center;
	border: 1px solid rgb(233,235,238);
	padding: 3px;
}

.iconColorChange60 {
    filter: hue-rotate(60deg);
}

.externalPowerLogo {
    width: 22px;
    height: 22px;
    margin-left: 5px;
	background-position-x: center;
    background-repeat: no-repeat !important;
}

.externalPowerLogoOff {
	background-image: url(../images/off.png) !important;
}

.externalPowerLogoOn {
	background-image: url(../images/on.png) !important;
}

.simProviderLogo .simProviderLogoNarrow {
	height: 20px;
	border: 1px solid gray;
    background-position-x: center;
    background-repeat: no-repeat !important;
}

.simProviderLogo {
	width: 66px;
}

.simProviderLogo .dijitButtonNode {
	width: 58px;
}

.simProviderLogoNarrow {
	width: 30px;
}

.simProviderLogoNarrow .dijitButtonNode {
	width: 22px;
}

.thingsMobileLogo {
	background-image: url(../images/sim_providers/logo_things_mobile.png) !important;
}

.telitLogo {
	background-image: url(../images/sim_providers/logo_telit.png) !important;
}

.onomondoLogo {
	background-image: url(../images/sim_providers/logo_onomondo.png) !important;
}

.emnifyLogo {
	background-image: url(../images/sim_providers/logo_emnify.png) !important;
}

.bicsLogo {
	background-image: url(../images/sim_providers/logo_bics.png) !important;
}

.onceLogo {
	background-image: url(../images/sim_providers/logo_1nce.png) !important;
}

.oneotLogo {
	background-image: url(../images/sim_providers/logo_1ot.png) !important;
}

.cellcomLogo {
	background-image: url(../images/sim_providers/logo_cellcom.png) !important;
}

.beelineLogo {
	background-image: url(../images/sim_providers/logo_beeline.png) !important;
}

.circlePane {
	width: 18px;
    height: 18px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 2px;
    cursor: pointer;
}

.greenBackground {
	background-color: green;
}

.orangeBackground {
	background-color: orange;
}

.redBackground {
	background-color: red;
}

.tzPane {
	color: #408060;
    width: 150px;
    height: 18px;
    float: right;
    text-align: end;
    font-family: 'MyriadProCond';
    margin-top: 13px !important;
    vertical-align: text-top;
    overflow-y: hidden;
}

.cuLogsGrid .gridXFilterHeaderNode 
{
	white-space: pre-wrap;
	writing-mode: tb;
	height: 180px;
}

.cuLogsGrid .gridxHeaderRow, .cuLogsGrid .gridxHeaderRowInner {
	height: 195px;
}

.cuLogsGrid .gridxHeaderRow .wideCol .gridxFilterButton {
	margin-top: -16px;
}

.cuNotificationLogsGrid .gridXFilterHeaderNode {
	height: 75px;
}

.cuNotificationLogsGrid .gridxHeaderRow, .cuNotificationLogsGrid .gridxHeaderRowInner {
	height: 100px !important;
}

.cuMetricsDialog {
	min-width: 750px !important;
}

.cuMetricsDialog .dijitDialogPaneContent {
    background-color: white;
}

.cuMetricsDialog .dijitDialogTitleBar {
    background-color: #DDE4F8;
}

.CUMetricsTableDialog {
	width: 740px; 
	height: 400px
}

.CUMetricsChartDialog {
	width: 1200px; 
	height: 400px
}

.tagInventoryDialog .dijitDialogPaneContent {
	padding-top: 0px !important; 
}

.vesselDaySelectorText {
	text-align: center;
	font-size: 13px;
    font-family: MyriadProCond;
    /*font-family: MyriadPro, Arial, Verdana;*/
	color: #606060;
}

.vesselDaySelectorLegend {
	text-align: center;
	font-size: 13px;
    font-family: MyriadProCond;
    color: #808080;
    margin-bottom: -2px;
}

.vesselDaySelectorPane {
	padding: 0px !important;
	vertical-align: bottom;
	cursor: pointer;
	width: 36px;
	height: 86px;
	margin-right: 1px;
	margin-left: 1px;
	overflow: hidden;
}

.vesselDaySelectorBar {
	border-radius: 5px;
	vertical-align: bottom;
}

.vesselDaySelectorButton, .vesselDaySelectorButtonSelected {
	background-color: rgb(212, 212, 212) !important;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	margin-top: 16px;
	margin-right: 10px;
}

.vesselDaySelectorButtonSelected {
	background-color: rgb(233, 100, 18) !important;
}

.vesselDaySelectorButtonSelected .dijitButtonNode, .vesselDaySelectorButton .dijitButtonNode {
	margin-left: 2px;
	margin-top: 5px;
}

.vesselDaySelectorLegendMarker {
	height: 10px; 
	width: 10px; 
	margin-left: 8px; 
	margin-right: 2px;
	margin-top: 4px; 
	float: right;
}

.vesselHeatmapBackPane {
	background-image: url(../images/vessel/vessel_back.png) !important;
	height: 230px;
	width: 100px;
}

.vesselHeatmapFrontPane {
	background-image: url(../images/vessel/vessel_front.png) !important;
	height: 230px;
	width: 70px;
}

.vesselHeatmapMidPane {
	background-image: url(../images/vessel/vessel_mid.png) !important;
	background-repeat: repeat-x;
	height: 230px;
}

.vesselHeatmapHold4Pane {
	background-image: url(../images/vessel/hold4.png) !important;
	height: 120px;
	width: 20px;
}

.vesselHeatmapHold3Pane {
	background-image: url(../images/vessel/hold3.png) !important;
	height: 120px;
	width: 20px;
}

.vesselHeatmapHold2Pane {
	background-image: url(../images/vessel/hold2.png) !important;
	height: 120px;
	width: 20px;
}

.vesselHeatmapHold1Pane {
	background-image: url(../images/vessel/hold1.png) !important;
	height: 120px;
	width: 20px;
}

.vesselHeatmapTagPane {
	background-image: url(../images/vessel/tag.png) !important;
	background-repeat: no-repeat;
	padding-left: 18px !important;
}

.vesselHeatmapDeliveryAirPane {
	background-color: transparent !important;
	background-image: url(../images/vessel/arrow_right.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapReturnAirPane {
	background-color: transparent !important;
	background-image: url(../images/vessel/arrow_left.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapDeckPane {
	border: 1px solid white; 
	border-radius: 5px;
	height: 26px;
	margin: 1px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	cursor: pointer;
}

.vesselHeatmapInnerPane {
	margin-top: 5px;
	font-size: 14px;
    font-family: MyriadProCond;
}

.vesselHeatmapSternPane {
	background-image: url(../images/vessel/stern.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapForewardPane {
	background-image: url(../images/vessel/foreward.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapPortPane {
	background-image: url(../images/vessel/port.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapStarboardPane {
	background-image: url(../images/vessel/starboard.png) !important;
	background-repeat: no-repeat;
}

.vesselHeatmapLocationButtonPane {
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
}

.vesselHeatmapLocationLabel, .vesselHeatmapLocationValue {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.vesselHeatmapTagsGridTotalButton {
	background-color: rgb(233, 100, 18) !important;
    border-radius: 10px;
    height: 25px;
    margin-left: 15px;
    margin-top: 2px;
}

.vesselHeatmapTagsGridTotalButton .dijitButtonText {
	color: white;
	font-family: MyriadProCond;
	font-size: 13px;
}

.vesselHeatmapTagsGridColorPane {
	width: 10px;
    height: 10px;
    margin-top: 7px !important;
    margin-bottom: -8px;
    margin-right: 8px;
    overflow: hidden;
}

.vesselHeatmapTagsGrid {
	border: 1px solid #EFEFEF !important;
    border-top-left-radius: 0px !important;
}

.vesselHeatmapTagsGrid .gridxHeaderRow .gridxCell {
    font-family: MyriadProCond;
}

.vesselHeatmapTagsGridLabelPane {
	color: #808080;
	font-weight: bold;
	font-size: 14px;
	margin-top: 7px;
}

.selectedValueCopyButton {
	margin-top: -21px; 
	float: right; 
	cursor: pointer; 
	margin-bottom: -5px;
}

.selectedValueCopyButton .dijitButtonContents {
	border: 0px !important;
}

.copyButtonCursor {
    cursor: pointer;
}

.cellWithCopyLinkButton .dijitButtonNode {
	margin-top: -2px;
}

.alertDelayPane .editItemDetailsTable-valueCell {
	padding-bottom: 0px !important;
	padding-left: 3px;
}

.leftAlignedBox .dijitInputInner {
	text-align: left !important;
}

.surveySadPane, .surveyNormalPane, .surveyHappyPane, .surveySadPaneSelected, .surveyNormalPaneSelected, .surveyHappyPaneSelected {
	width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 50px;
    cursor: pointer;
}

.surveySadPane {
	background-image: url("../images/survey/face_1.png");
	margin-left: 90px;
}

.surveyNormalPane {
	background-image: url("../images/survey/face_2.png");
}

.surveyHappyPane {
	background-image: url("../images/survey/face_3.png");
}

.surveySadPaneSelected {
	background-image: url("../images/survey/face_1_sel.png");
	margin-left: 90px;
}

.surveyNormalPaneSelected {
	background-image: url("../images/survey/face_2_sel.png");
}

.surveyHappyPaneSelected {
	background-image: url("../images/survey/face_3_sel.png");
}

.surveyDialog {
	border-bottom-right-radius: 18px;
	border: 1px solid transparent !important;
	background-color: transparent;
	box-shadow: none !important;
	min-width: 300px;
}

.surveyDialog .dijitDialogPaneContent {
	margin: 0px 2px 12px 2px !important;
	background-color: #EEEEEE;
	border-top: 0px solid white;
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
	padding-bottom: 5px;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}

.surveyDialog .dijitDialogTitleBar {
	margin: 2px 2px 0px 2px !important;
	background-color: #EEEEEE;
	border-top: 3px solid white;
	border-bottom: 0px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
	font-family: MyriadPro;
	font-weight: bold;
	text-shadow: 0px 2px 0px rgba(255,255,255,0.4);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    text-align: center;
    padding-top: 16px;
}

.surveyDialog .dijitDialogTitle {
	color: #004F9F;
	font-size: 18px;
}

.surveyDialog .popupFooterPane {
	padding: 0px;
	margin-top: 14px;
}

.surveyDialog .dijitDialogCloseIcon {
    background-color: white;
    border-radius: 11px;
    margin-right: 7px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-position-y: center;
}

.surveyDialog .orgFieldConfigTextArea {
	border-color: white !important;
	border-radius: 5px;
	padding: 8px;
	width: calc(100% - 20px) !important;
}

.surveyDialog .orgFieldConfigTextArea::placeholder {
	font-size: 10px;
}

.ruleSelect .dojoxCheckedMultiSelectHidden {
	display:none;
}

.surveySubmitButton {
	background-color: #00172E;
    border-radius: 4px;
    float: right;
    margin-top: 5px;
    margin-right: 2px; 
    margin-bottom: 8px;
}

.surveyDialog {
	width: 500px;
}

.surveyLabel a:Link {
	color: #004E8D !important;
}

.questionMarkSmallIcon {
	width: 11px;
    height: 12px;
    margin-bottom: -5px;
    background-color: grey;
    border-radius: 4px;
    margin-left: -4px;
    margin-right: 2px;
}

.okColor .dijitButtonText {
	color: darkgreen !important;
}
.mediumColor .dijitButtonText {
	color: #ffd900 !important;
}
.alertColor .dijitButtonText {
	color: red !important;
}
.unknownColor .dijitButtonText {
	color: gray !important;
}

.chartHeader .dijitCheckBoxInput {
	cursor: pointer;
}

.labelWithInfoPane {
	display: flex;
}

.tagSummaryTable-valueCell {
	width: 50%;
	vertical-align: top;
}

.tagSummaryInnerTable-valueCell {
	vertical-align: top;
}

.tagSummaryInnerTable-valueCell {
	vertical-align: top;
}

.tagSummaryInnerTable-valueCell a {
	color: #004E8D !important;
}

.tagSummaryInnerTable-valueCell-1 {
	width: 180px;
}

.tagSummaryInnerTable-table tr {
    outline: 1px solid lightgrey;
}

.tagSummaryTableLabel {
	font-weight: bold;
	color: #606060;
	padding: 5px !important;
}

.tagSummaryTableValue {
	font-weight: normal;
	color: #606060;
	padding: 5px !important;
}

.tagSummaryTableHeader {
	background-color: #EEEEEE; 
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px !important;
}

.getTagsAndSimProvidersButton, .getTagsAndSimProvidersButtonDisabled {
	width: 200px;
    border-radius: 5px;
    background-color: black;
    text-align: center;
    margin-right: 2px;
    cursor: pointer;
    opacity: 0.99;
}

.getTagsAndSimProvidersButtonDisabled {
    background-color: grey;
    opacity: 0.6;
}

.getTagsAndSimProvidersButton  .dijitButtonText, .getTagsAndSimProvidersButtonDisabled  .dijitButtonText {
	color: white;
}

.getTagsAndSimProvidersButton .x2IconRightArrow {
	box-shadow: 0px 0px;
} 

.problematicShipmentsGrid .gridxBar {
	padding: 6px;
}

.problematicShipmentsGrid .gridxSummaryBar, .problematicShipmentsGrid .gridxFooter .gridxBar {
	padding-bottom: 2px;
	padding-top: 4px;
}

.problematicShipmentsGrid .gridxSummary {
	background-color: #CCCCCC;
	padding-top: 5px;
	margin-left: -7px;
    margin-right: -7px;
}

.chartLegendTable {
	border: 1px solid #CCCCCC;
	font-size: 16px;
}

/*
.cuLogsGrid .gridxHeaderRowInner, .cuLogsGrid .gridxHeaderRowInner table {
	height: 200px;
}

.cuLogsGrid .gridxHeaderRowInner td {
	height: 20px !important;
}

.cuLogsGrid .gridxHeaderRow .gridxCell {
	rotate: 90deg;
}*/

.galleryImage {
	width: 200px;
    height: 200px;
    background-size: contain;
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: center;
    cursor: zoom-in;
}

.result-tooltip, .moving-tooltip {
    font-size: 16px !important;
}

.tagStatusGrid .gridxHeaderRow {
	text-transform: none !important;
}

.buttonSubLabel {
	font-size: 12px;
	color: #808080;
}

.twoLinesButton .dijitIcon {
    margin-top: -10px;
    margin-right: 10px;
    margin-left: 2px;
}

.twoLinesButton .dijitButtonText {
	text-align: left;
}

.lightGreenIcon, .lightBlueIcon, .lightRedIcon, .greenIcon, .blueIcon, .pinkIcon, .yellowIcon, .violetIcon {
	border-radius: 2px;
    border: 1px solid transparent;
}

.lightGreenIcon {
    background-color: #9dd5a9;
    outline: 6px solid #9dd5a9;
}

.lightBlueIcon {
    background-color: #abd6ff;
    outline: 6px solid #abd6ff;
}

.lightRedIcon {
    background-color: #FFC9C9;
    outline: 6px solid #FFC9C9;
}

.greenIcon {
    background-color: #287F52;
    outline: 6px solid #287F52;
}

.blueIcon {
	background-color: #3D93DC; 
	outline: 6px solid #3D93DC;
}

.violetIcon {
	background-color: #936EE2; 
	outline: 6px solid #936EE2;
}

.yellowIcon {
	background-color: #DDBB66; 
	outline: 6px solid #DDBB66;
}

.pinkIcon {
	background-color: #D369BE; 
	outline: 6px solid #D369BE;
}

.buttonsSeparatorPane {
	background-color: #DDDDDD;
    margin-top: 8px;
    margin-bottom: 8px;
    height: 1px !important;
    padding: 0px !important;
}

.vesselLocationLabel {
	
}

.intervalSelectPane {
	padding-left: 4px !important;
	padding-top: 1px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	float: right;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin-left: 8px;
}

.intervalSelectPane .shDateSelect {
	border: none !important;
	margin-right: 0px !important;
	padding-top: 1px;
}

.intervalSelectButton {
	margin: 3px 2px;
}

.intervalSelectButton .dijitButtonNode {
	border: 0px !important;
	background-color: #FFFFFF !important;
	font-size: smaller;
	color: #404040 !important;
	background-image: none !important;
	padding: 2px !important;
	font-weight: normal !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.intervalSelectButtonSelected .dijitButtonNode {
	border: 0px !important;
	background-color: rgb(233, 100, 18) !important;
	font-size: smaller;
	color: white !important;
	background-image: none !important;
	padding: 2px !important;
	font-weight: normal !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.intervalSelectButton .dijitButtonNode:hover {
	opacity: 0.6 !important;
}

.intervalSelectButton .dijitButtonText, .intervalSelectButtonSelected .dijitButtonText {
	vertical-align: sub;
}

.noClearFilterGrid .gridxFilterBar {
	display: none;
}

.problematicShipmentGapsGrid .gridxHeaderRow {
    text-transform: none !important;
}

.problematicShipmentGapsGrid .gridxHeaderRowInner {
	height: auto !important;
}

.cuCommandValue {
	cursor: pointer;
}

.locationsMapLegendPane {
	top: 80px;
}

.rawLocationsWideGrid td {
	white-space: break-spaces !important;
}

.rawLocationsGrid td {
	white-space: break-spaces !important;
	font-family: MyriadProCond;
}

.rawLocationsGrid .gridxSortNode {
	font-weight: bold !important;
	font-family: MyriadProCond;
}

.rawLocationsGrid .gridxHeaderRow {
	text-transform: capitalize !important;
	line-height: 1.6em !important;
}

.problematicPicklistGrid .gridxHeader .gridxHeaderRow {
	display:none;
}

.exportOptionsButtonSave .dijitButtonText {
	text-transform: none;
	font-size: 14px;
}

.selectableGrid .gridxRow {
	cursor: pointer;
}

.x2LinkButtonDark .dijitButtonText {
	color: #BBBBCC !important;
	text-decoration: underline;
}

.dot {
  border-radius: 50%;
  margin-right: 5px;
  padding: 0px !important;
}

.listButtonErrMsgPane {
	width: 300px;
    margin-bottom: -30px;
    color: red;
	padding: 0px !important;
    margin-right: 5px;
}

.gridLabel:hover {
	cursor: pointer;
}

.whiteText .dijitButtonText {
	color: white !important;
}

.passwordStrenghtButton {
    float: right;
    margin-top: -10px;
    font-family: MyriadProCond;
    font-size: 13px;
}

.validatePasswordButton {
	float: right;
    margin-right: 30px;
    text-align: right;
    margin-top: -20px !important;
    margin-left: -150px !important;
    width: 130px;
}

.adminTagsCentralPane {
	overflow-x: hidden;
}

.adminTagStatusHistoryPane {
	padding: 2px !important;
	height: calc(100% - 40px);
}

.adminTagsRawDataPane, .adminTagsReadDataPane {
	padding: 2px !important;
	height: calc(100% - 50px);
}