/* use these for columns that have a heading and an input (in otherwords x2 the listed columns) */
.twoColumnDetail { width: 100%; border: 0px; padding: 0px; margin: 0px; border-collapse: separate; }
    .twoColumnDetail tr { border: 0px; padding: 0px; margin: 0px; vertical-align: top !important; }
    .twoColumnDetail td { width: 25% !important; border: 0px; padding: 2px; margin: 0px; vertical-align: middle; }
        .twoColumnDetail td.note textarea { width: 100% !important; min-width: 600px; }
.triColumnDetail { width: 100%; border: 0px; padding: 0px; margin: 0px; border-collapse: separate; }
    .triColumnDetail tr { border: 0px; padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top; }
    .triColumnDetail td { width: 16.66%; border: 0px; padding: 2px; margin: 0px; border-collapse: collapse; vertical-align: middle; }
        .twoColumnDetail td td, .triColumnDetail td td { padding: 3px; vertical-align: middle; }
        .twoColumnDetail td.topAlignHeader, .triColumnDetail td.topAlignHeader { background-color: rgb(230,230,235); color: rgb(0,0,0); font-weight: bold; text-align: left; vertical-align: top; }
        .twoColumnDetail td.topAlign, .triColumnDetail td.topAlign { padding: 3px; vertical-align: top; }
.twoColumnDetail label { width: auto !important; }

.right_border { border-right: solid 1px rgb(204,204,204) !important; }
.tblTankInfo { border: solid 1px rgb(203,203,203); width: 100%; }
.noPadding { padding: 0px !important; }

[hidden] { display: none; }

/* these are strictly non-header columns (so the actual number) */
.dualColumn td { width: 50%; }
.triColumn td { width: 33%; }
.quadColumn td { width: 25%; }
.fullTable { width: 100%; border: 0px; padding: 0px; margin: 0px; }
.twoDigitText { width: 45px; }
.textMiddle, .textMiddle th, .textMiddle td { vertical-align: middle; }
.textTop { vertical-align: top !important; }
.textBottom { vertical-align: bottom !important; }
.textRight { text-align: right; }

a { color: rgb(48,120,199); text-decoration: none; }
    a:hover { text-decoration: underline; }
body { padding: 0px 10px; margin: 0px; }
body, input, table, textarea, button, p, select { color: rgb(0,0,0); font-family: verdana,sans-serif; font-weight: normal; font-size: 10px; }
img { border: 0px; }
h1, .h1 { padding: 0px; margin: 0px; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left; }
    h1.gridHeader { margin: 15px 0px; }
h2, .h2 { padding-left: 10px; color: rgb(255,255,255); background-image: url(../../images/header_background.gif); background-repeat: repeat-x; font-weight: bold; font-size: 11px; line-height: 25px; vertical-align: middle; }
h3, .h3 { margin: 3px 0px; padding: 0; color: rgb(0,0,0); font-size: 11px; font-weight: bold; }
td { font-family: verdana,sans-serif; font-size: 10px; }
tr { vertical-align: top; }
input, label, select, span { vertical-align: middle; margin: 2px; }
    input[type="submit"]:disabled, input[type="button"]:disabled { color: rgb(128,128,128); opacity: 0.7; }
.activeHeader input { padding: 0px 0px 0px 10px; }
.alignTop { vertical-align: top; }
.alignBottom { vertical-align: bottom; }
.AlternatingItemStyle { background-color: rgb(255,255,255); }
.altgridItem, .gridItemHomeAlt { padding: 0px 10px; color: rgb(0,0,0); background-color: rgb(235,235,225); }
.altrow { background-color: rgb(232,234,233); line-height: 20px; }
.arrow { font-size: medium; font-weight: bold; }
.bar-separated span::after {
    content: "  |  ";
}
.bar-separated span:last-child::after {
    content: "";
}
.blackfont { color: rgb(0,0,0) !important; }
.blue_font { color: rgb(105,156,237); }
.blue_text, .blue_text A { color: rgb(7,95,134); }
.bluebox { border: solid 1px rgb(48,120,199); margin: 100px 20px 20px 100px; }
.blueboxheader { background-color: rgb(48,120,199); color: rgb(255,255,255); font-weight: bold; font-size: 14px; line-height: 18px; }
.bluefont { color: rgb(48,120,199); }
.bold { font-weight: bold; }
.border { border: solid 1px rgb(203,203,203); }
.borderbottom { border-bottom: rgb(0,0,0) 1px solid; }
.BottomLine { border-bottom: solid 2px rgb(135,135,135); }
.breadcrumb_header { background-color: rgb(230,230,235); border-bottom: solid 1px rgb(196,196,196); padding: 5px; }
    .breadcrumb_header A, .breadcrumb_header { color: rgb(36,73,99); font-weight: bold; }
.btn_background { background-image: url(../../images/btn_background.gif); background-repeat: repeat-x; height: 24px; }
.Button { border-right: rgb(77,74,70) 1px solid; border-top: rgb(77,74,70) 1px solid; border-left: rgb(77,74,70) 1px solid; border-bottom: rgb(77,74,70) 1px solid; color: buttontext; background-color: buttonface; font-size: 100%; font-family: Verdana,Arial,Helvetica; }
.cursorPointer { cursor: pointer; }
.DataGrid { border: solid 1px rgb(255,210,117); width: 100%; color: rgb(51,51,51); }
.disabledLink, .disabledLink:hover { color: grey; text-decoration: none; }
.Dock { padding: 5px; }
.dots { background: url(../../images/dots.gif) repeat-x bottom; border-bottom: solid 1px transparent; }
    .dots td { height: 16px; }
.EditTable { }
    .EditTable th { border-bottom: solid 1px rgb(0,0,0); vertical-align: bottom; }
.ExpectedCallAlarm a { color: rgb(255,0,0) !important; }
.FieldTextbox { width: 293px; font-size: 10px; min-width: 297px; max-width: 297px; }
.FieldTitle { padding: 2px 2px 2px 2px; color: rgb(105,156,237); font-size: 11px; font-family: verdana,sans-serif; font-weight: bold; }
.FieldValue { width: 150px; font-size: 11px; font-family: verdana,sans-serif; }
.FieldValueWide { width: 220px; font-size: 11px; font-family: verdana,sans-serif; }
.fifty { width: 50%; }
.FooterStyle { color: rgb(255,255,255); background-color: rgb(80,124,209); font-weight: bold; }
.formButtons { padding: 20px 0px 10px 0px; text-align: center; }
.formElement { margin-right: 3px; width: 200px; text-align: left; }
.formElementWide { margin-right: 3px; width: 220px; text-align: left; }
.formElement label { padding-right: 10px; }
.formLabel { padding-right: 3px; width: 200px; text-align: right; }
.formTable { border: 0px; }
    .formTable td { padding: 1px; margin: 1px; }
