/* Common styles */ @import url('Site.css'); @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; /*src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');*/ src: url('/Fonts/Roboto-Light.ttf') } body {background-color: #E5E4E5; } body, ul { margin: 0;} body, ul, input, button { font-family: Helvetica,Arial,Tahoma,sans-serif; } body, ul { font-size: 11px; } ul {padding: 0; } input, select, textarea { margin: 2px; } select { padding: 1px; font-size: 11px; border: 1px solid #abadb3;} textarea { resize: none; } fieldset { border: 1px solid #D9D9D9; } .field-validation-valid { display: none !important; } .disabled { color: #B4B3C0; pointer-events: none; } .contentdisabled { pointer-events: none; opacity: 0.4; } .sortable { text-decoration: underline; cursor: pointer; } input.date {width: 60px;} input.time {width: 50px;} .clickableItem { cursor: pointer; } .dateTimePicker2 { } .dateTimePicker2 input { cursor: pointer; float: left; } .dateTimePicker2 .time-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -397px; width: 21px; height: 20px; display: inline-block; } .relative, .relative-boxes > div { background-color: #f4f4f4; } .dateTimeRelativePicker { } /* DO NOT CHANGE THIS VALUE TO LESS VALUE!-- SK */ .dateTimeRelativePicker span { width: 55px; display: inline-block; } /* DO NOT CHANGE THIS VALUE TO LESS VALUE!-- SK */ .dateTimeRelativePicker .relative, .dateTimeRelativePicker .absolute, .dateTimeRelativePicker .monthly { background-color: #f4f4f4; } .dateTimeRelativePicker .relative { padding: 12px 10px 12px 10px; width: 220px;} .dateTimeRelativePicker .absolute { padding: 10px; width: 220px; } .dateTimeRelativePicker .monthly { padding: 9px 10px 9px 10px; } .dateTimeRelativePicker input[type=text] { width: 115px; } .dateTimeRelativePicker .relative input[type=text] { width: 50px; } .dateTimeRelativePicker .absolute span { float: left; margin-top: 4px; text-align: right } .dateTimeRelativePicker .time-interval-type{ line-height: 14px;margin-left: 4px;position: relative;top: -2px;} .dateTimeComboboxedPicker span { display: inline-block; width: 55px; } .dateTimeComboboxedPicker .relative { padding: 12px 10px 12px 10px;} .dateTimeComboboxedPicker .absolute { padding: 10px; } .dateTimeComboboxedPicker .relative, .dateTimeComboboxedPicker .absolute, .dateTimeComboboxedPicker .monthly { background-color: #f4f4f4; } .dateTimeComboboxedPicker input[type=text] { width: 115px; } .dateTimeComboboxedPicker .absolute span { float: left; margin-top: 4px; text-align: right } .dateTimeComboboxedPicker .time-interval-type{ line-height: 14px;margin-left: 4px;position: relative;top: -2px;} /*.ui-dialog-titlebar { display: none !important; }*/ .date-range { border: solid 1px #d9d9d9; padding: 5px; } label.checkbox { display: block; padding-left: 15px; text-indent: -15px; } label.checkbox input[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } input[type=checkbox] { position:relative; vertical-align: middle; } /* Button */ input[type="submit"], input[type="button"], button.long, button.small, button.short { box-shadow: inset 0px 1px 0px 0px #ffffff; background: linear-gradient(to bottom, #eae9e9 5%, #c9c8c8 100%); background-color: #eae9e9; border-radius: 20px; border: 1px solid #9c9c9c; display: inline-block; cursor: pointer; color: #000000; font-size: 12px; font-weight: bold; padding: 9px 22px; text-decoration: none; } input[type=button]:hover, input[type=submit]:hover, button.long:hover, button.small:hover, button.short:hover { color: red; } input[type=button]:active, input[type=submit]:active, button.long:active, button.small:active, button.short:active { position: relative; top: 1px; } input[type="submit"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover, button.long:disabled, button.small:disabled, button.short:disabled, button.long:disabled:hover, button.small:disabled:hover, button.short:disabled:hover { cursor: default; color: rgb(109, 109, 109); } input[type="submit"], input[type="button"] { min-width: 120px; } input.long[type="submit"], input.long[type="button"], button.long, input.long-button { min-width: 217px; } input.small[type="submit"], input.small[type="button"], button.small, a.small { font-size: 11px !important; font-weight: normal !important; padding: 4px 24px; min-width: 87px; } .ui-datepicker-buttonpane button { min-width: auto; } a.small { display:inline-block; text-decoration:none !important; line-height:20px; text-align:center; } a.small:hover { color:red; } input[type="number"] { } input.valid{ } input.input-validation-error, select.input-validation-error { border: 1px solid red; } a img { border-style: none; } .validation-summary-errors { padding: 5px 20px 5px 20px; border: 1px solid #dd3c10; background-color: #ffebe8; margin-bottom: 5px; } .validation-summary-errors > ul > li { list-style: none; } .submit-link { font-weight: normal !important; font-size: 11px !important; background: none !important; background-color: transparent; text-decoration: underline; border: none; color: #136A92 !important; cursor: pointer; } .close-button { cursor: pointer; background: url("../images/main.png") no-repeat 0px 0px; width: 15px; height: 15px; display: inline-block; } a { color: #136A92;cursor: pointer;text-decoration: underline; } a.disabled { color: #B4B3C0 !important; text-decoration: none; cursor: default; } /* Common classes */ .clear { clear: both; } .progress { text-align: center; position: fixed; left: 50%; top: 50%; display: none; z-index: 1500; /*background: url(../Images/rounded.png) no-repeat;*/ width: 48px; height: 48px; padding: 10px; width: auto !important; } .progress2 { text-align: center; position: relative; left: 45%; top: 45%; display:none; z-index:1500; background: url(../Images/rounded.png) no-repeat; width: 48px; height: 48px; padding: 10px; } .label { color: #777; } .float-left { float: left; } .float-right { float: right; } .overflow { overflow:hidden; } .nowrap { white-space: nowrap !important} .word-wrap-normal { word-wrap: normal !important; } .gm-style-mtc { width: unset !important; top: unset !important; } .gm-style-mtc ul * { font-size: unset !important; } #filter-container { margin: 0 0 10px 0; } #alerts #filter-container { overflow:hidden } .warning {color: red;} .success {color: green;} .error { color: red; font-size: 12px; font-weight: bold; display: none; } /* By default error marker is not shown */ .field-validation-error {color: red; font-size: 12px; font-weight: bold;} /* Grid */ .grid { border-spacing: 0; width: 100%; border-left: 1px solid #BFBEBF; border-top: 1px solid #BFBEBF; border-bottom: 1px solid #BFBEBF; empty-cells: show; } .grid tr:nth-child(even) { background-color: #F6F6F6; } .grid tr:nth-child(odd) { background-color: white; } .grid tr:hover { background-color: #FEFFE4; } .grid tr.selected { background-color: rgb(223, 222, 222); } .grid th, .grid td { border-collapse: collapse; border-right: 1px solid #B4B4B4; border-left: 1px solid #F8F7F7; border-bottom-style: none; } .grid td { padding: 6px; word-wrap:break-word } .grid th { background-color: rgb(223, 222, 222); color: black; font-weight: normal; height: 21px; } .grid th a { color: black; } .grid img { vertical-align: middle; } .grid td.mainColumn { font-size: 12px; vertical-align: middle; overflow: hidden } .grid td.date-column > div { margin-bottom: 5px; } .grid td.date-column .label { width: 60px; text-align: right; display: inline-block; } .grid tfoot td { background-color: rgb(198, 199, 199); font-weight: bold; } .grid-list { padding: 8px;border-spacing: 0; empty-cells: show; table-layout: fixed } .grid-list span { padding: 3px 3px 4px 5px; } .grid-list span:nth-child(even) { background-color: #F6F6F6; } .grid-list span:nth-child(odd) { background-color: white; } .grid-list span:hover { background-color: #FEFFE4; } .grid-list { height: 400px; width: 98%; float: left; display: block; overflow-y: scroll; } .scrollable-table > div { overflow-x: scroll; overflow-y: visible } .scrollable-table > table { margin : 0px !important; max-width:50%} /* width : 1400px - you can alter it for the specific width. 200% will not work because of different resolutions in the system */ .scrollable-table > div > table { width : 1400px !important; position: relative; left : -1px ; margin : 0px !important} .container-header { padding: 2px 5px 2px 5px; background-color: rgb(65, 109, 208); color: white; font-weight: normal; border-style: solid; border-color: #CCC; border-width: 1px 1px 0 1px; } .container-body { padding: 2px 5px 2px 5px; background-color: white; border-style: solid; border-color: #CCC; border-width: 0 1px 1px 1px; } .left { text-align: left; } .center { vertical-align: middle; text-align: center; } .right { text-align: right; } .visible { display: block !important; } .invisible { display: none !important; } .pager { margin: 5px auto 0 auto; } .pager .next, .pager .last, .pager .first, .pager .prev { cursor: pointer; } .pager .next[disabled], .pager .last[disabled], .pager .first[disabled], .pager .prev[disabled] { cursor: default; } /* Table popup menu */ table.tablePopupMenu {background-color: white; border: solid 1px #aca899; cursor: pointer; text-align: left;} table.tablePopupMenu td {padding: 2px 5px; white-space:nowrap; text-transform: capitalize; } table.tablePopupMenu tr:hover {color: #FFFFFF; background-color: #93a070;} .legend { color: gray; } .report-filter { background-color: #EAEAEA; display: inline-block; width: 100%; border: 1px solid #D9D9D9; } .report-filter .report-type { width: 350px; float: left; } .report-filter .report-type a { margin-right: 20px; display: inline-block; text-align: left; width: 70px; } .report-filter .report-type a img { float: left; margin-top: 5px; margin-right: 5px; } .report-filter .filter, .report-filter .report-type { padding: 20px; } .report-filter .filter .options { padding: 20px; } .schedule-options { width: 100%; display: none; } .schedule-options fieldset { margin-left: 0px; margin-right: 0px; border-color: rgb(217, 217, 217); } .schedule-options .schedule-item { width: 100%; } .schedule-options .schedule-item #daysOfWeekContainer .day-of-week { width:90px; display: inline-block } .schedule-options .schedule-item #daysOfWeekContainer label { display: inline-block; width: 60px; } .schedule-options .schedule-item .multi-ckeckbox-dropdown .box { width: 100%; } .schedule-options .schedule-item .multi-ckeckbox-dropdown { width: 170px; } .schedule-options .area { padding: 0 7px; border-right: dotted 1px #CCC; float: left; min-height: 97px; } /* Don't change padding to more value. We don't have enough space when we change zoom or resolution: 1318992 */ .schedule-options #area5 { border-right: none; } .schedule-options #area5 .gray-section { background-color: #f4f4f4; margin: 10px 0px; padding: 10px; width: 100%; } .schedule-options #area5 #Name { width:250px } .schedule-options p { margin: 3px 0; } .schedule-options #area5 p, .schedule-options #area5 div.p { margin: 3px 0; min-height: 23px } .schedule-options #area5 p .box, .schedule-options #area5 div.p .box { margin: 2px 2px; display: inline-block } .schedule-options #area5 p > label, .schedule-options #area5 div.p > label { width:auto; text-align:left; display: inline-block} .schedule-options #area5 p input[type=radio], .schedule-options #area5 div.p input[type=radio] {position:relative; top:3px } .schedule-options #Every { width: 40px; } .schedule-options #GenerateAt { width: 60px; } .schedule-options .dropDownContainer { min-height: 20px; position: relative; display: inline-block; } .schedule-options .dropDownContainer .separator { background-color: #eeeeee; padding: 3px 4px 3px 4px; } .schedule-options .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width: 200px; z-index: 1; } .schedule-options .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0 !important; margin:3px !important; border-width:0px !important; } .schedule-options .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } .schedule-options .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0; top: 0; width: 17px; } #driver-id .label-select-driver { margin:02px; display: inline-block; height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #driver-id .area { padding: 0 15px; border-right: dotted 1px #CCC; float: left; min-height: 90px; } #driver-id .dropDownContainer { min-height: 20px; position: relative; padding: 0px 4px 0px 4px ;display: inline-block; top:5px;} #driver-id .dropDownContainer .separator { background-color: #eeeeee; padding: 3px 4px 3px 4px; } #driver-id .dropDownContainer .box { text-align:left; background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width:250px ;min-height:18px} #driver-id .dropDownContainer .box .content { display: none; max-height: 400px; overflow: auto; padding: 0 !important; margin:3px !important; border-width:0px !important; } #driver-id .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #driver-id .content div { text-align : left} #driver-id .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0; top: 0; width: 17px; } /* Navigation bar */ table.navigation-bar { margin-top: 10px; margin-left: 10px; } table.navigation-bar td { font-family: "Arial"; white-space: nowrap; font-size: 9pt; color: #8e8d8d; vertical-align: baseline; } table.navigation-bar td.title { font-weight: bold; font-size : 12pt; color: Black; letter-spacing: -0.5px; } table.navigation-bar td a { color: #8e8d8d; text-decoration: none; } table.navigation-bar td.links { padding-left: 5px; padding-right: 5px; } .navigation-bar-new.topPanel { font-family: "Roboto"; } .navigation-bar-new.topPanel span { color: white; font-size: 15px; text-transform: uppercase; font-weight: 400 } .navigation-bar-new.topPanel a, .navigation-bar-new.topPanel .navigation-arrow { text-decoration: none; color: #cccaca; font-size: 15px; text-transform: uppercase } .navigation-bar-new.topPanel a:hover { color: white !important; text-decoration: none; } /* Style for textboxes with time information */ .time { width: 90px; } /* Sub menu styles */ div.sub-menu { height: 22px; display: block; clear: both; margin: 10px; } div.sub-menu > div.active, div.sub-menu > div:hover { background-color: #EDEDED; } div.sub-menu > div.active { color: #777; } div.sub-menu > div { float: left; display: block; color: #2371B5; padding: 3px 5px 3px 5px; border: 1px solid #D9D9D9; cursor: pointer; margin-right: 5px; } .tab { margin: 0 10px 10px 10px; padding: 10px; border: 1px solid rgb(180, 180, 180); clear: both; display: none; } /* Main layout styles */ #main-layout { padding: 10px 0 10px 0; } #main-layout > div { width: 1020px; margin: 0 auto 0 auto; border: solid 1px #CCC; padding: 10px; background-color: white; } #main-header { font-family : 'Trebuchet MS'; font-size : 12px; overflow :hidden; } #main-header.headerHidden { margin-bottom: 10px; } #main-header a { color :#60aae9} #main-header .container-header { text-transform : uppercase } #main-header .container-header a { text-transform : none; color : #d5ecff !important; height:15px; line-height: 12px } #welcome-message { width: 13%; float: left; } #logout { float: right; margin-left:15px; padding-left:15px; background: left top no-repeat url('/images/header/user_icon.png'); margin-top: 25px; margin-right: 10px; } #main-header.headerHidden #logout { margin-top: 15px; margin-right: 10px; } #logout > div { float: left; } #logout .sep { margin: 0 5px; } #logout .label { font-weight : bold; color:black; max-width: 150px; word-wrap: break-word; } #logout #logoutLink { float: left; display: block; } #local-time { text-align: center; color: #aaaaaa } #main-header.headerHidden #local-time { margin-top: 13px; } #main-header.headerHidden #new-messages { margin-right: 5px; margin-top: 1px; } #main-header #new-messages { display:block; width:49px; height:32px; background:left bottom no-repeat url('/images/header/envelope.png'); float:right; margin-right: 5px; margin-top : 13px } #main-header #new-messages div { display:block; width:28px; height:28px; border-radius:14px; background-color: #d6001e; float:right; color:white; text-decoration : none; text-align:center; } #main-header #last-alerts { display:block; width:45px; height:32px; background:left bottom no-repeat url('/images/header/alerts_icon.png'); float:right; margin-right: 5px; margin-top : 13px } #main-header.headerHidden #last-alerts { margin-left: 10px; margin-top: 0px; } #main-header #last-alerts div { display:block; width:28px; height:28px; border-radius:14px; background-color: #d6001e; float:right; color:white; text-decoration : none; text-align:center; } #alert-center { font-size: 11px; width: 35%; float: right; margin-bottom: 8px; } #alert-center .container-header { border: none; height: 14px; padding-left:20px; background : 2px center no-repeat url('/images/header/alerts_center.png') } #alert-center #see-more-alerts-button { color: white; float: right; } #alert-center .container-body { height: 48px; overflow-y: auto; } #alert-center table { width: 100%; } #alert-center .description-column {width: 67%; } #alert-center .alert-time { text-align: right; vertical-align: top; } #alert-center .highlighted { color: red } #main-content { position: relative; background-color: rgb(244, 244, 244); border-width: 1px; border-style: solid; border-color: rgb(180, 180, 180); clear: both; /*min-height: 700px;*/ } #main-content .content { clear: both; margin: 10px; padding: 10px; background-color: white; border: 1px solid rgb(217, 217, 217); } /* Common sub menu and main menu*/ #main-menu { height: 75px; display: block; clear: both; float: left; font-family : Roboto; color : #999999; font-size: 18px; font-weight :300; background-color: #f8f8f8} #main-menu > li { float: left; } #main-menu li { display: block } #main-menu li a { text-decoration: none; color: #999; line-height: 30px; white-space: nowrap; padding: 42px 12px 0px 12px; display:block; height: 34px; box-sizing: content-box} #main-menu li.first-level > div > div .next-level > a, #main-menu li.first-level > div > div > ul > li > a { line-height:30px; background : none !important; text-decoration: none; color: #999; border-bottom:1px solid #dedede; color:#999999; font-size:14px; font-weight:bold; white-space: nowrap; display:block; margin-right:5px; min-width : 120px; padding-left : 0px !important} #main-menu li.first-level li ul li a:hover { text-decoration:underline !important; cursor : pointer } #main-menu li.first-level:hover ~ select:focus { visibility: hidden; } #main-menu li.first-level ul a { padding : 0px; height: auto; } #main-menu li.first-level ul ul { display : block; } #main-menu li ul li ul li a { font-size:11px; border:none; padding-left: 10px !important; display : inline-block ; height:20px; line-height:20px } #main-menu li.first-level { position: relative; border-top: 0px none; background: right center no-repeat url('/images/menu/separator.png'); } #main-menu li.first-level:last-child { background:none } #main-menu li.first-level > a { background-position: center 10px; background-repeat:no-repeat } #main-menu li.first-level.active { position: relative; border-left-width: 0px; border-right-width: 0px; padding: 0px 1px 0px 1px;} #main-menu li.first-level:hover { } #main-menu li.first-level .blue-arrow { display:none } #main-menu li.first-level.Tracker >a { background-image : url('/images/menu/icnTracker.png'); } #main-menu li.first-level.Alert >a { background-image : url('/images/menu/icnAlert.png'); } #main-menu li.first-level.Analytics> a { background-image : url('/images/menu/icnAnalytics.png'); } #main-menu li.first-level.Routing> a { background-image : url('/images/menu/icnTracker.png'); } #main-menu li.first-level.Messaging> a{ background-image : url('/images/menu/icnMessaging.png'); } #main-menu li.first-level.Admin> a{ background-image : url('/images/menu/icnAdmin.png'); } #main-menu li.first-level.AppStore> a{ background-image : url('/images/menu/icnApp.png'); } #main-menu li.first-level:hover > div { visibility : visible } #main-menu li.first-level > div {background-color : white; background-position: 60px top; background-repeat: no-repeat; padding: 20px 20px 20px 0;visibility: hidden;z-index: 101; position: absolute;} #main-menu .menu_arrow { position: absolute; z-index: 101; top: 8px; right: 0px; cursor: pointer; } .drop-down-tree-autocomplete { float: right; text-align: left; border: 1px solid rgb(171, 173, 179); height: 17px; background-color: white; line-height: 14px; display: inline-block; } .drop-down-tree-autocomplete.over { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } .drop-down-tree-autocomplete img { cursor: pointer; margin-right: 3px; padding-left: 7px; padding-top: 5px; padding-bottom: 7px; } .drop-down-tree-autocomplete .tree-container {background-color: white; position: absolute; z-index: 100; overflow-y: auto; overflow-x: auto; max-height: 450px; min-width: 193px; display: none; margin-top: -2px;margin-left: -1px; border: 1px solid #C7C7C7;padding-left: 6px;padding-right: 4px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);} .drop-down-tree-autocomplete .items-autocomplete { width: 172px; border: none; margin: 0; display: block; float: left; font-size: 11px;text-indent: 3px;} #division-drop-down-list { font-family : 'Roboto'; border-bottom: 1px solid #CCC; background-color: rgb(248, 248, 248); /*#e5e5e5;*/ text-align : center; color: black; border-right: none; height: 76px; } /* Main footer */ #main-footer > div { margin-left: auto; margin-right: auto; } /* Queues management */ #queues-management #tabular, #queues-management #import-export { display: none; } #queues-management span.label { display: inline-block; text-align: right; margin-right: 5px; width: 75px; } #queues-management #filter-button { margin-top: 10px; margin-left: 10px; } #queues-management #links-table { float: right; } #queues-management #links-table td { padding: 5px; text-align: right; } /* Alerts */ #alerts .alert-column { padding: 5px; } #alerts .alert-column > div { float: left; margin-left: 10px; padding-top: 5px; } #alerts .alert-column .name { font-size: 12px; } #alerts #action-buttons { text-align: right; margin-top: 10px; } #alerts #usersList, #alerts #assetsList, #alerts #assetGroupsList { width: 150px; margin-right: 10px; } /* Alerts definition */ #alerts-definition .bordered { margin-top: -2px; border: 3px solid rgb(217, 217, 217); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #asset .header-text, #alerts-definition .header-text { font-size: 20px; margin: 0; } #asset .alert-tab, #alerts-definition .alert-tab { min-height: 380px; } #asset .action-buttons, #alerts-definition .action-buttons { width: 100%; text-align: right; } #maintenance-dialog table td { text-align:center } #asset .progress-bar, #alerts-definition .progress-bar { height: 80px; } #asset .progress-bar .step, #alerts-definition .progress-bar .step { background-color: rgb(217, 217, 217); float: left; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle; color: rgb(103, 103, 103); } #asset .progress-bar .step-active, #alerts-definition .progress-bar .step-active { background-color: rgb(70, 90, 165); color: white; } #asset .progress-bar hr, #alerts-definition .progress-bar hr { width: 120px; float: left; margin-top: 12px; } #asset .progress-bar .description, #alerts-definition .progress-bar .description { clear: both; } #asset .progress-bar .description > div, #alerts-definition .progress-bar .description > div { width: 144px; float: left; color: rgb(89, 89, 89); font-size: 12px; margin-top: 10px; } #asset #add-inventory .inventory-states { overflow: hidden } #asset #add-inventory .inventory-properties .small { width:140px; text-align:right; display:inline-block; float:left; margin-top: 5px } #delete-data-range-form { margin-top:16px;} #alerts-definition .pager { font-size: 12px; margin: 0; } #alerts-definition hr { border: 0; width: 100%; height: 1px; background-color: rgb(217, 217, 217); color: rgb(217, 217, 217); } #alerts-definition .form-field { min-width: 240px; font-size: 14px; vertical-align: top; display: inline-block; color: rgb(89, 89, 89); } #alerts-definition .close-button { cursor: pointer; background: url("../images/main.png") no-repeat 0px 0px; width: 15px; height: 15px; display: inline-block; } #alerts-definition .rule-geofence-filter input[type=radio] { position:relative; top:2px } #alerts-definition .rule-geofence-filter span { display: inline-block; width :10px} #alerts-definition .bell-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -52px; width: 24px; height: 28px; display: inline-block; } #alerts-definition .email-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -85px; width: 20px; height: 16px; display: inline-block; } #alerts-definition .sms-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -22px; width: 26px; height: 28px; display: inline-block; } #alerts-definition .form-input { vertical-align: top; display: inline-block; } #alerts-definition #general-tab #description-pane > div { margin-bottom: 10px; } #alerts-definition #general-tab #rule-activation, #alerts-definition #general-tab #description-pane { vertical-align: top; display: inline-block; width: 100%; } #alerts-definition #general-tab #description { width: 200px; } #alerts-definition #general-tab #name { width: 165px; } #alerts-definition #rule-types-tab .rule-type-tab { height: 250px; background-color: rgb(244, 244, 244); padding: 25px 20px; margin-top: 10px; } #alerts-definition #rule-types-tab h3 { margin: 0 0 10px 0; color: rgb(47, 47, 47); font-size: 16px; font-weight: normal; } #alerts-definition #rule-types-tab hr { margin: 0;padding: 0; } #alerts-definition #rule-types-tab .ruleType { margin: 5px 0px; float: left; min-width: 150px; padding: 0 10px; } #alerts-definition #rule-types-tab .ruleType label { display: block; padding-left: 15px; text-indent: -15px; } #alerts-definition #rule-types-tab .ruleType input[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } #alerts-definition .progress-bar .description > div { width: 124px !important; } #alerts-definition .progress-bar hr { width: 100px; } #alerts-definition .selected { background-color: rgb(234, 234, 234); } #alerts-definition .group { padding: 5px 15px 5px 15px; height: 300px; color: rgb(47, 47, 47); font-size: 12px; vertical-align: top; display: inline-block; margin-right: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; width: 40%; background-color: rgb(234, 234, 234); } #alerts-definition #asset-groups-list b, #alerts-definition #assets-list b { margin-top: 5px; display: block; margin-left: 20px; } #alerts-definition .group > div { border-top: 1px solid rgb(170, 173, 180); padding: 7px; height: 228px; overflow: auto;background-color: white; margin-bottom: 10px; } #alerts-definition #assets #assets-selection-details { border: 1px solid rgb(217, 217, 217); padding: 8px 14px 8px 14px; } #alerts-definition #tabRuleDefinitionView #edit-basic { border: 1px solid rgb(217, 217, 217); padding: 15px; margin-top: 5px; margin-bottom: 10px; } #DriverScorecard #edit-basic { border: 1px solid rgb(217, 217, 217); padding: 15px; margin-top: 5px; margin-bottom: 10px; } #alerts-definition .ruleItem { background-color: rgb(234, 234, 234); border: 1px solid rgb(217, 217, 217); margin-bottom: 6px; padding: 10px; position: relative; } #alerts-definition .ruleItem.J1939 > * { display: inline-block; vertical-align: middle; } #alerts-definition .ruleItem .close-button { position: absolute; top: 5px; right: 5px; } #alerts-definition #tabRuleActionsView #message { width: 450px; resize: none; color: rgb(116, 177, 1); font-weight: bold; } #alerts-definition #tabRuleActionsView #actions { border: 1px solid rgb(217, 217, 217); padding: 15px; margin-top: 5px; margin-bottom: 10px; min-height:120px; } #alerts-definition #tabRuleActionsView #actions .action { padding: 10px 0 10px 0; margin-bottom: 10px; clear: both; position: relative; background-color: rgb(234, 234, 234); border: 1px solid rgb(217, 217, 217); } #alerts-definition #tabRuleActionsView #actions .action .close-button { position: absolute; top: 5px; right: 5px; } #alerts-definition #tabRuleActionsView #actions .action .icon { position: absolute; top: 8px; left: 10px; } #alerts-definition #tabRuleActionsView .action .selection > div { overflow-y: auto; vertical-align: top; display: inline-block; height: 100px; width: 22% !important; margin-top: 10px; background-color: white; border-top: 1px solid rgb(170, 173, 180); padding: 5px; margin-left: 10px; } #alerts-definition #tabRuleActionsView #rule-actions { min-height:200px; clear: both; } #alerts-definition .rulePartMessage { position: relative; margin-bottom: 10px; margin-right: 10px; } #alerts-definition .rulePartMessage textarea { width: 300px; height: 100px; border: 3px solid rgb(217, 217, 217); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: rgb(116, 177, 1); font-weight: bold; } #alerts-definition #rule-actions #editAction > div { margin-bottom: 10px; border: 1px solid #B4B4B4; padding: 10px; } #alerts-definition .rulePartMessage { width: 300px; float: left; } #alerts-definition .action-type-name { display: inline-block; text-align: right; } #alerts-definition .action-name { width: 100px; display: inline-block; text-align: right; } #alerts-definition .x, #alerts-definition .y { width: 50px; } #alerts-definition .action-name-input { width: 198px; } #alerts-definition .remove-rule { display: inline-block; margin-left: 10px; cursor: pointer; } #alerts-definition #message-container { position: relative; } #alerts-definition #tabRuleActionsView .tablePopupMenu { position: absolute; display: none; right: -120px; top: 2px; z-index: 1; } #alerts-definition #rulesVisibilityContainer { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; width: 190px; height: 25px; text-align: center; padding-top: 3px; font-size: 12px; margin-bottom: 10px; vertical-align: middle; float: right; display: block; background-color: rgb(244, 244, 244); } #alerts-definition #user-drivers-selection-details { padding-left:20px; } #ruleVisibilityTabs { background: rgb(234,234,234); padding:15px; border-radius:0; } #ruleVisibilityTabs .child-tab { background: white; display: block; border: none; margin: 0; border-radius:0; padding:15px 15px 10px 15px; } #ruleVisibilityTabs .child-tab-content { display: block; border: none; margin: 0; width: auto; background-color: white; font-size: 13px; overflow: auto; height: 280px; } #ruleVisibilityTabs ul {background: none; border: none; } #ruleVisibilityTabs .child-tab { font-size: 13px; } #ruleVisibilityTabs ul li a { padding-top:8px } #ruleVisibilityTabs ul li a input[type=checkbox] { height:12px; top:2px; cursor:pointer; } #ruleVisibilityTabs .selected { background:none; } #ruleVisibilityTabs .tabs-header { border-bottom:1px solid #aaaaaa; border-radius:0; padding:0 } #ruleVisibilityTabs li.ui-tabs-active { margin-bottom:0; padding-bottom:0; background:white; } #ruleVisibilityTabs .tabs-header li.ui-tabs-active { margin-bottom:0; padding-bottom:0; background:rgb(234,234,234); border-radius:0; } #ruleVisibilityTabs .child-tab-content .items { display:block; column-count:3; padding:15px; } #ruleVisibilityTabs .child-tab-content .items .item { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table; } #ruleVisibilityTabs .child-tab-content a { color : #136a92 !important; display: inline-block; padding : 0px 5px 5px 0px; } #ruleVisibilityTabs .entityTypeSelection { margin-bottom : 15px; } #ruleVisibilityTabs .entityTypeSelection label { position:relative; bottom : 2px } #ruleVisibilityTabs .entityTypeSelection input { margin: 5px; } #maintenance-report #filter { border: 1px solid #d9d9d9; } #maintenance-report .filter select { width: 160px; } #maintenance-report #assetFilter input[type=text] { width: 57px; } #maintenance-report .dateTimeRelativePicker { float: left; margin-bottom: 20px; } #maintenance-report #assetFilter, #maintenance-report #lastFilterArea { border:none; padding: 10px; display: table-cell;} #maintenance-report #lastFilterArea { border-left: 1px solid #d9d9d9; width:400px } #maintenance-report #assetsLabel { float: left; margin-right: 7px !important; margin-top: 5px; } #maintenance-report #submitArea { float: right; margin-top: 35px; margin-bottom: 10px; } #maintenance-report #assetFilter .options-label { width: 80px; text-align: right; display: inline-block; margin-right: 2px; } #maintenance-report .grid { margin-top: 5px; } #maintenance-report .grid td { text-align: center; } #maintenance-report .grid td.left { text-align: left; padding-left: 15px; } #maintenance-report .progress-icon { background: url("../images/main.png") no-repeat 0px -158px; width: 41px; height: 8px; display: inline-block; margin-right: 5px; } #maintenance-report .progressor { background: url("../images/main.png") no-repeat 0px -166px; width: 0; height: 8px; } #maintenance-report td.completed { background-color: rgb(239, 255, 220); color: rgb(123, 175, 0); font-weight: bold; } #maintenance-report td.completed .progressor { background: url("../images/main.png") no-repeat 0px -174px; width: 100%; height: 8px; } #maintenance-report .complete { display: block; vertical-align: top; line-height: 18px; } #maintenance-report .complete:before, #maintenance-report .complete-attribute:before { content: ""; background: url("../images/main.png") no-repeat 0px -182px; width: 19px; height: 19px; position: relative; display: inline-block; margin-right: 5px; } #maintenance-report .completed-history { color: rgb(137, 137, 137); } #maintenance-report #exportArea { clear: both; margin: 0; } #maintenance-report .dateTimeRelativePicker { float: left; margin-right: 10px;width: 220px; } #maintenance-report .driver-select { width:138px !important; } #maintenance-report .schedule-driver-option { width:140px !important; } #maintenance-report .schedule-options #area5 p > label, .schedule-options #area5 div.p > label { width: auto; text-align: left; display: inline; } #maintenance-report .schedule-options #DaysRemaining { width: 50px; } #maintenance-report .schedule-options #schedule-asset-option label { margin-top: 4px; margin-right: 2px; } #maintenance-report .schedule-options .typeContainer { margin-bottom: 5px; } #submitButton { margin: 0px; } #driver-score-card .filter #driver-name-area { width: 40%; float: left; padding-top: 18px; } #driver-score-card .filter #driver-name-area select { width: 185px; } #driver-score-card .filter #time-interval { width: 35%; float: left; } #driver-score-card .filter #time-interval span { width: 40px; display: inline-block; } #driver-score-card .filter #time-interval select { width: 100px; } #driver-score-card .filter #run-report { width: 25%; float: left; text-align: center; padding-top: 20px; } #driver-score-card .card { background-color: #F6F6F6; border: 1px solid #D9D9D9; margin-top: 15px;} #driver-score-card .general-info { display: inline-block; background-color: white; width: 410px; vertical-align: top; position: relative;margin-bottom: 1px;min-height: 300px;} #driver-score-card .grades { display: inline-block; vertical-align: top; } #driver-score-card .grades > div { float: left; margin-left: 20px; } #driver-score-card #photo { padding: 20px 10px 0 10px; float: left; min-height: 200px; width: 135px; } #driver-score-card .overall-grade-table { padding: 0px 30px 10px 10px; } #driver-score-card .overall-grade-table h1 { line-height: 60px; float: left; margin-right: 10px; } #driver-score-card .no-photo { width:135px; text-align:center; height: 100px; border:1px solid #D9D9D9; padding-top:60px; font-size:24px; color:#D9D9D9; margin-top: 31px } #driver-score-card .grade-table { position: relative; } #driver-score-card .corner { background: url("../images/main.png") no-repeat 0px -108px; width: 26px; height: 14px; position:relative; top: 6px; left: 10px; display:inline-block; } #driver-score-card .big-corner { background: url("../images/main.png") no-repeat 0px -127px; width: 16px; height: 30px; position: absolute; top: 20px; right: 0px; } #driver-score-card .grade-table table { border: 1px solid #D9D9D9; padding: 2px; border-collapse:collapse; width: 225px; } #driver-score-card .grade-table table tr:nth-child(2n+1){ background-color: #F6F6F6; } #driver-score-card .grade-table table tr:nth-child(2n){ background-color: white; } #driver-score-card .grade-table table tr td:first-child { color: #797979; } #driver-score-card .grade-table table tr td:last-child { font-weight: bold; text-align: right; } #driver-score-card .grade-table table tr td { padding: 4px; } #driver-score-card .grade-table-container { clear: both; margin-bottom: 20px; float: left; } #driver-score-card .card h2 { line-height: 20px; margin-right: 10px; margin-bottom: 0px; } #driver-score-card .grade-table-container .table-background { background-color: white; padding: 2px; clear: both; } #driver-score-card .grade-big-size { -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; width: 180px; height: 180px; font-size: 60px; line-height: 180px; font-weight: bold; text-align: center; background-color: white; border-width: 5px; border-style: solid; margin: 20px 43px 30px 43px; } #driver-score-card .grade-dashboard-size { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 100px; height: 100px; font-size: 60px; line-height: 100px; font-weight: bold; text-align: center; background-color: white; border-width: 5px; border-style: solid; margin: 30px 70px 45px 70px; } .sizeMedium #driver-score-card .grade-dashboard-size { width: 380px; height: 375px; border-radius: 375px; font-size: 200px; line-height: 360px; } .sizeWide #driver-score-card .grade-dashboard-size { margin-left: 180px; margin-right: 180px; } #driver-score-card .grade-middle-size { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 50px; height: 50px; font-size: 25px; line-height: 50px; font-weight: bold; text-align: center; background-color: white; margin: 13px; border-width: 3px; border-style: solid; display: inline-block; } #driver-score-card .best-driver .grade-middle-size { margin: 10px 15px 0px 15px; } #driver-score-card .grade-small-size { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; display: inline-block; width: 18px; height: 18px; line-height: 18px; color: white; text-align: center; } #driver-score-card .grade-big-size.grade_A, #driver-score-card .grade-middle-size.grade_A, #driver-score-card .grade-dashboard-size.grade_A { border-color: #2DAE16; color: #2DAE16; } #driver-score-card .grade-small-size.grade_A { background-color: #2DAE16; } #driver-score-card .grade-big-size.grade_B, #driver-score-card .grade-middle-size.grade_B, #driver-score-card .grade-dashboard-size.grade_B { border-color: #64841A; color: #64841A; } #driver-score-card .grade-small-size.grade_B { background-color: #64841A; } #driver-score-card .grade-big-size.grade_C, #driver-score-card .grade-middle-size.grade_C, #driver-score-card .grade-dashboard-size.grade_C { border-color: #90631D; color: #90631D; } #driver-score-card .grade-small-size.grade_C { background-color: #90631D; } #driver-score-card .grade-big-size.grade_D, #driver-score-card .grade-middle-size.grade_D, #driver-score-card .grade-dashboard-size.grade_D { border-color: #B94320; color: #B94320; } #driver-score-card .grade-small-size.grade_D { background-color: #B94320; } #driver-score-card .grade-big-size.grade_F, #driver-score-card .grade-middle-size.grade_F, #driver-score-card .grade-dashboard-size.grade_F { border-color: #ED1C34; color: #ED1C34; } #driver-score-card .grade-small-size.grade_F { background-color: #ED1C34; } #driver-score-card .overall-and-chart { border: 1px solid #D9D9D9; width: 274px; height: 274px;padding: 10px; position: relative; } #driver-score-card .overall-and-chart .title { display:block; text-align : center; margin-bottom:0px; margin-top:20px } #driver-score-card .filters-and-grades { border: 1px solid #D9D9D9; margin-left: 304px } #driver-score-card .filters { height: 171px; border-bottom: 1px solid #D9D9D9; } #driver-score-card .parameters { height: 151px ; padding : 10px } #driver-score-card .parameters label { display: inline-block; width : 100px; text-align:left; } #driver-score-card .parameters select { width : 85%; max-width:300px } #driver-score-card .parameters .param { display: block; margin-left: 100px; margin-right: 370px; } #driver-score-card .time-interval { width : 370px; float: right; padding: 7px; border-left: 1px solid #D9D9D9; height:157px} #driver-score-card #submitArea { margin-top:30px; } #driver-score-card #exportArea { margin-top: 10px } #driver-score-card .params-no-data { text-align : center; margin-top : 50px; display: block } #driver-score-card .overall-and-chart .params-no-data { margin-top : 130px } #driver-score-card .no-data { border: 1px solid #D9D9D9; margin-top: 10px; } #driver-score-card .medium-grade { text-align:center; float: left; width:33%; border-right: 1px solid #D9D9D9; height: 123px } #driver-score-card .best-driver { border-right: 1px solid #D9D9D9; width:49%; float: left; } #driver-score-card .best-driver > div { padding : 5px 10px } #driver-score-card .best-driver label { width:120px; text-align:left; display: inline-block;} #driver-score-card .best-driver p { margin : 5px 0px } #driver-score-card .card { border: 1px solid #D9D9D9; } #driver-score-card .schedule-options #area5 label { display: inline-block; text-align:right; } #driver-score-card .schedule-options #area5 select { width : 205px } #driver-score-card #pie-chart.selected, #driver-score-card #bar-chart.selected { border: 1px solid black; } #driver-score-card #pie-chart { top: 5px; left: 5px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -318px; width: 41px; height: 41px; display: inline-block; } #driver-score-card #bar-chart { top: 5px; left: 50px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -357px; width: 41px; height: 41px; display: inline-block; } #driver-score-card #chart { padding: 1px; } #assets { overflow: hidden; } #assets #pager { display: inline-block; margin-top: 5px; } #assets #AssetTypeId, #assets #SearchType { vertical-align: baseline; height: auto; font-size: 11px; margin: 0; } #assets #AssetTypeId { margin-right: 2px; } #assets #pager a { color: Black; display: inline-block; font-weight: normal; margin: 0 3px; text-decoration: none; } #assets #pager .active { font-weight: bold; } #assets #pager span { display: inline-block; font-weight: bold; margin-top: 7px; vertical-align: top; } #assets .footer { margin-top: 10px; } #assets select { font-size: 10px; height: 20px; margin: 10px 0; vertical-align: middle; } #asset, #asset .ui-widget-content, #asset .ui-widget { font-family: Tahoma !important; font-size: 14px !important; } #asset .small { font-size: 11px; } #asset .hr-left { background-image: url("../Images/hr_left.png"); background-repeat: no-repeat; display: block; float: left; height: 8px; width: 35px; } #asset .hr { border-top: 1px solid #D9D9D9; display: block; height: 8px; margin-bottom: 15px; margin-left: 35px; margin-top: 22px; } #asset .assets-block { background: none repeat scroll 0 0 #EAE9EA; border: 1px solid #D9D9D9; margin: 10px 0 3px; overflow: hidden; padding: 25px; } table.asset-icons td img { border-width: 0; cursor: pointer; } table.asset-icons td.img { background-color: White; border: 1px solid #DDDDDD; padding: 3px; width: 48px; height: 48px; text-align: center; vertical-align: middle; cursor: pointer; } td.asset-selected-icon { background-color: White; border: 3px solid #FF5555; height: 92px; width: 92px; text-align: center; vertical-align: middle; } .assets-block input.prev[type="button"] { background-image: url("../Images/left_ellipse.png"); background-position: center center; background-repeat: no-repeat; position: relative; min-width: 34px; width: 34px; border: none; background-color: unset; } .assets-block input.next[type="button"] { background-image: url("../Images/right_ellipse.png"); background-position: center center; background-repeat: no-repeat; position: relative; min-width: 34px; width: 34px; border: none; background-color: unset; } #asset select.bordered { border: 3px solid #D3D3D3; } #asset input[type="checkbox"] { margin-right: 3px; position: relative; top: 2px; } #asset #terminal-parameters span.small { color: #595959; display: inline-block; text-align: right; width: 200px; } #asset #terminal-parameters select, #asset #terminal-parameters input[type="text"] { width: 200px; } #asset .terminal-type .float-left { margin-right: 10px; /*width: 110px;*/ } #asset .terminal-type .float-left > span { background-color: White; border: 1px solid #D9D9D9; display: block; height: 110px; margin-bottom: 20px; text-align: center; width: 110px; } #asset .terminal-type .float-left img { vertical-align: middle; } #asset .terminal-states fieldset div span.small { color: Gray; display: inline-block; text-align: right; width: 200px; } #asset .terminal-states fieldset input, #asset .terminal-states fieldset select { width: 200px; } #asset-terminals .terminal-states .field-validation-error { font-size: 11px; display: inline-block } #asset #terminal-sensors, #asset .terminal-sensors input { overflow: hidden; } #asset #terminal-sensors table th { font-size: 11px; } #asset #terminal-sensors table td { text-align: center; } #asset #terminal-sensors input[type="text"] { width: 90%; } /** Drivers **/ #drivers { overflow: hidden; } #drivers #filter-container { height: 35px; overflow: hidden; } #drivers #pager { display: inline-block; margin-top: 5px; } #drivers #pager a { color: Black; display: inline-block; font-weight: normal; margin: 0 3px; text-decoration: none; } #drivers #pager .active { font-weight: bold; } #drivers #pager span { display: inline-block; font-weight: bold; margin-top: 7px; vertical-align: top; } #drivers .footer { margin-top: 10px; } #drivers select { font-size: 10px; height: 20px; margin: 10px 0; vertical-align: middle; } #driver { overflow :hidden ;} #driver fieldset {margin-bottom: 8px;} #driver fieldset label { display:inline-block; width:200px; text-align:right; } #driver fieldset input[type=text] { width:300px ;} #driver fieldset input[type=checkbox] { width:auto;} #driver fieldset fieldset{ width:304px; min-height:200px; position:relative; left:20px; } #driver .date-textbox { width: 275px;} #driver .ui-datepicker-trigger { position:relative; top:6px;} #driver select {width: 304px} #carrier { overflow :hidden ;} #carrier fieldset {margin-bottom: 8px;} #carrier fieldset label { display:inline-block; width:200px; text-align:right; } #carrier fieldset input { width:300px ;} #carrier fieldset fieldset{ width:300px; min-height:200px; position:relative; left:20px; } #carrier .date-textbox { width: 275px;} #carrier .ui-datepicker-trigger { position:relative; top:6px;} /** Attributes **/ #attributes { overflow: hidden; } #attributes #filter-container { height: 35px; overflow: hidden; } #attributes #pager { display: inline-block; margin-top: 5px; } #attributes #pager a { color: Black; display: inline-block; font-weight: normal; margin: 0 3px; text-decoration: none; } #attributes #pager .active { font-weight: bold; } #attributes #pager span { display: inline-block; font-weight: bold; margin-top: 7px; vertical-align: top; } #attributes .footer { margin-top: 10px; } #attributes select { font-size: 10px; height: 20px; margin: 10px 0; vertical-align: middle; } #attributes table.grid { table-layout:fixed; } #attributes table.grid td { word-wrap: break-word; } #attribute { overflow : hidden; min-height: 630px; } #attribute fieldset { margin-bottom:8px; height: 240px; } #attribute fieldset label { width: 100px; text-align:right; display:inline-block;} #attribute fieldset input { width: 220px; } #attribute #attributeList { margin-bottom: 13px; } .attributesMain { padding: 15px 20px 10px 20px !important; } #asset-tabs { font-size:11px; overflow:hidden; } #asset-tabs label.label { display:inline-block; text-align:right; } #asset-tabs .ui-datepicker-trigger, #asset .ui-datepicker-trigger { position: relative; top: 6px; cursor:pointer} #asset-tabs .small { display: inline-block; text-align: right; } #asset-tabs .dateTimePicker { border: 1px solid #9C9C9C; padding: 2px; margin: 2px; display: inline-block; } #asset-tabs .dateTimePicker select { padding: 3px; font-size: 10px; border: 1px solid #ccc; } #asset-tabs .dateTimePicker div:last-child { text-align: center; } #asset-tabs #iconFieldSet { clear: right; position: relative; padding: 10px; } #asset-tabs #iconFieldSet > img { float: left; margin-right: 10px; } #asset-tabs #iconFieldSet #showPopupIcon { float: left; margin-top: 25px; } #asset-tabs #iconFieldSet #deleteIcon { float: right; margin-top: 30px; text-align: center; } #asset-tabs .listWithScroll { overflow-y: scroll; height: 100px; width: 300px; float: left; border: 1px solid rgb(227, 227, 235); border-top: 1px solid rgb(170, 173, 180); text-align: left; padding: 3px; } #asset-tabs .listWithScroll label { text-align: left; width: auto; } #asset-tabs .listWithScroll span { width: auto; display: block; } #asset-tabs #iconPopup { border: 1px solid rgb(153, 153, 153); padding: 4px; width: 500px; position: absolute; top: -178px; left: -10px; background-color: white; display: none; } #asset-tabs #iconPopup #popUnder { border: 1px solid rgb(224, 224, 224); padding: 15px; } #asset-tabs #iconPopup #iconImage { float: left; padding-right: 15px; width: 84px; } #asset-tabs #iconPopup p { text-align: left; } #asset-tabs #iconPopup #categoriesLabel { float: left; height: 50px; margin-right: 5px; } #asset-tabs #iconPopup .buttonsArea { padding-top: 10px; text-align: center; clear: both; } #asset-tabs #iconPopup .popupBottomArrowIcon { position: absolute; bottom: -10px; left: 130px; } .dateTimePicker.breadcrumb { display: inline-block; } .dateTimePicker.breadcrumb select { background: transparent; padding: 1px; border: 1px solid #ccc; } .dateTimePicker.breadcrumb div:last-child { text-align: center; } .terminal-states, .inventory-states { background-color:#efefef; padding:5px; border:1px solid #999; margin:5px; } .terminal-states input[type=text], .inventory-states input[type=text] { width:180px; } .terminal-states select, .inventory-states select { width:186px; } .terminal-states .small, .inventory-states .small { width:200px; text-align:right; } .terminal-states .analog-sensors input[type=text] { width: 110px; } .terminal-states .analog-sensors select { width:70px; } .terminal-states .digital-sensors input[type=text] { width:70px; } .terminal-states .digital-sensors select { width:50px; } .terminal-states .treeview ul { background-color:#EFEFEF !important;} .terminal-states .virtual-digital-sensors select { width:50px; } #attach-terminal-tree span { position:relative; left:3px; top: -3px;} #attach-terminal-tree.treeview li { padding: 0px 0 0px 16px; white-space: inherit } #attach-terminal-tree.treeview ul { margin:0px; } #division #DriverStatuses a { color: #136A92; } #division .label { width: 200px; display: inline-block; text-align: right; } #division p { margin: 5px 0 5px 0; } #division #action-buttons { text-align: right; margin-top: 20px; } #division #divisions { width: 280px; } /* Don't change to higher value. It breask Division page - general tab */ #division select, input[type=text] { font-size: 11px !important; } #division select[multiple] { height: 230px; } #division a.delete, #division a.edit, #division a.save, #division a.cancel { color: #136A92; } #division #General { display: table; margin: 0 auto; width:97% } #division #General #sort-area { width: 40%; float: right; } #division #General a { color: #136A92; text-decoration: underline; } #division #General #childDivision { float: left; width: 327px; margin-bottom:6px; } #division #General #moving { padding-top: 80px; } #division #divisionGeneral {display: table-row; } #division #divisionGeneral #mainBlock { display: table-cell; padding: 10px 10px 25px 20px; border: solid 1px rgb(156, 156, 156); border-right: none; } #division #divisionGeneral #mainBlock select { width: 62%; border:1px solid #abadb3 } #division #divisionGeneral #mainBlock .label { width: 32%; text-align:right } #division #divisionGeneral #mainBlock input[type=text] { width: 61%; } #division #divisionGeneral #mainBlock .small { width: 32%;text-align: left;display: inline-block; color:#777 } #division #divisionGeneral #logoBlock { display: table-cell; width: 400px; border: solid 1px rgb(156, 156, 156);padding: 10px 10px 25px 10px; text-align:center } #division #divisionGeneral #logoBlock h2 { text-align: left; padding-left: 10px; display: block; } #division #ascendFieldset, #division #trackAndTraceFieldset { margin-left: 32%; } #assetGeneral #mainBlock select {border:1px solid #abadb3 } #assetGeneral #mainBlock .label { width: 100px; text-align: right; } #assetGeneral #mainBlock input[type=text] { width: 61%; } #division #Mapping .mapping { border:1px solid #ccc; overflow: hidden; width : 100%} #division #Mapping .mapping > div > div { padding: 20px } #division #Mapping .mapping > div > div h2 { margin-top : 0px } #division #Mapping > div { display: inline-block; vertical-align: top; } #division #Mapping #MapDataLookupDays, #division #Mapping #DefaultBreadcrumbSize, #division #Mapping #SosMessageInterval { width: 30px; } #division #Mapping .controls { margin-top: 15px; } #division #Mapping .controls span { display: inline-block; line-height: 20px; } #division #Mapping label { margin-left : 10px } #division #Mapping #map-container { float: right; border-bottom: 1px solid #ccc; width : 450px } #division #Mapping #main-parameters { margin-right : 450px; border-right: 1px solid #ccc; min-height: 833px } #division #Mapping #map-container legend { text-align: center; } #division #Mapping #map { width: 410px; height: 410px; } #division #Mapping .params-block { background-color: #f4f4f4; padding : 10px } #division #Mapping input[type=checkbox] { position:relative; top: 2px } #division #Mapping .hr { height:0px; border-top: 1px solid #dadddf; border-bottom: 1px solid #ffffff; margin: 5px 0px } #division #Mapping .filters span { display : inline-block; width : 50px } #division #Mapping #additional-parameters { float:right; width: 450px; clear: right } #division #Billing p * { vertical-align: middle; } #division #billing-general > div { width: 400px; display: inline-block; vertical-align: top; } #division #billing-general textarea, #division #billing-general input[type=text] { width: 200px; } #division #billing-general .label { width: 140px; } #division #Billing #chargeNoMessagesDevices { clear: both; padding-top: 10px; } #division #Billing #chargeNoMessagesDevices .label, #division #Billing #assetMonthMinimalCharge .label { width: 210px; } #division #billing-prices > div { width: 50%; float: left; } #division #billing-prices input { width: 45px; margin-right: 5px; } #division #billing-prices .label { width: 120px; } #division #billing-prices .header span { text-align: center; width: 50px; display: inline-block; vertical-align: top; font-weight: bold; } #division #billing-prices .header span:first-child { width: 150px; } #division #Billing #generate-invoce { text-align: right; } #division #Billing #generate-invoce a { color: #136A92; } #division #IFTA .countryItem { display: inline-block; width: 150px; } #division #Speed .label { width: 110px; } #division #Speed input[type=text] { width: 40px; } #division #Speed .header b { display: inline-block; text-align: center; } #division #Speed .speedItem input[type=checkbox] { margin-left: 32px; } #division #DriverScorecard > div { width: 49%; display: inline-block; vertical-align: top; } #division .sliderContainer .lab { display: inline-block; } #division .sliderContainer .slider { width: 300px; display: inline-block; margin-left: 20px; } #division .table-grades { margin-top: 10px; } #division .table-grades table { width: 100%; } #division .table-grades table th { font-weight: bold; } #division .table-grades table th, #division .table-grades table td { border: 1px solid black; width: 20%; text-align: center; } #division .table-grades table input[type=text] { width: 50px; } #division .calculations { width: 36%; margin-left: 5px; vertical-align: top; display: inline-block; margin-top:7px;} #division .reminders { width: 27%; margin-left: 5px; vertical-align: top; display: inline-block; margin-top:7px;} #division .vehicle-asset-info { width: 34%; margin-left: 5px; vertical-align: top; display: inline-block; margin-top:7px;} #division #remindersFieldset { height:80px } #division #vehicleAssetFieldset { height: 80px} #division .advanced-block { width: 98%; margin-left: 5px; margin-top:5px; vertical-align: top; display: inline-block; margin-top:7px;} #division #messageCodesFieldset { } #division #autodetect-messages { float: right; margin-top:5px } #division .multi-ckeckbox-dropdown { top: 5px; } #application { overflow: hidden;} #application fieldset {margin-bottom: 8px;} #application fieldset label { display:inline-block; width:200px; text-align:right; } #application fieldset input { width:300px ;} #application #EnablePushNotifications { width: auto; } #application fieldset fieldset { margin-left:205px ;} #application fieldset fieldset{ width:280px; padding:5px } #application fieldset fieldset input { width : 280px;} #application fieldset .leaf:hover{ color:red; cursor:pointer; } #application .drop-down-tree-autocomplete .items-autocomplete { width: 283px; } /* Asset bar */ .tdAssetListHeader {padding: 0px 5px 0px 2px; width: 5%; white-space: nowrap; text-align: left} .tdAssetListHeaderSep {background: url(../Images/menu_separator3.gif) repeat-y center; padding: 2px 1px 2px 1px; } table.assetBar {width:100%;border-bottom: solid 1px #b4b4b4;border-right: solid 1px #b4b4b4;border-left: solid 1px #b4b4b4;border-spacing:0px;} table.assetBar:hover, table.assetBar.Selected {cursor: pointer;} table.assetBar td.h {background-color: #d8d6d6;color: #0d0d0d;font-size: 11px;height: 20px;border: solid 1px #f4f4f4;border-bottom: solid 1px #c5c4c4;padding: 0px 10px 0px 10px;text-align: left;} table.assetBar td.b {background-color: #e0e0df; color: #747474; border: solid 1px #f4f4f4; text-align: center; vertical-align:top; padding: 2px 10px 2px 10px; height: 52px;} table.assetBar:hover td.h, table.assetBar.Selected td.h {background-color: #f0efef; border-bottom: solid 1px #e8e8e8;} table.assetBar:hover td.b, table.assetBar.Selected td.b {background-color: #f3f3f2; } table.assetBar .expand { width: 9px;height: 9px; background: url("../images/main.png") no-repeat -16px 0px; } table.assetBar .expand.expanded { background: url("../images/main.png") no-repeat -26px 0px;} .pagedisplay { background: url(../Images/pagedisplay_bg.gif) repeat-x center; height: 20px; text-align: center; color: #747474; vertical-align: middle; border: 1px solid #9b9b9b; } /* Tracker page toolbar*/ .expandHL { cursor: pointer; background: url(../Images/Icons/collapseHL.gif) no-repeat; width: 14px; height: 17px; } .expandHL.collapsed { background: url(../Images/Icons/expandHL.gif) no-repeat; } .expandHR { cursor: pointer; background: url(../Images/Icons/collapseHR.gif) no-repeat; width: 14px; height: 17px; } .expandHR.collapsed { background: url(../Images/Icons/expandHR.gif) no-repeat; } table.NoAccess {width:100%;} table.NoAccess td {vertical-align: middle; text-align: center; color: Red; font-size: 14px;} /* Dropdown buttons*/ .popupHead {padding: 3px 15px 3px 5px; border-radius: 4px; background: url(../Images/dropdown3.png) no-repeat right center; } .popupHead:hover, .popupHead.Over { background-color: white; border: 1px solid #9b9b9b; padding: 2px 14px 2px 4px; position: relative; cursor: default; } .popupContent { background-color: white;white-space: nowrap; border: 1px solid #9b9b9b; padding: 5px 25px 5px 5px; position: absolute; display: none; border-radius: 4px;max-height: 400px; overflow-y: auto;} /* Google maps stuff */ #poiInfoWindowOuter::after, #mapInfoWindowOuter::after { content: ''; position: absolute; left: 205px; bottom: -39px; border: 20px solid transparent; border-top: 20px solid white; z-index:1001; } #poiInfoWindowContent.panel::after, #mapInfoWindowContent.panel::after { content: ''; position: absolute; left: 203px; bottom: -43px; border: 22px solid transparent; border-top: 22px solid white; } #tracker .ui-tabs .ui-tabs-nav li a { padding: .5em 0.7em !important; } #poiInfoWindowContent .header, #mapInfoWindowContent .header { text-transform: uppercase; font-size: 12pt !important; font-weight: lighter !important } #poiInfoWindowContent, #mapInfoWindowContent { background-color : white ; overflow: hidden ; } #poiInfoWindowContent .icon, #mapInfoWindowContent .icon { margin: 10px 0px; padding : 20px; } #poiInfoWindowContent #poi-icon, #mapInfoWindowContent #map-icon { width: 110px } #poiInfoWindowContent #poi-name, #mapInfoWindowContent #map-name { padding: 0px 0px 10px 20px; border-bottom: 1px solid #dddddd; font-size: 24px !important; color: black !important; margin: 10px 0px; display: block } #poiInfoWindowContent #poi-attributes, #mapInfoWindowContent #map-attributes { overflow-y: auto; font-size: 11px; margin: 10px 0px } #poiInfoWindowContent .poi-attribute-extra { display: block; margin-left: 131px; padding-top: 4px; width: 100px; word-wrap: break-word;} #poiInfoWindowContent .poi-attribute, #mapInfoWindowContent .map-attribute { color: #7c8dad; width : 111px; display: inline-block; margin : 4px 0px 0px 20px} #poiInfoWindowContent .details, #mapInfoWindowContent .details { width : 235px; margin-left: 150px; border-left: 1px solid #dddddd } #infoWindow { font-size: 11px !important; font-family: Helvetica,Arial,Tahoma,sans-serif !important } #infoWindow.new-google-engine { margin:8px -13px 0 5px; padding-bottom :17px } .InfoWindowTab {height:270px;min-width:345px;overflow:auto;padding:5px;border:1px solid #bbbbbb;border-top-width: 0px;} .infoWindowClose{width: 14px; height: 14px; position: absolute; right: -7px; top: -9px; border: 1px solid #aaaaaa; background-color: #eeeeee;} #infoWindow.new-google-engine .InfoWindowTab { height:255px } #infoWindow.new-google-engine .infoWindowClose { right : -21px; top:1px } table.RRInfoWindow { border: 1px solid #979797; font-size: 11px; } .RRInfoWindowHead {height: 27px; vertical-align:middle; white-space: nowrap; background: url(../images/mainmenu-bg.gif) repeat-x bottom; border-bottom: 1px solid #979797; color: black; font-size: 11px; text-align: center; border-radius: 0; -moz-border-radius: 0px; } .RRInfoWindowFoot { padding: 3px; } .RRInfoWindowCell { text-align: left; padding: 2px 5px 2px 5px; white-space:nowrap; } .RRInfoWindowValue { color: #8E8E8E;} .RigRoadsDiv {width: 70px; padding-top: 5px;} .RigRoadsBtn {background: url(../Images/RigRoads.png) no-repeat; width: 71px; height: 22px; cursor: pointer; } .RigRoadsDropDown { background-color: #f8f8f8; border: 1px solid #a9bbdf; color: Black; padding: 2px 5px 1px 5px; cursor: pointer; width: 80px; text-align: left; } .RigRoadsCheckBox { } #move-assets fieldset { width:47%; } #move-assets .move-asset-divisions.treeview span { position:relative; top:-2px; } #move-assets .treeview li { padding: 3px 0 0px 16px} #move-assets .graytext { color: #8E8E8E; } #move-assets h2 { margin-top: 0px; } #move-assets h3 { margin: 0px 5px; } ul.adminMenu { display: table;border-spacing: 2px;} ul.adminMenu li{ display: table-cell;border: 1px solid #d9d9d9;padding: 3px 8px 3px 8px; margin-right: 2px;} ul.adminMenu li:hover, ul.adminMenu li.selected{ background-color: #ededed;} ul.adminMenu li a{ text-decoration: none;} ul.adminMenu li.selected a { color: #777;} #alerts-report .report table { table-layout: fixed !important } #alerts-report .filters p > label, #alerts-report .filters .p > label { width : 110px; display: inline-block; text-align: right; } #alerts-report .filters p > select, #alerts-report .filters .p > select { width : 160px } #alerts-report .filters .p, #alerts-report .filters p { margin : 0px 0px; } #alerts-report .filters .p .multi-ckeckbox-dropdown { position : relative; top : 6px } #alerts-report .filters #exportArea { margin-top : 20px } #alerts-report .entity-group-container { width : 280px; padding: 10px 10px !important } #alerts-report .filters .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top transparent; height: 18px; position: absolute; right: 0; top: 0; width: 17px; } #alerts-report .filters .dropDownContainer { min-height: 20px; position: relative; display: inline-block; } #alerts-report .filters .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; } #alerts-report .filters .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0; margin:3px; border-width:0px; } #alerts-report .filters .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #alerts-report .filters .last { border-color: #d9d9d9;border-style: none none none solid; border-width: medium medium medium 1px; overflow: hidden; padding: 10px; width: 210px; text-align : center; } #alerts-report .filters { border: 1px solid #d9d9d9; display: table; height: 200px; width: 100%; } #alerts-report .filters > div { display: table-cell; padding: 10px; } #alerts-report .filters .date-range { margin-left : 10px; padding : 5px; border: 1px solid #d9d9d9} #alerts-report .schedule-options #area5 select {width : 140px } #alerts-report .schedule-options #area5 p > label, #alerts-report .schedule-options #area5 .p > label { width : 110px; text-align: right ; display: inline-block; } #alerts-report .no-data { background-color:white; color:#999; border:1px solid #B4B4B4; height:20px; padding:90px; text-align:center } #alerts-report .progress-icon { background: url("../images/main.png") no-repeat 0px -158px; width: 41px; height: 8px; display: inline-block; margin-right: 5px; } #alerts-report .progressor { background: url("../images/main.png") no-repeat 0px -166px; width: 0; height: 8px; } #alerts-report td.completed { background-color: rgb(239, 255, 220); color: rgb(123, 175, 0); font-weight: bold; } #alerts-report td.completed .progressor { background: url("../images/main.png") no-repeat 0px -174px; width: 100%; height: 8px; } #alerts-report .complete, #alerts-report .complete-alert { display: block; vertical-align: top; line-height: 18px; } #alerts-report .complete:before, #alerts-report .complete-alert:before { content: ""; background: url("../images/main.png") no-repeat 0px -182px; width: 19px; height: 19px; position: relative; display: inline-block; margin-right: 5px; top: 4px;} #alerts-report .complete span, #alerts-report .complete-alert span { position:relative; top:-3px } #alerts-report .completed-history { color: rgb(137, 137, 137); } #alerts-report .multi-ckeckbox-dropdown ~.field-validation-error { margin-left : 113px; margin-top : 5px } #alerts-config th { font-weight:normal; font-size:12px; text-align:left; padding-left:4px; height:40px; } #alerts-config td .text { color: #999999; font-size: 12px; font-weight: normal; position: relative; top: -2px; } #alerts-config td .cancels { font-style:italic; color:black; } #app-store.content { padding: 0; } #app-store #banner { width: 100%; position: relative; height: 276px; } #app-store #slider { position: absolute; bottom: 15px; left: 20px; z-index: 100; } #app-store #sliders { overflow: hidden; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ and Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; width: inherit; height: inherit; position: inherit; } #app-store .slide-button { box-shadow: 0px 2px 2px black; border-top: 1px solid rgb(86, 85, 85); border-radius: 6px; width: 12px; height: 12px; background-color: rgb(33, 30, 30); float: left; margin-right: 7px; } #app-store .slide-button:hover, #app-store .slide-button.selected { background-color: white; cursor: pointer; } #app-store .appStoreButton { color: white; font-size: 14px; text-decoration: none; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, Tahoma, Sans-Serif; cursor: pointer; background-repeat: no-repeat; background-position: left top; padding-top: 4px; background-image: url(../Images/AppStore/bluebtn.png); display: inline-block; width: 101px; height: 26px; } #app-store .appStoreText { color: white; text-shadow: -1px 0 10px black, 0 1px 10px black, 1px 0 10px black, 0 -1px 10px black; font-size: 17px; font-family: Helvetica, Arial, Tahoma, Sans-Serif; } #app-store .appIcon { width: 60px; height: 60px; float: left; margin-right: 10px; } #app-store #icon_APP_CANHAUL { background-image: url(../Images/AppStore/AppIcons/canhaul.png); } #app-store #icon_APP_RIGROADS { background-image: url(../Images/AppStore/AppIcons/mapengine.png); } #app-store #icon_APP_IFTA { background-image: url(../Images/AppStore/AppIcons/ifta.png); } #app-store #icon_APP_HOS { background-image: url(../Images/AppStore/AppIcons/icnHOS.png); } #app-store #icon_APP_POWERBI { background-image: url(../Images/AppStore/AppIcons/powerbi.png); } #app-store .price-area { background-image: url(../Images/AppStore/app-price-area.png); width: 85px; height: 16px; display: inline-block; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ and Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/AppStore/app-price-area.png',sizingMethod='scale'); background-size: 100%; font-weight: bold; color: rgb(75, 75, 75); text-shadow: 1px 1px 2px white; text-align: center; padding-top: 1px; margin-top: 10px; } #app-store #app-table { float: left; } #app-store #app-table a { font-size: 16px; text-decoration: none; font-weight: bold; color: black; } #app-store table { margin: 10px; table-layout: fixed; border-radius: 5px; border-spacing: 0; border: 1px solid rgb(206, 206, 206); } #app-store #app-table th, #app-store #app-table table td { width: 180px; text-align: left; border-right: 1px solid rgb(206, 206, 206); } #app-store #app-table td:last-child { border-right-style: none; } #app-store table td { padding: 20px; } #app-store table th { background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #bebebe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#bebebe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ececec 0%,#bebebe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ececec 0%,#bebebe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ececec 0%,#bebebe 100%); /* IE10+ */ background: linear-gradient(to bottom, #ececec 0%,#bebebe 100%); /* W3C */ font-weight: normal; font-size: 14px; padding: 10px 15px; } #app-store #installed-app-table { margin-left: 685px; margin-right: 10px; font-size: 14px; } #app-store #installed-app-table table { width: 100%; margin: 10px -10px 0 0; } #app-store #installed-app-table table td { line-height: 24px; } #app-store #installed-app-table a { text-decoration: none; } #app-store #info-label { color: rgb(179, 179, 179); } #appstore-application { overflow: hidden; } #appstore-application .frame { border-radius: 4px; border:1px solid #cecece; display: table-cell } #appstore-application .frame .header { background-image: url('/Images/appstore_header.png'); background-repeat: repeat-x; height: 32px; line-height:31px; padding-left:15px; font-size:13px } #appstore-application .body { padding: 15px; overflow: hidden } #appstore-application .left-column { float:left; width: 140px; text-align:center } #appstore-application .left-column .contacts { font-size: 13px; text-align:left; width: 110px; margin:20px auto 0px auto } #appstore-application .left-column .contacts a { color: #4568d3; } #appstore-application .button { padding: unset; background-position: center center; background-repeat: no-repeat; color: #000000; display: inline-block; font-size: 10px; height: 20px; text-align: center; text-shadow: 1px 1px white; width: 75px; cursor: pointer; margin:5px 0px; } #appstore-application .button:disabled { color: rgb(109, 109, 109); cursor: default; } #appstore-application .right-column { margin-left:140px; } #appstore-application .right-column .title { font-size: 24px; font-weight:bold; margin:5px 0px } #appstore-application .right-column .subtitle { font-size: 16px; font-weight:bold;margin:25px 0px 5px 0 } #appstore-application .screenshot {border:1px solid #dcdcdc; cursor: pointer } #slideshow { display:none; background-color:rgba(0,0,0,0.75); position:fixed; width:100%; height:100%; left:0px; top:0px } #slideshow #underlay { width:700px; background-color:white; border:2px solid #4b4b4b; margin:20px auto; padding:20px; } #slideshow #underlay img { width:600px; margin:0px auto; display:block; border:1px solid #ccc} #appstore-application .authorization { display:inline-block; padding:10px; border:1px solid #eee; } #appstore-application .authorization label { width:80px; text-align:right; display:inline-block } #appstore-application .authorization input[type=text], #appstore-application .authorization input[type=password] { width:180px; } #speedByRoadAlerts {} #speedByRoadAlerts #RestrictDurationSeconds { width: 50px; } #speedByRoadAlerts .date-range > div { display: inline-block; } #speedByRoadAlerts .date-range > div:first-child { margin-right: 10px; } #speedByRoadAlerts .date-range { clear: both; float: left; margin-top: 5px; } #speedByRoadAlerts #AssetId { margin-top: -3px; } #speedByRoadAlerts .options { padding: 10px 15px; } #speedByRoadAlerts #submitButton { height: 50px; margin-top: 10px; margin-bottom:10px; width:165px; } #speedByRoadAlerts .scrollable-table { margin-top: 10px; } #speedByRoadAlerts .parameter { margin-right: 10px; } #speedByRoadAlerts .assetsContainer { top: 6px; display: inline-block; position: relative; } #correctSpeedByRoad { display: none; padding: 10px 20px; height: 600px; text-align: justify; } #speed-by-road-overrides { } #speed-by-road-overrides #filter-container { overflow:hidden } #edit-speed-by-road-override { overflow:hidden } #edit-speed-by-road-override .configure-road-override { float:right; width: 300px } #edit-speed-by-road-override .configure-road-override label { width:60px; color:#888; text-align:right; padding-right:20px; display:inline-block } #edit-speed-by-road-override .configure-road-override #RoadId { width: 124px; margin: 0; padding: 0; margin-left: 2px; margin-bottom: 2px; } #edit-speed-by-road-override #map_canvas { height: 500px; } .ui-widget-content.oldstyle {border-radius: 0px;} .ui-widget-header.oldstyle {border-style: none; border-bottom: 1px solid #979797; padding: 0px;border-radius: 0px; background: url(../images/mainmenu-bg.gif) repeat-x bottom;} .ui-tabs.oldstyle {padding: 0px; } .ui-tabs.oldstyle .ui-tabs-nav { margin: 0; padding: 0; border-radius: 0; -moz-border-radius: 0px; border-spacing: 0px;} .ui-tabs.oldstyle .ui-tabs-nav li {background: url(../images/mainmenu-bg.gif) repeat-x bottom; margin: 0 0 0 0; padding: 1px 1px 2px 1px; white-space: nowrap; border-left: 1px solid #f8f7f7; border-right: 1px solid #aaaaaa; border-bottom: 0px solid #979797; border-top: 0px solid #979797; border-radius: 0; -moz-border-radius: 0px;} .ui-tabs.oldstyle .ui-tabs-nav li.first {border-left-style: none;padding-left: 2px;} .ui-tabs.oldstyle .ui-tabs-nav li.last {border-right: 1px solid #aaaaaa;} .ui-tabs.oldstyle .ui-tabs-nav li.ui-tabs-active, .ui-tabs.oldstyle .ui-tabs-nav li:hover { background: url(../Images/mainmenu-bg_over.gif) repeat-x bottom;border-left-width: 0px; border-right-width: 0px; padding: 1px 2px 2px 2px;} .ui-tabs.oldstyle .ui-tabs-nav li.ui-tabs-active a, .ui-tabs.oldstyle .ui-tabs-nav li:hover a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; color: white;outline: none;} .ui-tabs.oldstyle .ui-tabs-panel.oldstyle { display: block; border-width: 0; padding: 5px 5px; background: none; } .googft-info-window { padding-top: 0px; } /* Common styles for NEW analytics pages */ .analytics .title { font-weight: bold; font-size : 12pt; color: Black; margin-bottom : 10px; display: inline-block } .analytics .report { margin-top: 5px; } .analytics .report-filter { background-color: white; border: none; } .analytics .dateTimePicker { display: inline-block; } .analytics form button { margin-top: 10px } .analytics .legend { color: black; display: inline-block; width: 100%; border-right: 1px solid #D9D9D9; } .analytics .legend > div:first-child { border-left: 1px solid #D9D9D9; } .analytics .legend > div { float: left; text-align: center; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; width: 33%; } .analytics .quarter > div { width: 25%; } .analytics .legend > div:last-child { float: none; width: auto; border-right-style: none; } .analytics .legend > div > div { margin: 10px; } .analytics .legend .value { font-size: 40px; font-weight: bold; } .analytics .legend .marker { display: inline-block; width: 10px; height: 10px; margin-bottom: 10px; } .analytics .legend .description { font-size: 20px; font-weight: bold; } .analytics .legend2 { color: black; display: inline-block; width: 100%; border-right: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; } .analytics .legend2 .description { font-size: 20px; font-weight: bold; } .analytics .legend2 > div { float: left; text-align: center; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; width: 100%; } .analytics .legend2 > div > div { margin: 5px; } .analytics .no-data { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #B4B4B4; border-image: none; border-right: 1px solid #B4B4B4; border-style: solid; border-width: 0 1px 1px; color: #999999; height: 20px; padding: 90px; text-align: center; } .analytics .total-time-under-map { margin-left: 0px; margin-bottom: -4px; font-size:12px; margin-top:2px; margin-bottom:2px; } .analytics .grouping-link { margin:5px; text-decoration:none } .analytics .group-parent td:first-child { background-image:url(/Images/Treeview/style/Vista/plusik.gif); background-position: 7px 8px; background-repeat:no-repeat; } .analytics .group-expanded td:first-child { background-image:url(/Images/Treeview/style/Vista/minus.gif) !important; background-position: 7px 8px; background-repeat:no-repeat; } .analytics .group-parent { font-weight:bold; padding-left:15px; cursor:pointer; } .analytics .group-table td { padding-left:18px; } .analytics .group-table td.center { padding: 0 3px; align-content: center; } #exportArea { margin-top: 50px; } #exportArea .excel-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -201px; width: 27px; height: 29px; display: inline-block; border: none; padding: unset; border-radius: unset; } #exportArea .csv-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -230px; width: 27px; height: 30px; display: inline-block; border: none; padding: unset; border-radius: unset; } #exportArea .pdf-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -259px; width: 24px; height: 29px; display: inline-block; border: none; padding: unset; border-radius: unset; } #exportArea .powerbi-icon { cursor: pointer; background: url("../images/powerbi.png") no-repeat; width: 24px; height: 29px; display: inline-block; border: none; padding: unset; border-radius: unset; } #exportArea .schedule-icon { cursor: pointer; background: url("../images/main.png") no-repeat 0px -288px; width: 40px; height: 30px; display: inline-block; border: none; } /* Styles for schedules report items table */ .analytics .tableLog { border: solid 1px #E1E1E1; width: 100%; } .analytics .tableLog th { background-color: #E1E1E1; padding: 2px 8px; text-align: center; } .analytics .tableLog td { background-color: #E8E8E8; padding: 2px 8px; } #assetUtilization #exportArea { margin-top: 10px; } #assetUtilization #chart-container { float: left; position: relative; border: 1px solid #D9D9D9; padding-top: 45px;height: 330px; } #assetUtilization #pie-chart.selected, #assetUtilization #bar-chart.selected { border: 1px solid black; } #assetUtilization #pie-chart { position: absolute; top: 5px; left: 5px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -318px; width: 41px; height: 41px; display: inline-block; } #assetUtilization #bar-chart { position: absolute; top: 5px; left: 50px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -357px; width: 41px; height: 41px; display: inline-block; } #assetUtilization #chart { padding: 1px; } #assetUtilization #right-pane { margin-left: 350px; } #assetUtilization #filter > div { border: 1px solid #D9D9D9; padding: 10px; height: 252px; } #assetUtilization #filter #firstFilterArea { float: left; border-right-style: none; width: 257px; } #assetUtilization #filter #lastFilterArea { margin-left: 274px; } #assetUtilization .label { color: black; display: inline-block; width: 60px; } #assetUtilization #reportsList, #assetUtilization #AssetId { width: 200px; } #assetUtilization #Radius { width: 30px; } #assetUtilization #PoiId { width: 101px; } #assetUtilization #GeofenceFilter { width: 113px; } #assetUtilization #GeofenceId { width: 113px; } #assetUtilization #submitButton { margin-bottom: 6px;} #assetUtilization #lastFilterArea .label { margin-top: 5px; } #assetUtilization .driverColumn > div { position: relative; } #assetUtilization .dateTimeRelativePicker { margin-right: 10px;width: 240px; } #assetUtilization #WithinKmPOIValue { width: 60px; } #assetUtilization .summaryfilters {border-top: 1px solid #D9D9D9;padding-top: 2px;} #assetUtilization .timeunits {padding-top: 5px;padding-bottom: 6px;} #assetUtilization .timeunits .totalmins {margin-left: 60px;} #assetUtilization .ellipsisColumn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #assetUtilization .ui-accordion-content-active {overflow: visible;} #nonReporting .label { color: black; display: inline-block; width: 60px; } #nonReporting #reportsList, #nonReporting #AssetId { width: 200px; } #nonReporting #submitButton { float: right; margin-top: 5px; } #nonReporting #map-container { float: left; position: relative; border: 1px solid #D9D9D9; height:294px } #nonReporting .comboboxes { background-color: #f4f4f4; padding:10px } #nonReporting .map { float:left; width:53%; width:-webkit-calc(100% - 410px); width:calc(100% - 410px); height:430px; border-right:1px solid #d9d9d9; } #nonReporting .filter { width: 400px; padding:0; float: right; } /*#nonReporting #exportArea { margin-top: 70px }*/ #nonReporting .dateTimeComboboxedPicker { margin-top: 15px; } #nonReporting .clickable td { text-align:center; } #nonReporting #area5 div.comboboxes span { width: 45px;} #nonReporting #area5 div.comboboxes span:last-child { width: 35px;} #nonReporting #TerminalTypeId { width: 180px; } .driver-popup { display: none; position: absolute; width: 285px; background-color: white; border: 1px solid #999999; padding: 6px; } .driver-popup img { float: left; border: 1px solid #999999; padding: 9px; margin-right: 12px; } .driver-popup .driverName { font-size: 20px; color: Black; font-weight: bold; letter-spacing: -0.5px; } .driver-popup .driverInfo { font-size: 13px; color: #777777; margin: 2px 0 2px 0; } .googft-info-window { border:1px solid #bbbbbb;} .googft-info-window .h {height: 20px; vertical-align:middle; white-space: nowrap; background: url(../images/mainmenu-bg.gif) repeat-x bottom; border-bottom: 1px solid #979797; color: black; font-size: 11px; text-align: center; border-radius: 0; -moz-border-radius: 0px;padding-top: 7px;} .googft-info-window .b { padding: 5px; } .googft-info-window .b > b { color: #8E8E8E;font-weight: normal; } #rfid { overflow:hidden } #rfid fieldset { margin-bottom : 8px } #rfid label{ display:inline-block; width: 60px; text-align:right } .progressBar { color: black; text-align: center; height: 15px; border: solid 1px #8E8E8E; } .progressBar .prg { background-color: #abd679; height: 15px; position: relative; } .progressBar .prg p { position: absolute; margin: 0; padding: 0; left: 60px; top: 1px; } #pinToDashboard { position: absolute; right: 10px; top: 12px; } #rfid-report #exportArea { margin-top: 10px; float:left } #rfid-report #submitButton { margin-top: 60px !important; } #pinToDashboard { position: absolute; right: 10px; top: 12px; } #rfid-report .parameter select { width:200px; } #rfid-report .parameter { padding:5px 15px 0px 15px } #rfid-report .report-filter { width:100%; height:400px; border:1px solid #d9d9d9; background-color:white } #rfid-report .map { float:left; height:400px; border-right:1px solid #d9d9d9; } #rfid-report .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } #rfid-report .grid{ margin-top:8px } #rfid-report .dateTimeRelativePicker { width : 240px } #rfid-report .dateTimeRelativePicker .absolute { width : 220px } #rfid-report #infoWindow { color :#222222; border: 1px solid #AAAAAA; padding : 1em 1.4em } #rfid-report #infoWindow .oldstyle div { margin:2px 0px; } #rfid-report #pinToDashboard {position: inherit; margin-left:15px; } #rfid-report #base-report { padding:10px } #poi-report #exportArea { margin-top: 10px; } #poi-report #submitButton { margin-top: 8px; } #poi-report .parameter select { width: 170px; } #poi-report .parameter { padding: 3px 5px } #poi-report .report-filter { width:100%; height: 420px; border:1px solid #d9d9d9; background-color:white } #poi-report .map { float:left; width:53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px); height: 420px; border-right:1px solid #d9d9d9; } #poi-report .filter { padding: 15px; width: 400px; height: 300px; float: left; } #poi-report .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } #poi-report .grid{ margin-top:8px } #poi-report .dateTimeRelativePicker { width : 240px } #poi-report .dateTimeRelativePicker .absolute { width : 220px } #poi-report #assetLabel { width: 40px; float: left; margin-top: 5px; } #poi-report .parameter span { display:inline-block } #poi-report .poi-list-container { padding:7px 5px } #poi-report .poi-list-container select { width:150px; } #poi-report .asset-list-container { padding:7px 5px } #poi-report .asset-list-container select { width:300px;} #poi-report .radius-container input { width:30px !important} #poi-report .radius-container { margin-left:15px; text-align:center; } #poi-report .calculate-time-container-sub { padding: 7px 5px; margin-right: 5px; } #poi-report .filter-title { margin-left:15px; } #poi-report .location-grid { width: 100%; background: none !important; border: none !important; } #poi-report .location-grid tr, .location-grid tr td{ background: none !important; border: none !important; padding:0; } #poi-report .calculate-time-container { margin-bottom:5px; } .padding0 { padding:0 !important; } #fuellog-report .map { float:left; width:53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px); height:330px; border-right:1px solid #d9d9d9; } #fuellog-report .grid{margin-top: 0px;} .report-table-wrapper {overflow:auto; max-height: 500px;} #base-report #exportArea { margin-top: 10px; } #base-report #submitButton { margin-top: -50px; } #base-report .parameter select { width:200px; } #base-report .parameter { padding:0px 15px } #base-report .filter { padding: 15px; width: 400px; height: 300px; float: left; } #base-report .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } #base-report .dateTimeRelativePicker { width : 240px } #base-report .dateTimeRelativePicker .absolute { width : 220px } #base-report .parameter span { display:inline-block } #base-report .asset-list-container { padding:7px 5px } #base-report .asset-list-container select { width: 250px;} #base-report .asset-label {width: 40px; } #base-report .filter-title { margin-left:15px; } #base-report .export-label {margin: 8px 10px 10px 15px; float: left; } #base-report .export-icon { margin: 0 5px; min-width: 27px} #base-report .schedule { width: 120px; margin-right: 40px; margin-left:10px; float: left;} #base-report .shedule-label { width: 60px; float: left;margin-right: 0; padding-top:3px; font-family: Helvetica,Arial,Tahoma,sans-serif; font-size: 11px;} .shedule-label { width: 50px; float: left;margin-right: 0; padding-top:3px; font-family: Helvetica,Arial,Tahoma,sans-serif; font-size: 11px;} #engine-run-time-report #chart { } #engine-run-time-report .totalTime { margin-left: 10px;} #engine-run-time-report .dropDownContainer { height: 22px; position: relative; display: inline-block; } #engine-run-time-report .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; position: absolute; margin-top: 2px; width: 190px; z-index:99} #engine-run-time-report .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #engine-run-time-report .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top transparent; height: 18px; position: absolute; right: 0px; top: 0; width: 17px; } #engine-run-time-report .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0; margin: 2px; border-width: 0px; } #sensor-report.analytics .title { margin-bottom: 5px; } #sensor-report #exportArea { margin-top: 10px; } #sensor-report #submitButton { margin-top: 8px; } #sensor-report .parameter select { width: 150px; } #sensor-report .parameter { padding:0px 15px } #sensor-report #area5 .parameter { padding:0px} #sensor-report .report-filter { width:calc(100% - 2px); height:360px; border:1px solid #d9d9d9; background-color:white } #sensor-report .map { float:left; width:53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px); height:360px; border-right:1px solid #d9d9d9; } #sensor-report .filter { padding: 15px; width: 400px; height: 300px; float: left; } #sensors-report .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } #sensor-report .grid{ margin-top:8px } #sensor-report .dateTimeRelativePicker { width : 240px } #sensor-report .dateTimeRelativePicker .absolute { width : 220px } #sensor-report .parameter span { display:inline-block } #sensor-report .sensor-list-container { padding:7px 5px } #sensor-report .sensor-list-container select { width: 170px; } #sensor-report .asset-list-container { padding:7px 5px } #sensor-report .asset-list-container select { width: 170px;} #sensor-report .radius-container input { width:30px; } #sensor-report .radius-container { margin-left:15px; text-align:center; } #sensor-report .calculate-time-container-sub { padding:7px 5px; margin-right:10px; } #sensor-report .filter-title { margin-left:15px; } #sensor-report .calculate-time-container { margin-bottom:5px; } #road-report .asset-list-container select { width: 280px !important;} #road-report .report-filter { border:1px solid #d9d9d9; height:auto !important; background-color:white } #road-report .filter { padding: 15px; height:auto !important; width:auto !important; float: left; } #road-report .right-pane { width:850px; } #road-report .asset-pane { overflow: hidden; width:350px; float:left; padding:0 !important; } #road-report .time-pane { overflow: hidden; float:left } #road-report .submit-pane { overflow: hidden; width:250px; float:right } #road-report .filter-title { margin-left:0 !important; } #road-report #submitArea { margin:10px 0 15px 40px !important; } #road-report .dateTimePicker1 {width: 200px;} #road-report .dateTimePicker2 {width: 300px;} #road-report #area5 label { width: auto; } #speed-report .info-window-centered div { text-align: center !important; } #speed-report .speed-select { width: 180px !important; } #speed-report #area5 label { width:40px } #road-report .asset-schedule-container { width: 200px;} #road-report .asset-schedule-container select { width: 204px !important;} #road-report #groupingFactorsSchedule { width: 128px; } #road-report #exportArea { width: 252px; } #fuelUsageReport .schedule { float: left; margin-left: 3px; } .analyticsmvc #exportArea { margin-top: 10px; } .analyticsmvc #submitButton { margin-top: 8px; } .analyticsmvc .parameter select { width:200px; } .analyticsmvc .parameter { padding: 0px; } .analyticsmvc .report-filter { width:100%; height:330px; border:1px solid #d9d9d9; background-color:white; } .analyticsmvc .map { float:left; width:53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px); height:380px; border-right:1px solid #d9d9d9; } .analyticsmvc #chart-container { float:left; width:53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px);height:330px; border-right:1px solid #d9d9d9;position: relative;} .analyticsmvc #chart { height: 280px; margin: 0px } .analyticsmvc .filter { padding: 15px; width: 400px; float: left; } .analyticsmvc .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } .analyticsmvc .grid{ margin-top:8px } .analyticsmvc .dateTimeRelativePicker { width : 240px } .analyticsmvc .dateTimeRelativePicker .absolute { width : 220px } .analyticsmvc .parameter span { display:inline-block } .analyticsmvc .poi-list-container { padding:7px 5px } .analyticsmvc .poi-list-container select { width:150px; } .analyticsmvc .asset-list-container { padding:7px 5px } .analyticsmvc .asset-list-container select { width:300px;} .analyticsmvc .radius-container input { width:30px; } .analyticsmvc .radius-container { margin-left:15px; text-align:center; } .analyticsmvc .calculate-time-container-sub { padding:7px 5px; margin-right:10px; } .analyticsmvc .filter-title { margin-left:15px; } .analyticsmvc .location-grid { width: 100%; background: none !important; border: none !important; } .analyticsmvc .location-grid tr, .location-grid tr td{ background: none !important; border: none !important; padding:0; } .analyticsmvc .calculate-time-container { margin-bottom:5px; } .analyticsmvc .exclusion-treshold-head { padding: 10px 15px 0px 15px; display: inline-block;} .analyticsmvc .exclusion-treshold { margin-left: 15px; padding: 8px !important; background-color: rgb(244, 244, 244) !important; } .analyticsmvc .exclusion-treshold select { width: 77px !important } .analyticsmvc .totalTime { font-size: 12px; margin-left: 10px; position: relative; margin-top:-10px; } .schedule-item .exclusion-treshold-head { padding-left: 0; } .schedule-item .exclusion-treshold { margin-left: 0px; } .analyticsmvc #stackbar-chart.selected, .analyticsmvc #bar-chart.selected { border: 1px solid black; } .analyticsmvc #stackbar-chart { top: 5px; left: 5px; z-index: 1; cursor: pointer; background: url("../images/iconStackedGraph.png") no-repeat ; width: 41px; height: 41px; display: inline-block; border:1px solid white; } .analyticsmvc #bar-chart { top: 5px; left: 50px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -357px; width: 41px; height: 41px; display: inline-block; border:1px solid white; } .analyticsmvc .no-chart { background-color:white; height:20px; margin-top:55px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; color:#999; } #road-type-overrides { } #road-type-overrides #filter-container { overflow:hidden } #edit-road-type-override { overflow:hidden } #edit-road-type-override .map-view { height: 500px; } #edit-road-type-override .configure-road-override { float:right; width: 300px } #edit-road-type-override .configure-road-override label { width:60px; color:#888; text-align:right; padding-right:20px; display:inline-block } #edit-road-type-override #map_canvas { height: 100%; } #edit-user { overflow : hidden} #edit-user button, #edit-user input[type=button], #edit-user input[type=submit] { margin-top : 10px} #edit-user fieldset { min-height:300px; } #edit-user p { margin:3px 0px } #edit-user .label { width:300px; display: inline-block; text-align: right; color:#999 } #edit-user input[type=text], #edit-user input[type=password] { width:300px } #edit-user select { width:304px } #edit-user fieldset .leaf:hover{ color:red; cursor:pointer; } #edit-user .drop-down-tree-autocomplete { margin-top:0 !important; } #edit-user-group { color: black; } #edit-user-group #user-group-container { border: 1px solid rgb(222, 222, 220); padding: 0px 20px 20px 20px; height: 550px; } #edit-user-group #rectangle { background-color: rgb(244, 244, 244); height: 300px; padding: 20px; } #edit-user-group p { padding: 0; margin: 0 } #edit-user-group h2 { font-size: 18px; } #edit-user-group #group-members-label { font-size: 12px; } #edit-user-group #group-members-area { margin-top: 20px; } #edit-user-group #selections { float: right; } #edit-user-group #users-area { background-color: white; height: 230px; overflow-y: auto; border: 1px solid rgb(222, 222, 220); border-top-color: rgb(170, 173, 180); margin-top: 5px; padding: 5px 10px; } #edit-user-group .checkbox { margin: 5px 0px; float: left; width: 300px; } #edit-user-group .checkbox label { display: block; padding-left: 15px; text-indent: -15px; } #edit-user-group .checkbox input[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; position: relative; top: -1px; } #edit-asset-group { overflow:hidden } #edit-asset-group button, #edit-asset-group input[type=button], #edit-asset-group input[type=submit] { margin-top : 10px} #edit-asset-group fieldset { min-height:300px; } #edit-asset-group p { margin:3px 0px } #edit-asset-group input[type=checkbox] { position:relative; top:3px } #edit-asset-group label { width:100px; display: inline-block; text-align: right; color:#999 } #edit-asset-group input[type=text], #edit-asset-group input[type=password] { width:200px } #asset-relationships { } #asset-relationships p { margin: 3px 0px } #asset-relationships p img { margin: 0px auto; border: 1px solid #999; display:block } #asset-relationships p label { display: inline-block; width:59px; text-align:right; color:#999 } #asset-relationships select[multiple=multiple]{ width:100%; height: 400px; margin-right:5px } #asset-relationships input[type=text] { width : 44px } #asset-relationships input[type=select] { width : 100% } #asset-relationships .asset-warnings { overflow :hidden } #asset-relationships .asset-warnings .asset-warning {overflow :hidden ; padding : 5px; color : black; margin: 5px 0px; border: 1px solid #B4B4B4; background-color: #F6F6F6 } #poi-type-form { overflow:hidden } #poi-type-form p { margin:3px 0px } #poi-type-form input[type=checkbox] { position:relative; top:3px } #poi-type-form label { width:150px; display: inline-block; text-align: right; color:#999 } #poi-type-form input[type=text], #poi-type-form select { width:200px } #poi-type-form select { width:205px; margin: 8px 5px; } #geofence, #geofence-group { position: relative; font-family: 'Trebuchet MS' } #geofence input[type=radio] { position: relative; top: 3px } #geofence #Polygons { height: 100px; } #geofence .panel, #geofence-group .panel { position: absolute; top: 45px; width: 280px; z-index: 1; } #geofence .expand, #geofence .unExpand, #geofence-group .expand, #geofence-group .unExpand { cursor: pointer; margin-right: -5px; margin-top: 5px; padding: 5px; } #geofence .expand, #geofence-group .expand { background-position-x: -5px } #geofence .panel-body, #geofence-group .panel-body { background-color: #f3f3f0; margin:10px; padding:10px } #geofence label { width:75px; display: inline-block; text-align: right; color:#404040 } #geofence label.float-left { margin-right:3px } #geofence input[type=text], #geofence select, #geofence textarea { color:#404040; height:18px; padding:0px 5px; width:132px; border-left: 1px solid #b4b4b4; border-top: 1px solid #b4b4b4; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;} #geofence textarea { height: 60px; } #geofence select { width:145px; height: 20px } #geofence.datetimepicker2>input { width:50px; } #geofence div.colorPicker-picker { width: 30px; height: 30px; background-position: 14px 14px; display: inline-block; margin-left:1px } #geofence .colors label { position: relative; top: 6px } #geofence #settings, #geofence-group #settings { left: 5px } #geofence .panel-body .field-validation-error { position:absolute } #geofence .input-validation-error { border: 1px solid red !important } #geofence #address { display: none; } #geofence #latlng { display: none; } #geofence .address-popup { top: 55px; } #geofence .latlng-popup { top: 75px; } #geofence p { margin : 5px 0px} #geofence .address-popup { width : 450px !important} #geofence .address-popup input { width: 330px } #geofence-group .filterPanel .filterColumn { width: 210px; float: left; overflow-y: scroll; } #geofence-group .panel { width: 460px } #geofence-group .pagerArea { margin: 5px 0} #geofence-group .filterColumn { height: 362px} #edit-poi { position: relative; font-family: 'Trebuchet MS' } #edit-poi .panel { position: absolute; top: 45px; width: 270px; z-index: 1; } #edit-poi .address-popup.panel { width: 450px; } /* added */ #edit-poi input#addressToSearch { width: 342px; } /* added */ #edit-poi .expand, #edit-poi .unExpand { cursor: pointer; margin-right: -5px; margin-top: 5px; padding: 5px; } #edit-poi .expand { background-position-x: -5px } #edit-poi label { width:75px; display: inline-block; text-align: right; color:#404040 } #edit-poi input[type=text], #edit-poi select { color:#404040; height:18px; padding:0px 5px; width:132px; border-left: 1px solid #b4b4b4; border-top: 1px solid #b4b4b4; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;} #edit-poi select { width:142px; height: 20px } #edit-poi .panel-body { background-color: #f3f3f0; margin:10px; padding:10px } #edit-poi .lld-popup, #edit-poi .nts-popup, #edit-poi .address-popup, #geofence .address-popup, #geofence .latlng-popup { position: absolute; background-color: white; left: 230px; width: 200px; } #edit-poi .lld-popup { top: 125px; } #edit-poi .nts-popup { top: 150px; } #edit-poi .address-popup { top: 175px; } #edit-poi .lld-popup select, #edit-poi .nts-popup select, #geofence .latlng-popup input { width: 80px } #edit-poi .lld-popup .connector, #edit-poi .nts-popup .connector,#geofence .address-popup .connector, #edit-poi .address-popup .connector, #geofence .latlng-popup .connector { width: 8px; height: 16px; position:absolute; left: -8px; top:40px } #edit-poi .lld-popup.panel .header, #edit-poi .nts-popup.panel .header, #geofence .latlng-popup.panel .header, #edit-poi .address-popup.panel .header,#geofence .address-popup.panel .header { font-size: 11pt; text-transform: uppercase; height: 15px; line-height: 13px; padding: 2px } #edit-poi #nts { display: none; } #mapFiltersAddon { right: 5px !important; top: 5px !important; width: 470px!important; } #mapFiltersAddon .filterContent { height: 27px; padding: 5px 10px;} #mapFiltersAddon .filterContent { padding: 5px 10px; height: 27px; } #mapFiltersAddon .filterContent .searchInput { float: left; width: 100px; } #mapFiltersAddon .filterContent #searchButton { float: left; } #mapFiltersAddon .filterContent #loadAllAssetsButton { float: left; } #mapFiltersAddon .filterItemArea { cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid white; background-color: white; font-weight: bold; display: block; float: left; padding: 0px 20px 5px 5px; position: relative; margin-right: 5px; } #mapFiltersAddon .filterItemArea .headerLabel { display: inline-block; margin-top: 5px; } #mapFiltersAddon .filterItemArea.active { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-width: 1px; border-style: solid; border-bottom: none; margin-top: -2px; padding: 2px 20px 10px 5px; } #mapFiltersAddon .filterItemArea.active .expandDropDownArrow { top: 8px; } #mapFiltersAddon .filterItemArea .whiteLine { position: absolute; background-color: white; height: 1px; width: 100%; bottom: -1px; left: 0px; z-index: 1; } #mapFiltersAddon .expandDropDownArrow { position: absolute; right: 3px; top: 6px; } #mapFiltersAddon .filterArea { background-color: white; position: absolute; top: 33px; left: -250px; display: none; width: 660px; padding: 10px 20px 10px 20px; border-width: 1px; border-style: solid; } #mapFiltersAddon .filterPanel .pagerArea > div { width: auto; } #mapFiltersAddon .filterPanel .filterPanelContent { background-color: rgb(239, 239, 239); padding: 10px; min-height: 360px; } #mapFiltersAddon .filterPanel .filterPanelContent a { color: black; outline: none; text-decoration: none; cursor: default; } #mapFiltersAddon .filterPanel .filterColumn { width: 210px; float: left; } #mapFiltersAddon .filterPanel .selectionFilter { padding: 15px 0 5px 0; background-color: white; text-align: right; } #mapFiltersAddon .filterPanel .selectionFilter a { color: rgb(56, 136, 187); margin-left: 10px; text-decoration: none; } #mapFiltersAddon .filterPanel .selectionFilter a span { border-bottom: 1px dotted rgb(56, 136, 187); font-weight: normal; } #mapFiltersAddon .filterItemArea.active { border-bottom: medium none;border-radius: 0;border-style: solid solid none;border-width: 1px 1px medium;margin-top: -2px; padding: 2px 20px 10px 5px;} #mapFiltersAddon .filterArea label { text-align: left; font-weight: bold; width: auto} #mapFiltersAddon #poiFilterPanel { left: -495px; } #mapFiltersAddon #geofenceFilterPanel { left: -360px; } #edit-poi #settings { left: 5px } #edit-poi .panel-body .field-validation-error { position:absolute } #edit-poi .input-validation-error { border: 1px solid red !important } #edit-poi p { margin:8px 0px } #edit-poi input[type=checkbox] { position:relative; top:3px } #edit-poi .latlng input[type=text] { width:70px;} #edit-poi #lld { display: none } #edit-poi .txtD, #edit-poi .txtM, #edit-poi .txtS { width : 27px !important} #edit-poi #poi-custom-attributes input[type=text] { width : 87px } #send-vehicle { overflow: hidden; } #send-vehicle label { text-align:right; width: 100px; display: inline-block; color:#888 } #edit-role { overflow :hidden } #edit-role select { width:250px; height:350px } #edit-role label { width:50px; text-align:right; display: inline-block; color:#888 } #edit-icon { overflow :hidden } #edit-icon label { width:90px; text-align:right; display: inline-block; color:#888 } #edit-icon input[type=checkbox] { margin:3px 5px; } #messaging { } #messaging .left-column fieldset.asset label { display: inline-block; width :85px } #messaging .left-column fieldset.asset select { width :180px } #messaging .left-column fieldset.message label { display: inline-block; width :110px } #messaging .left-column fieldset.message select { width :210px } #messaging .left-column fieldset.message textarea { width :210px } #messaging .ui-widget-content a { color:#136A92 } #messaging .grid { margin-top:10px } #messaging #asset-groups { width:210px; height:20px } #messaging .multi-ckeckbox-dropdown { width: 210px; margin-top:2px; } #messaging .multi-ckeckbox-dropdown .box { width: 210px; } #generic-error { border: 2px solid #dd0000; margin: 0px; overflow: hidden } #generic-error img { float: left; margin-right:70px} #generic-error .caption { font-size :48px; color: #cf1228; margin-top:20px } #generic-error a { text-decoration:underline } .login { background-image: url('../Images/BackgroundLogin.jpg'); background-position: center top; background-repeat: no-repeat; background-size: 1920px 600px; position: absolute; background-color: #ffffff; } .login .hr { width: 120px; height: 1px; border-bottom: 1px solid rgb(235, 235, 235); text-align: left; margin-bottom: 56px; } .login .center {height: 490px; margin: 0px auto; margin-top: 115px; } .login .menu { width: 100%; text-align: center; background-color: #ffffff; position: fixed; left: 0px; top: 0px; padding: 5px; height: 63px; } .login .menu a { color:#1c1c1c; text-decoration: none;padding-left: 10px;padding-right: 10px;font-size: 10pt;color: #000000; } .login .slogan {padding-top: 30px; color:#283a44; font-size:14pt; text-align:center; font-family:Arial, Avanti } .login .dialog { width: 410px; min-height: 300px; background-color: white; padding: 10px 40px; position: relative; margin-left: auto; margin-right: auto; } .login .dialog h3 { color: black; font-size: 20px; font-weight: bold; margin: 0px; font-family: Arial; text-align: left; padding: 30px 0px 20px 0px; } .login .dialog label.big { font-size:14px; font-family:Arial; display: block; text-align:left } .login .dialog .textbox { clear: left; height: 43px; margin: 5px 0px; overflow: hidden; text-align: center; border: 1px solid rgb(191, 191, 191); } .login .dialog .textbox.password { margin-bottom: 33px; } .login .dialog .textbox.password .icon {background-image: url('../Images/loginPassword.png');background-repeat: no-repeat;background-position: center center;} .login .dialog .textbox.username .icon {background-image: url('../Images/loginUser.png');background-repeat: no-repeat;background-position: center center;} .login .dialog .textbox input { text-align: left; background:transparent; color :#777777; font-style:italic; font-size:16px !important; font-family:Arial; border:0px; width : 300px; height:36px; outline:none; } .login .dialog .textbox input:focus { background: transparent; outline:none } .login .dialog .textbox .icon { height : 100%; width : 43px; background-color: #b5b9bd; float:left } .login .dialog .remember-me { float: right; font-size:12px !important; font-family: Arial; margin-right: 10px; } .login .dialog .forgot-password { float: left; font-family: Arial; width: 120px; text-align: left; margin-top: 5px; } .login .dialog .forgot-password a { font-size:12px; font-size:12px !important; color: #9e9e9e } .login .recovery { font-size:14px; font-family:Arial; text-align:left } .login .recovery button span { top: 0px; } .login .recovery input[type=text], .login .recovery input[type=password] { width: 350px; } .login .recovery .captcha img { height : 42px } .login .field-validation-error { font-size: 20px; color: #c44 } .login .developers {width: 100%; text-align: center; background-color: #e5e4e5; position: fixed; left: 0px; bottom: 50px; } .login .footer { width: 100%; height: 35px; background-color: rgb(40, 58, 68); position: fixed; left: 0px; bottom: 0px; color: white; font-size: 10pt; text-align: center; padding-top: 20px; } .login .loginButton { background-color: rgb(153, 199, 29); padding: 15px 15px 30px 15px; border-bottom: 3px solid rgb(132, 172, 25); background-image: none; color: white; font-size: 16px; font-weight: normal; height: 34px; border-radius: 0; } .login .loginButton img { margin-top: -5px; } .login .loginButton span { position:relative; top: -5px } #maintenance-page h1 { color: white; font-size: 30px; font-weight: normal; } #maintenance-page #say-sorry { color: white; font-size: 12px; } #maintenance-page .dialog { border: 5px dashed rgb(250, 182, 0); } #maintenance-page .dialog > img { margin-top: 70px; } #gps-drift #general-filters, #gps-drift #actions, #gps-drift #gps-parameters { line-height: 25px; } #gps-drift #gps-drift-divisiontree-dropdown { float: none; } #gps-drift h3 { margin: 0px 20px 20px 0px; padding: 0; font-size: 16px; font-weight: bold; } #gps-drift .map { width: -webkit-calc(100% - 400px); width: calc(100% - 400px); height: 400px; margin-right: 10px; float: left; color: black; } #gps-drift #general-filters { width: 270px; float: left; padding: 10px; } #gps-drift #general-filters label { width: 71px; display: inline-block; } #gps-drift #general-filters select { width: 193px; margin: 5px 0; } #gps-drift #gps-parameters { padding: 10px; float: left; } #gps-drift #gps-parameters input { width: 35px;font-size: 12px;} #gps-drift #general-filters, #gps-drift #gps-parameters { height: 150px; } #gps-drift #time-interval { padding: 10px; float: left; } #gps-drift #actions { float: left; padding: 10px; } #gps-drift #time-interval .dateTimeRelativePicker { width: 240px; float: left; } /* Don't change it to 220px FF issue */ #gps-drift #time-interval input[type=submit] { float: left; margin: 33px 0 0 5px; } #gps-drift #exportArea { float: left; margin: 10px 0 0 20px; } #gps-drift .schedule-icon { margin: 5px 0 0 0; } #gps-drift .queueAction:before { background-image: url("/Images/main.png"); background-repeat: no-repeat; content: ''; display: inline-block; width: 18px; height: 15px; float: left; clear: left; margin: 4px 4px 0 6px; } #gps-drift #reprocessChecked:before { background-position: 0px -665px; } #gps-drift #reprocessCheckedWithoutNotifications:before { background-position: 0px -680px; } #gps-drift #reprocessAll:before { background-position: 0px -695px; } #gps-drift #reprocessWithoutNotificationsAll:before { background-position: -18px -665px; } #gps-drift #deleteChecked:before { background-position: -18px -680px; } #gps-drift #deleteAll:before { background-position: -18px -695px; } #gps-drift .grid { margin-top: 20px } #gps-drift .map { margin-bottom: 20px; } #gps-drift #reprocess-area { float: left; margin-right: 10px; } .TablePanelEditText { color: #8E8E8E; text-align: right; padding: 2px 3px 2px 3px; white-space:nowrap; } .date-textbox {cursor:pointer;} .TablePanelEditValue { text-align: left; padding: 2px 0px 2px 0px; white-space:nowrap; } .campaign { border: 1px solid #ddd ; overflow : hidden; } .campaign > div { padding : 10px } .campaign h2 { margin: 0px } .campaign .parameters { width: 380px; height: 500px; float:left; border-right: 1px solid #ddd } .campaign .terminals { margin-left : 400px } .campaign .command { margin-left : 400px; border-top: 1px solid #ddd } .campaign .block { padding:10px; background-color: #f4f4f4; margin: 10px 0px } .campaign .block p { margin : 3px 0px } .campaign .block p label { display:inline-block; width:70px; text-align:right } .campaign .block p input[type=text] { width : 260px } .campaign .block p textarea { width:200px } .campaign .block input[type=radio], .campaign .block input[type=checkbox] { position : relative; top : 2px } .campaign #terminals-form { } .campaign .parameters .name .field-validation-error { margin-left:75px; } #campaigns .progress-icon { background: url("../images/main.png") no-repeat 0px -158px; width: 41px; height: 8px; display: inline-block; margin-right: 5px; } #campaigns .progressor { background: url("../images/main.png") no-repeat 0px -174px; width: 0; height: 8px; } #campaigns td.completed { background-color: rgb(239, 255, 220); color: rgb(123, 175, 0); font-weight: bold; } #campaigns td.exceeded { background-color: #c00; font-weight:bold; color:white } #watchDog > div { background-color: rgb(229, 228, 229); padding: 20px 30px; } #watchDog #dataMessageManager { padding-top: 0px !important; padding-bottom: 10px; } #watchDog #westDataCenter { position: relative; float: left; } #watchDog #northDataCenter { position: relative; margin-left: 300px; } #watchDog #westDataCenter h2, #watchDog #northDataCenter h2 { color: rgb(113, 113, 113); font-weight: normal; font-size: 14px; padding: 0; margin: 0; text-align: center; } #watchDog #westDataCenter > div, #watchDog #northDataCenter > div { border: 1px dashed rgb(184, 184, 184); height: 625px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog #westDataCenter > div { width: 293px; height: 395px; } #watchDog .area { text-decoration: underline; text-align: center; color: black; } #watchDog .area a { color: black; } #watchDog .label { color: black; bottom: -35px; position: absolute; text-align: center; left: 10px; } #watchDog .block, #watchDog #gateways { border: 5px white solid; padding: 5px; font-size: 12px; font-weight: bold; text-decoration: underline; color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog .block a, #watchDog #gateways a { color: white; } #watchDog .danger { background-color: rgb(242, 59, 54); } #watchDog .okStatus { background-color: rgb(126, 211, 75); } #watchDog .noStatus { background-color: #777;} #watchDog .notImplemented { background-color: rgb(0, 110, 195) !important; } #watchDog #gateways { width: 130px; padding: 0; position: absolute; left: 146px; top: 62px; } #watchDog #gateways > div { border-bottom: 2px white solid; height: 32px; padding: 0px 0 0 35px; line-height: 32px; position: relative; } #watchDog .watchDogIcon { background-image: url("../images/WatchDogIcons.png"); content: ""; display: block; position: absolute; z-index: 2; } #watchDog .nextArrow { width: 40px; height: 12px; background-position: -250px -1px; } #watchDog .nextArrowShort { width: 34px; height: 12px; background-position: -252px -1px; } #watchDog .previousArrow { width: 34px; height: 12px; background-position: -250px -14px; } #watchDog #domainServerArea { position: absolute; top: 292px; left: 28px; width: 100px; } #watchDog #domainServer { height: 65px; } #watchDog #domainServerArrow { width: 52px; height: 12px; background-position: -246px -89px; top: 330px; left: -17px; } #watchDog #domainServerTopArrow { width: 170px; height: 144px; background-position: 3px -290px; top: 160px; left: -23px; } #watchDog .gatewayIcon { width: 26px; height: 27px; background-position: 0px 0px; top: 3px; left: 4px; } #watchDog #gatewayBottomArrow { width: 12px; height: 136px; background-position: -228px 0px; top: 336px; left: 210px; } #watchDog #domainServerIcon { width: 74px; height: 90px; background-position: -151px -90px; top: -15px; left: 15px; } #watchDog #sqlAzureArea { position: absolute; top: 480px; left: 170px; width: 90px; } #watchDog #sqlAzure { height: 65px; } #watchDog #sqlAzureIcon { width: 55px; height: 89px; background-position: -149px 0px; top: -15px; left: 18px; } #watchDog #emailServerArea { position: absolute; top: 480px; left: 10px; width: 100px; } #watchDog #emailServer { height: 65px; } #watchDog #emailServerIcon { width: 74px; height: 90px; background-position: -151px -90px; top: -15px; left: 15px; } #watchDog #gatewayToBusArrow { top: 110px; left: 281px; } #watchDog #gatewayToWebsiteArrow { width: 554px; height: 60px; background-position: 0px -435px; top: 36px; left: 210px; } #watchDog #serviceBusArea { width: 74px; height: 521px; border: 3px solid white; position: absolute; top: 80px; left: 17px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog #serviceBusIcon { width: 57px; height: 523px; background-position: -559px -2px; top: -20px; left: 8px; } #watchDog #workerRolesArea { height: 529px; border: 2px solid white; position: absolute; top: 74px; left: 115px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog .workerRole { width: 81px; height: 35px; line-height: 35px; margin: 10px 4px; padding-left: 30px; position: relative; } #watchDog .workerRoleSubsystem { width: 81px; height: 15px; line-height: 15px; margin: 5px 20px 0px 20px; padding-left: 5px; position: relative;text-align: center; border: 3px solid white} #watchDog .workerRole .nextArrow { right: -38px; top: 17px; } #watchDog #dataMessageManager { line-height: inherit; padding-top: 7px; height: 33px;margin-bottom: 5px; } #watchDog #alertingRole { line-height: inherit; margin-bottom: 5px; } #watchDog #jobScheduler { line-height: inherit; padding-top: 7px; height: 33px;margin-bottom: 5px; } #watchDog #dbArea { border: 2px solid white; position: absolute; top: 74px; left: 274px; height: 529px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog .db { width: 70px; height: 15px; margin: 12px 6px; position: relative; text-align: center; padding-top: 30px; } #watchDog .db-active { width: 60px; height: 15px; margin: 1px 6px; position: relative; text-align: center; padding: 30px 10px 10px 10px;line-height: 15px;} #watchDog .dbIcon { width: 56px; height: 48px; background-position: -86px -132px; top: -20px; left: 13px; } #watchDog #webRolesArea { border: 2px solid white; position: absolute; top: 74px; left: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #watchDog .webRole { width: 80px; height: 40px; margin: 16px 6px; position: relative; padding: 5px 0 0 40px; } #watchDog #webRolesLabel { left: 70px; } #watchDog #arrowsGroup { width: 38px; height: 31px; background-position: -251px -42px; top: 25px; right: -35px; } #watchDog #geocoderNextArrow { top: 125px; right: -37px; } #watchDog #alertingNextArrow { top: 180px; right: -37px; } #watchDog #alertingPreviousArrow { top: 195px; right: -31px; } #watchDog #notificationNextArrow { top: 290px; right: -37px; } #watchDog #reportingNextArrow { top: 355px; right: -37px; } #watchDog #watchdogNextArrow { top: 420px; right: -37px; } #watchDog #jobSchedulerNextArrow { top: 480px; right: -37px; } #watchDog #websiteNextArrow { top: 38px; left: -25px; } #watchDog #pluginsNextArrow { top: 107px; left: -25px; } #watchDog #apiNextArrow { top: 178px; left: -25px; } #watchDog #driveArea { position: absolute; top: 470px; left: 420px; width: 90px; } #watchDog #drive { height: 30px; padding-top: 30px; } #watchDog #driveIcon { width: 63px; height: 48px; background-position: -86px -82px; top: -15px; left: 15px; } .gm-style div, .gm-style span, .gm-style label, .gm-style a { font-size : inherit !important; font-weight: inherit !important; font-family: inherit !important; } #watchDog #websitePluginRightArrow { width: 67px; height: 85px; background-position: -324px -1px; top: 35px; right: -57px; } #watchDog #apiRightArrow { width: 67px; height: 12px; background-position: -324px -88px; top: 177px; right: -57px; } #watchDog #apiBottomArrow { width: 14px; height: 183px; background-position: -307px -2px; top: 208px; left: 50px; } #watchDog #pluginsApiLinkArrow { width: 10px; height: 35px; background-position: -295px -2px; bottom: -31px; left: 40px; } #watchDog #subsystemLinkDownArrow { width: 7px; height: 15px; background-position: -395px -2px; bottom: -15px; left: 55px; } #watchDog #gatewaysLabel { position: absolute; top: -25px; left: 0px; color: black; font-weight: normal; font-size: 11px; } #watchDog #dataMessageManagerIcon { width: 31px; height: 39px; background-position: 0px -27px; top: 3px; left: -10px; } #watchDog #geocoderIcon { width: 31px; height: 45px; background-position: 0px -68px; top: 0px; left: -10px; } #watchDog #alertingIcon { width: 38px; height: 38px; background-position: 0px -117px; top: 0px; left: -10px; } #watchDog #notificationIcon { width: 43px; height: 32px; background-position: -39px -1px; top: 6px; left: -15px; } #watchDog #reportingIcon { width: 41px; height: 39px; background-position: -39px -36px; top: 3px; left: -15px; } #watchDog #watchDogIcon { width: 43px; height: 46px; background-position: -39px -76px; top: 0px; left: -10px; } #watchDog #jobSchedulerIcon { width: 32px; height: 32px; background-position: -0px -185px; top: 6px; left: -10px; } #watchDog #websiteIcon { width: 47px; height: 34px; background-position: -39px -123px; top: 3px; left: -10px; } #watchDog #pluginsIcon { width: 47px; height: 37px; background-position: -86px 0px; top: 3px; left: -10px; } #watchDog #apiIcon { width: 47px; height: 36px; background-position: -86px -43px; top: 3px; left: -10px; } #watchDog #watchDogReportLink { float: right; margin-top: -20px; } #watchDogReport h3 { margin: 0 0 5px 0; padding: 0; font-size: 16px; font-weight: bold; } #watchDogReport table { font-size: 12px; } #watchDogReport .watchConfigArea { text-align: left; color: red; } #watchDogReport .descriptionRow, #watchDogReport .recipientsRow { color: #A08687 } #watchDogReport #filter { margin-bottom: 20px; position: relative; } #watchDogReport #filter > div { border: 1px solid rgb(222, 222, 220); padding: 10px; margin: 5px 0px; height: 110px; display: inline-block; } #watchDogReport #filter > div:first-child { border-right-style: none; width: 300px; float: left; } #watchDogReport .filterItem { margin-bottom: 5px; } #watchDogReport .filterItem label { width: 80px; display: inline-block; } #watchDogReport #statusLabel { float: left; margin-top: 5px; margin-right: 2px; } #watchDogReport #SearchText { width: 188px; } #watchDogReport .dropDownContainer { min-height: 20px; position: relative; display: inline-block; } #watchDogReport .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; margin-top: 2px; width: 190px; } #watchDogReport .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #watchDogReport .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0; margin: 3px; border-width: 0px; } #watchDogReport .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top transparent; height: 18px; position: absolute; right: 0; top: 0; width: 17px; } #watchDogReport .descriptionRow, #watchDogReport .recipientsRow { padding-left: 20px; } #watchDogReport .dateTimeRelativePicker { float: left; } #watchDogReport input[type="submit"] { float: left; margin-top: 35px; } #watchDogReport #watchDogDashboardLink { position: absolute; right: 5px; } #billingVerificationReport .parameter select { width:200px; } #billingVerificationReport .parameter { padding:15px 15px 0px 15px } #billingVerificationReport .report-filter { width:100%; height:300px; border:1px solid #d9d9d9; background-color:white } #billingVerificationReport .no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; } #billingVerificationReport .grid{ margin-top:8px } #billingVerificationReport .dateTimeRelativePicker { width : 240px } #billingVerificationReport .dateTimeRelativePicker .absolute { width : 220px } #billingVerificationReport #infoWindow { color :#222222; border: 1px solid #AAAAAA; padding : 1em 1.4em } #billingVerificationReport #infoWindow .oldstyle div { margin:2px 0px; } #billingVerification .schedule-options { margin-top: 10px; } #billingVerification table.grid { margin-top: 10px; } #billingVerification table.grid > tbody > tr > td { text-align: center; overflow: hidden; padding: 3px; vertical-align: middle; } #upload-dialog label { width:80px; text-align:right; display: inline-block } #upload-dialog input[type=text],#upload-dialog textarea { width:190px } #upload-dialog .dateTimePicker2 input { float: none !important} #upload-dialog label.time-icon { width: 20px; position: relative; top: 5px } #complete-dialog label { width:80px; text-align:right; display: inline-block } #complete-dialog input[type=text] { width:190px } #complete-dialog .dateTimePicker2 input { float: none !important} #complete-dialog label.time-icon { width: 20px; position: relative; top: 5px } .noHiddenContent { overflow : visible !important } .noHiddenContent #complete-dialog { overflow : visible !important } #map-engine { overflow : hidden;} #map-engine .datasets { border: 1px solid #dedede; width : auto; padding: 15px; padding-right: 5px; margin-left:607px } #map-engine #map { border: 1px solid #dedede; padding: 1px; min-width: 600px; height: 600px ; float: left } #map-engine h4 { margin: 0px } #map-engine h2 { margin: 0px } #map-engine .datasets h3 { margin: 5px 0px } #map-engine .details { width:130px; margin-left:5px } #map-engine .licensed-data-sets, #map-engine .private-data-set { padding:5px } #map-engine .layers-caption { color:#888 } #map-engine .pricing { color:#888; float:right; margin-top: 23px; white-space: nowrap } #map-engine .price { font-size:28px; float:left; line-height:27px; margin-right:5px } #map-engine .private-data-set label { display:inline-block; width:100px; text-align:right } #map-engine .private-data-set input[type=text] { width: 270px } #map-engine .private-data-set fieldset { margin: 10px } #edit-driver-group { color: black; } #edit-driver-group #driver-group-container { border: 1px solid rgb(222, 222, 220); padding: 0px 20px 20px 20px; height: 550px; } #edit-driver-group #rectangle { background-color: rgb(244, 244, 244); height: 300px; padding: 20px; } #edit-driver-group p { padding: 0; margin: 0 } #edit-driver-group h2 { font-size: 18px; } #edit-driver-group #group-members-label { font-size: 12px; } #edit-driver-group #group-members-area { margin-top: 20px; } #edit-driver-group #selections { float: right; } #edit-driver-group #drivers-area { background-color: white; height: 230px; overflow-y: auto; border: 1px solid rgb(222, 222, 220); border-top-color: rgb(170, 173, 180); margin-top: 5px; padding: 5px 10px; } #edit-driver-group .checkbox { margin: 5px 0px; float: left; width: 300px; } #edit-driver-group .checkbox label { display: block; padding-left: 15px; text-indent: -15px; } #edit-driver-group .checkbox input[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 0; vertical-align: bottom; position: relative; top: -1px; } #logs h3 { margin: 0 0 5px 0; padding: 0; font-size: 16px; font-weight: bold; } #logs table.grid { font-size: 12px; } #logs #filter { margin-bottom: 20px; position: relative; } #logs #filter > div { border: 1px solid rgb(222, 222, 220); padding: 10px; margin: 5px 0px; height: 110px; display: inline-block; } #logs #filter > div:first-child { border-right-style: none; width: 300px; float: left; } #logs .dateTimeRelativePicker { float: left; width: 240px; } #logs input[type="submit"] { float: left; margin-top: 35px; } .multi-ckeckbox-dropdown .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0;top: 0; width: 17px; } .multi-ckeckbox-dropdown .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } .multi-ckeckbox-dropdown { display: inline-block; min-height: 20px; position: relative; width : 205px} .multi-ckeckbox-dropdown .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width : 205px } .multi-ckeckbox-dropdown .box.over { box-shadow: 0px 0px 1px rgba(0,0,0,0.5) } .multi-ckeckbox-dropdown .content { background-color: #f4f4f4; border: 1px solid #ABADB3; padding:16px !important; top: 20px; position: absolute; margin: 0px !important; display:none; min-width: 173px; box-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .multi-ckeckbox-dropdown .content .list {padding: 10px 20px 10px 20px; text-align: left; max-height : 300px; overflow-y: scroll; white-space: nowrap;} .multi-ckeckbox-dropdown .content .list a.prev, .multi-ckeckbox-dropdown .content .list a.next {cursor: pointer; color: #136a92; font-weight: bold;} .asterisk-lbl { font-size: 11pt;color: red; display: none; margin-left: 5px; width: 10px !important} #message-summary .schedule-item { } #message-summary .schedule-item .multi-ckeckbox-dropdown { width: 170px; } #message-summary .schedule-item .multi-ckeckbox-dropdown .box { width: 170px; } #message-summary .schedule-item #ProviderId { width: 172px; margin-top: 4px; } #message-summary .filters { border: 1px solid #D9D9D9; height:230px; display: table; width : 100% } #message-summary #AssetIds .asterisk-lbl {display: none; } #message-summary #MessageTypes .asterisk-lbl {display: none; } #message-summary .filters p label, #message-summary .filters .p>label { width: 140px; display : inline-block;text-align: right;} #message-summary .filters p { margin : 0px } #message-summary .filters .p>label { position : relative; top:-3px } .schedule-item .p > label { position : relative;top: -4px;} .schedule-item .dropDownContainer { position : relative; top:2px; left : 2px } #message-summary .multi-ckeckbox-dropdown { top : 2px; left: 2px; width: 210px } #message-summary .filters #ProviderId { width: 207px; margin-top: 4px; } #message-summary #BufferingId { margin-top: 4px; } #message-summary .filters>div { display: table-cell; padding : 10px } #message-summary .filters .last { padding: 10px; border: none; border-left: 1px solid #D9D9D9; width: 370px; overflow:hidden } #message-summary .dateTimeRelativePicker { float: left; margin-bottom: 20px } #message-summary #submitArea { float: right; margin-top: 35px; } #message-summary #exportArea { clear: both; margin: 0; } #message-summary #AssetId { width: 252px; } #message-summary .schedule-item #area5 .param { display: inline-block; text-align:left } #message-summary .dateTimeRelativePicker { float: left; margin-right: 10px;width: 220px; } #message-summary .schedule-item #area5 select { width : 208px } #message-summary .schedule-item #area5 .schedule-message-types .multi-ckeckbox-dropdown { top : 0px; left : 0px } #message-summary .schedule-item #area5 .schedule-message-types .asset-validator { position: relative; top : 0px; left : 2px } #activity-summary .schedule-item { } #activity-summary .schedule-item .multi-ckeckbox-dropdown { width: 170px; } #activity-summary .schedule-item .multi-ckeckbox-dropdown .box { width: 170px; } #activity-summary .schedule-item #ProviderId { width: 172px; margin-top: 4px; } #activity-summary .filters { border: 1px solid #D9D9D9; height:188px } #activity-summary #AssetIds .asterisk-lbl {display: none; } #activity-summary #MessageTypes .asterisk-lbl {display: none; } #activity-summary .filters p label, #activity-summary .filters .p>label { width: 120px; display : inline-block;text-align: right;} #activity-summary .filters p { margin : 0px } #activity-summary .filters .p>label { position : relative; top:-3px } #activity-summary .multi-ckeckbox-dropdown { top : 2px; left: 2px; width: 210px } #activity-summary .filters #ProviderId { width: 207px; margin-top: 4px; } #activity-summary #BufferingId { margin-top: 4px; } #activity-summary .filters>div { padding : 10px } #activity-summary .filters .last { padding: 10px; border: none; border-left: 1px solid #D9D9D9; float:right; width: 370px; overflow:hidden } #activity-summary .dateTimeRelativePicker { float: left; margin-bottom: 20px } #activity-summary #submitArea { float: right; margin-top: 35px; } #activity-summary #exportArea { clear: both; margin: 0; } #activity-summary #AssetId { width: 252px; } #activity-summary .schedule-item #area5 .param { display: inline-block; text-align:left } #activity-summary .dateTimeRelativePicker { float: left; margin-right: 10px;width: 220px; } #activity-summary .schedule-item #area5 select { width : 208px } #geofence-analytics .dropDownContainer { position: relative; top: 2px; left: 2px; } #geofence-analytics .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width: 200px; z-index: 2; } #geofence-analytics .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #geofence-analytics .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0; top: 0; width: 17px; } #geofence-analytics .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0 !important; margin: 3px !important; border-width: 0px !important; } #geofence-analytics .asset-label {width: 50px; padding-right: 5px;position: relative;top: -3px;} #geofence-analytics .options-asset-list{ width: 320px!important; margin: 10px 15px 15px 15px;} #geofence-analytics .asset-label-filter {width: 70px;margin-left: 10px; position:relative;} #geofence-analytics .filter-title { max-width: 90px;text-align: right;} #engine-run-time-report .dropDownContainer { height: 22px; position: relative; display: inline-block; } #engine-run-time-report .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; position: absolute; margin-top: 2px; width: 240px; z-index:99} #geofence-analytics .asset-label-filter-options { width: 47px !important;} #geofence-analytics .parameter-list { width: 207px!important; } #geofence-analytics .asset-list-hidden { display: none;} #geofence-analytics .asset-driver-filter {margin: 3px; width: 100%; height: 70px; padding: 7px 5px 5px 10px; background-color: #f4f4f4;} #geofence-analytics .parameters-list { overflow: hidden;} #geofence-analytics .calculate-time-label{ width:auto!important} #geofence-analytics #submitButton { float: right;} #geofence-analytics .filters p label, #activity-summary .filters .p>label { width: 120px; display : inline-block; text-align:right } #geofence-analytics .parameter{ padding: 0 !important;} #geofence-analytics .report-filter { height:380px; } #geofence-analytics .map { height:380px; } #geofence-analytics .totalTime { position:inherit;margin: 10px 0 0 0 !important; } #geofence-analytics .schedule-options .parameter-list { width:167px !important } .title-report {font-size: 14pt; margin-bottom: 20px;} .inventory-item-title {font-size: 12pt;} #inventory-summary { border: 1px solid #D9D9D9;width: 100%; padding-bottom: 25px;} #inventory-summary .title { padding-left: 20px;padding-top: 20px; } #inventory-summary .filters { height:188px } #inventory-summary .filters .relative-boxes #SelectedDivisionId { width: 150px; } #inventory-summary .filters .relative-boxes input[type="text"] { width: 175px !important} #inventory-summary .filters .relative-boxes { display: inline-block;} #inventory-summary .filters .relative-boxes > div { margin: 5px; padding: 5px; height: auto; display: inline-block; } #inventory-summary .filters .relative-boxes > div:first-child {} #inventory-summary .filters .relative-boxes > div:last-child {} #inventory-summary .filters .relative-boxes > div > div { display: inline-block; margin: 5px; } #inventory-summary .filters > div { padding : 10px } #inventory-summary #submitArea { float: right; margin-top: 8px; } #inventory-summary #exportArea { clear: both; margin: 0; float: right; padding: 0 12px 0 0; } #inventory-summary #exportArea > div { display:inline-block;margin-bottom: 5px;} #inventory-summary #exportArea .vertical-center-text { display:inline-block; vertical-align:top } #inventory-summary .asset-col { padding-left: 30px; background:url("/Images/asset-ico.png") no-repeat 10px center; } #inventory-content { padding: 20px 0 20px 0;} .centering-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .centering-container { text-align: center; background: #c0c0c0; border: #a0a0a0 solid 1px; margin: 20px;} .centering-item{display: inline-block; vertical-align: middle; padding: 0;} .report-no-data { background-color:white; border:1px solid #B4B4B4; height:20px; margin-top:8px; padding:90px; text-align:center; font-size: 16px; font-weight: bold; color: #B4B4B4} #inventory-item { margin-top: 10px;margin-bottom: 20px; border: 1px solid #D9D9D9;} #inventory-item:after { clear: both;} #inventory-item .left-side-box {margin-top:10px;margin-left:10px;margin-bottom:20px;width: 186px;float: left;} #inventory-item .asset-image-box { height: 184px; width: 184px;margin: 0;border: 1px solid #D9D9D9;background: url("/Images/Reports/InventoryItemImageBcgrnd.png") white no-repeat right top;} #inventory-item .asset-image {width: 75px;height: 75px;} #inventory-item .asset-info-box {margin: auto;margin-top: 10px;} #inventory-item .right-side-box {margin-top:10px;float: left;} #inventory-item .single-device-asset { background: url("/Images/Reports/single-device-asset.png") #f4f4f4 no-repeat left top; padding-left: 60px;width: 600px;padding-bottom: 10px;} #inventory-item .first-asset-device { background: url("/Images/Reports/first-asset-device.png") #f4f4f4 no-repeat left top; padding-left: 60px; width: 600px;} #inventory-item .middle-asset-device{ background: url("/Images/Reports/middle-asset-device.png") #f4f4f4 no-repeat left top; padding-left: 60px;width: 600px;padding-top: 10px;} #inventory-item .last-asset-device{ background: url("/Images/Reports/last-asset-device.png") #f4f4f4 no-repeat left top;padding-left: 60px;width: 600px;padding-top: 10px;padding-bottom: 10px;} #inventory-item .device-cell{padding: 10px; width: auto;margin: 0;border: 1px solid #D9D9D9;background: url("/Images/Reports/device-cell-background.png") white no-repeat left top;min-height: 95px;} #inventory-item .device-cell .image-cell {width: 75px;text-align: center;float: left;margin-left: 25px;margin-top: 10px;} #inventory-item .device-cell .data-cell {margin-left: 125px;} #inventory-item .device-cell .data-cell .header-cell{border-bottom: 1px solid #D9D9D9; padding-bottom: 10px;font-weight: bold;} #inventory-item .device-cell .data-cell .header-cell .device-name{padding-bottom: 5px;font-size: 10pt;} #inventory-item .device-cell .data-cell .details-cell,#inventory-item .device-cell .data-cell .details-cell>*{padding-top: 10px;font-family: Courier;font-size: 8pt;} #inventory-item .device-cell .data-cell .details-cell:after{padding-top: 10px;clear: both;display: block;} #inventory-item .device-cell .data-cell .details-cell > div {display: inline-block;} .grey{color: grey;} .bold{font-weight: bold;} .schedule-options .relative-boxes #SelectedDivisionId { width: 150px; } .schedule-options .relative-boxes input[type="text"] { width: 175px !important} .schedule-options .relative-boxes { display: inline-block;} .schedule-options .relative-boxes > div { margin: 10px;padding: 10px;height: auto; display: inline-block;} .schedule-options .relative-boxes > div:first-child {width: 370px;} .schedule-options .relative-boxes > div:last-child {width: 300px;} .schedule-options .relative-boxes > div > div{display: inline-block;margin: 10px; } .schedule-options #area5 .relative-boxes > div { margin: 5px; display: block } .schedule-options #area5 .relative-boxes > div > div{margin: 0px; display: block } .schedule-options #area5 .relative-boxes > div:first-child {width: 250px;} .schedule-options #area5 .relative-boxes > div:last-child {width: 250px;} span.clear { clear: left; display: block; } .green-text{ color: green; } .red-text{ color: red; } #gme-animation { } #gme-animation .background { width : 100%; height : 317px; background-image: url('/Images/GMEAnimation/underlay.png'); overflow : hidden } @-webkit-keyframes logo { from {left: -1000px;} to {left: 20px;} } @keyframes logo { from {left: -1000px;} to {left: 20px;} } #gme-animation .logo { position:relative; top : 20px; left: 20px; width : 682px; height : 131px;-webkit-animation : logo 0.5s; animation : logo 0.5s; background-image: url('/Images/GMEAnimation/logo.png');} @-webkit-keyframes stripes { from {right: -300px;} to {right: 0px;} } @keyframes stripes { from {right: -300px;} to {right: 0px;} } #gme-animation .stripes { float:right; position:relative; top:-131px; right:-300px; width:300px; height : 317px;-webkit-animation: stripes 0.5s 0.5s forwards;animation : stripes 0.5s 0.5s forwards; background-image: url('/Images/GMEAnimation/stripes.png');} @-webkit-keyframes text { from {left: -1000px;} to {left: 50px;} } @keyframes text { from {left: -1000px;} to {left: 50px;} } #gme-animation .text { position:relative; top:30px; left:-1000px; width:495px; height : 78px;-webkit-animation : text 0.5s 1s forwards;animation : text 0.5s 1s forwards; background-image: url('/Images/GMEAnimation/text.png'); } @-webkit-keyframes map { from {right: -597px;} to {right: -300px;} } @keyframes map { from {right: -597px;} to {right: -300px;} } #gme-animation .map {float:right; position:relative; top:-161px; right:-597px; width:297px; height : 225px;-webkit-animation : map 0.3s 1.5s forwards;animation : map 0.3s 1.5s forwards; background-image: url('/Images/GMEAnimation/map.png'); } #powerbi-animation { } #powerbi-animation .background { width : 100%; height : 317px; background-image: url('/Images/AppStore/Slide5/background.png'); overflow : hidden } @-webkit-keyframes laptop { from {right: -350px;} to {right: 0px;} } @keyframes laptop { from {right: -350px;} to {right: 0px;} } #powerbi-animation .laptop { float:right; position:relative; top:0px; right:-350px; width:341px; height : 317px;-webkit-animation : laptop 0.5s 1s forwards;animation : laptop 0.5s 1s forwards; background-image: url('/Images/AppStore/Slide5/laptop.png'); } @-webkit-keyframes text { from {left: -1000px;} to {left: 0px;} } @keyframes text { from {left: -1000px;} to {left: 0px;} } #powerbi-animation .text { float:left; position:relative; top:0px; left:-1000px; width:563px; height : 317px;-webkit-animation : text 1s 1.5s forwards;animation : text 1s 1.5s forwards; background-image: url('/Images/AppStore/Slide5/text.png'); } .blue-tabs { width: 100% } .blue-tabs a { text-decoration : none } .blue-tabs select { max-width: 100px } .blue-tabs a > div, .blue-tabs > div { border: 1px solid rgb(180, 180, 180); border-bottom-style: none; display: inline-block; } .blue-tabs a > div:hover, .blue-tabs > div:hover, .blue-tabs > div.selected { color: white; border: 1px solid rgb(43, 62, 141); border-bottom-style: none; } .blue-tabs a > div > div , .blue-tabs > div > div { padding: 8px 20px; background-color: rgb(230, 230, 230); border: 1px solid rgb(243, 243, 243); display: inline-block; cursor: pointer; border-bottom-style: none; border-right-style: none; } .blue-tabs a > div:hover > div , .blue-tabs > div:hover > div, .blue-tabs > div.selected > div { background-color: rgb(66, 84, 159); color: white; border: 1px solid rgb(110, 133, 197); border-bottom-style: none; border-right-style: none; } .blue-tabs hr { margin: 0; padding: 0; background-color: #D9D9D9; border: 0 none; color: #D9D9D9; height: 1px; width: 100%; } #iftaReport #filter { margin-bottom: 20px; } #iftaReport #filter #leftFilter, #iftaReport #filter #rightFilter { border: 1px solid rgb(222, 222, 220); padding: 10px; height: 160px; } #iftaReport #filter #leftFilter { border-right-style: none; display: table-cell; width: 100%;} #iftaReport #filter #rightFilter { display: table-cell; min-width: 400px;} #iftaReport h3 { margin: 0 0 5px 0; padding: 0; font-size: 16px; font-weight: bold; } #iftaReport .dropDownContainer { height: 22px; position: relative; display: inline-block; } #iftaReport .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; position: absolute; margin-top: 2px; width: 190px; } #iftaReport .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #iftaReport .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top transparent; height: 18px; position: absolute; right: 0px; top: 0; width: 17px; } #iftaReport .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0; margin: 2px; border-width: 0px; } #iftaReport .dateTimeRelativePicker { float: left; } #iftaReport #submitButton { margin-top: 35px; } #iftaReport #exportArea { margin-top: 105px; } #iftaReport #assetLabel { float: left; margin-top: 5px; width: 40px; } #iftaReport #submitArea { float: right; } #gme-popup {margin-top: 15px; text-align: right;} #gme-popup .popup { display : none } #gme-popup .datasets-connector { background: url("/Images/gme_datasets_connector.png"); background-position: 70%; background-repeat: no-repeat; height: 7px; margin-top : 1px } #gme-popup .icon { margin : 3px; display:inline-block; cursor:pointer } #gme-popup .datasets { border:1px solid #717b87; background-color: #fff; position:relative; } #gme-popup .dataset .arrow { color:#aaa; display:inline-block; width:5px; height: 7px; margin:0px 5px; background: url("/Images/gme_arrow.png"); line-height: 8px; background-position: 0px 7px } #gme-popup .dataset { line-height : 25px; text-align:left ; border-bottom: 1px solid #d4d7db; height:25px; font-size:12px !important; cursor:pointer; padding-right: 10px } #gme-popup .datasets .dataset:last-child { border-bottom: 0px solid #aaa} #gme-popup .dataset:hover { color : white; background: #5d5d5d; /* Old browsers */ background: -moz-linear-gradient(top, #8b8b8b 0%, #5d5d5d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(100%,#5d5d5d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8b8b8b 0%,#5d5d5d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8b8b8b 0%,#5d5d5d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8b8b8b 0%,#5d5d5d 100%); /* IE10+ */ background: linear-gradient(to bottom, #8b8b8b 0%,#5d5d5d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#5d5d5d',GradientType=0 ); /* IE6-9 */ } #gme-popup .dataset:hover .arrow { background-position : 0px 0px } #gme-popup .dataset .layers .layers-connector { background: url("/Images/gme_layers_connector.png"); width : 12px; height:30px; background-position:top; background-repeat : no-repeat; margin-top : 7px } #gme-popup .layers { display: none; position:absolute; left: -100%; width: 170px; } #gme-popup .layers .list { background: white; border: 1px solid black; padding: 0px; margin-right: 11px; max-height: 300px; overflow-y: scroll; } #gme-popup .layers .layer input[type=checkbox] { margin: 0px 3px; } #gme-popup .layers .layer { color: black; line-height: 24px; padding: 2px; border-bottom: 1px solid #F0F0EC; margin-left: 5px; margin-right: 5px; } #gme-popup .gmeFilterButton { float: right; color: #A7A7A7; text-decoration: none; } #gme-popup .gmeValueTextBox { width: 183px; } #gme-popup .gmeFieldDropDown { width: 130px; } #gme-popup .removeFilter { cursor: pointer; } #gme-popup .gmeComparisonDropDown { width: 50px; } #gme-popup .filterTemplate { border-bottom: 1px dashed #B4B4B2; clear: both; } #gme-popup .applyFilter { float: right; margin-top: 7px; } /* GME popup For small maps */ #gme-popup.small .dataset { line-height: 20px; height: 20px; font-size: 10px !important; } #gme-popup.small .layers { width: 200px; } #gme-popup.small .layers .layer { padding: 0px; } #gme-popup.small .layers .list { max-height: 200px; } @media print { #map.tracker-print { overflow: scroll !important; } } #job { } #job label { width: 100px; display:inline-block; text-align:right } #job select { width : 217px } #job input[type=text], #job textarea { width : 210px } #jobs .parameters, #jobs-history .parameters { height:120px} #jobs .parameters .p, #jobs-history .parameters .p { padding-top:0px } #jobs .parameters label, #jobs-history .parameters label { display:inline-block; width:80px; text-align:right } #jobs .parameters input[type=text], #jobs .parameters select,#jobs-history .parameters input[type=text], #jobs-history .parameters select { width : 200px } #resubmit-dialog label { width:60px; text-align:right; display: inline-block } #resubmit-dialog input[type=text] { width:135px } #resubmit-dialog .dateTimePicker2 input { float: none !important} #resubmit-dialog label.time-icon { width: 20px; position: relative; top: 5px } #engineDiagnostics { } #engineDiagnostics #assetLabel { margin-right: 5px; display: block; float: left; margin-top: 5px; } #engineDiagnostics #firstFilterArea, #engineDiagnostics #lastFilterArea { height: 140px; } #engineDiagnostics #firstFilterArea { width: 250px; margin-right: 10px; border: 1px solid #D9D9D9; float: left; padding-left: 10px; padding-top: 10px; padding-right: 10px; } #engineDiagnostics #lastFilterArea { padding-left: 290px; padding-top: 10px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } #engineDiagnostics .dateTimeRelativePicker { float: left; margin-right: 10px; } #engineDiagnostics #submitArea { margin-top: 35px; float: left; } #engineDiagnostics #exportArea { margin: 35px 0 0 0; } #engineDiagnostics select[name=SelectedAssetId] { width: 200px; } #engineDiagnostics #pgnsFilter { width: calc(47% - 23px); float: left; } #engineDiagnostics #spnsFilter { width: calc(53% - 22px); float: right; } #engineDiagnostics #spnsFilter, #engineDiagnostics #pgnsFilter { padding: 10px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } #engineDiagnostics #spnsArea, #engineDiagnostics #pgnsArea { padding: 5px; height: 90px; overflow-y: scroll; background-color: rgb(244, 244, 244); } #engineDiagnostics #spnsArea > div, #engineDiagnostics #pgnsArea > div { width: 50%; float: left; } #engineDiagnostics #searchSpn { float: right; } #engineDiagnostics #searchPgn { float: right; } #engineDiagnostics #AssetId { width: 200px; } #engineDiagnostics #chart-container { margin: 20px 0; padding: 10px; border: 1px solid #D9D9D9; } #engineDiagnostics mark { color: white; background-color: rgb(1, 161, 1); font-weight: bold; } #engineDiagnostics #area5 label { width:70px } /* TODO: After replacing old containers we will need to remove "new" class */ .new.dropDownContainer { position: relative; top: 2px; left: 2px; float: left; } .new.dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width: 200px; z-index: 2; } .new.dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } .new.dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0; top: 0; width: 17px; } .new.dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0 !important; margin: 3px !important; border-width: 0px !important; } #engineTroubleCode { background-color: white;} #engineTroubleCode #assetLabel { margin-right: 10px; } #engineTroubleCode #firstFilterArea, #engineTroubleCode #lastFilterArea { height: 140px; } #engineTroubleCode #firstFilterArea { border: 1px solid #D9D9D9; float: left; padding-left: 10px; padding-top: 10px; padding-right: 10px; } #engineTroubleCode #lastFilterArea { padding-left: 290px; padding-top: 10px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } #engineTroubleCode .dateTimeRelativePicker { float: left; margin-right: 10px; width: 240px; } #engineTroubleCode #submitArea { margin-top: 35px; float: left; } #engineTroubleCode #exportArea { margin: 35px 0 0 370px; } #engineTroubleCode select[name=SelectedAssetId] { width: 200px; } #engineTroubleCode #AssetId { width: 200px; } #engineTroubleCode .dropDownContainer { min-height: 20px; position: relative; display: inline-block; } #engineTroubleCode .dropDownContainer .separator { background-color: #eeeeee; padding: 3px 4px 3px 4px; } #engineTroubleCode .dropDownContainer .box { background-color: #FFFFFF; border: 1px solid #ABADB3; left: 0; position: absolute; top: 0; width: 200px; z-index: 1; } #engineTroubleCode .dropDownContainer .box .content { border-top: 1px solid #ABADB3; display: none; max-height: 400px; overflow: auto; padding: 0 !important; margin:3px !important; border-width:0px !important; } #engineTroubleCode .dropDownContainer .box .text { height: 18px; margin: 2px 20px -2px 2px; text-align: left; white-space: nowrap; } #engineTroubleCode .dropDownContainer .arrow { background: url("/Images/dropDown2.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 18px; position: absolute; right: 0; top: 0; width: 17px; } #engineDiagnostics .schedule-options .p > label { width: 65px; display: inline-block; } #engineDiagnostics .schedule-options #Pgn { width: 201px; } #engineDiagnostics .dateTimeRelativePicker { float: left; margin-right: 10px;width: 240px; } #report-table-wrapper .paginate_button {cursor: pointer !important;position: relative;top: 5px;margin: 2px;} #report-table-wrapper .page-switch {float: left;height: 26px;} #report-table-wrapper .page-records {float: left;margin: 2px 0 0 2px;height: 26px;} #report-table-wrapper .page-total {float: left;margin: 7px 0 0 2px;height: 26px;} #report-table-wrapper .pager {margin: 5px auto 0 auto;width: 500px;} #report-table-wrapper .sorting {cursor: pointer !important;} #report-table-wrapper .sorting_asc {background: url('/Images/sortAsc.gif') no-repeat center right;background-color: rgb(223, 222, 222);cursor: pointer !important;} #report-table-wrapper .sorting_desc {background: url('/Images/sortDesc.gif') no-repeat center right;background-color: rgb(223, 222, 222);cursor: pointer !important;} #DriverScorecard .alertItem { background-color: rgb(234, 234, 234); border: 1px solid rgb(217, 217, 217); margin-bottom: 6px; padding: 10px; position: relative; } #DriverScorecard .alertItem .close-button { position: absolute; top: 5px; right: 5px; } .datetime-width-190 .dateTimeRelativePicker {width: 190px;} #EmailNotifications { background: #FBFBFB; padding: 5px 5px 20px 5px; border: 1px solid #D9D9D9;margin: 5px 10px 10px 10px; } #EmailNotifications .titled-content{ background: white; padding: 30px 10px 20px 20px;margin: 5px;} #EmailNotifications .titled-content .title{ font-size: 18pt;margin: 0;padding: 0;padding-bottom: 2px;padding-left: 5px;} #EmailNotifications .titled-content .subtitle{ font-size: 10pt;margin: 0; padding: 0;padding-left: 5px; } #EmailNotifications .titled-content .content-table{ background: #F4F4F4; padding: 20px; margin: 5px;border: none; } #EmailNotifications .titled-content .content-table .label{ font-size: 9pt;margin: 0;padding: 0; } #EmailNotifications .titled-content .content-table .subject-textbox{ width: 300px; } #EmailNotifications .titled-content .content-table .email-type-group{ padding: 10px 0;margin: 10px 0; border-top: white solid 2px; border-bottom: white solid 2px; width: 600px; } #EmailNotifications .titled-content .content-table .email-type-group > div { display: inline-block; } #EmailNotifications .titled-content .content-table .email-type-label{ width: 100px; } #EmailNotifications .titled-content .content-table .email-type-radio{ width: 170px; } #EmailNotifications .titled-content .title-users-list { margin-top: 20px; margin-bottom: 5px; font-size: 14pt;font-weight: bold;} #EmailNotifications .step-one-image{ width: 413px;height: 64px;background: url("/Images/EmailNotifications/CreateMessage.png") no-repeat left top;margin-left: 30px; } #EmailNotifications .step-two-image{ width: 413px;height: 64px;background: url("/Images/EmailNotifications/SelectUsers.png") no-repeat left top; margin-left: 30px;margin-top: 30px;} #EmailNotifications .step-three-image{ width: 413px;height: 64px;background: url("/Images/EmailNotifications/Send.png") no-repeat left top; margin-left: 30px;} #EmailNotifications .submit-area { margin-right: 30px;margin-top: 30px;} #EmailNotifications .submit-area > div { display: inline-block;margin-left: 20px;} #EmailNotifications .titled-content .content-table .checkbox-area-header { font-size: 9pt; margin-bottom: 5px; } #EmailNotifications .titled-content .content-table .checkbox-area-body { width: 80%; display: inline-block; } #EmailNotifications .titled-content .content-table .checkbox-area { border: 1px solid #C0C0C0; border-top-width: 2px; background-color: white; overflow-y: scroll; width: 100%; height: 100px; } #EmailNotifications .titled-content .content-table .checkbox-area .checkbox-div { width: 32%; display: inline-block; font-size: 8pt; } #EmailNotifications .titled-content .content-table .selection-links { text-align: right; width: 100%;} #EmailNotifications .titled-content .content-table .selection-links > div { margin: 5px; display: inline-block;} #EmailNotifications .titled-content .content-table .subject-label-div{font-size: 16pt;font-weight: bold;} #EmailNotifications .titled-content .content-table .subject-label{font-size: 16pt;font-weight: bold;} #EmailNotifications .titled-content .content-table .users-addresses-area { border: 1px solid #C0C0C0; border-top-width: 2px; background-color: white; overflow-y: scroll; width: 60%; height: 100px;display: inline-block;} #EmailNotifications .titled-content .content-table .email-body-area { border: 1px solid #C0C0C0; border-top-width: 2px; background-color: white; overflow-y: scroll; width: 60%; height: 400px; } #EmailNotifications .titled-content .content-table .space-top { margin-top: 10px;} #EmailNotifications .titled-content .filter-button-container{ height: 100%;} .unsubscribe-dialog { background-image: -ms-linear-gradient(center left, #FFFFFF 0%, #CED1D4 100%); background-image: -moz-linear-gradient(center left, #FFFFFF 0%, #CED1D4 100%); background-image: -o-linear-gradient(center left, #FFFFFF 0%, #CED1D4 100%); background-image: -webkit-gradient(linear, left center, right bottom, color-stop(0, #FFFFFF), color-stop(1, #CED1D4)); background-image: -webkit-linear-gradient(center left, #FFFFFF 0%, #CED1D4 100%); background-image: linear-gradient(to center right, #FFFFFF 0%, #CED1D4 100%); background-color: #E9E9E9; padding: 25px 20px 15px 20px; margin: 40px 0 10px 0; width: 600px; } #NotificationUnsubscription > * {font-family: Verdana; font-weight: normal;font-size: 8pt;text-align: left;margin: 0 ;padding: 0;} #NotificationUnsubscription .h1label { font-size: 30pt;} #NotificationUnsubscription .h3label { font-weight: bold;font-size: 10pt;} #NotificationUnsubscription .email-cell { margin: 10px 0 20px 0;} #NotificationUnsubscription .email-cell > div { border-bottom: 1px solid #E5E4E5; border-top: 1px solid #E5E4E5;padding: 10px 0 10px 0;} #NotificationUnsubscription .email-cell > div > div{ display: inline-block;width: 150px;} #NotificationUnsubscription .options-table { background-color: white;margin-top: 5px;} #NotificationUnsubscription .options-table > div:first-child { padding: 15px 15px 7px 15px; } #NotificationUnsubscription .options-table > div:last-child { padding: 8px 15px 15px 15px; } #NotificationUnsubscription .options-table > div { font-size: 10pt;} #NotificationUnsubscription .email-address { color: #136A92;font-weight: bold;} #NotificationUnsubscription .buttons-area { margin: 10px 0 0 auto;width: 100%;text-align: right;} #NotificationUnsubscription .buttons-area > div { display: inline-block; } #NotificationUnsubscription .buttons-area > div > button {box-shadow: 2px 2px 2px #000000;font-size: 12pt;width: 130px;height: 40px;} #NotificationUnsubscription .cancel-button{background-image: url("/Images/Unsubscribe/Cancel.png");background-position: 15px center; padding-left: 40px; } #NotificationUnsubscription .confirm-button{background-image: url("/Images/Unsubscribe/Confirm.png");background-position: 15px center;padding-left: 40px; } #NotificationUnsubscription .go-main-button{width: 150px;height: 40px;} .clean-centering-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .clean-centering-container { text-align: center; margin: 20px;} .clean-centering-item{display: inline-block; vertical-align: middle; padding: 0;} .mceBodyClass { background: white;} .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } #list-attribut-container .up-arrow { width: 27px; height: 12px; background-image: Url('/Images/Icons/sortAsc2.gif'); background-repeat: no-repeat; background-position-x: 7px; display: table-cell; } #list-attribut-container .down-arrow { width: 27px; height: 12px; background-image: Url('/Images/Icons/sortDesc2.gif'); background-repeat: no-repeat; background-position-x: 7px; display: table-cell; } #list-attribut-container .list-item-input { width: 250px; } #chart .loadingIcon { margin: 223px auto 0 auto;width: 36px;height: 36px; } #ui-datepicker-div {z-index: 100000!important; /* must be > than popup editor (950) */} #division-edit-mdt, #general-vehicle-navigation-system { margin-top: 50px; } #division-edit-mdt #driverStatusesSendButton { margin-right: 200px; } #general-vehicle-navigation-system { margin-bottom: 100px; } #general-vehicle-navigation-system #async-lalel { margin-left: 58px; } #general-vehicle-navigation-system #async-check-box { margin-right: 20px; } .admin-filter { height: 20px; } #user-groups .admin-filter { height: 35px; } #users .admin-filter { height: 35px; } #asset-groups .admin-filter { height: 25px; } .admin-buttons { margin: 10px 0 10px 0; } #maintenance-report #geofenceArea { width: 350px; } #maintenance-report .absolute { width: 210px; } #ifta-config-form .countryItem { display:inline-block; width:150px; } .inline-block { display: inline-block; } .assetSelection { background-color: #f4f4f4; padding: 10px 20px 10px 20px;min-width: 205px;max-width: 300px;margin: 10px 0 10px 0; } #idletime-report #area5 label.param { width: auto; } .assets-validation-error-margin-left-65 { margin-left: 65px;} .assets-validation-error-margin-left-50 { margin-left: 50px;} .assets-validation-error-margin-left-110 { margin-left: 110px;} .entity-group-container { background-color: #f4f4f4; padding: 10px 20px 10px 20px;width: 205px;margin: 10px 0 10px 0; } .location-cell{padding: 0} .asset-validator { margin-bottom:5px; } .disabled-checkboxlist{ background-color: #f4f4f4 !important; } .disabled-checkboxlist{ background-color: #f4f4f4 !important; } .inline-children > div { display:inline-block } a.select-all { color: #136a92 } a.clear-all { color: #136a92 } #latency-tool .schedule-options .gray-section { min-width: 190px } .ui-autocomplete { font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; color: black; max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } #assetsStatistic #left-pane { float : left } #assetsStatistic #right-pane { float : right } #assetsStatistic #exportArea { margin : 5px } .popup-tooltip { position:relative; text-decoration: underline; cursor : pointer; color : steelblue} .popup-tooltip .tooltip-baloon { z-index: 1000; color: #666; display : none; position:absolute; background-color: white; border: 1px solid #aaa; left: 20px; padding : 5px; } .popup-tooltip .corner{ display:none; position:absolute; z-index:1001; left:1px; top:-4px; width:0px; height:0px; border-style:solid; border-width:10px 10px 10px 10px; border-color: transparent #777 transparent transparent ; } .popup-tooltip .corner span{ position:absolute; z-index:1002; top:-9px; left: -8px; width:0px; height:0px; border-style:solid; border-width:9px 9px 9px 9px; border-color: transparent white transparent transparent ; } #import-assets .terminal-types > div, #import-assets .inventory-types > div { padding-right:20px; } #reviewAssets h3, #import-assets h4 { margin : 5px 0px } #reviewAssets .asset.valid { background-color : #f1fff1 } #reviewAssets .asset.invalid { background-color : #ffe4e4} #reviewAssets .asset { background-color:#fefefe; border: 1px solid gray; margin : 10px; padding : 10px; } #reviewAssets .asset label { font-weight:bold; width: 200px; text-align : right; color: darkgray; margin-right: 3px;} #reviewAssets .box { border-top: 1px solid rgb( 217, 217, 217 )} #reviewAssets #backToImportPage { margin-left: 10px; font-size: 12pt; } .dateTimeRelativePicker #DateTimeInfo_LastTime { width: 70px; } #correctionDialog #divisionConfig { background-size: cover; height: 40px; } div#road-report input#DateTimeInfo_LastTime { width: 70px; } div#edit-asset-group input#prev-icons { min-width: 34px; } div#edit-asset-group input#next-icons { min-width: 34px; } #asset-trip { } #asset-trip .asset-trip-chart { overflow: hidden; border :1px solid #D9D9D9; padding : 10px } #asset-trip .asset-trip-chart > div { padding: 0px 100px } #asset-trip .asset-trip-chart .asset-chart { height: 200px; } #asset-trip .asset-trip-chart .asset { padding: 0 18px 0 34px; position: relative; width: 120px } #asset-trip .asset-trip-chart .duration { background-color: white; border: 3px solid #01589b; color:darkgray; position: absolute; top: 0px; width: 100px; text-align: center; padding: 2px } #asset-trip .asset-trip-chart .duration.stop { top: -5px; border-color: #b51a02 } #asset-trip .asset-trip-chart #map { height : 400px } #asset-trip #map-container { float: left; width: 53%; width: -webkit-calc(100% - 440px); width: calc(100% - 440px); height: 330px; border-right: 1px solid #d9d9d9; position: relative;} #asset-trip .filters { padding: 15px; width: 400px; height: 300px; float: left; } #asset-trip .report-filter { width: calc(100% - 2px); height: 400px; border: 1px solid #d9d9d9; background-color: white;} #asset-trip .parameter { padding: 10px 15px; } #asset-trip .no-data { background-color: white; border: 1px solid #B4B4B4; height: 20px; margin-top: 8px; padding: 90px; text-align: center; font-size: 16px; font-weight: bold;} #asset-trip .dateTimeRelativePicker { margin-right: 20px; } #asset-trip #submitArea { float: right; margin-top: -55px; } .attributesMain label {display: inline-block; width: 150px; text-align: right;} div#attributeGroups fieldset.attributeGroup { height: auto;min-height: auto; } fieldset.attributeGroup legend { cursor: pointer;} div.vinHistory table { width: 100%; } div.vinHistory table th { width: 50%; text-align: left; } #progressDiv { padding:10px; margin-left:20px; float:left; font-size: 14px; color: #777; text-align:center; font-weight: lighter } #progressDiv .fa { font-size: 40px; } .width-full { width: 100% } #sensorsVsIgnitonTimes .filter { float: left; } #sensorsVsIgnitonTimes #left-pane { float: left; } #sensorsVsIgnitonTimes #chart-container { float: right; position: relative; padding-top: 45px; } #sensorsVsIgnitonTimes #pie-chart.selected, #sensorsVsIgnitonTimes #bar-chart.selected, #sensorsVsIgnitonTimes #stackbar-chart.selected { border: 1px solid black; } #sensorsVsIgnitonTimes #chart-container #pie-chart { position: absolute; top: 5px; left: 5px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -318px; width: 41px; height: 41px; display: inline-block; } #sensorsVsIgnitonTimes #chart-container #bar-chart { position: absolute; top: 5px; left: 50px; z-index: 1; cursor: pointer; background: url("../images/main.png") no-repeat 0px -357px; width: 41px; height: 41px; display: inline-block; } #sensorsVsIgnitonTimes #right-pane { float: left; margin-top: 20px; } #sensorsVsIgnitonTimes .powerBICheckBox { width: auto !important; } #sensorsVsIgnitonTimes #right-pane span { display: inline-block; width: 70px; text-align: left; } #sensorsVsIgnitonTimes #right-pane input, #sensorsVsIgnitonTimes #right-pane select{ display: inline-block; width: 100px; } #sensorsVsIgnitonTimes #right-pane select { width: 108px; } #sensorsVsIgnitonTimes .withinPoiRadius { width: 50px; } #sensorsVsIgnitonTimes #GeofenceId { width: 153px; } #sensorsVsIgnitonTimes .timeunits { padding-top: 5px; padding-bottom: 6px; } #sensorsVsIgnitonTimes .timeunits .totalmins { margin-left: 60px; } #sensorsVsIgnitonTimes #assets-chart-container { position: relative; } #sensorsVsIgnitonTimes #filterByLocation #GeofenceId { width: 140px; } #sensorsVsIgnitonTimes #stackbar-chart { position: absolute; top: 5px; right: 5px; z-index: 1; cursor: pointer; background: url(../images/iconStackedGraph.png) no-repeat; width: 41px; height: 41px; display: inline-block; } #sensorsVsIgnitonTimes #bar-chart { position: absolute; top: 5px; right: 50px; z-index: 1; cursor: pointer; background: url(../images/main.png) no-repeat 0px -357px; width: 41px; height: 41px; display: inline-block; } #sensorsVsIgnitonTimes #assetsChart { width: 100%; height: 350px; } #missingMessagesReport .filter { float: left; } #missingMessagesReport #left-pane { float: left; } #missingMessagesReport #right-pane { float: left; margin-top: 20px; } #missingMessagesReport #right-pane span { display: inline-block; width: 40px; text-align: left; } #missingMessagesReport #right-pane input, #sensorsVsIgnitonTimes #right-pane select { display: inline-block; width: 100px; } #missingMessagesReport #right-pane select { width: 108px; }