/* SCSS file containing common styles used across Truckcom*/
html, body, main {
  height: 100% !important;
  width: 100% !important; }

body {
  font-family: 'Segoe UI', Helvetica, Verdana, sans-serif !important;
  padding-top: 50px; }

:focus {
  outline: none !important; }

/* Used to make sure popups and popovers are given the correct z-index - see Truckcom.js function insertListener*/
@keyframes nodeInserted {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

/* Used to make sure popups and popovers are given the correct z-index - see Truckcom.js function insertListener*/
.Truckcom_Popup_Container > .dx-overlay-wrapper, body > .dx-overlay-wrapper, body > .dx-toast {
  animation-duration: 0.001s;
  animation-name: nodeInserted; }

/* Dev extreme overrides */
.dx-dropdowneditor-overlay .dx-overlay-content {
  min-width: 200px; }

.dx-datagrid .dx-row > td {
  padding: 4px; }

.dx-scrollbar-vertical {
  width: 15px !important; }

.dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 15px !important; }

.dx-scrollbar-horizontal {
  height: 15px !important; }

.dx-command-select {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important; }

.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 15px !important; }

.dx-datagrid-rowsview .dx-select-checkboxes-hidden .dx-select-checkbox {
  display: block !important; }

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  border-color: #e6e6e6; }

.dx-datagrid-revert-tooltip, .dx-datagrid-revert-tooltip .dx-revert-button {
  visibility: hidden; }

.dx-widget {
  font-size: 12px; }

.dx-overlay-shader {
  background-color: rgba(128, 128, 128, 0.5) !important; }

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  padding-bottom: 0 !important; }

.dx-popup-title .dx-toolbar-before {
  max-width: 100% !important; }

.dx-form-validation-summary {
  height: 20px; }

a:not([href]):not([tabindex]) {
  text-decoration: underline; }

.dx-scrollable-wrapper .dx-loadindicator-content {
  display: none; }

.dx-htmleditor {
  border: 1px solid #d4d4d4; }

.dx-overlay-wrapper:not(.dx-popover-wrapper) > .dx-popup-content {
  padding: 20px 20px 0 20px; }

.dx-overlay-wrapper.dx-popover-wrapper .dx-toolbar.dx-popup-bottom {
  padding: 0 10px !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .dx-popup-content {
    padding-bottom: 10px !important; }
  .shepherd-element {
    box-shadow: 0 1px 4px #000; } }

.dx-popup-bottom.dx-toolbar {
  padding: 20px;
  padding-top: 0; }

.dx-row:not(.dx-datagrid-filter-row) .CursorSelectable_Selector.dx-editor-cell {
  padding: 5px !important;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis; }

.dx-popup-content .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  margin-right: -15px; }

.dx-popup-content .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  margin-bottom: -15px; }

.Truckcom_Data_Grid .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  margin-right: 0 !important; }

.Truckcom_Data_Grid .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  margin-bottom: 0 !important; }

.Truckcom_Grid_Row .dx-radiobutton {
  margin-bottom: 4px;
  line-height: 23px; }

.dx-button-mode-contained.dx-state-hover:not(.dx-button-default) {
  background-color: #ddd; }

.dropdown-toggle::after {
  vertical-align: 0.1em !important; }

.dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: inherit !important; }

.dx-context-menu .dx-menu-items-container {
  padding: 0 !important; }

.dx-context-menu .dx-menu-items-container .dx-menu-item-wrapper {
  line-height: 21px;
  height: 22px; }

.dx-context-menu .dx-menu-items-container .dx-menu-item-wrapper i {
  font-size: 13px; }