.gray_text, .gray_text A { color: rgb(145,149,149); }
.graybg_border { border: solid 1px rgb(0,0,0); background-color: rgb(230,230,235); }
.GrayedTreeNode { padding-top: 2px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; color: rgb(128,128,128); font-family: verdana,sans-serif; font-size: 11px; cursor: default; }
.grayfont { color: inactivecaptiontext; }
.greenfont { color: rgb(53,158,9) !important; }
.grid { line-height: 16px; vertical-align: middle; border: 0px; border-collapse: collapse; }
    .grid th { color: rgb(255,255,255); line-height: 25px; vertical-align: top; }
    .grid td { border: solid 0px rgb(0,0,0) !important; padding: 0px 10px; }
.historyTable .grid td:nth-child(2) { min-width: 165px; }
.gridHeader th, .gridHeader A, .gridHeader, .gridHeaderHome, .gridHeaderHome th, .gridHeaderHome a { padding: 0px 10px; margin: 0px; color: rgb(0,0,0); background-color: rgb(233,233,233); font-weight: bold; line-height: 20px; }
    .gridHeaderHome th { border: solid 1px #757F8A; }
.gridItem, .gridItemHome { padding: 3px; color: rgb(0,0,0); overflow: hidden; }
    .gridItemHome td, .gridItemHomeAlt td { border: solid 1px #757F8A; }
.gridItemSelected td { padding: 3px; color: rgb(0,0,0); background-color: rgb(255,238,102); }
.gridItemHover td { border-left-width: 0px; border-right-width: 0px; border-bottom: dotted 1px rgb(220,220,220); background-color: rgb(255,255,153); }
.gridItemLast td { border-left-width: 0px; border-right-width: 0px; }
.handcursor { cursor: pointer; cursor: hand; }
.header_blue_background { background-image: url(../../images/header_mylibrary_background.gif); background-repeat: repeat-x; height: 24px; }
.header_green_background { background-image: url(../../images/header_standards_background.gif); background-repeat: repeat-x; height: 24px; }
.header_purple_background { background-image: url(../../images/header_library_background.gif); background-repeat: repeat-x; height: 24px; }
.header_yellow_background { background-image: url(../../images/header_email_background.gif); background-repeat: repeat-x; height: 24px; }
.HeaderStyle { color: rgb(255,255,255); background-color: rgb(80,124,209); font-weight: bold; text-align: center; }
    .HeaderStyle a { color: rgb(255,255,255); background-color: rgb(80,124,209); font-weight: bold; text-align: center; }
.headerWarning { font-weight: bold; font-size: larger; }
.hidden { visibility: hidden; }
.highlighted_header { background-color: rgb(232,234,233); color: rgb(0,0,0); }
.hilightCell { background-color: rgb(240,240,240); color: rgb(0,0,0); }
.historyTable table { float: left; border-width: 1px !important; border-style: solid; }
.historyPager table { float: right; }
.HoverTreeNode { padding-top: 2px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-family: verdana,sans-serif; font-size: 11px; text-decoration: underline; cursor: default; }
.ItemStyle { background-color: rgb(239,243,251); }
.infoBox { border: 0px; background: url('no-real-image.gif') !important; }
/*Add the fake image so that it removes the extra border*/
.largeTextarea { width: 100%; }
.left { float: left; }
.LINKBUTTON_Old { border: solid 1px rgb(74,80,109); padding: 5px 15px 5px 15px; background-color: rgb(230,232,237); color: rgb(74,80,109); font-family: verdana,sans-serif; font-size: 11px; font-weight: bold; vertical-align: middle; }
.Links { list-style-image: none; color: rgb(0,0,0); font-size: 11px; }
.Main { border: 1px solid rgb(212,212,212); border-top: none; background: rgb(255,255,255); }
.mainFooter { width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing:  border-box; -moz-box-sizing:  border-box; box-sizing:  border-box;   }
.moduleSpacing { clear: both; height: 15px; }
.msgAuth { }
.msgDate { clear: both; margin-left: 16px; display: block; color: rgb(94,94,94); }
.navigation, .navigation A { color: rgb(0,89,122); font-weight: bold; }
.navigationrow { width: 1024px; background-image: url(../../images/nav_background.gif); background-repeat: repeat-x; line-height: 28px; }
.ninety { width: 90%; }
.NodeEdit { border: 1px rgb(128,128,128) solid; font-family: verdana,sans-serif; font-size: 11px; }
.noPadding a { padding: 0px; }
.offlink { color: rgb(0,128,0); font-weight: bold; }
.onlink { color: rgb(238,50,36); font-weight: bold; }
.padding { padding-left: 10px; padding-right: 10px; }
.PageHeader { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(100,149,237); }
    .PageHeader td { color: rgb(100,149,237); font-size: 15pt; font-family: Tahoma; }
.pager { padding: 5px; }
.pagerSelect { font-size: 9pt; }
.PagerStyle { color: rgb(255,255,255); background-color: rgb(36,97,191); font-weight: bold; text-align: center; }
    .PagerStyle a { color: rgb(255,255,255); background-color: rgb(36,97,191); font-weight: bold; text-align: center; }
.pageTip { padding: 3px; margin: 3px 0px; border: solid 1px rgb(194,194,164); color: rgb(0,0,0); background-color: rgb(235,235,225); font-size: 7pt; text-align: left; }
.redfont { color: rgb(255,0,0) !important; }
.removed { display: none; }
.Required { color: rgb(255,0,0); }
.required { color: rgb(255,0,0); font-weight: bold; }
.resultsPerPage { height: 18px; }
.right { float: right; }
.SearchBody td { width: 25%; background-color: rgb(128,128,128); }
.SearchHeader { width: 100%; border: solid 1px rgb(192,192,192); }
.SearchTable { width: 100%; padding: 2px 2px 2px 2px; border: solid 1px rgb(0,0,0); }
.sectionHeader { padding: 2px 3px; margin: 10px 0px 5px 0px; clear: both; color: rgb(0,0,0); background-color: rgb(230,230,235); font-weight: bold; line-height: 21px; text-align: left; }
.sectionTools { padding: 0px; clear: both; display: block; }
    .sectionTools .left, .left { float: left; text-align: left; }
    .sectionTools .right, .right { float: right; text-align: right; }
    .sectionTools .excelButton { width: 108px; margin-right: -2px; }
    .sectionTools .updateButton { width: 50px; }
select.select-box { width: 200px; margin: 0px; }
select.select-box-200px { width: 200px !important; margin: 0px; }
select.select-box-expand { width: auto; }
.SelectedItemStyle { color: rgb(51,51,51); background-color: rgb(209,221,241); font-weight: bold; }
.SelectedTreeNode { padding-top: 2px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; background-color: rgb(128,128,128); color: rgb(255,255,255); font-family: verdana,sans-serif; font-size: 11px; cursor: default; }
.sixtySix { width: 66%; }
.smallfont { font-family: verdana,sans-serif; font-weight: normal; font-size: 9px; }
.SnapContent { padding: 0px; border: 1px solid rgb(87,86,111); border-top-width: 0px; background-color: rgb(255,255,255); font-family: verdana,sans-serif; font-size: 11px; cursor: default; }
    .SnapContent td { padding: 3px; }
    .SnapContent th { border-bottom: solid 1px rgb(220,220,220); vertical-align: bottom; }
.SnapHeader { border: 1px solid rgb(87,86,111); color: rgb(255,255,255); background-color: rgb(117,116,149); background-image: url(../../images/snap_headerBg.gif); font-family: verdana,sans-serif; font-weight: bold; }
.SnapHeaderCollapsed { border: 1px solid rgb(119,119,119); color: rgb(119,119,119); background-color: rgb(224,223,227); background-image: url(../../images/snap_headerCollapsedBg.gif); font-family: verdana,sans-serif; font-weight: bold; }
.subHeader { padding: 3px; margin: 10px 0px 3px 0px; clear: both; background-color: rgb(50,101,136); color: rgb(255,255,255); vertical-align: middle; text-align: left; }
.SubSectionHeader { margin: 7px 0px 2px 0px; color: rgb(135,135,135); font-family: Arial; font-size: 13pt; font-weight: bold; }
.summaryHeader { background-color: rgb(230,230,235); color: rgb(0,0,0); font-weight: bold; text-align: left; }
.SummeryError { border: solid 1px rgb(255,0,0); color: rgb(255,0,0); font-size: 9pt; font-family: Arial; }
    .SummeryError ul { padding-left: 60px; list-style-type: square; font-size: 9pt; text-align: left; }
.tab { background-color: rgb(200,204,208); }
.tab, .tabHover, .tabActive { border-right: solid 1px rgb(255,255,255); float: left; cursor: pointer; }
.tabActive { background-color: rgb(50,101,136); color: rgb(255,255,255); }
.tabHover { background-color: rgb(46,75,107); color: rgb(255,255,255); }
.tabs { border-bottom: solid 1px rgb(192,192,192); background-color: rgb(255,255,255); }
.tank_details A { color: rgb(255,255,255); line-height: 25px; }
    .tank_details A:hover { color: rgb(181,207,220); }
.tankDetailGraphArea { float: left; padding: 0px; margin: 0px 10px 0px 0px; border: 0px; }
    .tankDetailGraphArea h1 { margin: 0px; line-height: 20px; }
    .tankDetailGraphArea div { border: 0px; }
.TankFieldTitle { color: rgb(173,192,199); font-weight: bold; }
.TankFieldValue { color: rgb(173,192,199); }
.tankUsageHeader { background-color: rgb(235,235,225); color: rgb(0,0,0); font-weight: bold; text-align: center; }
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.thirtyThree { width: 33%; }
span.toggleBlock { margin: 0px; }
.toggleHeader { padding: 2px 10px; margin: 10px 0px 5px 0px; clear: both; color: rgb(255,255,255); background-color: rgb(50,101,136); font-weight: bold; /*line-height: 21px;*/ text-align: left; }
.toggleLink { margin-top: 5px; display: inline-block; }
.ToolBoxChild { padding-left: 5px; padding-top: 5px; background-color: rgb(231,239,255); font-family: Verdana,Arial,Helvetica; }
.ToolBoxHeader { border-right: rgb(212,220,230) 1px solid; border-top-color: rgb(0,45,150); border-top-width: 3px; border-top-style: solid; padding-left: 5px; padding-top: 5px; background-color: rgb(225,236,252); background-repeat: repeat-x; background-position: left; color: rgb(0,51,153); background-image: url(/images/gradient1.gif); font-weight: bold; font-size: 1.1em; height: 24px; }
.TreeNode { padding-top: 2px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-family: verdana,sans-serif; font-size: 11px; }
.TreeView { padding-top: 4px; padding-left: 1px; border: rgb(124,124,148) 1px solid; background-color: rgb(255,255,255); cursor: default; }
.Wait { cursor: wait; }
.WebPageMessageError { width: 100%; border: solid 1px rgb(255,0,0); background: rgb(255,224,224); color: rgb(255,0,0); font-size: 14pt; font-family: Arial; padding: 10px; }
.WebPageMessageInformation { width: 100%; border: solid 1px rgb(255,238,194); background: rgb(250,246,235); font-size: 14pt; font-family: Arial; padding: 10px; }
.WebPageMessageOK { width: 100%; border: solid 1px rgb(48,120,199); background: rgb(238,247,255); color: rgb(48,120,199); font-size: 14pt; font-family: Arial; padding: 10px; text-align: center; }
    .WebPageMessageOK td { text-align: center; }
.WebPageMessageWarning { width: 100%; border: solid 1px rgb(255,0,0); background: rgb(255,224,224); color: rgb(0,0,0); font-size: 14pt; font-family: Arial; padding: 10px; }
#bodyCap { border-top: solid 5px rgb(48,120,199); padding: 0px; margin: 0px; font-size: 1px; }
#filterForm td { vertical-align: middle; }
#footer { margin: 20px 0px; padding: 5px; border: solid 1px rgb(192,192,192); background-color: rgb(230,230,235); font-size: 8pt; text-align: right; }
    #footer li { padding: 0px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; }
        #footer li a { text-decoration: none; border: solid 1px rgb(230,230,235); background-color: rgb(230,230,235); padding: 3px; }
            #footer li a:hover { color: rgb(60,60,60); text-decoration: none; border: solid 1px rgb(60,60,60); background-color: rgb(235,235,235); padding: 3px; }
    #footer ul { padding: 0px; margin: 0px; }
#historySearch { text-align: center; }
    #historySearch td { text-align: left; }
#menu { float: left; }
    #menu li a { color: rgb(0,89,122); font-weight: bold; }
    #menu li, #searchBox li { padding: 0px 3px; list-style: none; display: inline; }
#navigation { box-sizing: content-box; width: auto; border: solid 1px rgb(196,196,196); clear: both; background-image: url(../../images/nav_background.gif); background-repeat: repeat-x; line-height: 28px; height: 28px; }
    #navigation ul { padding: 0px; margin: 0px; display: inline; }
#searchBox { float: right; }
h1.toggleHeader div { float: left; padding-right: 3px; display: inline; margin-top: 6px; }
h1.toggleHeader img { float: left; margin-left: -10px; display: inline; margin-top: 6px; padding-right: 3px; cursor: pointer; }
#tankUsage .summaryHeader { width: 50% !important; }
.userPermissions label { padding-right: 10px; }
#loginForm h1 { width: 300px; font-size: 14pt; font-weight: bold; line-height: 19pt; border-bottom: solid 1px; margin-bottom: 5px; }
#loginForm #submitError { color: red; padding: 4px; text-align: left; }
#selectTanks { min-width: 300px !important; }
#destinations { width: 300px; }
#pageMessages { display: inline; }
    #pageMessages table { margin-top: 10px; margin-bottom: 10px; text-align: left; }
        #pageMessages table td { font-size: 14pt; }
#header { width: 100%; }
    #header #logo { display: inline; float: left; }
    #header #info { display: inline; float: right; min-width: 440px; vertical-align: middle; }
        #header #info div { background: url(../../images/dots.gif) repeat-x bottom; line-height: 14px; padding: 3px 0px; }
        #header #info #login { color: rgb(48,120,199); }
        #header #info #admin { color: rgb(145,149,149); }
        #header #info #company { background-color: rgb(232,234,233); color: rgb(0,0,0); }
            #header #info #login span, #header #info #company span { vertical-align: baseline; }
#historyChart { text-align: center; }
    #historyChart img { text-align: center; }
#imgLogo { border: 0px; }
#content img { padding-right: 2px; }
#tankStatus #chartInfo { width: 300px; }
#InventoryChartDiv, #InventoryChartDiv div, #InventoryChartDiv table, #InventoryChartDiv tr, #InventoryChartDiv td, #InventoryChartDiv img { margin: 0px; padding: 0px; text-align: left; font-size: 1pt; display: block; border-collapse: collapse; border: 0px; }
.tDetailsHeader { font-size: 10pt; font-weight: bold; font-family: Arial; }
#ratePlanDropdown option { background: #fff; }
#ratePlanDropdown .highlight { background: yellow; }
.align-fix input { margin-left: -2px; }
.width-fix { width: 58px; }
.activeHeader { padding: 0 !important; }
.activeCheckboxes { width: 39px; }
    .activeCheckboxes a { padding-right: 15px; }
.historyTable .grid tr td:last-child input[type=checkbox] { margin-left: -7px; }

/* MODAL WINDOWS - GENERAL */
.modalWindow { background-color: rgb(255,255,255); padding: 0px; border: solid 1px rgb(100,100,100); }
.modalToolbar { background-color: rgb(240,240,240); text-align: right; padding: 2px; }
.modalContent { padding: 10px; background-color: #FFF; }
    .modalContent h3 { margin-bottom: 5px; }
    .modalContent p { margin: 5px 0px 0px 0px; }
    .modalContent label { width: 175px; clear: both; display: inline-block; float: left; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalBackdrop { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; }
.modalFrame { position: fixed; z-index: 9999; left: 50%; top: 50%; width: 900px; height: 225px; margin: -100px 0 0 -350px; }
.shipmentModalFrame { position: fixed; z-index: 9999; left: 50%; top: 50%; width: 900px; height: 225px; margin: -200px 0 0 -350px; }
/*.modalFrame { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; height: 345px; width: 934px;}
.shipmentModalFrame { margin: auto;	position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 345px; width: 934px; z-index: 9999;}*/
.modalFrame .modalContent { position: relative; }
/*.modalFrame .modalContent:before { content: ''; position: absolute; z-index: -1; top: 5px; left: 5px; width: 100%; height: 100%; background: #000; }*/
.modalWindow .scroll { height: 873px; overflow-y: scroll; }

/* E-mail Alerts */
#Alarm, #ParentAlarms { width: 100%; }
    #Alarm th, #Alarm td, #ParentAlarms th, #ParentAlarms td { border-collapse: collapse; margin: 0px; border: 0px; vertical-align: middle; }
    #Alarm .txtbox { width: 125px; }
    #Alarm .center, #ParentAlarms .center { text-align: center !important; }
    #Alarm .zero, #ParentAlarms .zero { width: 0% !important; display: none; visibility: hidden; }
    #Alarm .five, #ParentAlarms .five { width: 5% !important; }
    #Alarm .seven, #ParentAlarms .seven { width: 7% !important; }
    #Alarm .nine, #ParentAlarms .nine { width: 9% !important; }
    #Alarm .thirteen, #ParentAlarms .thirteen { width: 13.5% !important; }
    #Alarm .altRow, #ParentAlarms .altRow { background-color: rgb(230,230,230); }

/* On page notes */
.twoColumnDetail .fourColNotes th, .triColumnDetail .fourColNotes th, .fourColNotes th { text-align: left; width: 100%; }
.twoColumnDetail .fourColNotes .icon, .triColumnDetail .fourColNotes .icon, .fourColNotes .icon { width: 20px !important; }
.twoColumnDetail .fourColNotes .createdBy, .triColumnDetail .fourColNotes .createdBy, .fourColNotes .createdBy { width: 20% !important; }
.twoColumnDetail .fourColNotes .createdOn, .triColumnDetail .fourColNotes .createdOn, .fourColNotes .createdOn { width: 20% !important; }
.twoColumnDetail .fourColNotes .note, .triColumnDetail .fourColNotes .note, .fourColNotes .note { width: 60% !important; }
.fourColNotes .deleteNote { padding: 0 10px; width: 40px; }

.twoColumnDetail .addNote .note, .triColumnDetail .addNote .note, .addNote .note { width: 100% !important; }
    .twoColumnDetail .addNote .note textarea, .triColumnDetail .addNote .note textarea, .addNote .note textarea { height: 70px; width: 100%; }
.twoColumnDetail .addNote .newNoteSubmit, .triColumnDetail .addNote .newNoteSubmit, .addNote .newNoteSubmit { vertical-align: bottom; text-align: right; }
/*.twoColumnDetail .addNote .newNoteSubmit input[type=submit], .triColumnDetail .addNote .newNoteSubmit input[type=submit], .addNote .newNoteSubmit input[type=submit]{ width: 160px !important; padding: 6px;}*/

.notesWrapper { width: 100% !important; }
    .notesWrapper td.noteWrapperCell { width: auto !important; vertical-align: bottom !important; }
    .notesWrapper td.padded { padding-bottom: 7px !important; }

/* Column Add/Remove */
#sortWrapper { width: 100%; }
    #sortWrapper .sortColumn { width: 50%; }
#sortOptions { border: solid 1px rgb(200,200,200); background-color: rgb(240,240,240); width: 100%; }
    #sortOptions th, #sortOptions td { vertical-align: middle; }
    #sortOptions th { text-align: left; }
    #sortOptions .right { text-align: right; }
#tankColumns { width: 100%; }
    #tankColumns .middle { vertical-align: middle; }

body { max-width: 100%; }

/*Fusion Gadgets: Use Speed Over Flash settings*/
.fusionwidgetBorder { border: 2px #333333 solid !important; }
.tempGaugeOuter { width: 20px; height: 150px; }
.tempGaugeInner { width: 20px; background-color: #FFF; }
.tankBatteryEmptyHigh { width: 100px; height: 28px; background-image: url(../../images/BatteryLevel_High_Empty.png); }
.tankBatteryFullHigh { height: 28px; background-image: url(../../images/BatteryLevel_High_Full.png); }
.tankBatteryEmptyLow { width: 100px; height: 28px; background-image: url(../../images/BatteryLevel_Low_Empty.png); }
.tankBatteryFullLow { height: 28px; background-image: url(../../images/BatteryLevel_Low_Full.png); }
.tankSignalEmpty { width: 100px; height: 20px; background-image: url(../../images/SignalStrengthOff.png); }
.tankSignalFull { height: 20px; background-image: url(../../images/SignalStrength.png); }
.tankLevelFull { width: 85px; height: 150px; background-image: url(../../images/TankLevel_Full.png); }
.tankLevelLow { width: 85px; height: 150px; background-image: url(../../images/TankLevel_Low.png); }
.tankLevelEmpty { width: 85px; background-image: url(../../images/TankLevel_Empty.png); }

/* Login */
#loginForm { text-align: center !important; padding-top: 25px; }
.loginWrapper { width: 300px; margin: 0px; margin-left: 35%; padding: 0px; }
    .loginWrapper ol { margin: 0px; padding: 0px; }
    .loginWrapper .FieldValue { width: 110px; }
    .loginWrapper li { margin: 0px; padding: 0px; list-style-type: none; line-height: 20px; }
        .loginWrapper li label { display: block; float: left; line-height: 10px; width: 125px; padding: 3px; text-align: right; }

/* Delivery Efficiency Report Config Section */
.action { clear: both; text-align: right; }
.half_col { float: left; width: 50%; padding: 5px 0; min-width: 490px; }
.col_right { text-align: left; width: 50%; }
.date_range { padding: 4px 0; }
    .date_range table td { vertical-align: middle; }
table.data_types { width: 85%; }
#delivery_vars { clear: both; padding-top: 10px; background: url("../../images/dots.gif") repeat-x 0 0; }
    #delivery_vars div.define_vars { padding-bottom: 5px; }
    #delivery_vars .avg_cost, #delivery_vars .target_perc { float: left; width: 25%; }
    #delivery_vars .avg_cost { width: 300px; }
    #delivery_vars .target_perc { width: 350px; }
        #delivery_vars .avg_cost span, #delivery_vars .target_perc span { display: block; }

/* Tooltips */
#dhtmltooltip { position: absolute; left: -300px; width: 400px; border: 1px solid rgb(249,229,139); padding: 10px; background-color: rgb(252,244,210); visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); font-size: 8pt; }
#dhtmlpointer { position: absolute; left: -300px; z-index: 101; visibility: hidden; }
.statusList { float: left; width: 450px; margin: 0; padding: 0; list-style: none; }
.statusItem { float: left; width: 225px; margin: 0; padding: 0; }

/* Home page */
.inventoryColumn { width: 70px; }
.volumeColumn { width: 40px; }
    .volumeColumn A, .inventoryColumn A { padding: 0px; }

/* Div layout */
.detailItemFifty { float: right; width: 50%; }
.detailItemTwoThirds { float: right; width: 67%; }
.detailRow { clear: none; float: left; padding: 5px; width: 90%; }
.colOneOfThree { float: left; }
.colTwoOfThree { position: relative; float: left; }
.colThreeOfThree { float: right; }
.colOneOfTwo { float: left; }
.colTwoOfTwo { float: right; }

/* Tank Setup classes */
#pager { padding-bottom: 5px; }
    #pager a { font-size: 16px; font-weight: bold; padding: 3px; }
#pagerLarge { padding-bottom: 5px; }
    #pagerLarge a { font-size: 22px; font-weight: bold; padding: 3px; }
#PhotoScroller { width: 180px; height: 135px; }
#LargePhotoScroller { width: 720px; height: 540px; }
.activeSlide { background: rgb(219,219,219); }

/* Location Map */
#LocationMapArea img { float: left; width: auto; clear: both; }
.locationLeft { float: right; clear: both; width: auto; }

#TankMapArea .colOneOfTwo { width: 33%; height: 500px; overflow: scroll; }
/*
.progressmessage { width: 520px;height: 20px; left: 50%; top:50%; margin-left: -260px;margin-top:-30px ; z-index:9999; background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #C8C7B5; border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 10px; padding: 25px 25px 20px; position: fixed; }
.overlay{ width: 100%;background: URL(../../images/overlay.png);position: fixed;height: 100%;z-index: 9000;top: 0px;left: 0px;}
*/

.Notify { font-size: 14pt; text-align: center; color: darkorange; }


/* CSO Control */
#header #info .cso-control { background: none; position: relative; min-height: 22px }
    #header #info .cso-control div { background: none; margin: 0; padding: 0; }
    #header #info .cso-control .cso-select-button-top span { float: right; margin-right: 0px; }
    #header #info .cso-control .cso-select-button-top { margin-top: -25px; }
    #header #info .cso-control .cso-link { margin: 0; padding: 2px 4px; line-height: 17px; position: relative; z-index: 300; display: inline-block; width: 90%; border: 1px solid transparent; }
#header #info .cso-link:hover { border-color: #bbb; background: #f7f7f7; cursor: pointer; }
#header #info .panel-open .cso-link { border-color: #bbb; border-bottom-width: 0; background: #f7f7f7; display: inline-block; width: 90%; }
#header #info .cso-link .cso-label { font-weight: bold; }
#header #info .cso-control .cso-panel { position: absolute; margin-top: -4px; box-shadow: -2px 2px 4px rgba(0,0,0,0.3); top: 100%; right: 0; min-width: 650px; background: #f7f7f7; border: 1px solid #bbb; z-index: 9999; }
#header #info .cso-panel .cso-no-matches { padding: 5px 5px; font-size: 11px; }
.cso-button { background: #fff; font-size: 11px; padding: 5px 11px 4px 11px; border: 1px solid #bbb; }
.cso-search-input { padding: 4px 3px; font-size: 11px; /*float:right;*/ width: 330px; float: none; position: absolute; top: 6px; margin-right: 0; outline: none; }
.cso-button:hover { border-color: #999; background: #fff; cursor: pointer; box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
#header #info .cso-control .cso-header { padding: 4px 5px 2px 5px; overflow: auto; padding-top: 10px; }
.cso-header .cso-header-title { font-size: 11px; font-family: sans-serif; font-weight: bold; text-transform: uppercase; color: #aaa; letter-spacing: 1px; }
.cso-header .cso-close-button { float: right; display: none; }
#header #info .cso-control .cso-search-bar { padding: 2px 5px; margin-bottom: 2px; overflow: auto; overflow: hidden; }
.cso-search-bar .cso-search-button { /*float:right;*/ float: none; position: absolute; top: 6px; right: 0; margin-right: 5px; }
    .cso-search-bar .cso-search-button:before { content: " "; background-color: #f7f7f7; width: 5px; height: 25px; display: block; position: absolute; top: -1px; left: -7px; border-left: 1px solid #a9a9a9; }
.cso-search-bar .cso-tree-header-title { font-size: 11px; font-family: sans-serif; font-weight: bold; text-transform: uppercase; color: #aaa; letter-spacing: 1px; padding-top: 15px; width: 248px; display: inline-block; }
.cso-search-container { display: inline-block; }
#header #info .cso-control .cso-body { border: solid #bbb; background: #fff; border-width: 1px 0 1px 0; height: 300px; overflow: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cso-drilldown-wrap { width: 40%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #bbb; float: left; }
.cso-tree-wrap { margin-left: -1px; width: 60%; height: 100%; overflow: hidden; float: left; }
#header #info .cso-control .cso-footer { padding: 5px 5px; overflow: auto; }
.cso-footer .cso-select-button { float: right; margin-right: 0px; }
#header #info .cso-control .cso-org-row { line-height: 27px; padding-left: 5px; border-bottom: 1px solid #bbb; position: relative; }
    #header #info .cso-control .cso-org-row:hover { background: #eee; cursor: pointer; }
#header #info .cso-control .cso-org-row-text:before { content: ":: "; }
#header #info .cso-control .cso-org-child-button { float: right; padding-right: 5px; width: 20px; height: 25px; background-color: gray; }
#header #info .cso-control .cso-org-row.cso-selected { background-color: #eee; }
#header #info .cso-control .cso-az-filter:after { /*position: fixed;*/ }
/*#header #info .cso-control div[data-action="selectOrg"]:first-child {
	margin-top: 34px!important;
}*/
#header #info .cso-control .cso-az-filter .cso-az-filter-item { width: 20%; margin: 0px; display: inline-block; background-color: #333; color: #fff; border-right: 1px solid white; text-align: center; font-weight: bold; padding: 10px 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
    #header #info .cso-control .cso-az-filter .cso-az-filter-item:hover { text-decoration: underline; }
    #header #info .cso-control .cso-az-filter .cso-az-filter-item:last-child { border: none; }
#header #info .cso-control .cso-org-row i { margin: 8px 10px 0 0; float: right; font-size: 1.2em; }
#header #info .cso-control .cso-org-list-wrap { overflow: auto; height: 300px; }
#header #info .cso-control div.cso-az-filter + div.cso-org-list-wrap { height: 264px; /*position: fixed;*/ }

/* Search */
.cso-search { padding: 15px 20px !important; }
    .cso-search .backToOrg { color: #026FC8; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; }
        .cso-search .backToOrg:before { content: '\2039'; margin-right: 3px; }
    .cso-search ul { padding: 0; }
        .cso-search ul li { font-family: Arial; font-size: 12px; line-height: 18px; list-style: none; border-top: #eee 1px solid; padding: 5px 29px; margin: 0 -20px; cursor: pointer; }
            .cso-search ul li:hover, .cso-search ul li:hover:nth-child(odd) { background: #eee; }
            .cso-search ul li:nth-child(odd) { background: #fbfbfb; }
            .cso-search ul li span { color: #026FC8; font-weight: bold; margin: 0; vertical-align: baseline; }
.Notify { font-size: 14pt; text-align: center; color: darkorange; }

select[disabled ="disabled"] { background: #eee; color: gray !important; }

.passModal { position: fixed; height: 100%; width: 100%; background-color: rgba(50,50,50,.75); top: 0; left: 0; z-index: 99999; }
    .passModal h1 { width: 50%; margin: 100px auto 0 auto; box-sizing: border-box; padding-left: 10px; }
    .passModal table { width: 50%; padding: 15px 0; border: 1px solid #000; background-color: #fff; }
    .passModal li { color: tomato; list-style: none; }
    .passModal ul { color: tomato; margin: 5px 0 0 2px; padding: 0; }
    .passModal input[type="submit"] { margin-top: 15px; }
.formTable table { border-spacing: 0; }
[data-bb="password-validator"] ul { margin: 0; padding: 0; }
[data-bb="password-validator"] li { list-style: none; }
[data-bb="password-validator"] .valid:before { content: "\f00c"; font-family: FontAwesome; color: green; vertical-align: text-bottom; margin: 0 3px 0 0; }
[data-bb="password-validator"] .invalid:before { content: "\f00d"; font-family: FontAwesome; color: red; vertical-align: text-bottom; margin: 0 3px 0 0; }

[data-bb="password-validator"] .pending:before { content: "\f013"; font-family: FontAwesome; color: gray; vertical-align: text-bottom; margin: 0 3px 0 0; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
.passModal .loading { text-align: center; font-size: 40px; color: #fff; width: 250px; margin: 150px auto 0 auto; padding: 30px; /*background-color:#fff;
    border: 2px solid;
    border-radius:5px;*/ }

i.fa-mobile { font-size: 1.8em; color: orange; padding-right: 2px; vertical-align: middle; }
div.mobile-icon { display: inline-block; }

.ultrasonicWizard { margin-top: 20px; min-width: 380px; border-spacing: 5px; }

    .ultrasonicWizard h3 { float: right; }
    .ultrasonicWizard td { width: 25%; }

        .ultrasonicWizard td.literal { padding-top: 3px; width: 50%; }

.refreshImage { float: right; padding-left: 20px; }
[class^="icon-"] { padding-right: 5px; }
div.guestName { font-size: 1.2em; text-transform: uppercase; padding: 0 45px; text-align: right; }

/**Device Within Range**/
div#AssignHostDevice { display: inline; }
div#deviceWithinRange { }
    div#deviceWithinRange td.summaryHeader { font-size: 10px; height: 16px; width: 240px; }
td.tankSearchLink a { cursor: pointer; }
.background-red { background-color: red; }

.svgIcon { height: 20px; width: 20px; }
.smallSvgIcon { height: 15px; width: 15px; }
.smallerSvgIcon { height: 10px; width: 10px; }
.svgAlignMiddle { vertical-align: middle; }
.svgExpandCollapse { width: 12px; height: 9px; padding-left: 2px; }

/** PRODUCT LIST**/
.product-list-add-area { max-height: 400px; overflow-y: scroll; border: 1px solid #a9a9a9; }
.product-list .product-list-select-all { width: 33%; }
.product-list .product-list-add-selected-button-area { width: 66%; margin-right: 0; padding-right: 0 }
    .product-list .product-list-add-selected-button-area input[type="submit"] { float: right; margin-right: 0; }
.product-list-edit-area { max-height: 400px; overflow-y: scroll; }
    .product-list-edit-area .product-list-edit-header { position: fixed; }
.product-list .product-list-edit-area { max-height: 400px; overflow-y: scroll; }
.seventy-five-percent-width { width: 75%; }
.fifty-percent-width { width: 50%; }
.product-list-page .modalContent label { width: 100%; }
.addProductModal .error-column { padding-left: 10px; }
.add-product-button { }
.bulk-product-list { width: 50%; }
    .bulk-product-list .summaryHeader { padding: 5px; }
.add-to-product-list { width: 50%; }
.product-list .normal-weight { font-weight: normal; }
.product-list-page .modalFrame { max-width: 600px; height: initial; }
.product-list-page .modalContent { display: block; height: 100%; }
.searchBtnIcon a { background-image: url(".../.../images/icon_search.gif"); }
.indent-line { padding-left: 40px; }
.centerElement { margin-left: auto; margin-right: auto; text-align: center; }

th.sortAsc a { display: inline; background: url("../../images/icon_arrow_up_black.svg") no-repeat left; padding-left: 20px; }
th.sortDesc a { display: inline; background: url("../../images/icon_arrow_down_black.svg") no-repeat left; padding-left: 20px; }
th.sortAsc_LeftHeader a,
.gridWithSortIcons.sortAsc_LeftHeader a,
.data-feed-ftp-connections-grid.sortAsc_LeftHeader a { display: inline; background: url("../../images/icon_arrow_up_black.svg") no-repeat left; padding-left: 20px; }
th.sortDesc_LeftHeader a,
.gridWithSortIcons.sortDesc_LeftHeader a,
.data-feed-ftp-connections-grid.sortDesc_LeftHeader a { display: inline; background: url("../../images/icon_arrow_down_black.svg") no-repeat left; padding-left: 20px; }

.padding-5 { padding: 5px; }
.full-width { width: 100%; }
.normal-weight { font-weight: normal; }

/** DATA FEED */
#dataFeedLoading .loadingMessage { width: 40px; height: 35px; left: 50%; top: 50%; margin-left: -20px; margin-top: -30px; z-index: 9999; background: none repeat scroll 0 0 #FFFFFF; border: 3px solid #C8C7B5; border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 10px; padding: 25px 25px 25px 25px; position: fixed; }
#dataFeedLoading .overlay { width: 100%; background: URL(../../images/overlay.png); position: fixed; height: 100%; z-index: 9000; top: 0px; left: 0px; }

.data-feed-tank-detail td { min-width: 300px; margin-left: 0; padding-left: 0; }
.data-feed-tank-detail .summaryHeader { padding: 5px; }
.data-feed-tank-detail input[type='text'] { width: 95%; }
    .data-feed-tank-detail input[type='text'].seventy-five-percent-width { width: 75%; }
.data-feed-tank-detail textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: none; height: 4em; }
.data-feed-tank-detail select { width: 76%; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.data-feed-ftp-connections-grid a { padding-left: 0; }

span.data-feed-output-label { display: block; width: 100%; height: 4em; padding: 2px; border: 1px solid rgb(169, 169, 169); }

/*
    TVP-related Styling
*/
.tl-options-subpanel button:disabled,
.tl-filter-panel-control button:disabled,
.tl-tankViewProfile-subpanel button:disabled { color: GrayText; cursor: default; }
.tl-tankViewProfile-subpanel table td { display: inline-block }
.tl-tankViewProfile-subpanel table tr { padding: 10px; }
.tl-tankViewProfile-subpanel { min-width: 700px; }
    .tl-tankViewProfile-subpanel p { font-weight: bold; font-size: 10px; font-family: verdana, sans-serif; margin: 1px }
    .tl-tankViewProfile-subpanel button { width: 86px; font-size: xx-small; border-radius: 3px }
    .tl-tankViewProfile-subpanel .leftPanel { float: left; width: 78%; }
    .tl-tankViewProfile-subpanel .rightPanel { float: right; vertical-align: top; width: 100px; text-align: left; }
    .tl-tankViewProfile-subpanel input, .tl-tankViewProfile-subpanel select, .tl-tankViewProfile-subpanel button.open-tvp-modal { width: 100%; text-align: center; font-size: xx-small; text-overflow: ellipsis; border-radius: initial; }
        .tl-tankViewProfile-subpanel button.open-tvp-modal li { width: 100%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .tl-tankViewProfile-subpanel input { max-width: 99%; text-align: center; font-size: xx-small; }
    .tl-tankViewProfile-subpanel table, .tl-tankViewProfile-subpanel tr.open-tvp-modal { width: 100%; }
    .tl-tankViewProfile-subpanel .open-tvp-modal ul { padding-left: 15px; list-style: circle; list-style-position: inside; }
    .tl-tankViewProfile-subpanel .open-tvp-modal-right { display: inline-block; text-align: left; float: right; }
    .tl-tankViewProfile-subpanel .open-tvp-modal-left { width: 95%; display: inline-block; text-align: left; }
    .tl-tankViewProfile-subpanel .errorMessage { color: red; vertical-align: text-bottom; }
    .tl-tankViewProfile-subpanel .warningMessage { color: orange; vertical-align: text-top; }
    .tl-tankViewProfile-subpanel .confirmationMessage { color: blue; text-align: right; }
    .tl-tankViewProfile-subpanel tr.tvp-divider td { margin-bottom: 15px; }
    .tl-tankViewProfile-subpanel .default-tvp { margin-bottom: 8px; }
.tl-options-subpanel.tl-margin-top { margin-top: 39px; }
.tl-options-subpanel .confirmationMessage { color: blue;}
.tl-options-subpanel .confirmationMessage::after {content: "\00a0";}
.tl-tankViewProfile-subpanel i.icon-circle { font-size: 0.25em; }
.tl-options-subpanel .tl-sort-subpanel { display: block; width: 100%; float: left; padding: 5px; }
    .tl-options-subpanel .tl-sort-subpanel select { width: 40%; }
.tl-options-subpanel i.icon-warning-sign { color: orange; font-size: 16px; display: inline-block; vertical-align: bottom; }
div.tvp-tooltip { width: 500px; text-align: center; padding: 10px; }


/* TVP MODAL STYLING*/
.tl-tankViewProfile-Modal { margin: 30px; position: absolute; top: 10%; left: 16%; width: 60%; height: 60%; z-index: 9999; }
    .tl-tankViewProfile-Modal p { margin: 0px; }
    .tl-tankViewProfile-Modal #tvpGridControls { padding: 20px 0px 5px 0px; width: 100%; display: inline-block; }
    .tl-tankViewProfile-Modal table.gridWithScroll { border: 1px black solid }
        .tl-tankViewProfile-Modal table.gridWithScroll tr { border-bottom: solid .5px black; width: 100%; }
    .tl-tankViewProfile-Modal [data-bb="includeChildProfilesCheckbox"] { cursor: default; }
    .tl-tankViewProfile-Modal table.gridWithScroll tbody,
    .tl-tankViewProfile-Modal table.gridWithScroll thead .tl-tankViewProfile-Modal table.gridWithScroll th,
    .tl-tankViewProfile-Modal table.gridWithScroll tr { display: block; text-align: left; }
table.gridWithScroll td:nth-child(1),
table.gridWithScroll th:nth-child(1) { width: 15px; display: inline-block; }
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(1),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(1) { width: 15px; display: inline-block; padding-left: 0px; padding-right: 0px;}
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(2),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(2) { width: 15px; display: inline-block; padding-left: 0px; padding-right: 0px; text-align:right;}
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(3),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(3) { width: 30%;  display: inline-block; padding-left: 0px;}
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(4),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(4) { width: 20%; display: inline-block; }
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(5),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(5) { width: 15%; display: inline-block; }
.tl-tankViewProfile-Modal table.gridWithScroll td:nth-child(6),
.tl-tankViewProfile-Modal table.gridWithScroll th:nth-child(6) {display: inline-block; }
.tl-tankViewProfile-Modal table.gridWithScroll tbody { height: 300px; overflow-y: auto; }
.tl-tankViewProfile-Modal table.gridWithScroll thead { width: 97%; width: calc(100% - 17px); }
.tl-tankViewProfile-Modal select.modal-sort-select { width: 200px; display: inline-block; }
.tl-tankViewProfile-Modal .modal-filter-group { display: inline-block; }
.tl-tankViewProfile-Modal .modalContent label { width: auto; }
.tl-tankViewProfile-Modal input[type='checkbox'] { height: 16px; }
.tl-tankviewProfile-admin-loader { margin-top: 16px; }

.header-spacing { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.report-detail-panel { width: 600px; }
    .report-detail-panel input[type='text'], .report-detail-panel select { width: 100%; }
a.copyReportIcon img { width: 15px; height: 15px; }
span.skybitzRequired { color: red; font-weight: bolder; font-size: 14px; }

.error { color: red; }
.warningTriangle { color: #db7e04; }

.button-red {background: rgba(255,0,0, 1) !important;color: #FFFFFF !important;}
.button-green {background: rgb(36, 167, 87) !important;color: #FFFFFF !important;}
.button-gray {background: rgb(149, 152, 150) !important;color: #FFFFFF !important;}
.messagerow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.messagecolumn {
    flex-basis: 100%;
}

@media screen and (min-width: 800px) {
    .messagecolumn {
        flex: 1;
    }
}
.disableReportLink a {
    pointer-events: none;
    text-decoration: none;
    color: black;
}