.dx-fileuploader-button {
  background-color: #ce3a2a !important;
  color: #fff !important; }

.dx-popup-wrapper:not(.dx-datagrid-column-chooser) .dx-popup-title .dx-closebutton .dx-button-content .dx-icon-close {
  color: #fff; }

.dx-popup-title .dx-closebutton.dx-state-hover {
  background: 0 0; }

.dx-submenu .dx-menu-item-content {
  padding: 3px !important;
  line-height: 12px; }

.dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close {
  padding-top: 13px;
  width: 48px;
  height: 48px;
  text-align: center; }

.dx-fa-button .dx-fa-button-icon i {
  font-size: 20px; }

.dx-fa-button .dx-overlay-content {
  max-width: 48px;
  max-height: 48px;
  background-color: #fff;
  color: #333;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  cursor: pointer; }

.dx-textbox.dx-state-disabled input {
  color: #999 !important; }

.dx-datagrid-rowsview .dx-row.dx-selection {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.dx-toast-error .dx-toast-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC); }

.dx-datagrid-text-content.dx-header-filter-indicator {
  text-overflow: clip !important; }

td[role=columnheader] {
  text-align: left !important;
  cursor: pointer !important; }

/* End Dev extreme overrides */
/*Nav menu */
@media (max-width: 1550px) {
  .Truckcom_Navbar_Main, .Truckcom_Secondary_Navbar, .Truckcom_Navbar_Dropdown_Menu, .Truckcom_Navbar_Dropdown .dx-checkbox-text {
    font-size: 0.7rem !important; }
  .Truckcom_Navbar_Main > .navbar-collapse, .Truckcom_Navbar_Main > .navbar-collapse > * {
    line-height: 12px !important; }
  .Truckcom_Navbar_Main, .Truckcom_Navbar_Notifications li a {
    height: 26px !important; }
  .Truckcom_Secondary_Navbar {
    margin-top: 26px !important;
    height: 26px !important; }
  .Truckcom_Grid_SecondaryNav {
    padding-top: 5px !important; }
  .Truckcom_Grid_WithCheckbox_ExtraRow .Truckcom_LinkedDateFilters_CheckBox {
    top: 0 !important; }
  .Truckcom_Main_Container {
    overflow-y: auto;
    overflow-x: hidden; } }

.Truckcom_Navbar_Main {
  height: 50px;
  padding: 0 !important; }

.Truckcom_TestSystem .Truckcom_Navbar_Main, .Truckcom_TestSystem.Truckcom_Login_MessageArea, .Truckcom_TestSystem .dx-popup-title {
  background-color: orangered !important; }

.Truckcom_ShadowDB .Truckcom_Navbar_Main, .Truckcom_ShadowDB.Truckcom_Login_MessageArea, .Truckcom_ShadowDB .dx-popup-title {
  background-color: deeppink !important; }

.Truckcom_Navbar_Logo {
  display: block; }

.Truckcom_Navbar_Main > .navbar-nav > img {
  max-height: 50px;
  max-width: 200px; }

.Truckcom_Navbar_Main > .navbar-collapse, .Truckcom_Navbar_Main > .navbar-collapse > * {
  height: 100%;
  line-height: 34px; }

.navbar-item .Truckcom_Navbar_Dropdown_Active .Truckcom_Navbar_Dropdown_Menu::before, .navbar-item .Truckcom_Navbar_Dropdown:hover .Truckcom_Navbar_Dropdown_Menu::before {
  content: "";
  width: 50%;
  height: 50px;
  position: absolute;
  top: -50px;
  z-index: 100; }

.Truckcom_Navbar_Notifications li.Truckcom_Navbar_Dropdown_Active .Truckcom_Navbar_Dropdown_Menu::before, .Truckcom_Navbar_Notifications li:hover .Truckcom_Navbar_Dropdown_Menu::before {
  width: 50%;
  right: 20px;
  content: "";
  height: 20px;
  position: absolute;
  top: -20px;
  z-index: 100; }

.Truckcom_User_Dropdown.Truckcom_Navbar_Dropdown_Active .Truckcom_Navbar_Dropdown_Menu:not(.Truckcom_Dropdown_Menu_Side_Content_Left)::before, .Truckcom_User_Dropdown:hover .Truckcom_Navbar_Dropdown_Menu:not(.Truckcom_Dropdown_Menu_Side_Content_Left)::before {
  width: 50%;
  left: 10px;
  content: "";
  height: 20px;
  position: absolute;
  top: -20px;
  z-index: 100; }

.Truckcom_Navbar_Dropdown .dx-checkbox-text {
  font-size: 14px; }

.Truckcom_Dropdown_Menu_Side_Content_Left::before {
  content: "";
  width: 250px;
  height: 50px;
  position: absolute;
  top: -50px;
  z-index: 100; }

.Truckcom_Dropdown_Menu_Side_Content_Left::after {
  content: "";
  width: 30px;
  height: 50px;
  position: absolute;
  bottom: 0;
  z-index: 100;
  right: -30px; }

.Truckcom_Navbar_Dropdown:hover .Truckcom_Navbar_Dropdown_Menu:not(.Truckcom_Dropdown_Menu_Side_Content_Left):not(.Truckcom_Dropdown_Menu_Side_Content_Right) {
  display: block; }

.guidesDropDownMenu {
  overflow-y: auto;
  max-height: 460.625px; }

.nav-link.disabled .Truckcom_Navbar_Dropdown_Menu {
  display: none; }

.Truckcom_Navbar_Dropdown_Menu {
  margin-right: -1rem;
  border-radius: 0;
  margin-top: 0 !important;
  font-size: 0.9rem;
  min-width: 200px;
  border: none;
  padding: 0;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  box-sizing: border-box; }

.Truckcom_Navbar_Dropdown_Menu .dropdown-item {
  padding: 0.25rem 1rem; }

.Truckcom_User_Dropdown .dropdown-toggle::after {
  margin-left: 0.1em !important; }

.Truckcom_Dropdown_Menu_Side {
  position: relative; }

.Truckcom_Dropdown_Menu_Side_Content_Right {
  display: none;
  left: 200px;
  top: 0; }

.Truckcom_Dropdown_Menu_Side_Content_Left {
  display: none;
  left: -200px;
  top: 0; }

.Truckcom_Dropdown_Menu_Side_Content_Arrow {
  position: absolute;
  right: 10px;
  top: 15px; }

.Truckcom_Dropdown_Menu_Side:hover .Truckcom_Dropdown_Menu_Side_Content_Right, .Truckcom_Dropdown_Menu_Side:hover .Truckcom_Dropdown_Menu_Side_Content_Left {
  display: block; }

.Truckcom_Theme_Dropdown {
  display: inline-flex;
  width: 100px;
  cursor: pointer; }

.Truckcom_Theme_Dropdown .nav-link {
  padding-left: 0 !important; }

.Truckcom_Theme_Dropdown_Container:hover .Truckcom_Navbar_Dropdown_Menu_Theme {
  display: block; }

.Truckcom_Navbar_Dropdown_Menu_Theme {
  font-size: 0.9rem;
  padding: 0;
  margin-top: 0; }

.Truckcom_Navbar_Dropdown_Menu .dropdown-item .dx-selectbox {
  width: 100px;
  display: inline-flex; }

.Truckcom_Navbar_Notifications {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.Truckcom_Navbar_Notifications li {
  position: relative;
  float: left; }

.Truckcom_Navbar_Notifications li a {
  width: 40px;
  height: 50px;
  padding: 10px 0;
  text-align: center; }

.Truckcom_Navbar_Notifications li:hover .Truckcom_Navbar_Dropdown_Menu {
  display: block; }

.Truckcom_Navbar_Notifications li .Truckcom_Navbar_Dropdown_Menu {
  right: 15px;
  padding: 10px 0; }

.Truckcom_Navbar_Notifications li.DisplayNotification .Truckcom_Navbar_Dropdown_Menu {
  padding: 0; }

.Truckcom_Navbar_Notifications .Truckcom_Navbar_Dropdown_Menu .dropdown-item a {
  padding: 0 !important; }

.Truckcom_Navbar_Dropdown_Menu a {
  width: 100% !important;
  height: inherit !important;
  text-align: left !important; }

.Truckcom_Navbar_Dropdown_Guide a {
  height: 50px !important; }

.Truckcom_Navbar_Notification_Label {
  position: absolute;
  top: 9px;
  right: 2px;
  text-align: center;
  font-size: 9px;
  padding: 3px 0;
  line-height: .9;
  width: 14px;
  height: 14px;
  font-weight: 800;
  display: none;
  border-radius: 14px; }

.Truckcom_Secondary_Navbar .Truckcom_Navbar_Notification_Label {
  top: 2px;
  right: 0;
  padding-left: 0 !important; }

.Truckcom_Navbar_SubItem_Notification {
  position: relative; }

.Truckcom_Navbar_SubItem_Notification .Truckcom_Navbar_Notification_Label {
  left: 2px;
  right: 0; }

.Truckcom_Navbar_Notification_Menu_Link {
  text-align: center;
  font-size: 12px;
  padding: 0 !important;
  display: none; }

.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #ddd !important;
  color: #999 !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important; }

li.DisplayNotification .Truckcom_Navbar_Notification_Label, li.DisplayNotification .Truckcom_Navbar_Notification_Menu_Link {
  display: block; }

.Truckcom_Secondary_Navbar {
  margin-top: 50px;
  font-size: 14px;
  height: 40px;
  z-index: 10; }

.Truckcom_Secondary_Navbar .nav-item {
  position: relative;
  height: 40px; }

.Truckcom_Secondary_Navbar .nav-item a {
  line-height: 24px; }

.Truckcom_Secondary_Navbar .Truckcom_Navbar_Dropdown_Menu {
  position: absolute;
  display: none;
  padding: 0;
  left: 0;
  right: 0;
  margin-right: 0; }

.Truckcom_Secondary_Navbar .Truckcom_Navbar_Dropdown_Menu:not(.Truckcom_Navbar_Dropdown_Menu_FixedWidth) {
  min-width: inherit; }

li.nav-item:not(.disabled):hover .Truckcom_Navbar_Dropdown_Menu {
  display: block; }

.Truckcom_Secondary_Navbar .Truckcom_Navbar_Dropdown_Menu .dropdown-item {
  padding: 0.25rem 0.5rem;
  line-height: 24px; }

.Truckcom_Secondary_Navbar .Truckcom_Navbar_Dropdown_Menu .dropdown-item .nav-link {
  padding: 0 0 0.25rem; }

.Truckcom_Secondary_Navbar .nav-link span {
  padding-left: 5px; }

.Truckcom_Navbar_VersionNumber {
  text-align: center;
  height: 25px;
  border-top-width: 1px;
  border-top-style: solid;
  line-height: 18px;
  font-size: 13px;
  display: block;
  padding-top: 3px; }

.Truckcom_Header_PoweredBy {
  line-height: 50px; }

.Truckcom_Header_PoweredBy a {
  font-size: 13px;
  color: #000; }

.Truckcom_Header_PoweredBy img {
  height: 15px;
  margin-top: -15px;
  margin-left: -6px; }

.Truckcom_Navbar_Minimised.Truckcom_Grid_SecondaryNav {
  padding-top: 10px !important; }

.Truckcom_Navbar_Minimised_Body {
  padding-top: 10px !important; }

.Truckcom_Navbar_Main.Truckcom_Navbar_Minimised {
  height: 15px;
  padding: 0 !important; }

.Truckcom_Navbar_Minimised .fa-caret-down {
  padding-top: 6px; }

.Truckcom_ServerAlert {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Truckcom_LightBulb {
  line-height: 50px;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Truckcom_ServerAlert i {
  padding-right: 5px; }

/* End of Nav bar */
.Truckcom_Loading_Indicator {
  position: absolute;
  top: 500px;
  left: 500px;
  z-index: 99999; }

.Truckcom_Body_Jobs {
  padding-top: 85px; }

/* Data Grids */
.Truckcom_Grid_Outer {
  padding: 10px;
  height: 100%; }

.dx-popup-content .Truckcom_Grid_Outer:not(#StopsGridPanel):not(#LegsGridPanel) {
  padding: 0 !important; }

.dx-popup-content #StopsGridPanel {
  padding-top: 0 !important; }

.Truckcom_Grid_Outer > table {
  width: 100%;
  height: 100%; }

.Truckcom_Grid_Outer > .Truckcom_Table_WithButtonRow {
  height: 95% !important; }

.Truckcom_Data_Grid {
  height: 100%; }

.Truckcom_Grid_40Wide {
  width: 40%; }

.Truckcom_Grid_70Wide {
  width: 70%; }

.Truckcom_Grid_60Wide {
  width: 60%; }

.Truckcom_Grid_30Wide {
  width: 30%; }

.Truckcom_Grid_100Wide {
  width: 100%; }

.Truckcom_Grid_32High {
  height: 32%; }

.Truckcom_Grid_40High {
  height: 40%; }

.Truckcom_Grid_50High {
  height: 50%; }

.Truckcom_Grid_Row {
  height: 30px; }

.Truckcom_Grid_TopRow_Checkbox {
  display: block !important;
  margin-top: -5px; }

.Truckcom_Grid_Row_Summary {
  height: 30px;
  line-height: 30px;
  margin: 0; }

.Truckcom_Grid_Row_Summary_Left {
  float: left;
  width: 45%; }

.Truckcom_Grid_Row_Summary_Right {
  float: left;
  width: 55%;
  text-align: right; }

.Truckcom_Grid_Row_Summary_FullWidth {
  width: 100% !important; }

.Truckcom_Grid_SecondaryNav {
  padding-top: 45px; }

.Truckcom_Grid_WithCheckbox, .Truckcom_Grid_WithCheckbox_ExtraRow {
  position: relative; }

.Truckcom_Grid_WithCheckbox .Truckcom_LinkedDateFilters_CheckBox {
  top: 70px; }

.Truckcom_Grid_WithCheckbox_ExtraRow .Truckcom_LinkedDateFilters_CheckBox {
  top: 40px; }

body:not(.Truckcom_Navbar_Minimised_Body) .Truckcom_Grid_SecondaryNav_Map {
  padding-top: 40px; }

.Truckcom_Data_Grid_Field .dx-field-label {
  width: 140px; }

.Truckcom_Data_Grid_Field .dx-field-value {
  float: left;
  width: 120px !important; }

.Truckcom_Grid_With_ExtraRow {
  height: 97%; }

.Truckcom_Grid_Heading {
  font-weight: 700; }

/* Pop up Forms */
.Truckcom_Popup_Form {
  height: 100%; }

.Truckcom_Form_Fields .dx-form-group-content {
  padding-bottom: 0;
  margin-top: 0 !important;
  padding-top: 0; }

.Truckcom_Form_Fields .dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 20px 10px !important; }

.Truckcom_Form_Fields_Row {
  height: 40px;
  line-height: 40px;
  padding-top: 0 !important;
  margin-top: 0;
  margin-bottom: 0; }

.Truckcom_Form_Fields_CheckBox {
  padding-right: 0 !important; }

.Truckcom_Form_Fields_CheckBox span.dx-field-item-label-content {
  display: inline-block !important;
  width: auto !important; }

.Truckcom_Form_Fields_Tab {
  padding-top: 5px;
  margin-left: -10px; }

.Truckcom_Form_Fields_Tab .dx-tabpanel-container {
  padding-top: 25px !important; }

.Truckcom_Form_Fields_Tab .dx-tabpanel .dx-multiview-item-content {
  padding: 10px 10px 0; }

.Truckcom_Form_Picklist_Button {
  text-align: left;
  height: 26px;
  min-height: 24px;
  position: relative;
  width: 100%; }

.Truckcom_Form_Picklist_Button_NoMax {
  max-width: inherit !important; }

.Truckcom_Form_Picklist_Button .dx-button-content {
  padding: 4px 5px 4px !important;
  white-space: normal !important;
  word-break: break-all !important; }

.Truckcom_HelpPopup {
  width: 450px; }

.Truckcom_Icon {
  padding-right: 1px; }

.Truckcom_Icon img {
  max-height: 16px;
  max-width: 16px; }

.Truckcom_Icon_CellView {
  float: right; }

.Truckcom_Form_Picklist_Button_Placeholder {
  color: #757575; }

.RequiredItem {
  pointer-events: none;
  font-weight: bold;
  background-color: #d9534f;
  color: #fff;
  position: absolute;
  margin-top: -20px;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-size: 11px;
  right: 2px;
  display: none; }

.Truckcom_Form_Picklist_Button_NotSet .RequiredItem {
  display: block; }

.Truckcom_Form .dx-invalid-message {
  display: none; }

.Truckcom_Form_ValidationMessage {
  height: 30px;
  padding-top: 5px;
  text-align: center; }

.Truckcom_Form_ValidationMessage span {
  display: none;
  color: red; }

.Truckcom_Form_ValidationMessage_Visible span {
  display: block; }

.Truckcom_MultiEdit_UniqueValueField .dx-texteditor:not(.dx-state-focussed) .dx-texteditor-input, .Truckcom_MultiEdit_UniqueValueField .dx-texteditor:not(.dx-state-focussed), .Truckcom_MultiEdit_UniqueValueField .Truckcom_Form_Picklist_Button {
  background-color: #f9fdc1; }

.Truckcom_MultiEdit_ValueChanged .dx-texteditor, .Truckcom_MultiEdit_ValueChanged .Truckcom_Form_Picklist_Button {
  border-color: #009900; }

.Truckcom_TimePicker i {
  position: absolute;
  right: 8px;
  top: 6px; }

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

.Truckcom_Popup_ButtonContainer {
  text-align: right;
  margin: 20px 0;
  float: right; }

.Truckcom_Popup_ButtonContainer_Left {
  float: left;
  text-align: left;
  margin: 20px 0; }

.dx-scrollable .Truckcom_Popup_ButtonContainer {
  margin-bottom: 0 !important; }

.Truckcom_Popup_ButtonContainer_NoMargin, .Truckcom_ButtonContainer_NoMargin {
  text-align: right;
  float: right; }

.Truckcom_ButtonContainer_Left {
  float: left; }

.Truckcom_Popup_ButtonContainer_NoMarginBottom {
  text-align: right;
  float: right;
  margin-top: 20px; }

.Truckcom_Popup_ButtonContainer_NoMarginTop {
  text-align: right;
  float: right;
  margin-bottom: 20px; }

.Truckcom_Popup_ButtonContainer .Truckcom_Button, .Truckcom_Popup_ButtonContainer_NoMargin .Truckcom_Button, .Truckcom_Popup_ButtonContainer_NoMarginBottom .Truckcom_Button, .Truckcom_Popup_ButtonContainer_NoMarginTop .Truckcom_Button {
  margin-left: 10px;
  min-width: 100px;
  padding: 0 10px; }

.Truckcom_Popup_ButtonContainer_Left .Truckcom_Button {
  margin-right: 10px;
  min-width: 100px;
  padding: 0 10px; }

.Truckcom_Popup_ButtonContainer_LeftTop {
  float: left;
  text-align: left;
  margin: 0 0 10px 0; }

.Truckcom_Button {
  min-width: 100px;
  height: 28px;
  text-align: center;
  padding: 0 10px; }

.Truckcom_Button > div {
  line-height: 24px;
  padding: 0 !important; }

.ButtonLayout {
  text-align: left; }

.Truckcom_Item_Dragging {
  visibility: visible !important;
  padding: 1px; }

.Truckcom_Dragging_Row_Hovered {
  border-top-style: solid !important;
  border-top-width: 2px !important; }

.Truckcom_Dragging_Row_HoveredGrid {
  border-style: solid !important;
  border-width: 2px !important; }

.gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 5;
  position: relative; }

.split, .gutter.gutter-horizontal {
  float: left;
  height: 100%; }

.split, .gutter.gutter-vertical {
  float: left;
  width: 100%; }

.Truckcom_Resizable_VerticalGutterSpacing .gutter.gutter-vertical {
  margin-bottom: 10px; }

.gutter.gutter-horizontal {
  cursor: ew-resize;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=="); }

.gutter.gutter-vertical {
  cursor: ns-resize;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII="); }

.Truckcom_Resizable_Container_SideBySide > div {
  float: left; }

.Truckcom_Resizable_Container, .Truckcom_Resizable_Container_Section {
  height: 100%; }

.Truckcom_Grid_Map_Container {
  height: 100%;
  z-index: 9999; }

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

.Truckcom_Popup_Form_Half:first-child {
  padding-right: 30px; }

.Truckcom_Popup_Form_ExtraFields .dx-form {
  padding-top: 10px; }

.Truckcom_Map_Info {
  color: #000; }

.Truckcom_LinkedDateFilters_CheckBox {
  position: absolute;
  top: 5px;
  right: 110px;
  padding: 10px;
  z-index: 5; }

.Truckcom_PreviewPane {
  height: 100%;
  width: 100%; }

.dx-htmleditor-content {
  background-color: #fff !important;
  color: #000; }

.Truckcom_MultiDate_Selector {
  float: left;
  margin-left: 20px; }

.Truckcom_MultiDate_Selector:first-of-type {
  margin-left: 0 !important; }

/*Getting started toolbar */
.Truckcom_GettingStarted_Toolbar {
  float: right;
  padding-left: 25px;
  display: none;
  position: relative; }

.Truckcom_GettingStarted_ToolbarButton {
  width: 135px;
  height: 25px; }

.Truckcom_GettingStarted_Toolbar > span {
  cursor: pointer; }

.Truckcom_GettingStarted_Toolbar > span:hover {
  color: #ce3a2a; }

.Truckcom_GettingStarted_Toolbar_Active > .Truckcom_GettingStarted_ToolbarButton, .Truckcom_GettingStarted_Toolbar_BubbleActive > .Truckcom_GettingStarted_ToolbarButton {
  display: none; }

.Truckcom_GettingStarted_Toolbar_Active .Truckcom_GettingStarted_Menu {
  display: block; }

.Truckcom_GettingStarted_Toolbar_BubbleActive .Truckcom_GettingStarted_BubblePopup {
  display: block; }

.Truckcom_GettingStarted_Toolbar_Active_NewProcess .Truckcom_GettingStarted_Menu_NewProcess {
  display: block; }

.Truckcom_GettingStarted_BubblePopup {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 100px;
  width: 265px;
  background-color: #fff;
  color: #000;
  border-radius: 6px;
  z-index: 99;
  text-align: left;
  font-size: 12px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.Truckcom_GettingStarted_BubblePopup a {
  color: #ce3a2a;
  font-size: 13px; }

.Truckcom_GettingStarted_HideButton {
  text-align: center;
  float: left;
  width: 100%;
  padding-right: 15px; }

.Truckcom_GettingStarted_BubblePopup .Truckcom_Button {
  width: 150px;
  padding: 0 !important; }

.Truckcom_GettingStarted_Menu {
  display: none;
  position: absolute;
  bottom: 1px;
  width: 450px;
  right: 0;
  background: #fff;
  min-height: 350px;
  border-radius: 6px;
  z-index: 100;
  text-align: left;
  font-size: 12px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.Truckcom_GettingStarted_Menu_Title {
  float: left;
  width: 100%;
  font-size: 18px;
  height: 30px;
  line-height: 22px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 4px 10px; }

.Truckcom_GettingStarted_Menu_Title i {
  position: absolute;
  right: 10px;
  font-size: 11px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  margin-top: -5px; }

.Truckcom_GettingStarted_Menu_Footer {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 100%;
  font-size: 13px;
  height: 25px;
  text-align: left; }

.Truckcom_GettingStarted_Menu_Footer a {
  color: #ce3a2a; }

.Truckcom_GettingStarted_Menu_Content {
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  padding-left: 9px;
  color: #212529; }

.Truckcom_GettingStarted_Menu_Content ul {
  list-style-type: none;
  margin: 0;
  padding: 5px 15px 5px 0;
  float: left;
  width: 100%; }

.Truckcom_GettingStarted_Menu_Content ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  line-height: 30px;
  position: relative; }

.Truckcom_GettingStarted_Menu_Content ul li span {
  float: left; }

.Truckcom_GettingStarted_Menu_Content .dx-scrollview-content > span {
  float: left;
  padding: 5px 15px 0 0;
  line-height: 18px; }

.Truckcom_GettingStarted_Guide_Title {
  padding-right: 10px;
  min-width: 125px;
  padding-top: 1px; }

.Truckcom_GettingStarted_Guide_Start {
  float: right !important;
  font-size: 14px; }

.Truckcom_GettingStarted_Guide_Start span a, .Truckcom_GettingStarted_Menu_Content span a {
  color: #ce3a2a;
  cursor: pointer; }

.Truckcom_GettingStarted_Guide_State .fa-check-circle {
  display: none; }

.Truckcom_GettingStarted_Guide_State {
  color: #999; }

.Truckcom_GettingStarted_Guide_Complete {
  color: green !important; }

.Truckcom_GettingStarted_Guide_State.Truckcom_GettingStarted_Guide_Complete .fa-check-circle {
  display: inline-block !important; }

.Truckcom_GettingStarted_Guide_State.Truckcom_GettingStarted_Guide_Complete .fa-circle {
  display: none !important; }

.gm-style .gm-style-iw-t::after {
  background: transparent !important;
  box-shadow: none !important;
  left: -10px !important;
  border-top: solid 10px rgba(255, 255, 255, 0.5);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  transform: none !important; }

.Truckcom_GettingStarted_Intro {
  padding: 15px 0;
  display: block; }

.Truckcom_GettingStarted_Datagrid tr {
  line-height: 23px; }

.Truckcom_GettingStarted_Datagrid .Truckcom_GettingStarted_Guide_Start {
  float: none !important; }

.Truckcom_GettingStarted_Menu_ShowAll {
  float: right;
  padding-right: 20px;
  padding-bottom: 10px;
  color: #212529; }

.Truckcom_GettingStarted_Guide_State {
  position: absolute;
  top: 8px;
  right: 55px; }

.Truckcom_GettingStarted_Menu_NewProcess {
  display: none; }

.Truckcom_GettingStarted_Toolbar_NewSignUp {
  position: absolute;
  right: 75px;
  bottom: 45px;
  z-index: 9999; }

.Truckcom_GettingStarted_Menu_NewSignup {
  bottom: -1px !important;
  right: -65px !important;
  width: 350px !important;
  min-height: 600px !important; }

.Truckcom_GettingStarted_Toolbar_NewSignUp .Truckcom_GettingStarted_ToolbarButton {
  width: 170px !important;
  height: 40px !important;
  font-size: 14px !important;
  font-weight: 600; }

.Truckcom_GettingStarted_Menu_Content_List {
  padding: 5px 10px; }

.Truckcom_GettingStarted_Menu_ContentItem {
  border-bottom: 1px solid #666;
  float: left;
  width: 100%; }

.Truckcom_GettingStarted_Menu_ContentItem a {
  color: #ce3a2a !important; }

.Truckcom_GettingStarted_Menu_ContentItem:last-of-type {
  border-bottom: none;
  position: absolute;
  bottom: 0;
  width: 330px;
  /*Fixed 10px less than container for aboslute div*/ }

.Truckcom_GettingStarted_Menu_ContentItem_Title {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #999; }

.Truckcom_GettingStarted_Menu_ContentItem_Title span {
  float: left; }

.Truckcom_GettingStarted_Menu_ContentItem_Title i {
  float: right;
  display: none;
  padding-top: 3px;
  padding-right: 10px;
  color: #ce3a2a; }

.Truckcom_GettingStarted_Menu_ContentItem_Expander {
  display: none;
  float: left;
  padding: 5px 0 10px; }

.Truckcom_GettingStarted_Menu_ContentItem_Expanded .Truckcom_GettingStarted_Menu_ContentItem_Expander {
  display: block !important; }

.Truckcom_GettingStarted_Menu_ContentItem_Expanded .Truckcom_GettingStarted_Menu_ContentItem_Title {
  font-weight: bold;
  color: #333; }

.Truckcom_GettingStarted_Menu_ContentItem_Complete .Truckcom_GettingStarted_Menu_ContentItem_Title {
  color: #333; }

.Truckcom_GettingStarted_Menu_ContentItem_Complete .Truckcom_GettingStarted_Menu_ContentItem_Title span {
  text-decoration: line-through; }

.Truckcom_GettingStarted_Menu_ContentItem_Complete i {
  display: block !important; }

.Truckcom_GettingStarted_Menu_ContentItem_Complete .Truckcom_GettingStarted_Menu_ContentItem_Expanded {
  display: none; }

.Truckcom_Popup_Resizable_Container .Truckcom_Resizable_Container_Pane {
  float: left;
  width: 100%; }

.Truckcom_Popup_SelectBox {
  margin-bottom: 15px; }

.dx-dropdownlist-popup-wrapper .dx-popup-content {
  padding: 1px !important; }

.Truckcom_ConfirmDialog_Content {
  padding-bottom: 15px; }

.dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0 !important; }

/* Setup screen */
.Truckcom_Setup {
  padding-top: 0 !important; }

.Truckcom_Navbar_Setup {
  height: 130px; }

.Truckcom_Navbar_Setup .Truckcom_Navbar_Logo {
  position: relative;
  margin-top: -10px;
  margin-left: -10px; }

.Truckcom_Navbar_Setup_LogoText {
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 0;
  font-size: 0.87em; }

.Truckcom_Setup_IntroText {
  padding-top: 10px; }

.Truckcom_Setup_IntroText .Truckcom_Setup_Section {
  border-bottom: none !important; }

.Truckcom_CreateUser_Section {
  width: 550px; }

.Truckcom_Setup_Section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #999; }

.Truckcom_Setup_TabContent .Truckcom_Setup_Section:first-of-type {
  padding: 0 !important; }

.Truckcom_Setup_FieldDescription {
  font-size: 11px;
  color: #999;
  padding-bottom: 5px; }

.Truckcom_Setup_TabContent {
  display: block;
  padding-top: 20px;
  padding-bottom: 50px; }

Truckcom_Setup_TabContent.container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.Truckcom_Setup_Content_IntroText {
  padding-bottom: 20px; }

.Truckcom_Setup_Section_Title {
  width: 100%;
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #999;
  position: relative; }

.Truckcom_Setup_Section_Title_Text {
  float: left; }

.Truckcom_Setup_Section_Title_Text > i {
  font-size: 12px;
  padding-left: 10px;
  float: right;
  line-height: 50px; }

.Truckcom_Setup_Section_Title > i {
  font-size: 12px;
  padding-left: 10px;
  float: left;
  line-height: 30px; }

.Truckcom_Setup_Section_Expanded, .Truckcom_Setup_Section_Expanded .dx-toolbar-items-container, .Truckcom_Setup_Section_Expanded .dx-datagrid-header-panel {
  background: #f0f0f0; }

.Truckcom_Setup_Section_Expanded .Truckcom_Setup_Section_Title {
  color: #ce3a2a;
  border-bottom: none; }

.Truckcom_Setup_Section_Content {
  display: none;
  margin: 10px 0;
  width: 100%; }

.Truckcom_Setup_Section_Expanded .Truckcom_Setup_Section_Content {
  display: block; }

.Truckcom_Setup_Section_ButtonContainer {
  text-align: right;
  padding-top: 10px;
  float: left; }

.Truckcom_Setup_Section_ButtonContainer .Truckcom_Setup_Button:last-child {
  margin-right: 0; }

.Truckcom_Setup_Button {
  margin-right: 10px; }

.Truckcom_Setup_Grid_Validation_Missing .dx-highlight-outline:after {
  border-color: red !important; }

.Truckcom_Setup_SectionEdit_Button, .Truckcom_Setup_SectionSave_Button {
  font-size: 12px;
  float: right;
  margin-top: 12px; }

.Truckcom_Setup_SectionSave_Button {
  display: none; }

.Truckcom_Setup_SectionEdit_Button > div, .Truckcom_Setup_SectionSave_Button > div {
  line-height: 15px !important; }

.Truckcom_Setup_Section_Expanded .Truckcom_Setup_SectionEdit_Button, .Truckcom_Setup_Section_Expanded .Truckcom_Setup_Section_Completed_Icon {
  display: none; }

.Truckcom_Setup_Section_Expanded .Truckcom_Setup_SectionSave_Button {
  display: block; }

.Truckcom_Setup_Section_Expanded .Truckcom_Setup_SectionSave_Button:last-child {
  margin-right: 10px; }

.Truckcom_Setup_Centered_Row {
  text-align: center;
  float: left;
  width: 100%; }

.Truckcom_Setup_Section_ValidationMessage {
  width: 100%;
  margin: 5px 0; }

.Truckcom_Setup_Section_Grid {
  float: left; }

.Truckcom_Setup_Section_Grid .dx-datagrid-invalid:not(.dx-focused) {
  background-color: #d9534f; }

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

.Truckcom_Setup_FileUpload ul {
  background-color: #dbdbdb;
  width: 350px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  float: right; }

.Truckcom_Setup_FileUpload .dx-fileuploader {
  width: 400px;
  float: left; }

.ul-title {
  list-style-type: none;
  padding: 0;
  margin: 0 -20px;
  font-weight: bold; }

.ul-link {
  list-style-type: none;
  margin: 0 -20px;
  font-size: 13px; }

.ul-link a {
  padding-left: 4px; }

#LetterHead_Image {
  max-width: 100%; }

.dx-datagrid-toolbar-button[aria-label='Save changes'], .dx-datagrid-toolbar-button[aria-label='Discard changes'], .dx-datagrid-toolbar-button[aria-label='Add a row'] {
  display: none; }

.Truckcom_Setup_HideDelete a {
  display: none; }

.Truckcom_SetupPage_Progress_Container {
  width: 100%;
  height: 50px;
  padding-top: 50px; }

.Truckcom_SetupPage_Progress {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  height: 11px;
  background-color: #dbdbdb;
  width: 100%; }

.Truckcom_Setup_Section_HeaderButtons {
  float: right; }

.Truckcom_Setup_Section_Completed_Icon {
  font-size: 22px;
  float: right;
  padding-left: 10px;
  width: 32px;
  height: 50px; }

.Truckcom_Setup_Section_Completed_Icon > .fas {
  display: none; }

.Truckcom_Setup_Section_Complete .Truckcom_Setup_Section_Completed_Icon > .fas {
  display: inline-block; }

.Truckcom_Setup_FixedFooter {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  height: 50px;
  padding-bottom: 10px; }

.Truckcom_Setup_SubSection {
  border-top: 1px solid #dbdbdb;
  padding-bottom: 30px;
  float: left; }

.Truckcom_Setup_SubSection:first-of-type {
  border-top: none; }

.Truckcom_Setup_SubSection_Heading {
  font-size: 18px;
  padding: 10px 0; }

.dx-fileuploader-input-wrapper {
  height: 100%;
  width: 100%; }

.dx-fileuploader-input {
  width: 700px; }

.Truckcom_Setup_Section .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  border-color: transparent !important; }

.Truckcom_Setup_GoTo_Button {
  margin-bottom: 25px; }

.Truckcom_Setup_GoTo_Button .Truckcom_Button {
  float: left;
  margin-right: 10px; }

.Truckcom_Setup_GoTo_Button span {
  float: left; }

.Truckcom_Main_Container .Truckcom_Setup {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.Truckcom_Setup_EmptyRow {
  display: none; }

.Truckcom_Setup_Row.dx-row-removed {
  display: none; }

.Truckcom_SetupContent {
  position: fixed;
  width: 100%;
  bottom: 75px;
  top: 130px;
  overflow-y: scroll; }

.Truckcom_SetupFooter_Container {
  width: 100%;
  position: fixed;
  bottom: 0; }

.Truckcom_SetupFooter {
  height: 70px;
  border-top: 1px solid #666;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }

.Truckcom_ProgressBar {
  float: left;
  width: 85%;
  margin-top: 5px; }

.Truckcom_ProgressBar .progress-bar {
  background-color: #ce3a2a !important; }

.Truckcom_Setup_FooterButton {
  float: left;
  margin-left: 45px; }

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

.Truckcom_Checkbox_ListItem {
  width: 100%;
  padding-bottom: 10px; }

.Truckcom_Tooltip_Icon, .Truckcom_Tooltip {
  float: left; }

.Truckcom_Tooltip_Text {
  display: block;
  padding-left: 2px;
  line-height: 18px; }

.Truckcom_Slider_Label {
  width: 100%;
  float: left;
  height: 30px;
  line-height: 34px; }

.Truckcom_IEWarning_Container {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  z-index: 999; }

.Truckcom_IEWarning_Container .dx-toast-content {
  width: 65%;
  height: 70px;
  background-color: #fceba3;
  color: #666;
  padding: 5px 10px !important; }

.Truckcom_ServerAlert_Container {
  width: 100%;
  position: absolute;
  top: 100px;
  text-align: center;
  z-index: 9999; }

.Truckcom_ServerAlert_Container .dx-toast-content {
  width: 65%;
  height: 50px;
  background-color: #f0ad4e;
  color: #fff;
  padding: 5px 10px !important; }

.Truckcom_IEWarning_Container .dx-toast-content .dx-toast-icon, .Truckcom_RefreshRequired_Container .dx-toast-content .dx-toast-icon, .Truckcom_ServerAlert_Container .dx-toast-content .dx-toast-icon {
  height: 40px;
  width: 40px;
  font-size: 25px; }

.Truckcom_IEWarning_Container .dx-toast-content .dx-toast-message, .Truckcom_RefreshRequired_Container .dx-toast-content .dx-toast-message, .Truckcom_ServerAlert_Container .dx-toast-content .dx-toast-message {
  font-size: 14px;
  line-height: 30px;
  position: relative;
  width: 100%; }

.Truckcom_IEWarning_Container .dx-toast-content .dx-toast-message span, .Truckcom_RefreshRequired_Container .dx-toast-content .dx-toast-message span, .Truckcom_ServerAlert_Container .dx-toast-content .dx-toast-message span {
  float: left;
  width: 100%;
  text-align: left; }

.Truckcom_ServerAlert_Container .dx-toast-content .dx-toast-message span a {
  color: #fff !important; }

.Truckcom_IEWarning_Ignore {
  float: left;
  right: 10px;
  position: absolute;
  top: 5px; }

.Truckcom_RefreshRequired_Container .dx-toast-content {
  width: 35%;
  height: 50px;
  background-color: #fceba3;
  color: #666;
  padding: 5px 10px !important; }

.Truckcom_RefreshRequired_Container {
  width: 100%;
  position: absolute;
  top: 10px;
  text-align: center;
  z-index: 9999; }

.Truckcom_PreviewPane_Scanning {
  max-height: 100%;
  max-width: 100%; }

/* High Contrast Theme*/
.Truckcom-HiContrast:not(.Truckcom-Dark) .dx-datagrid {
  color: #000; }

.Truckcom-HiContrast .dx-widget .dx-datagrid {
  font-weight: 600; }

.Truckcom-HiContrast .gm-style .gm-style-iw {
  opacity: 0.9;
  background-color: #666;
  color: #fff; }

.Truckcom-HiContrast .gm-style .gm-style-iw-d {
  overflow: auto !important;
  padding-right: 10px;
  padding-bottom: 10px; }

.Truckcom-HiContrast .gm-style .gm-style-iw-t::after {
  border-top: solid 10px rgba(102, 102, 102, 0.8); }

/* Compact Theme */
.Truckcom-Compact .dx-datagrid {
  line-height: 20px; }

.Truckcom-Compact .dx-widget .dx-datagrid .dx-datagrid-content .dx-row:not(.dx-header-row) > td {
  padding: 0 4px;
  vertical-align: inherit !important;
  line-height: 20px !important; }

.Truckcom-Compact .dx-widget .dx-datagrid .dx-datagrid-rowsview .dx-texteditor-input {
  padding: 0 4px !important;
  min-height: 20px !important; }

.Truckcom-Compact .dx-widget .dx-datagrid .dx-datagrid-rowsview .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.Truckcom-Compact .dx-widget .dx-datagrid .dx-datagrid-rowsview .dx-editor-cell[objecttype='System.Boolean'].dx-editor-inline-block .dx-highlight-outline::before {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.Truckcom_CellDroppable {
  border: 2px solid #ce3a2a;
  position: absolute;
  z-index: 9999;
  display: none; }

.ck-editor__editable {
  height: 100%; }

.Truckcom_TestCompany_Details {
  position: absolute;
  top: 20px;
  right: 250px;
  color: red;
  z-index: 9999; }

.Truckcom_HighlightedIcon img {
  width: 32px !important;
  height: 32px !important; }

.Truckcom_ReorderButtons_Container {
  right: 5px;
  bottom: 100px;
  position: absolute; }

.Truckcom_Grid_50High .Truckcom_ReorderButtons_Container {
  bottom: 50% !important;
  margin-bottom: 25px; }

.Truckcom_ReorderButton {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 5px;
  cursor: pointer; }

.Truckcom_LoadManagement_Disabled {
  display: none; }

.Truckcom_FilterItem {
  height: 20px;
  overflow: hidden;
  width: 100%;
  margin-left: 5px;
  display: flex; }

.Truckcom_FilterItem img {
  margin-top: 5px;
  margin-left: 5px; }

.Truckcom_EditForm_InforText {
  padding-top: 10px; }

.Truckcom_Video_Modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.6); }

.Truckcom_GettingStarted_Toolbar_NewSignUp_Overlay {
  width: 0;
  height: 0;
  position: inherit;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(100, 100, 100, 0); }

.Truckcom_GettingStarted_Toolbar_NewSignUp_OverlayActive:not(.GuideActive) {
  background-color: rgba(100, 100, 100, 0.3);
  width: 100%;
  height: 100%;
  position: absolute; }

.Truckcom_Video_Container {
  width: 800px;
  margin: auto;
  top: 30%;
  position: relative; }

.Truckcom_Video_Container_WithTitle {
  width: 880px;
  top: 20%;
  padding: 10px 10px 45px 10px;
  background-color: #fff; }

.Truckcom_Video_Container_WithTitle .Truckcom_Video_Container_Title {
  float: left;
  padding-bottom: 5px;
  width: 100%;
  display: block; }

.Truckcom_Video_Container_Title {
  display: none; }

.Truckcom_Video_ButtonContainer {
  float: right;
  padding-top: 10px; }

.Truckcom_Button_AboveOverlay {
  position: relative;
  z-index: 10000; }

.Truckcom_Popup_TextBox {
  float: left; }

.Truckcom_Popup_TextBox_Label {
  float: left;
  line-height: 25px;
  padding-right: 5px; }

.Truckcom_EmailTemplateForm .dx-field-label {
  width: 10%; }

.Truckcom_EmailTemplateForm .dx-field-value {
  float: left;
  width: 90% !important; }

.GridViewRow .dx-texteditor-input {
  min-height: 50px !important; }

.GridViewRow .dx-textbox .dx-button {
  height: 50px; }

.Truckcom_GettingStarted_Menu_Video {
  padding-left: 9px;
  border-top: 1px solid #dbdbdb;
  float: left;
  width: 100%;
  color: #ce3a2a; }

.Truckcom_GettingStarted_Menu_Video a {
  padding-left: 5px;
  color: #ce3a2a !important; }

.dx-datagrid .dx-link, .dx-link, .dx-link:hover {
  cursor: pointer; }

.dx-header-row > td > .dx-datagrid-text-content {
  white-space: inherit !important; }

.Truckcom_Milestone_Cell {
  padding: 0 !important; }

.Truckcom_Milestone_DayDivide {
  border-right: 2px solid #000; }

.Truckcom_Milestone_Container {
  background: #ddd;
  display: inline-block;
  position: relative; }

.Truckcom_Milestone_Grid {
  display: grid;
  grid-template-columns: repeat(24, 45px);
  grid-template-rows: repeat(2, 12px);
  grid-gap: 0 1px; }

.Truckcom_Milestone_GridCell {
  display: flex;
  background: white; }

.Truckcom_Milestone_TimeSection {
  height: 14px;
  position: absolute;
  top: 0px; }

.Truckcom_Milestone_LowerTimeSection {
  height: 7px;
  position: absolute;
  top: 14px; }

.Truckcom_Milestone_VerticalTimeIndictator {
  height: 32px;
  border-left: 3px solid red;
  position: absolute;
  top: 0px; }

.Truckcom_Milestone_OutlineSquare {
  border: 2px solid #000;
  background-color: transparent;
  height: 16px;
  top: 0;
  position: absolute; }

.dx-data-row .WordWrapCell {
  white-space: normal;
  word-break: break-all; }

.Truckcom_MinimisedMessages_Container {
  display: none; }

.Truckcom_Navbar_Minimised_Body .Truckcom_MinimisedMessages_Container {
  display: block !important; }

.Truckcom_MinimisedMessages {
  position: absolute;
  top: 17px;
  right: 50px;
  background-color: #ce3a2a;
  padding: 2px 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  z-index: 999999; }

#hiddenInput {
  overflow: hidden; }

.dx-suggestion-list.dx-scrollable .dx-scrollable-wrapper {
  height: 400px; }

.dx-datagrid-focus-overlay {
  top: -2px !important; }

.Truckcom_GridPanel_Hidden {
  width: 0px;
  overflow: hidden;
  padding: 0; }

.Truckcom_Popup_HelpText {
  width: 80%;
  text-align: center; }

.Truckcom_Popup_HelpText a {
  color: #ce3a2a;
  font-size: 16px; }

.Truckcom_Popup_HelpText i {
  color: #ce3a2a;
  margin-right: 10px; }

.Truckcom_ColumnWarning {
  color: red;
  position: absolute;
  top: 390px;
  left: 10px;
  background-color: #fff;
  height: 100px; }

.Truckcom_Map_ToggleButton {
  background-color: white;
  height: 40px;
  padding: 11px 18px;
  font-size: 16px;
  box-shadow: 1px 1px #666;
  margin-left: 10px;
  border-radius: 2px;
  cursor: pointer; }

.dx-form-group-content .dx-datebox {
  width: inherit !important; }

.Truckcom_Form_DateButton_WidthCorrection {
  width: inherit !important; }

.Truckcom_ResetPassword_Background {
  background: #dbdbdb; }

.Truckcom_VividHighlight .dx-datagrid-rowsview .dx-selection.dx-row:not(.GridViewRow):hover > td:not([class^="Truckcom_Background_"]),
.Truckcom_VividHighlight .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not([class^="Truckcom_Background_"]),
.Truckcom_VividHighlight .dx-datagrid-rowsview .dx-selection.dx-row:not(.GridViewRow) > td:not([class^="Truckcom_Background_"]),
.Truckcom_VividHighlight .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not([class^="Truckcom_Background_"]) {
  background-color: darkorange !important; }

.Truckcom_GridRefreshText {
  line-height: 25px; }

#AutoForm.Truckcom_Form.dx-form .dx-item .dx-item-content .dx-field-item-label-content {
  max-width: 185px;
  white-space: break-spaces; }

.Truckcom_Cell_HighlightedSpan {
  padding: 0 4px;
  margin: 0 -4px; }

.Truckcom_Form_Fields .dx-field-item-label-content {
  max-width: 170px !important; }

.Truckcom_Form_Fields .dx-field-item-label-text {
  max-width: 170px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

/*SCSS file contanining styles specific for particular areas and pages*/
/* Customise Menu*/
.CustomiseMenu_Group > .dx-scrollable-wrapper > .dx-scrollable-container {
  overflow-y: hidden; }

.dx-list-group-body.ui-sortable {
  min-height: 10px; }

.CustomiseMenu_GroupHeading {
  cursor: pointer; }

.CustomiseMenu_NewGroup {
  width: 100%;
  float: left;
  border-top: 1px solid #dbdbdb; }

.CustomiseMenu_NewGroup .Truckcom_Button {
  height: 26px !important; }

.CustomiseMenu_NewGroupHeading {
  width: 100%;
  float: left;
  margin: 5px 0;
  padding: 5px;
  font-weight: 600; }

.Truckcom_CustomiseMenu_NewGroup_TextBox {
  float: left; }

.CustomiseMenu_ButtonContainer {
  float: right;
  position: relative;
  bottom: 25px; }

#Dragging_Item_Row {
  position: absolute;
  z-index: 9999;
  padding: 5px; }

.Truckcom_Dragging_Placeholder {
  position: absolute;
  z-index: 9999;
  font-size: 12px; }

/*End Customise Menu*/
.Truckcom_TrackerGrid_RecentPositions, .Truckcom_Grid_Tracker_Table_MainRow .Truckcom_Grid_SearchBox {
  max-width: 463px; }

/*Data Grid */
.CustomSearch {
  width: 10%;
  padding: 10px; }

.SearchBar {
  padding-left: 10px; }

.right-click-menu {
  vertical-align: top; }

.CursorSelectable, .CursorSelectable_Selector {
  cursor: pointer; }

.CursorText {
  cursor: text; }

.Truckcom_Grid_Top_Row td {
  padding-left: 5px; }

.Truckcom_Grid_Top_Row td:first-of-type {
  padding-left: 0 !important; }

.Truckcom_Grid_Top_Row > div {
  float: left;
  margin-right: 5px; }

.Truckcom_Grid_Top_Row > div:last-of-type {
  margin-right: 0; }

.Truckcom_Grid_Top_Row .Truckcom_Grid_SmallButton {
  width: 26px;
  line-height: 21px; }

.Truckcom_Grid_Top_Row .Truckcom_Grid_DateButton {
  width: 120px; }

.Truckcom_Grid_Row_SearchContainer {
  width: 463px;
  float: left; }

.Truckcom_Grid_Container_Right {
  float: right; }

.Truckcom_Toolbar_ImportButton {
  margin-right: 6px; }

.Truckcom_Grid_Container_Right .Truckcom_Grid_Container_Right_CustomSearch {
  width: 150px;
  float: right; }

.Truckcom_Resizable_Container_Pane .Truckcom_Grid_Container_Right .Truckcom_Grid_Container_Right_CustomSearch {
  margin-right: 1px; }

.Truckcom_Grid_AdvancedSearch_Label {
  width: 80px; }

.Truckcom_Grid_AdvancedSearch_Criteria {
  width: 207px; }

.Truckcom_Grid_AdvancedSearch_SearchBox {
  width: 400px; }

.Truckcom_AdvancedSearch_Checkbox {
  margin-left: 10px; }

.Truckcom_AdvancedSearch_TextArea {
  position: absolute;
  z-index: 99;
  margin-top: -15px;
  width: 380px; }

.Truckcom_AdvancedSearch_TextArea textarea {
  height: 60px; }

.Truckcom_CustomiseMenu_NewGroup_TextBox {
  width: 500px;
  margin-right: 5px; }

/*Selector Template*/
.Truckcom_Selector_TextSearch_CustomSearch {
  width: 156px;
  padding-left: 5px; }

.Truckcom_Selector_DataGrid_Row {
  height: 90%; }

.Truckcom_LeftSide_Cell {
  padding-right: 10px; }

.Truckcom_ShowDriver_ButtonContainer {
  margin-top: 10px; }

/*Driver Messages*/
.Truckcom_DriverMessage_Row .Truckcom_Grid_DateButton {
  float: left; }

.Truckcom_DriverMessage_Row .Truckcom_Grid_DateButton input {
  padding-right: 40px !important; }

.Truckcom_DriverMessage_InputRow {
  padding-bottom: 190px; }

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

.Truckcom_Message_Item {
  padding: 0px 30px;
  float: left;
  width: 100%; }

.Truckcom_Message_Item .Truckcom_Message_Item_Sent, .Truckcom_Message_Item .Truckcom_Message_Item_Received {
  width: 50%;
  white-space: normal; }

.Truckcom_Message_Item_Sent {
  float: right; }

.Truckcom_Message_Item_Received {
  float: left; }

.Truckcom_Message_Item_Sent p, .Truckcom_Message_Item_Received p {
  position: relative;
  padding: 10px;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-width: 5px;
  border-style: solid;
  margin-bottom: 5px; }

.Truckcom_Message_Item_Sent p:before, .Truckcom_Message_Item_Received p:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
  top: 0; }

.Truckcom_Message_Item_Sent p:before {
  bottom: auto;
  left: auto;
  right: -18px;
  /* value = - border-left-width - border-right-width */
  border-width: 10px 0 10px 15px; }

.Truckcom_Message_Item_Received p {
  border-color: #ebebeb;
  color: #646464;
  background: #ebebeb; }

.Truckcom_Message_Item_Received p:before {
  border-color: #646464 transparent; }

/* creates the larger triangle */
.Truckcom_Message_Item_Received p:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: -18px;
  /* value = - border-left-width - border-right-width */
  border-width: 10px 15px 10px 0;
  border-color: transparent #ebebeb; }

.Truckcom_Message_Sender {
  display: block; }

.Truckcom_Message_Time {
  display: block; }

.Truckcom_Message_Reader {
  display: block;
  float: right;
  text-align: right;
  font-size: 10.5px;
  position: relative; }

.Truckcom_Driver_Status {
  color: red;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px; }

/*End Driver Messages*/
.Truckcom_Page {
  height: 100vh;
  padding-top: 0 !important; }

.Truckcom_Page_Navbar .container {
  justify-content: initial !important;
  -ms-flex-pack: initial !important; }

.Truckcom_Page_Logo {
  max-width: 315px; }

.Truckcom_Page_Logo img {
  max-width: 100%; }

.Truckcom_Page_Content {
  padding: 0 20px 20px; }

.Truckcom_Page_Content_WithFooter {
  margin-bottom: 40px;
  float: left; }

.Truckcom_Page_Footer {
  height: 30px;
  background-color: #343a40;
  padding: 0; }

.Truckcom_Page_Footer .container {
  display: block;
  text-align: center; }

.Truckcom_Page_Footer img {
  height: 30px; }

.Truckcom_Page_Footer a {
  color: #fff; }

.Truckcom_TrackingPage_Progress_Icon {
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  top: -15px;
  margin-left: -1px;
  color: #fff;
  background-color: #dbdbdb; }

.Truckcom_TrackingPage_Progress_Icon i {
  padding-top: 12px;
  height: 40px;
  width: 40px;
  text-align: center; }

.Truckcom_TrackingPage_Progress_Container {
  height: 50px;
  width: 80%;
  margin: 0 10%; }

.Truckcom_TrackingPage_Progress {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  height: 11px;
  background-color: #dbdbdb;
  width: 95%; }

.Truckcom_TrackingPage_OrderDetails {
  width: 100%;
  float: left;
  margin-bottom: 20px; }

.Truckcom_TrackingPage_Details h5 {
  float: left; }

.Truckcom_TrackingPage_Details_Item {
  width: 100%; }

.Truckcom_TrackingPage_Details_Item span {
  font-weight: bold; }

.Truckcom_TrackingPage_Map {
  width: 100%;
  float: left;
  margin-top: 10px; }

.Truckcom_TrackingPage_Map_OverrideImage {
  max-height: 100%;
  max-width: 100%; }

.Truckcom_Resizable_Container_Pane {
  position: relative;
  z-index: 4; }

.Truckcom_New_Address_Map > div {
  height: 260px; }

/* <Number to Copy Styles> */
.Truckcom_NumberToCopy_CheckBox {
  padding-top: 15px !important; }

.Truckcom_NumberToCopy_Label {
  width: 70% !important; }

.Truckcom_NumberToCopy_Value {
  width: 30% !important; }

.Truckcom_NumberToCopyPopup_ButtonContainer {
  text-align: center;
  margin: 15px 26px;
  float: left; }

/* </Number to Copy Styles> */
.pac-container {
  z-index: 10002 !important; }

.Truckcom_AdvancedSearchForm_Button {
  position: absolute;
  right: 20px; }

.Truckcom_PreviewPane_NotSelected {
  position: relative; }

.Truckcom_Resizable_Container_Pane .Truckcom_PreviewPane_NotSelected {
  height: 100%; }

.Truckcom_XT_AutoLoginInput {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.Truckcom_Reports_RightAlignedButton_Row {
  width: 100%;
  float: left;
  text-align: right;
  padding-bottom: 10px; }

.Truckcom_Reports_RightAlignedButton_Row .Truckcom_Button {
  display: inline-block; }

.Truckcom_Reports_Container {
  height: 400px;
  float: left;
  margin-bottom: 10px;
  width: 100%; }

.Truckcom_Reports_FieldChooser {
  width: 320px;
  float: left;
  margin-left: 10px;
  position: absolute;
  right: 10px; }

.Truckcom_Reports_Chart {
  float: left; }

.Truckcom_Reports_DataGrid_Container .Truckcom_Grid_Row {
  width: 100%;
  float: left; }

.gm-style .gm-style-iw {
  opacity: 0.7; }

.Truckcom_Reports_CustomSearch_Container {
  width: 200px;
  margin-left: 10px; }

.Truckcom_Reports_ExtraDropdownContainer {
  margin-left: 5px !important; }

.Truckcom_Reports_DataGrid_Switch {
  width: 85px;
  margin-bottom: 10px; }

.Truckcom_Reports_Header_Button {
  height: 18px !important;
  font-size: 10px !important;
  min-width: inherit !important;
  margin-top: 1px; }

.Truckcom_Reports_Header_Button > div {
  line-height: 13px !important; }

.Truckcom_Navbar_Dropdown_Menu_Invoicing {
  min-width: 135px !important; }

.Truckcom_UserEntry_Editor {
  width: 800px;
  height: 400px;
  vertical-align: text-top; }

.Truckcom_UserEntry_Editor_Small {
  width: 500px;
  height: 200px;
  vertical-align: text-top; }

.Truckcom_UserEntry_Combo {
  width: 300px; }

.Truckcom_Report_Body {
  padding-top: 0 !important; }

.Truckcom_ReportGrid {
  padding-top: 60px; }

.Truckcom_Report_Title {
  text-align: center; }

.Truckcom_Popup_MobileUnlock_Item {
  width: 220px;
  height: 25px; }

.Truckcom_ETA_List .dx-list-item {
  border-bottom: 1px solid #ddd !important; }

.Truckcom_DailySummary_ExtraRow {
  height: 85px; }

.Truckcom_ScanningTab_Dropdown {
  display: inline-flex; }

.Truckcom_Grid_Selector_Active {
  padding: 4px !important; }

.Truckcom_RailPlanner_RightPanel {
  padding: 10px;
  height: 100%; }

.Truckcom_RailPlanner_RightPanel .Truckcom_DataGrid_ContainerCell {
  padding-top: 0 !important;
  padding-right: 0 !important; }

.Truckcom_RailPlanner_RightPanel:not(.Truckcom_RailPlanner_RightPanel_ShowLayout) .Truckcom_DataGrid_ContainerCell {
  padding-left: 0 !important; }

.Truckcom_RailPlanner_RightPanel_ShowLayout .Truckcom_RailPlanner_Wagon_Container {
  display: block;
  overflow-y: scroll;
  padding: 0 10px; }

.Truckcom_RailPlanner_RightPanel_ShowLayout .Truckcom_RailPlanner_Unallocated_Container {
  padding-left: 10px; }

.Truckcom_RailPlanner_Wagon_Container {
  float: left;
  width: 331px;
  height: 100%;
  display: none; }

.Truckcom_RailPlanner_Wagon_Container > div {
  padding-bottom: 10px; }

.Truckcom_RailPlanner_Unallocated_Container {
  float: left; }

.Truckcom_RailPlanner_Unallocated_Container .Truckcom_GettingStarted_Toolbar, .Truckcom_Flex_Grids_Settlement .Truckcom_GettingStarted_Toolbar, #JobsResourceGrid_Datagrid .Truckcom_GettingStarted_Toolbar {
  display: none !important; }

.Truckcom_RailPlanner_TopBar_LeftPanel {
  float: left;
  width: 278px; }

.Truckcom_RailPlanner_TopBar_RightPanel {
  float: right;
  margin-right: 10px; }

.Truckcom_RailPlanner_TopBar {
  float: left;
  width: 100%;
  height: 30px;
  margin-bottom: 5px; }

.Truckcom_RailPlanner_TopBar .Truckcom_Button {
  min-width: 85px !important;
  padding: 0 5px !important; }

.Truckcom_RailPlanner_TopBar_Checkbox {
  float: left;
  line-height: 20px; }

.Truckcom_RailPlanner_TopBar_LeftPanel_ButtonContainer {
  float: right; }

.Truckcom_RailPlanner_TextBox {
  float: left;
  height: 28px;
  margin: 1px 5px;
  line-height: 27px; }

.Truckcom_RailPlanner_TextBox_Small {
  width: 50px; }

.Truckcom_RailPlanner_CustomDate {
  position: absolute;
  top: 45px; }

.Truckcom_RailPLanner_TrainLabel {
  position: absolute;
  left: 330px; }

.Truckcom_RailPlannerGrid .dx-data-row > td {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.Truckcom_RailPlannerGrid .dx-data-row {
  height: 44px; }

#TrainsGrid_Datagrid .Truckcom_Grid_DateButton {
  width: 85px; }

#TrainsGrid_Datagrid .Truckcom_Grid_DateButton .dx-texteditor-input {
  padding-right: 18px;
  font-size: 0.9em; }

#TrainsGrid_Datagrid .dx-button[aria-label='Refresh'] {
  width: 35px; }

#TrainsGrid_Datagrid .dx-button[aria-label='Refresh'] .dx-button-text {
  display: none; }

#ContainerGrid {
  font-size: 11px; }

.Truckcom_JobsGrid_Top {
  height: 500px; }

.Truckcom_Flex_Grids_Container {
  float: left; }

.Truckcom_Flex_Grids {
  padding: 10px;
  float: left; }

.Truckcom_Flex_Grids_Height_Small {
  height: 180px; }

.Truckcom_Flex_Grids_Height_Medium {
  height: 240px; }

.Truckcom_Flex_Grids_Height_Large {
  height: 280px; }

.Truckcom_Flex_Grids_Width_Small {
  width: 300px; }

.Truckcom_Flex_Grids_Width_Medium {
  width: 400px; }

.Truckcom_Flex_Grids_Width_Large {
  width: 500px; }

.Truckcom_Flex_Grids_Wrapper {
  overflow: auto; }

.Truckcom_CellGrid_Row {
  display: inline-flex; }

.Truckcom_CellGrid_Row_Block {
  display: inline-block; }

.Truckcom_Flex_Grids_SummaryRow {
  width: 100%;
  float: left;
  height: 40px;
  padding: 0 10px; }

.Truckcom_Flex_Grids_SummaryRow > div, .Truckcom_Flex_Grids_SummaryRow > span {
  float: left;
  margin-right: 10px; }

.Truckcom_Flex_Grids_SummaryRow > span {
  font-size: 14px;
  line-height: 26px; }

.Truckcom_Flex_Grids_SummaryRow Truckcom_SelectBox {
  width: 300px; }

.Truckcom_Flex_Grids td {
  vertical-align: top; }

.Truckcom_RailPlanner_ViewChooser {
  width: 100px !important; }

#TrainsGrid_Datagrid .Truckcom_Grid_Row_Summary {
  float: left; }

.Truckcom_Flex_Grids_Settlement {
  width: 33%;
  height: 96%; }

.Truckcom_Flex_Grids_Settlement_NoDateFilters {
  padding-top: 40px; }

.Truckcom_Dashboard {
  float: left;
  margin: 0 20px 20px 20px; }

.Truckcom_Dashboard_AddNew {
  position: absolute;
  bottom: 20px;
  right: 20px; }

.Truckcom_Dashboard_Item {
  float: left;
  padding: 20px;
  position: relative;
  margin: 0.5%;
  border-radius: 6px; }

.Truckcom_Dashboard_Item_Small {
  width: 245px;
  height: 218px; }

.Truckcom_Dashboard_Item_Medium {
  width: 535px;
  height: 370px; }

.Truckcom_Dashboard_Item_Large {
  width: 900px;
  height: 425px; }

.Truckcom_Dashboard_Item_Edit {
  float: right;
  display: none;
  cursor: pointer;
  border: 1px solid;
  padding: 5px;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  right: 10px; }

.Truckcom_Dashboard_Item_Delete {
  top: auto !important;
  bottom: 10px; }

.Truckcom_Dashboard_Item:not(.NoEdit):hover .Truckcom_Dashboard_Item_Edit {
  display: block; }

.Truckcom_Dashboard_Item_Title {
  overflow: hidden;
  width: 100%;
  text-align: center; }

.Truckcom_Dashboard_Item_Result {
  text-align: center; }

.Truckcom_Dashboard_Item_Result_Error {
  font-size: 14px !important;
  line-height: 14px !important; }

.Truckcom_Dashboard_Item_Small .Truckcom_Dashboard_Item_Title {
  font-size: 20px;
  line-height: 25px;
  height: 65px; }

.Truckcom_Dashboard_Item_Small .Truckcom_Dashboard_Item_Result {
  font-size: 60px;
  height: 100px;
  line-height: 85px; }

.Truckcom_Dashboard_Item_Medium .Truckcom_Dashboard_Item_Title {
  font-size: 40px;
  line-height: 50px;
  height: 125px; }

.Truckcom_Dashboard_Item_Medium .Truckcom_Dashboard_Item_Result {
  font-size: 140px;
  height: 190px;
  line-height: 150px; }

.Truckcom_Dashboard_Item_Large .Truckcom_Dashboard_Item_Title {
  font-size: 60px;
  line-height: 65px;
  height: 65px; }

.Truckcom_Dashboard_Item_Large .Truckcom_Dashboard_Item_Result {
  font-size: 240px;
  height: 210px;
  line-height: 185px; }

.Truckcom_Dashboard_PageFilter_Row {
  width: 100%;
  height: 40px;
  line-height: 30px;
  margin-top: 10px; }

.Truckcom_Dashboard_PageFilterSection {
  font-size: 13px;
  line-height: 24px; }

.Truckcom_Dashboard_PageFilterSection > div {
  float: left;
  margin-right: 10px; }

.Truckcom_Dashboard_PageFilterSection .Truckcom_Form_Picklist_Button {
  width: 200px; }

.Truckcom_ImportGrids {
  max-width: 202px;
  display: table-cell; }

.Truckcom_ImportGrids .dx-freespace-row {
  display: block !important; }

.Truckcom_ImportGrids .dx-datagrid-rowsview.dx-datagrid-nowrap {
  min-height: 100px;
  border-right: none !important; }

.Truckcom_ImportGrids .dx-datagrid-borders > .dx-datagrid-rowsview, .Truckcom_ImportGrids .dx-datagrid .dx-column-lines > td:first-child {
  border-right: 1px solid transparent !important; }

.Truckcom_TrackerGrid_TwoDropdowns {
  width: 226px;
  float: left; }

.Truckcom_TrackerGrid_TwoDropdowns_Button {
  margin-left: 10px; }

.Truckcom_Allocation_Dropdown {
  float: left;
  width: 463px; }

.Truckcom_Allocation_Button {
  float: right; }

.FilePreviewTemplate {
  display: none; }

.Truckcom_ImportGrid_Container {
  overflow-x: auto;
  margin-bottom: 20px; }

.Truckcom_FilePreviewContainer {
  display: block;
  padding: 15px 0; }

.Truckcom_FilePreviewRow:first-of-type {
  border-top: 1px solid #ddd; }

.Truckcom_FilePreviewCell:first-of-type {
  border-left: 1px solid #ddd; }

.Truckcom_FilePreviewCell {
  width: 150px;
  max-width: 150px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 20px;
  display: table-cell;
  padding: 5px;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis; }

.Truckcom_FilePreviewHeader_Disabled {
  background-color: #999; }

.Truckcom_CellGrid_Summary {
  padding-right: 10px; }

.Truckcom_Report_FooterLabel {
  float: left;
  font-size: 12px;
  padding-top: 5px;
  padding-right: 2px;
  line-height: 25px; }

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

.Truckcom_Wizard_StepContainer:not(.Truckcom_Wizard_StepContainer_Visible), .Truckcom_Wizard_StepContainerTemplate {
  display: none; }

.Truckcom_Wizard_StepContainer .dx-field-value:not(.dx-widget) > .dx-checkbox {
  float: left; }

.Truckcom_Wizard_StepContainer .dx-field-label {
  width: 60% !important; }

.Truckcom_Wizard_StepContainer .dx-field-value {
  width: 40% !important; }

.Truckcom_Wizard_StepContainer .dx-field-value .Truckcom_Form_Picklist_Button {
  max-width: inherit !important; }

.Truckcom_Wizard_RequiredField {
  color: red; }

.Truckcom_Wizard_StepError {
  position: absolute;
  bottom: 20px; }

.Truckcom_Wizard_StepError span {
  color: red; }

.Truckcom_Popup_SubHeading {
  width: 100%;
  float: left;
  font-size: 14px;
  padding: 10px 0; }

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

.Truckcom_DateRange_Row > div, .Truckcom_DateRange_Row > span {
  float: left;
  line-height: 24px;
  margin-right: 5px; }

.Truckcom_Map_FullWidth {
  width: 100% !important;
  max-width: inherit !important; }

.Truckcom_Map_FullHeight {
  height: 100% !important; }

body:not(.Truckcom_Navbar_Minimised_Body) .Truckcom_Map_FullHeight {
  padding-top: 40px; }

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

.Truckcom_Signature_SmallPrintText {
  padding-top: 10px;
  font-style: italic; }

.Truckcom_Signature {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 2px; }

.Truckcom_Signature .jSignature {
  border-radius: 4px; }

.Truckcom_Signature_Container .Truckcom_Button {
  float: right;
  margin-top: 5px; }

.Truckcom_Page_Label {
  width: 25% !important; }

.Truckcom_Page_Detail {
  width: 75% !important; }

.Truckcom_Page_Error, .Truckcom_Page_Success {
  font-size: 13px;
  text-align: center;
  float: left; }

.Truckcom_Page_Error span {
  color: red; }

.Truckcom_Page_Success span {
  color: green; }

.Truckcom_Page_Label span {
  color: red; }

.Truckcom_Page_Title img {
  max-width: 50%;
  float: left; }

.Truckcom_Page_Title h2 {
  float: left; }

.Truckcom_Page_Navbar {
  padding-bottom: 0; }

.Truckcom_Page_DetailsTable_Container {
  width: 100% !important; }

.Truckcom_Page_DetailsTable {
  font-size: 87%; }

.Truckcom_Page_DetailsTable tr {
  vertical-align: top;
  border-bottom: 1px solid #000; }

.Truckcom_Page_DetailsTable th {
  border-top: 1px solid #000; }

.Truckcom_Page_DetailsTable th, .Truckcom_Page_DetailsTable td {
  border-right: 1px solid #000; }

.Truckcom_Page_DetailsTable th:first-of-type, .Truckcom_Page_DetailsTable td:first-of-type {
  border-left: 1px solid #000; }

.Truckcom_Button_ResourcePane {
  margin-right: 135px; }

.Truckcom_Row_ResourcePaneButton {
  position: absolute;
  bottom: 5px;
  right: 145px; }

.Truckcom_IssueAlert_Toast {
  position: absolute;
  width: 600px;
  z-index: 99;
  right: 250px; }

.Truckcom_ResourceGridCell_Popup .dx-field:first-of-type {
  padding-top: 20px; }

.Truckcom_ResourceGridCell_Popup .dx-field-label {
  width: 20% !important; }

.Truckcom_ResourceGridCell_Popup .dx-field-value {
  width: 80% !important; }

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

.Truckcom_ListView_Container {
  width: 25%;
  float: left;
  height: 100%;
  border-right: 1px solid #ddd; }

.Truckcom_ListView_Header {
  height: 26px;
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 4px; }

.Truckcom_ListView_Grid {
  width: 75%;
  float: left; }

.Truckcom_ColourKey_Container {
  width: 270px; }

.Truckcom_ColourKey_Cell {
  width: 125px;
  float: left;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px; }

.Truckcom_PopupForm_WithBorder {
  border-bottom: 1px solid #212529;
  padding: 20px; }

.Truckcom_PopupForm {
  padding: 20px; }

.Truckcom_PopupForm_WithBorderAndTickbox {
  padding-left: 65px; }

.Truckcom_PopupFormWithBorder_TickBox {
  float: left;
  height: 140px;
  line-height: 140px;
  width: 60px;
  padding-left: 10px;
  border-right: 1px solid #212529;
  margin-top: 3px; }

.Truckcom_PopupFormWithBorder_TickBoxHeader {
  padding-top: 10px; }

.JobDetailsFormContainer[Validate='false'] .dx-field-item-required-mark {
  display: none; }

/*Override Google maps modal window - X button size*/
.gm-style-iw-chr span {
  width: 12px !important;
  height: 12px !important;
  margin: 2px !important; }

.gm-style-iw-chr button {
  width: 18px !important;
  height: 18px !important; }

.Truckcom_Navbar_Main .navbar-toggler {
  color: #fff;
  padding: 0 10px !important; }

.Truckcom_OnlyMobile, .Truckcom_OnlyMobile .dropdown-item, .Truckcom_OnlyTablet {
  display: none; }

.Truckcom_MobileToast_Container {
  width: 100%;
  position: absolute;
  top: 60px;
  text-align: center;
  z-index: 9999; }

.Truckcom_MobileToast_Container .dx-toast-content {
  background-color: #fceba3;
  color: #666;
  padding: 5px 10px !important; }

@media only screen and (max-width: 768px) {
  .Truckcom_HideOnMobile {
    display: none !important; }
  .tippy-tooltip {
    display: none !important; }
  .Truckcom_OnlyMobile, .Truckcom_OnlyMobile .dropdown-item {
    display: block; }
  .Truckcom_Navbar_Main {
    height: auto !important;
    padding: .5rem 1rem !important; }
  .Truckcom_Navbar_Main .navbar-nav .nav-link {
    padding: 0 15px !important; }
  .navbar.Truckcom_Secondary_Navbar, .Truckcom_Resizable_Container .gutter, .Truckcom_Grid_Container_Right_CustomSearch {
    display: none; }
  .Truckcom_Navbar_Dropdown_Menu {
    box-shadow: transparent;
    -webkit-box-shadow: transparent; }
  .Truckcom_Grid_SecondaryNav {
    padding-top: 15px; }
  .Truckcom_Grid_Map_Container {
    width: 100%;
    padding-top: 0 !important; }
  .Truckcom_Grid_MapBelow {
    height: 100%; }
  .Truckcom_Grid_Row_SearchContainer {
    width: 100%; }
  .Truckcom_DateFilter_Row {
    min-width: inherit; }
  .Truckcom_UserEntry_Editor {
    width: inherit !important;
    height: inherit !important; }
  .dx-field-item-label-location-left {
    padding-right: 0 !important; }
  .dx-popup-content {
    padding: 10px; }
  .Truckcom_Button:not(.Truckcom_Page_Button) {
    width: 85px !important; }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .Truckcom_CreateUser_Section {
    width: 100% !important; }
  .Truckcom_Setup_Section_Title {
    font-size: 1.2rem; }
  .Truckcom_Setup_Section_ButtonContainer {
    width: 99% !important; }
  .Truckcom_Setup_Section_ButtonContainer .Truckcom_Button {
    width: 48% !important; }
  .Truckcom_Setup_Section_ButtonContainer_SingleButton, .Truckcom_Setup_Section_ButtonContainer_SingleButton .Truckcom_Button, .Truckcom_Setup_GoTo_Button .Truckcom_Button {
    width: 100% !important; }
  .Truckcom_Setup_Section[id] {
    padding-left: 5px;
    padding-right: 5px; }
  .Truckcom_Setup_SectionEdit_Button, .Truckcom_Setup_SectionSave_Button {
    min-width: 65px !important;
    width: 65px !important; }
  .Truckcom_Setup_SectionEdit_Button .dx-icon, .Truckcom_Setup_SectionSave_Button .dx-icon {
    width: 13px;
    height: 13px;
    font-size: 13px;
    line-height: 13px; }
  .dx-icon-save {
    display: none !important; }
  .dx-fileuploader-input-label {
    display: none; }
  .Truckcom_Mobile_Warning_Toast {
    padding-bottom: 10px; }
  .Truckcom_Mobile_Warning_Toast .dx-toast-content {
    background-color: #fceba3;
    color: #666;
    padding: 5px 10px !important; }
  .Truckcom_Mobile_Warning_Toast .dx-toast-message span {
    font-size: 14px; }
  .Truckcom_GettingStarted_Toolbar, #ImportExportDropdown, .Truckcom_ViewChooser_Button, .Truckcom_Grid_Row_Summary_Right {
    display: none !important; } }

/* Scss file for styles that vary depending on the Light/Dark theme choice selected*/
/* Truckcom Light Theme Specific */
.Truckcom-Light .Truckcom_Main_Container, .Truckcom_Resizable_Container_Pane {
  background: #fff !important; }

/*Truckcom Dark Theme Specific*/
.Truckcom-Dark {
  color: #dedede; }

.Truckcom-Dark .shepherd-element.shepherd-theme-square .shepherd-content {
  color: #dedede !important; }

.Truckcom-Dark .Truckcom_Main_Container, .Truckcom-Dark .Truckcom_Resizable_Container, .Truckcom-Dark .shepherd-element.shepherd-theme-square .shepherd-content, .Truckcom-Dark .Truckcom_Resizable_Container_Pane, .Truckcom-Dark .Truckcom_Plugin_TimePicker, .Truckcom-Dark .Truckcom_Plugin_TimePicker_Tabs li:not(.Truckcom_Plugin_TimePicker_TabActive), .Truckcom-Dark .Truckcom_UtilityPage_Content {
  background: #343a40 !important; }

.Truckcom-Dark .dx-checkbox-icon {
  background-color: #fff !important; }

.Truckcom-Dark img[src*="/Content/icons/ARW04RT.png"], .Truckcom-Dark img[src*="/Content/icons/hammers.png"], .Truckcom-Dark img[src*="/Content/icons/driving.png"],
.Truckcom-Dark img[src*="/Content/icons/info.png"], .Truckcom-Dark img[src*="/Content/icons/other.png"], .Truckcom-Dark img[src*="/Content/icons/rest.png"] {
  background-color: #fff !important; }

.Truckcom-Dark .gutter {
  background-color: #666 !important; }

.Truckcom-Dark .shepherd-button.Truckcom_Shepherd_Button {
  background-color: #343a40;
  border-color: #4d4d4d;
  color: #dedede; }

.Truckcom-Dark .shepherd-button.Truckcom_Shepherd_Button:hover {
  background-color: #101010; }

.Truckcom-Dark .Truckcom_Plugin_TimePicker, .Truckcom-Dark .Truckcom_Plugin_TimePicker_Tabs, .Truckcom-Dark .Truckcom_Plugin_TimePicker_Tabs li {
  border-color: #4d4d4d; }

.Truckcom-Dark .dx-submenu .dx-menu-items-container .dx-menu-item-wrapper:last-child .dx-menu-item:not(.dx-state-hover) {
  color: #dedede; }

.Truckcom-Dark .Truckcom_Utility_Navbar {
  border-bottom: 2px solid #434c56; }

.shepherd-button.Truckcom_Shepherd_Button_Default, .shepherd-button.Truckcom_Shepherd_Button {
  border-radius: 4px !important;
  border-width: 1px !important;
  border-color: transparent;
  border-style: solid !important;
  font-size: 12px !important;
  font-weight: normal;
  text-decoration: none !important;
  cursor: pointer;
  height: 28px;
  line-height: 26px !important;
  width: 100px;
  display: inline-block !important;
  text-align: center;
  text-transform: none !important;
  padding: 0 !important; }

.Truckcom_Shepherd_Button_DontShowAgain {
  width: 150px !important;
  background-color: #fff !important;
  color: #333 !important;
  border-color: #ddd !important;
  letter-spacing: 0 !important; }

.Truckcom_Shepherd_Button_DontShowAgain:hover {
  background-color: #ddd !important; }

.shepherd-button.Truckcom_Shepherd_Button {
  background-color: #fff !important;
  border-color: #ddd !important;
  color: #333 !important; }

.shepherd-button.Truckcom_Shepherd_Button:hover {
  background-color: #ddd !important; }

.Truckcom_Shepherd_Button_Left {
  float: left; }

.shepherd-element .shepherd-content {
  background-color: #fff !important; }

.Truckcom_Shepherd_Dropdown_Active {
  display: block !important; }

.shepherd-element .shepherd-content .shepherd-text {
  color: #212529;
  min-height: 45px;
  padding: 12px !important;
  line-height: 18px !important;
  max-width: 600px; }

.shepherd-text {
  padding: 0 10px 10px; }

.shepherd-text p {
  text-align: left; }

#shepherdModalOverlayContainer {
  opacity: 0.1 !important; }

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom-color: rgba(153, 153, 153, 0.3) !important; }

.tippy-popper[x-placement^=bottom] .tippy-arrow:after {
  content: "";
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  top: 1px;
  position: absolute;
  margin: 0 -8px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transform: scale(0.85); }

.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left-color: rgba(153, 153, 153, 0.3) !important; }

.tippy-popper[x-placement^=left] .tippy-arrow:after {
  content: "";
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  margin: -8px -9px;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transform: scale(0.85); }

.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right-color: rgba(153, 153, 153, 0.3) !important; }

.tippy-popper[x-placement^=right] .tippy-arrow:after {
  content: "";
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  left: 1px;
  position: absolute;
  margin: -8px 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transform: scale(0.85); }

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top-color: rgba(153, 153, 153, 0.3) !important; }

.tippy-popper[x-placement^=top] .tippy-arrow:after {
  content: "";
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  margin: -9px -8px;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transform: scale(0.85); }

.tippy-arrow {
  z-index: 5; }

.tippy-popper[x-placement^=bottom] {
  margin-top: 10px; }

.Truckcom_Guide_CancelPopup .dx-popup-content {
  float: left;
  height: 70px !important;
  padding-bottom: 20px !important; }

.Truckcom_Guide_CancelPopup .dx-popup-bottom {
  float: left; }

.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  top: 0px;
  right: 0px;
  font-size: 20px; }

.shepherd-element .shepherd-content header a.shepherd-cancel-link {
  top: 3px;
  right: 3px;
  font-size: 16px;
  color: #666; }

.shepherd-element:not(.shepherd-has-title) .shepherd-content header {
  padding: 0 !important;
  line-height: 10px !important;
  float: right;
  display: block !important; }

.tippy-popper .tippy-tooltip {
  width: inherit;
  max-width: 400px !important;
  min-height: 45px; }

.Truckcom_Shepherd_ClickableContent input, .Truckcom_Shepherd_ClickableContent div {
  pointer-events: auto !important; }

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

.Truckcom_Shepherd_Button_Center {
  margin-right: 30px; }

.Truckcom_Shepherd_Link_Active {
  border: 2px solid #41f450 !important;
  outline: transparent auto 1px; }

.dx-button.Truckcom_Shepherd_Link_Active {
  box-shadow: 0px 0px 10px #41f450; }

.Truckcom_Shepherd_Active_Extra {
  border: 2px solid #9e42f4 !important;
  outline: transparent auto 1px; }

.dx-button.Truckcom_Shepherd_Active_Extra {
  box-shadow: 0px 0px 10px #9e42f4; }

.DataGrid_Has_Truckcom_Shepherd_Link_Active {
  margin-bottom: -4px; }

.dx-datagrid-focus-overlay.Truckcom_Shepherd_Focus {
  border-color: transparent !important; }

.shepherd-element {
  filter: drop-shadow(0 1px 4px #000) !important; }

.Truckcom_Shepherd_Checkbox {
  pointer-events: auto !important;
  float: left; }

.shepherd-buttons {
  margin-top: 5px !important; }

.shepherd-element.shepherd-has-title .shepherd-content header {
  height: 30px;
  padding: 4px 10px !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important; }

.shepherd-content {
  border-radius: 6px !important;
  font-family: 'Segoe UI',Helvetica,Verdana,sans-serif;
  font-size: 12px !important; }

.shepherd-element .shepherd-content footer .shepherd-buttons li {
  margin: 5px 0 0 !important; }

.Truckcom_Guide_Text_Colour1 {
  color: #41f450; }

.Truckcom_Guide_Text_Colour2 {
  color: #9e42f4; }

Truckcom_Guide_Text_Warning {
  color: #ff0000; }

.tippy-popper[x-placement="none"] {
  transform: none !important;
  position: absolute; }

.Truckcom_ShepherdButtons_Centered {
  text-align: inherit !important; }

.shepherd-title {
  font-size: 18px !important; }

.Truckcom_Button_Disabled .dx-state-disabled .dx-widget, .Truckcom_Button_Disabled.dx-state-disabled.dx-button .dx-button-text, .Truckcom_Button_Disabled.dx-state-disabled.dx-button {
  opacity: 1 !important; }

#tippy-1.tippy-popper:not(.Truckcom_Guide_Start) .tippy-tooltip {
  max-width: inherit !important; }

.Truckcom_TimePicker_Overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.Truckcom_Plugin_TimePicker {
  width: 212px;
  float: left; }

.Truckcom_Plugin_TimePicker_Tabs {
  list-style-type: none;
  margin: 0 0 5px 0;
  font-size: 12px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ddd;
  padding: 0; }

.Truckcom_Plugin_TimePicker_Tabs li {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  background-color: #fff;
  border-right: 1px solid #ddd;
  color: #666;
  cursor: pointer; }

.Truckcom_Plugin_TimePicker_Tabs li:last-of-type {
  border-right: 0; }

.Truckcom_Plugin_TimePicker_Tabs li.Truckcom_Plugin_TimePicker_TabActive {
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.Truckcom_Plugin_TimePicker_TabContent {
  display: none;
  float: left; }

.Truckcom_Plugin_TimePicker_TabContent p {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 5px;
  float: left;
  width: 100%;
  text-transform: uppercase; }

.Truckcom_Plugin_TimePicker_TabContentActive {
  display: block; }

.Truckcom_Plugin_TimePicker_TabContent .Truckcom_TimeUpdate_TimeBox input {
  height: 24px; }

.Truckcom_Plugin_TimePicker_TimeButton {
  float: left;
  width: 45px;
  font-size: 12px;
  text-align: center;
  cursor: pointer; }

.Truckcom_Plugin_TimePicker_SelectedTime {
  width: 100%;
  float: left;
  font-size: 14px;
  margin-top: 5px;
  padding-left: 5px; }

.Truckcom_Plugin_TimePicker_SelectedTime span {
  float: left; }

.Truckcom_Plugin_TimePicker_Button_Container {
  float: right; }

.Truckcom_Plugin_TimePicker_Button {
  width: 50px;
  height: 22px;
  text-align: center;
  margin-left: 5px; }

.Truckcom_Plugin_TimePicker_Button:first-of-type {
  margin-left: 20px; }

.Truckcom_Plugin_TimePicker_Button > div {
  line-height: 20px;
  padding: 0 !important; }

.Truckcom_Background_Transparent {
  background-color: transparent; }

.Truckcom_Background_RedBackground {
  background-color: #ffb4b4 !important; }

.Truckcom_Background_AmberBackground {
  background-color: rgba(255, 150, 0, 0.3) !important; }

.Truckcom_Background_GreenBackground {
  background-color: #b4ffb4 !important; }

.Truckcom_Background_MidGreenBackground {
  background-color: #6db36d !important; }

.Truckcom_Background_BlueBackground {
  background-color: rgba(176, 196, 222, 0.5) !important; }

.Truckcom_Background_PurpleBackground {
  background-color: #ffb4ff !important; }

.Truckcom_Background_NormalBackground {
  background-color: white !important; }

.Truckcom_Background_YellowBackground {
  background-color: yellow !important; }

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

.Truckcom_Background_Black {
  background-color: black !important; }

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

.Truckcom_Background_Red_FullOpacity {
  background-color: red !important; }

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

.Truckcom_Background_White {
  background-color: white !important; }

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

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

.Truckcom_Background_Gray {
  background-color: rgba(128, 128, 128, 0.5) !important; }

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

.Truckcom_Background_Pink {
  background-color: rgba(255, 192, 203, 0.5) !important; }

.Truckcom_Background_Khaki {
  background-color: rgba(189, 255, 107, 0.5) !important; }

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

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

.Truckcom_Background_DarkGray {
  background-color: darkgray !important; }

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

.Truckcom_Background_DarkPink {
  background-color: rgba(255, 20, 147, 0.5) !important; }

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

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

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

.Truckcom_Background_Brown {
  background-color: rgba(222, 184, 135, 0.5) !important; }

.Truckcom_Background_PaleGreen {
  background-color: rgba(255, 255, 214, 0.7) !important; }

.Truckcom_Background_PaleBlue {
  background-color: #d2d2ff !important; }

.Truckcom_Background_Lime {
  background-color: lime !important; }

.Truckcom_Background_DarkOrange {
  background-color: darkorange !important; }

.Truckcom_Background_LightYellow {
  background-color: #ffffd6 !important; }

.Truckcom_Background_LightGray {
  background-color: lightgray !important; }

.Truckcom_Background_DarkGreyHalfOpacity {
  background-color: rgba(169, 169, 169, 0.5) !important; }

.Truckcom_Background_LightBlue {
  background-color: rgba(176, 196, 222, 0.5) !important; }

.Truckcom_Foreground_Transparent {
  color: transparent; }

.Truckcom_Foreground_RedBackground {
  color: #ffb4b4 !important; }

.Truckcom_Foreground_AmberBackground {
  color: #ff9600 !important; }

.Truckcom_Foreground_GreenBackground {
  color: #b4ffb4 !important; }

.Truckcom_Foreground_BlueBackground {
  color: lightsteelblue !important; }

.Truckcom_Foreground_PurpleBackground {
  color: #ffb4ff !important; }

.Truckcom_Foreground_NormalBackground {
  color: white !important; }

.Truckcom_Foreground_YellowBackground {
  color: yellow !important; }

.Truckcom_Foreground_Orange {
  color: orange; }

.Truckcom_Foreground_Black {
  color: black; }

.Truckcom_Foreground_Red {
  color: red; }

.Truckcom_Foreground_Blue {
  color: blue; }

.Truckcom_Foreground_White {
  color: white; }

.Truckcom_Foreground_Green {
  color: green; }

.Truckcom_Foreground_Purple {
  color: purple; }

.Truckcom_Foreground_Gray {
  color: gray; }

.Truckcom_Foreground_Yellow {
  color: yellow; }

.Truckcom_Foreground_Pink {
  color: pink; }

.Truckcom_Foreground_Khaki {
  color: #bdff6b; }

.Truckcom_Foreground_DarkBlue {
  color: #000028; }

.Truckcom_Foreground_DarkGreen {
  color: #002800; }

.Truckcom_Foreground_DarkGray {
  color: darkgray; }

.Truckcom_Foreground_DarkRed {
  color: #780000; }

.Truckcom_Foreground_DarkPink {
  color: deeppink; }

.Truckcom_Foreground_DarkPurple {
  color: #58006c; }

.Truckcom_Foreground_Turquoise {
  color: darkturquoise; }

.Truckcom_Foreground_MidBlue {
  color: #0099cc; }

.Truckcom_Foreground_Brown {
  color: burlywood; }

.Truckcom_Foreground_PaleGreen {
  color: #ffffd6; }

.Truckcom_Foreground_PaleBlue {
  color: #d2d2ff; }

.Truckcom_Foreground_Lime {
  color: blue; }

.Truckcom_Foreground_DarkOrange {
  color: darkorange; }

.Truckcom_Foreground_LightYellow {
  color: #ffffd6; }

.Truckcom_Foreground_LightGray {
  color: lightgray; }

.Truckcom_Foreground_DarkGreyHalfOpacity {
  color: darkgray; }

.dx-datagrid-table .dx-data-row.Truckcom_Background_Black.dx-state-hover:not(.dx-seletion):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-selection.dx-row.Truckcom_Background_Black:hover > td:not([class^="Truckcom_Background_"]), .dx-datagrid-rowsview .dx-selection.dx-row.Truckcom_Background_Black:hover > tr > td:not([class^="Truckcom_Background_"]), .dx-datagrid-rowsview .dx-selection.dx-row.Truckcom_Background_Black > td:not([class^="Truckcom_Background_"]), .dx-datagrid-rowsview .dx-selection.dx-row.Truckcom_Background_Black > tr > td:not([class^="Truckcom_Background_"]) {
  background-color: #4b4b4b !important; }