@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek,greek-ext,cyrillic,cyrillic-ext,latin-ext,vietnamese);

@font-face {
	font-family: "Oswald";
	src: url("../tools/dompdf/data/oswald_normal_e8599bc75099dc172db598a212932f16.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "Oswald";
	src: url("../tools/dompdf/data/oswald_bold_e8599bc75099dc172db598a212932f16.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: "TGL 0 1451 Engschrift";
	src: url("../tools/dompdf/data/tgl_0_1451_engschrift_normal_902c8d9007306d1f2a7a27f89330a177.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "TGL 0 1451 Engschrift";
	src: url("../tools/dompdf/data/tgl_0_1451_engschrift_bold_902c8d9007306d1f2a7a27f89330a177.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
}

:root {
	--gs-accent-color-2: #fab444;
	--gs-accent-color-3: #9cc602;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: "open sans";
	color: #444444;
	overflow: hidden;
}

a,
a:hover { text-decoration: none; color: #2b82d4; }
b, strong{ font-weight: 600; }

*:focus { outline: 0; }

/*#################################################*/
/* FIX
/*#################################################*/

.clearfix { display: table; width: 100%; height: 100%; }

/*#################################################*/
/* INPUTBOXES, SELECT
/*#################################################*/

button { font-size: 11px; }
input.checkbox { vertical-align: middle;}
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 4px 0;
	border: 1px solid #cfd7df;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
input[type="checkbox"]:hover {
	border-color: var(--gs-accent-color-1, #2b82d4);
	box-shadow: 0 0 0 3px rgba(43, 130, 212, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
input[type="checkbox"]:checked {
	border-color: var(--gs-accent-color-1, #2b82d4);
	background: var(--gs-accent-color-1, #2b82d4);
	box-shadow: 0 2px 5px rgba(43, 130, 212, 0.22);
}
input[type="checkbox"]:checked:after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
input[type="checkbox"]:focus-visible {
	box-shadow: 0 0 0 3px rgba(43, 130, 212, 0.18), inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
input[type="checkbox"]:disabled {
	border-color: #dce2e8;
	background: #f3f5f7;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
}
.inputbox { width: 100%; padding: 0 5px;}
textarea.inputbox { padding: 5px; }
input, textarea {
	-webkit-box-sizing: border-box;‌​
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.color,
input.color:focus,
input.color:hover { border: none; }
input,
select,
.inputbox,
.textarea {
	margin: 0;
	height: 24px;
	border: 1px solid #f5f5f5;
	font-size: 11px;
	font-family: "open sans";
	color: #444444;
	background: #f5f5f5;
}
optgroup,
option {
	font-family: "open sans";
	color: #444444;
}
optgroup {
	font-style: normal;
	font-weight: 600;
}
input:focus,
textarea:focus,
select:focus { background-color: #ffffff; }
input:hover,
textarea:hover,
select:hover { background-color: #ffffff; }
input:disabled,
textarea:disabled,
select:disabled { border: 1px solid #eeeeee; background-color: #eeeeee; }
.inputbox-calendar,
.inputbox-calendar-mmdd{
	color: #444444;
	border: 1px solid #f5f5f5;
	-webkit-inline-box: none;
	background: #f5f5f5 url("images/calendar.svg") right no-repeat;
	background-size: 14px 14px;
}
.inputbox-calendar:disabled,
.inputbox-calendar-mmdd:disabled{ -webkit-inline-box: none; background: #eeeeee url("images/calendar.svg") right no-repeat; background-size: 14px 14px;}
.inputbox-search {
	width: 100%;
	height: 28px;
	text-indent: 30px;
	background: #f5f5f5 url("images/search.svg") 10px center no-repeat;
	background-size: 14px 14px;
	float: left;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999999;
}

/*#################################################*/
/* BUTTONS
/*#################################################*/

.panel-button img {
	display: block;
	padding: 6px;
	background: #f5f5f5;
}

.panel-button img:hover {
	background: #ffffff;
}

input.button {
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	height: 24px;
	min-width: 80px;
	color: #444444;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0px;
	padding: 0 5px;
}
input.button.icon {
	text-align: center;
	padding-left: 26px;
	padding-right: 10px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
}
input.button-32 {
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	height: 32px;
	min-width: 80px;
	color: #444444;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0px;
	padding: 0 5px;
}
input.button-32.icon-16 {
	text-align: center;
	padding-left: 32px;
	padding-right: 10px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px 16px;
}
input.button.no-text.icon {
	background-position: center center;
	padding: 0px;
}
input.button:hover { background-color: #ffffff; }
input.button:active { background-color: #ffffff; }
input.button:disabled { border: 1px solid #eeeeee; background-color: #eeeeee; }

input.button-32:hover { background-color: #ffffff; }
input.button-32:active { background-color: #ffffff; }
input.button-32:disabled { border: 1px solid #eeeeee; background-color: #eeeeee; }

input.button.panel {
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
input.button.panel:hover { border: 1px solid #e5e5e5; background-color: #e5e5e5; }
input.button.panel:active { border: 1px solid #e5e5e5; background-color: #e5e5e5; }

input.button.icon-save.icon,
input.button.panel.icon-save.icon,
input.button.panel.ms-save.icon-save.icon {
	border: 1px solid var(--gs-accent-color-3);
	background-color: var(--gs-accent-color-3);
	color: #ffffff;
	font-weight: bold;
}
input.button.icon-save.icon:hover,
input.button.icon-save.icon:active,
input.button.panel.icon-save.icon:hover,
input.button.panel.icon-save.icon:active,
input.button.panel.ms-save.icon-save.icon:hover,
input.button.panel.ms-save.icon-save.icon:active {
	border: 1px solid var(--gs-accent-color-3);
	background-color: var(--gs-accent-color-3);
	color: #ffffff;
	opacity: 0.9;
}

input.button.icon-close.icon,
button.icon-close.icon,
input.button.panel.icon-close.icon {
	border: 1px solid #D9534F;
	background-color: #D9534F;
	color: #ffffff;
	font-weight: bold;
}
input.button.icon-close.icon:hover,
input.button.icon-close.icon:active,
button.icon-close.icon:hover,
button.icon-close.icon:active,
input.button.panel.icon-close.icon:hover,
input.button.panel.icon-close.icon:active {
	border: 1px solid #D9534F;
	background-color: #D9534F;
	color: #ffffff;
	opacity: 0.9;
}

/*#################################################*/
/* ICONS
/*#################################################*/

.icon-new { background-image: url(images/plus.svg); }
.icon-save { background-image: url(images/save.svg); }
.icon-follow { background-image: url(images/follow.svg); }
.icon-street { background-image: url(images/street-view.svg); }
.icon-create { background-image: url(images/create.svg); }
.icon-share { background-image: url(images/share.svg); }
.icon-show { background-image: url(images/eye.svg); }
.icon-hide { background-image: url(images/eye-crossed.svg); }
.icon-close { background-image: url(images/remove.svg); }
.icon-edit { background-image: url(images/edit.svg); }
.icon-search { background-image: url(images/search2.svg); }
.icon-time { background-image: url(images/history.svg); }
.icon-refresh { background-image: url(images/refresh.svg); }
.icon-check { background-image: url(images/tick.svg); }
.icon-play { background-image: url(images/play.svg); }
.icon-import { background-image: url(images/import.svg); }
.icon-export { background-image: url(images/export.svg); }
.icon-arrow-right { background-image: url(images/arrow-right.svg); }
.icon-import-arrow { background-image: url(images/import-arrow.svg); }
.icon-export-arrow { background-image: url(images/export-arrow.svg); }
.icon-import-export { background-image: url(images/import-export.svg); }
.icon-upload { background-image: url(images/upload.svg); }
.icon-erase { background-image: url(images/erase.svg); }
.icon-tick { background-image: url(images/tick.svg); }
.icon-remove3 { background-image: url(images/remove3.svg); }
.icon-action2 { background-image: url(images/action2.svg); }
.icon-key { background-image: url(images/key.svg); }
.icon-marker { background-image: url(images/marker.svg); }
.icon-markers { background-image: url(images/markers.svg); }
.icon-routes { background-image: url(images/routes.svg); }
.icon-zones { background-image: url(images/zones.svg); }
.icon-kml { background-image: url(images/kml.svg); }
.icon-tasks { background-image: url(images/tasks.svg); }
.icon-maintenance { background-image: url(images/maintenance.svg); }
.icon-gallery { background-image: url(images/mediagallery.svg); }

.icon-time { background-image: url(images/time.svg); }
.icon-warning { background-image: url(images/warning.svg); }
.icon-nearest-marker { background-image: url(images/nearest-marker.svg); }
.icon-nearest-zone { background-image: url(images/nearest-zone.svg); }
.icon-address { background-image: url(images/address.svg); }
.icon-altitude { background-image: url(images/altitude.svg); }
.icon-angle { background-image: url(images/angle.svg); }
.icon-speed { background-image: url(images/speed.svg); }
.icon-engine-hours { background-image: url(images/engine-hours.svg); }
.icon-odometer { background-image: url(images/odometer.svg); }
.icon-model { background-image: url(images/model.svg); }
.icon-plate-number { background-image: url(images/plate-number.svg); }
.icon-sim { background-image: url(images/sim.svg); }
.icon-vin { background-image: url(images/vin.svg); }
.icon-user { background-image: url(images/user.svg); }
.icon-trailer { background-image: url(images/trailer.svg); }
.icon-default-custom-fields { background-image: url(images/default-custom-fields.svg); }
.icon-default-sensor { background-image: url(images/default-sensor.svg); }
.icon-status { background-image: url(images/status.svg); }
.icon-battery-lev-0 { background-image: url(images/battery-lev-0.svg); }
.icon-battery-lev-1 { background-image: url(images/battery-lev-1.svg); }
.icon-battery-lev-2 { background-image: url(images/battery-lev-2.svg); }
.icon-battery-lev-3 { background-image: url(images/battery-lev-3.svg); }
.icon-di { background-image: url(images/di.svg); }
.icon-do { background-image: url(images/do.svg); }
.icon-fuel { background-image: url(images/fuel.svg); }
.icon-engine { background-image: url(images/engine.svg); }
.icon-gsm { background-image: url(images/gsm.svg); }
.icon-gps { background-image: url(images/gps.svg); }
.icon-temperature { background-image: url(images/temperature.svg); }
.icon-billing { background-image: url(images/billing.svg); }

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control a span,
.history-view-control span {
	display: table;
	width: 100%;
	height: 100%;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center center;
}

.history-view-control span.icon-close {
	background-size: 10px 10px;
}

.leaflet-control a span.disabled,
.history-view-control a span.disabled {
	opacity: 0.5;
}

.icon-route-route { background-image: url(images/route-route.svg); }
.icon-route-snap { background-image: url(images/route-snap.svg); }
.icon-route-arrow { background-image: url(images/route-arrow.svg); }
.icon-route-data-point { background-image: url(images/route-data-point.svg); }
.icon-route-event { background-image: url(images/route-event.svg); }
.icon-route-stop { background-image: url(images/route-stop.svg); }

.leaflet-control-zoom-in { background-image: url(images/plus.svg); }
.leaflet-control-zoom-out { background-image: url(images/minus.svg); }
.icon-objects { background-image: url(images/object-arrow.svg); }
.icon-text { background-image: url(images/text.svg); }
.icon-clusters { background-image: url(images/clusters.svg); }
.icon-traffic { background-image: url(images/traffic.svg); }
.icon-fit-objects { background-image: url(images/fit.svg); }
.icon-ruler { background-image: url(images/ruler.svg); }
.icon-measure { background-image: url(images/measure.svg); }
.leaflet-control-poi-toggle.active a {
	background-color: #f5f5f5;
}

.map-poi-toggle-link {
	background-color: #fff;
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
	width: 26px;
}

.leaflet-control a.map-poi-toggle-link.active {
	background-color: #f5f5f5;
}

.icon-map-poi-info {
	background-image: url(images/poi.svg);
}

#map .leaflet-bar,
#map .leaflet-control-layers,
#map_follow .leaflet-bar,
#map_follow .leaflet-control-layers {
	border: 0px;
	border-radius: 6px;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}

#map .leaflet-bar a,
#map .leaflet-bar a:hover,
#map .leaflet-control-layers,
#map .map-poi-toggle-link,
#map_follow .leaflet-bar a,
#map_follow .leaflet-bar a:hover,
#map_follow .leaflet-control-layers,
#map_follow .map-poi-toggle-link {
	background-color: #ffffff;
	color: #444444;
}

#map .leaflet-bar a,
#map .map-poi-toggle-link,
#map_follow .leaflet-bar a,
#map_follow .map-poi-toggle-link {
	border-bottom: 1px solid #edf0f2;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

#map .leaflet-bar a:hover,
#map .map-poi-toggle-link:hover,
#map_follow .leaflet-bar a:hover,
#map_follow .map-poi-toggle-link:hover {
	background-color: #f5f7f9;
}

#map .leaflet-bar a:hover,
#map .map-poi-toggle-link:hover,
#map .leaflet-bar a:hover span,
#map .map-poi-toggle-link:hover span,
#map_follow .leaflet-bar a:hover,
#map_follow .map-poi-toggle-link:hover,
#map_follow .leaflet-bar a:hover span,
#map_follow .map-poi-toggle-link:hover span {
	color: #444444;
	filter: none;
}

#map .leaflet-bar a.leaflet-disabled,
#map_follow .leaflet-bar a.leaflet-disabled {
	background-color: #f7f7f7;
	opacity: 0.45;
	filter: none;
}

#map .leaflet-control-poi-toggle.active a,
#map .leaflet-control a.map-poi-toggle-link.active,
#map_follow .leaflet-control-poi-toggle.active a,
#map_follow .leaflet-control a.map-poi-toggle-link.active {
	background-color: var(--gs-accent-color-1, #2b82d4);
	filter: none;
}

#map .leaflet-control-poi-toggle.active a span,
#map .leaflet-control a.map-poi-toggle-link.active span,
#map_follow .leaflet-control-poi-toggle.active a span,
#map_follow .leaflet-control a.map-poi-toggle-link.active span {
	filter: brightness(0) invert(1);
}

.icon-beacon {
	background-image: none;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	color: #444444;
}

.icon-beacon-datalist {
	background-image: none;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	color: #444444;
}

.icon-beacon-datalist:before {
	content: "B";
}

.beacon-object-list-icon {
	display: block;
	width: 30px;
	height: 30px;
	max-width: none;
	margin: 0 auto;
	pointer-events: none;
	transform: scale(1.8);
	transform-origin: center center;
}

.beacon-object-list-item .status {
	color: #6f7f8f;
}

.beacon-object-list-item .beacon-object-list-rssi {
	color: #808080;
	font-size: 9px;
	padding-right: 6px;
	text-align: right;
}

.beacon-object-list-item .beacon-rssi-label {
	margin-right: 2px;
}

.beacon-object-list-item .beacon-rssi-value {
	font-variant-numeric: tabular-nums;
}

.beacon-object-list-item .beacon-object-list-engine {
	width: 19px;
	min-width: 19px;
}

.icon-places-marker,
.icon-object-edit {
	position: relative;
	width: 44px;
}

.icon-custom-delete {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*#################################################*/
/* DIMENSIONS
/*#################################################*/

.width1 { width: 1%; }
.width2 { width: 2%; }
.width4 { width: 4%; }
.width5 { width: 5%; }
.width8 { width: 8%; }
.width9 { width: 9%; }
.width10 { width: 10%; }
.width11 { width: 11%; }
.width12 { width: 12%; }
.width13 { width: 13%; }
.width14 { width: 14%; }
.width15-left { width: 15%; float: left; }
.width15 { width: 15%; }
.width16 { width: 16%; }
.width17 { width: 17%; }
.width18 { width: 18%; }
.width19 { width: 19%; }
.width195 { width: 19.5%; }
.width20 { width: 20%; }
.width21 { width: 21%; }
.width235 { width: 23.5%; }
.width24 { width: 24%; }
.width245 { width: 24.5%; }
.width25 { width: 25%; }
.width27 { width: 27%; }
.width28 { width: 28%; }
.width29 { width: 29%; }
.width30 { width: 30%; }
.width31 { width: 31%; }
.width33 { width: 33.33333%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width38 { width: 38%; }
.width39 { width: 39%; }
.width40 { width: 40%; }
.width41 { width: 41%; }
.width44 { width: 44%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width55 { width: 55%; }
.width60 { width: 60%; }
.width65 { width: 65%; }
.width66 { width: 66%; }
.width70 { width: 70%; }
.width71 { width: 71%; }
.width75 { width: 75%; }
.width755 { width: 75.5%; }
.width76 { width: 76%; }
.width765 { width: 76.5%; }
.width80 { width: 80%; }
.width805 { width: 80.5%; }
.width83 { width: 83%; }
.width85 { width: 85%; }
.width90 { width: 90%; }
.width95 { width: 95%; }
.width100 { width: 100%; }
.width-1000 { max-width: 1000px; }

/*#################################################*/
/* FLOATING AND SPACING
/*#################################################*/

.float-left,
.block { float: left; }
.float-right { float: right; }
.container { margin-right: 10px; }
.container.last,
.last .title-block,
.container.last fieldset { margin-right: 0; }
.container.prev { margin-left: 10px; }
.absolute-right { position: absolute; right: 10px; top: 36px; margin: 0; }

/*#################################################*/
/* TABLELESS STYLING
/*#################################################*/

.row { margin-bottom: 10px; display: table; width: 100%; } /* FIX if something goes wrong with css. This row doesn't have vertical alignment, suitable just to split lines and add spacing at the bottom */
.row2 { margin-bottom: 3px; display: table; width: 100%; text-align: left; line-height: 12px; font-size: 0; }
.row2 div { display: inline-block; vertical-align: middle; font-size: 11px;} /* display: table-cell; */
.row2.empty,
.row2.text { height: 24px; }
.row2.right { text-align: right; }
.row3 { margin-bottom: 10px; display: table; width: 100%; line-height: 12px; font-size: 0; }
.row3 div { display: inline-block; vertical-align: middle; font-size: 11px; } /* display: table-cell; */
.row4 { margin-bottom: 0px; display: table; width: 100%; text-align: left; line-height: 12px; font-size: 0; }
.row4 div { display: inline-block; vertical-align: middle; font-size: 11px;} /* display: table-cell; */

.scroll-y { height: 100%; padding-right: 5px; overflow-y: scroll }

.title-block {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f5f5f5;
	font-weight: 600;
	font-size: 12px;
	color: #2b82d4;
}

.table {
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.table-cell {
	display: table-cell;
	margin: 0;
	padding: 0;
}

.center-middle {
	vertical-align: middle;
	text-align: center;
}

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

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

/*#################################################*/
/* LOADING AND BLOCKING PANELS
/*#################################################*/

#loading_panel {
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

#loading_panel .logo {
	width: 350px;
	height: auto;
	max-width: 90vw;
}

#loading_data_panel {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: Alpha(Opacity=30);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

#blocking_panel {
	background-color: rgba(170, 170, 170, 0.3);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
}

#blocking_panel_text { background-color: #ffffff; padding: 20px; }

/*#################################################*/
/* LOADER
/*#################################################*/

.loader {
	width: 70px;
	display: block;
	margin: 25px auto;
}

.loader span {
        float: left;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        margin-right: 2px;
        background: #676767;
        opacity: 0.1;
        animation: loader 0.7s infinite alternate;
}

#loading_panel_text .loader {
	width: 350px;
	max-width: 90vw;
}

#loading_panel_text .loader span {
	width: calc((100% - 48px) / 7);
	height: 10px;
	margin-right: 8px;
}

#loading_panel_text .loader span:last-child {
	margin-right: 0;
}

.loader span:nth-of-type(2) {
        animation-delay: 0.2s;
}
.loader span:nth-of-type(3) {
        animation-delay: 0.3s;
}
.loader span:nth-of-type(4) {
        animation-delay: 0.4s;
}
.loader span:nth-of-type(5) {
        animation-delay: 0.5s;
}
.loader span:nth-of-type(6) {
        animation-delay: 0.6s;
}
.loader span:nth-of-type(7) {
        animation-delay: 0.7s;
}

@keyframes loader {
        0% {
                opacity: 1;
        }
        100% {
                opacity: 0.1;
        }
}

/*#################################################*/
/* SPINNER
/*#################################################*/

.spinner {
  font-size: 2px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% { box-shadow: 0em -2.6em 0em 0em #a7a7a7, 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.5), -1.8em -1.8em 0 0em rgba(167,167,167, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.7), 1.8em -1.8em 0 0em #a7a7a7, 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.5), 1.8em -1.8em 0 0em rgba(167,167,167, 0.7), 2.5em 0em 0 0em #a7a7a7, 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.5), 2.5em 0em 0 0em rgba(167,167,167, 0.7), 1.75em 1.75em 0 0em #a7a7a7, 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.5), 1.75em 1.75em 0 0em rgba(167,167,167, 0.7), 0em 2.5em 0 0em #a7a7a7, -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.5), 0em 2.5em 0 0em rgba(167,167,167, 0.7), -1.8em 1.8em 0 0em #a7a7a7, -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.5), -1.8em 1.8em 0 0em rgba(167,167,167, 0.7), -2.6em 0em 0 0em #a7a7a7, -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.5), -2.6em 0em 0 0em rgba(167,167,167, 0.7), -1.8em -1.8em 0 0em #a7a7a7; }
}
@keyframes load5 {
  0%,
  100% { box-shadow: 0em -2.6em 0em 0em #a7a7a7, 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.5), -1.8em -1.8em 0 0em rgba(167,167,167, 0.7); }
  12.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.7), 1.8em -1.8em 0 0em #a7a7a7, 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.5); }
  25% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.5), 1.8em -1.8em 0 0em rgba(167,167,167, 0.7), 2.5em 0em 0 0em #a7a7a7, 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  37.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.5), 2.5em 0em 0 0em rgba(167,167,167, 0.7), 1.75em 1.75em 0 0em #a7a7a7, 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  50% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.5), 1.75em 1.75em 0 0em rgba(167,167,167, 0.7), 0em 2.5em 0 0em #a7a7a7, -1.8em 1.8em 0 0em rgba(167,167,167, 0.2), -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  62.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.5), 0em 2.5em 0 0em rgba(167,167,167, 0.7), -1.8em 1.8em 0 0em #a7a7a7, -2.6em 0em 0 0em rgba(167,167,167, 0.2), -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  75% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.5), -1.8em 1.8em 0 0em rgba(167,167,167, 0.7), -2.6em 0em 0 0em #a7a7a7, -1.8em -1.8em 0 0em rgba(167,167,167, 0.2); }
  87.5% { box-shadow: 0em -2.6em 0em 0em rgba(167,167,167, 0.2), 1.8em -1.8em 0 0em rgba(167,167,167, 0.2), 2.5em 0em 0 0em rgba(167,167,167, 0.2), 1.75em 1.75em 0 0em rgba(167,167,167, 0.2), 0em 2.5em 0 0em rgba(167,167,167, 0.2), -1.8em 1.8em 0 0em rgba(167,167,167, 0.5), -2.6em 0em 0 0em rgba(167,167,167, 0.7), -1.8em -1.8em 0 0em #a7a7a7; }
}

/*#################################################*/
/* JQGRID.CSS OVERRIDE
/*#################################################*/

.ui-jqgrid .loading {background: #ffffff; font-weight: normal;}
.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0em; padding:0; overflow: auto; text-align:left; overflow-y: scroll; overflow-x: hidden;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 0px; border-right-color: inherit; border-right-style: solid; border-color: #f5f5f5}
.ui-jqgrid .ui-jqgrid-pager { border-left: 0px none !important; border-right: 0px none !important; border-bottom: 0px none !important; position: relative; white-space: nowrap; overflow: hidden; }
.ui-jqgrid .ui-jqgrid-pager { background: #f5f5f5; border-top: 0px solid #e5e5e5; margin: 3px -15px -15px -15px !important; padding: 3px 15px 0px 15px !important; height: 25px; }
.ui-jqgrid .ui-jqgrid-pager { font-size: 11px; }
.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:0px;}
.ui-jqgrid .ui-pg-button  {border-left: 1px hidden; border-right: 1px hidden; border-top: 0px; border-bottom: 0px; height:19px !important;}
.ui-jqgrid .ui-state-disabled:hover {padding:0px;}
.ui-jqgrid .ui-jqgrid-view { font-size: 11px;}
.ui-jqgrid .ui-jqgrid-titlebar { margin: 0 0 10px 0; padding: 0; }
.ui-jqgrid .ui-jqgrid-htable th div { height: auto; }
.ui-jqgrid .ui-jqgrid-hdiv { margin: 0 0 3px 0; background: #f7f9fb; clear: both; border-bottom: 1px solid #e8edf2; }
.ui-jqgrid .ui-jqgrid-hdiv thead { font-size: 12px; height: 24px; color: #3f4650; font-weight: 600; }
.ui-jqgrid .ui-jqgrid-htable th {height:13px;}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { height: 24px; }
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 1px solid #eef2f5; padding-top: 0px; }
.ui-th-ltr:first-child, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:first-child { border-left: none; }
.ui-jqgrid .ui-icon-asc,
.ui-jqgrid .ui-icon-desc { margin-left: 7px; margin-top:7px; height:5px; width: 10px; }
.ui-jqgrid .ui-pg-input { font-size: 11px; height: 18px; margin: 2px 0; text-align: center; }
.ui-jqgrid .ui-pg-selbox { display: block; font-size: 11px; height: 18px; line-height: 18px; margin: 0; }
.ui-jqgrid .ui-separator { height: 0; border: none; }
.ui-jqgrid .ui-pg-table { padding: 0; }
.ui-jqgrid tr.jqgrow td { padding: 1px 2px; height: 19px;}
.ui-jqgrid tr.ui-row-ltr td span { display: inline-block; height: 17px; }
.ui-jqgrid tr.ui-row-ltr td span.status { color: #808080; font-size: 11px; }
.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:3px 0 0 0; outline-style: none;}
.ui-jqgrid .ui-state-hover { background: #f5f5f5; opacity: 0.9; }
.ui-jqgrid th.ui-state-hover { background: none; }
.ui-jqgrid .ui-state-highlight, .ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight { background: #f5f5f5; opacity: 0.9; }

/*#################################################*/
/* JQGRID PAGER
/*#################################################*/

.ui-pg-div .ui-icon-plus { background: #2b82d4 url(images/plus-white.svg ) center center no-repeat; padding: 6px; background-size: 10px 10px; }
.ui-pg-div .ui-icon-import { background: url(images/import.svg ) center center no-repeat; background-size: auto 14px; width: 24px; }
.ui-pg-div .ui-icon-export { background: url(images/export.svg ) center center no-repeat; background-size: auto 14px; width: 24px; }
.ui-pg-div .ui-icon-action { background: url(images/action2.svg ) center center no-repeat; background-size: auto 14px; width: 24px; }
.ui-pg-div .ui-icon-delete-all { background: url(images/remove.svg ) center center no-repeat; background-size: 10px 10px; width: 24px; }
.ui-jqgrid .ui-jqgrid-pager .ms-choice { margin-top: -6px; }

#cpanel #cpanel_user_list .ui-pg-div .ui-icon-plus,
#cpanel #cpanel_object_list .ui-pg-div .ui-icon-plus,
#cpanel #cpanel_unused_object_list .ui-pg-div .ui-icon-plus,
#cpanel #cpanel_billing_plan_list .ui-pg-div .ui-icon-plus,
#cpanel #cpanel_sensor_template_list .ui-pg-div .ui-icon-plus,
#cpanel #dialog_user_edit .ui-pg-div .ui-icon-plus,
#dialog_settings .ui-pg-div .ui-icon-plus,
#dialog_settings_object_edit .ui-pg-div .ui-icon-plus,
#dialog_share_position .ui-pg-div .ui-icon-plus,
#dialog_reports .ui-pg-div .ui-icon-plus,
#dialog_tasks .ui-pg-div .ui-icon-plus,
#dialog_cmd .ui-pg-div .ui-icon-plus,
#dialog_maintenance .ui-pg-div .ui-icon-plus,
#dialog_expenses .ui-pg-div .ui-icon-plus,
#dialog_places_groups .ui-pg-div .ui-icon-plus,
#dialog_billing .ui-pg-div .ui-icon-plus {
	margin: -4px 0px -5px -15px;
}

#dialog_billing .ui-pg-div .ui-icon-plus {
	background-color: var(--gs-accent-color-3);
}

#side_panel .ui-jqgrid .ui-jqgrid-pager,
#bottom_panel .ui-jqgrid .ui-jqgrid-pager
{
	border-top: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: -10px !important;
	margin-bottom: 0px !important;
}
	
#dialog_image_gallery .ui-jqgrid .ui-jqgrid-pager
{
	margin-top: 5px !important;
	padding-right: 12px !important;
}

/*#################################################*/
/* JQGRID CUSTOM
/*#################################################*/

.ui-jqgrid-btable a img
{
	padding: 0 2px;
}

.ui-jqgrid-btable img
{
	width: 14px;
}

.ui-jqgrid .tree-wrap-ltr
{
	float: right;
	margin-top: 0px;
	margin-right: 1px;
	margin-left: 8px;
}


#cpanel .ui-jqgrid tr.ui-row-ltr td { padding: 3px; }
/*#cpanel .ui-jqgrid .ui-jqgrid-title { float: right; margin: auto; }
#cpanel .ui-jqgrid .ui-jqgrid-titlebar { margin-bottom: 12px; }*/

#cpanel_user_list .ui-jqgrid .ui-jqgrid-title,
#cpanel_object_list .ui-jqgrid .ui-jqgrid-title,
#cpanel_unused_object_list .ui-jqgrid .ui-jqgrid-title,
#cpanel_billing_plan_list .ui-jqgrid .ui-jqgrid-title,
#cpanel_sensor_template_list .ui-jqgrid .ui-jqgrid-title,
#cpanel_companycard_list .ui-jqgrid .ui-jqgrid-title {
	float: right; margin: auto;
}

#cpanel_user_list .ui-jqgrid .ui-jqgrid-titlebar,
#cpanel_object_list .ui-jqgrid .ui-jqgrid-titlebar,
#cpanel_unused_object_list .ui-jqgrid .ui-jqgrid-titlebar,
#cpanel_billing_plan_list .ui-jqgrid .ui-jqgrid-titlebar,
#cpanel_sensor_template_list .ui-jqgrid .ui-jqgrid-titlebar,
#cpanel_companycard_list .ui-jqgrid .ui-jqgrid-titlebar {
	margin-bottom: 12px;
}

#gview_image_gallery_list_grid,
#gview_chat_object_list_grid,
#gview_settings_object_sensor_calibration_list_grid,
#gview_settings_object_sensor_dictionary_list_grid,
#gview_settings_event_param_sensor_condition_list_grid,
#gview_cpanel_manage_server_theme_list_grid,
#gview_cpanel_manage_server_custom_map_list_grid,
#gview_cpanel_manage_server_log_list_grid,
#gview_cpanel_manage_server_billing_plan_list_grid,
#gview_cpanel_manage_server_language_list_grid,
#gview_cpanel_manage_server_template_list_grid
{ border-bottom: 1px solid #f5f5f5; padding-bottom: 3px; }

.ui-jqgrid .ui-jqgrid-htable th#side_panel_objects_object_list_grid_show,
.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_marker_list_grid_show,
.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_route_list_grid_show,
.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_zone_list_grid_show,
.ui-jqgrid .ui-jqgrid-htable th#side_panel_history_route_detail_list_grid_icon,
.ui-jqgrid .ui-jqgrid-htable th#chat_object_list_grid_icon
{ border-left: none; }

#gbox_side_panel_history_route_detail_list_grid,
#gview_side_panel_history_route_detail_list_grid,
#side_panel_history_route_detail_list_grid {
	width: 100% !important;
}

#gbox_side_panel_history_route_detail_list_grid,
#gview_side_panel_history_route_detail_list_grid,
#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-hdiv,
#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-bdiv {
	border-left: 0 !important;
	border-right: 0 !important;
}

#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-bdiv {
	overflow-y: auto;
}

#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-hdiv {
	border-top: 0;
	width: 100% !important;
}

#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-hbox {
	padding-right: 0;
}

#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-htable {
	width: 100% !important;
}

#gview_side_panel_history_route_detail_list_grid .ui-jqgrid-htable th {
	border-left: 0 !important;
	border-right: 0 !important;
}

#gview_side_panel_history_route_detail_list_grid th#side_panel_history_route_detail_list_grid_info {
	width: 100% !important;
}

#jqgh_side_panel_history_route_detail_list_grid_info {
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

#jqgh_side_panel_history_route_detail_list_grid_info .history-list-header-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: normal;
	cursor: pointer;
}

#jqgh_side_panel_history_route_detail_list_grid_info .history-list-header-toggle-label {
	flex: 1 1 auto;
	text-align: left;
}

#jqgh_side_panel_history_route_detail_list_grid_info .history-list-header-toggle-icon {
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #6f7780;
}

#jqgh_side_panel_history_route_detail_list_grid_info .history-list-header-toggle[aria-expanded="false"] .history-list-header-toggle-icon {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #6f7780;
	border-right: 0;
}

#side_panel_history_route_detail_list_grid .jqgrow > td {
	border-left: 0;
	border-right: 0;
	white-space: normal;
	padding: 0;
}

#side_panel_history_route_detail_list_grid .history-list-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 8px 6px;
	min-height: 42px;
	box-sizing: border-box;
}

#gview_side_panel_history_route_detail_list_grid.history-list-compact #side_panel_history_route_detail_list_grid .history-list-item {
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 30px;
}

#gview_side_panel_history_route_detail_list_grid.history-list-compact #side_panel_history_route_detail_list_grid .history-list-address {
	display: none;
}

#side_panel_history_route.history-list-compact #side_panel_history_route_detail_list_grid .history-list-item .address,
#side_panel_history_route.history-list-compact #side_panel_history_route_detail_list_grid .history-list-item > .row > .row2 + .row2 {
	display: none;
}

#gview_side_panel_history_route_detail_list_grid.history-list-compact #side_panel_history_route_detail_list_grid .history-list-summary {
	line-height: 17px;
}

#side_panel_history_route_detail_list_grid .history-list-main {
	flex: 1 1 auto;
	min-width: 0;
}

#side_panel_history_route_detail_list_grid .history-list-summary {
	display: grid;
	grid-template-columns: 24px minmax(118px, auto) minmax(0, 1fr);
	align-items: center;
	column-gap: 6px;
	line-height: 18px;
}

#side_panel_history_route_detail_list_grid .history-list-icon img {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 auto;
}

#side_panel_history_route_detail_list_grid .history-list-time {
	color: #333333;
	white-space: nowrap;
}

#side_panel_history_route_detail_list_grid .history-list-extra {
	color: #555555;
	overflow-wrap: anywhere;
}

#side_panel_history_route_detail_list_grid .history-list-address {
	margin-top: 4px;
	color: #666666;
	line-height: 17px;
	overflow-wrap: anywhere;
}

#side_panel_history_route_detail_list_grid .history-list-accordion {
	margin-top: 7px;
	padding: 6px 0 0 30px;
}

#side_panel_history_route_detail_list_grid .history-list-detail-row {
	display: grid;
	grid-template-columns: minmax(165px, 1fr) minmax(96px, max-content);
	column-gap: 18px;
	align-items: start;
	line-height: 19px;
}

#side_panel_history_route_detail_list_grid .history-list-detail-label {
	color: #555555;
	overflow-wrap: anywhere;
}

#side_panel_history_route_detail_list_grid .history-list-detail-value {
	color: #333333;
	text-align: left;
	white-space: nowrap;
	overflow-wrap: anywhere;
}

#side_panel_history_route_detail_list_grid .history-list-dots {
	flex: 0 0 18px;
	padding-top: 1px;
}

#side_panel_history_route_detail_list_grid .history-list-dots span {
	display: block;
	cursor: pointer;
	line-height: 16px;
}

#side_panel_history_route_detail_list_grid .history-list-dots img {
	width: 16px;
	height: 16px;
	opacity: 0.65;
}

#side_panel_history_route_detail_list_grid .history-list-dots span:hover img {
	opacity: 1;
}

#side_panel_objects_object_status_overview_button .ui-pg-div
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
}

#side_panel_objects_object_status_overview_button .panel-button
{
	display: flex;
	align-items: center;
	justify-content: center;
}

#side_panel_objects_object_status_overview_button
{
	margin-left: 4px;
}

#gview_side_panel_objects_object_list_grid .ui-jqgrid-title .row4
{
	position: relative;
	display: block;
	height: 28px;
}

#gview_side_panel_objects_object_list_grid .ui-jqgrid-title .row4 > .width71
{
	display: block;
	width: auto;
	margin-right: 112px;
}

#gview_side_panel_objects_object_list_grid .ui-jqgrid-title .row4 > .float-right
{
	position: absolute;
	top: 0;
	right: 0;
	float: none;
	white-space: nowrap;
	padding-left: 8px;
	background: #ffffff;
}

#gview_side_panel_objects_object_list_grid .ui-jqgrid-title .row4 > .float-right > a
{
	display: inline-block;
	vertical-align: top;
}

.object-list-status
{
	display: grid;
	grid-template-columns: repeat(3, auto);
	justify-content: end;
	gap: 4px;
	padding: 5px 4px 6px 4px;
	border-bottom: 1px solid #e8e8e8;
	background: #fbfbfb;
}

.object-list-status .item
{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	height: 24px;
	padding: 0 9px;
	border: 1px solid transparent;
	border-radius: 3px;
	color: #555;
	cursor: pointer;
	line-height: 24px;
}

.object-list-status #side_panel_objects_status_all
{
	justify-content: center;
}

.object-list-status .item:hover
{
	border-color: #d7d7d7;
	background: #fff;
}

.object-list-status .item.active
{
	border-color: var(--gs-accent-color-1, #2b82d4);
	background: var(--gs-accent-color-1, #2b82d4);
	color: #fff;
	font-weight: bold;
}

.object-list-status .item.active .cnt
{
	background: #fff;
	color: #202020;
}

.object-list-status .cnt
{
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #eeeeee;
	color: #555;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
}

.object-status-overview-button-icon
{
	width: 16px;
	height: 16px;
}

.object-status-overview-title
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.object-status-overview-title-icon
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	-webkit-mask: url(images/object-details.svg) center center / 16px 16px no-repeat;
	mask: url(images/object-details.svg) center center / 16px 16px no-repeat;
}

.dialog-object-status-overview .object-status-overview-toolbar
{
	margin-bottom: 10px;
}

.dialog-object-status-overview .object-status-overview-status-label
{
	box-sizing: border-box;
	padding-right: 6px;
	text-align: right;
}

.dialog-object-status-overview .ui-jqgrid-btable img
{
	width: 16px;
	vertical-align: middle;
}

#gview_dialog_user_edit_subaccount_list_grid .ui-jqgrid-bdiv input[type=text]
{height: 17px; width: 100%; border: 0px; text-align: center;}

#gview_dialog_subaccounts_subaccount_list_grid .ui-jqgrid-bdiv input[type=text]
{height: 17px; width: 100%; border: 0px; text-align: center;}

#cpanel #cpanel_user_list .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #cpanel_object_list .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #cpanel_unused_object_list .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #cpanel_billing_plan_list .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #cpanel_sensor_template_list .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #cpanel_manage_server .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #dialog_user_edit .ui-jqgrid .ui-jqgrid-hdiv,
#cpanel #dialog_subaccounts .ui-jqgrid .ui-jqgrid-hdiv
{ padding: 4px 0; }

/*#################################################*/
/* LOGIN PAGE
/*#################################################*/

body#login {
	--login-news-bg: #2b82d4;
	--login-news-opacity: 0.9;
	--login-link-bar-bg: #2b82d4;
	background-image: url(../img/login-background.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #ffffff;
	display: table;
	overflow: auto;
	width: 100%;
}
#login .wrapper {
	display: table-cell;
	vertical-align: middle;
}
#login .wrapper .inner-wrapper {
	display: flex;
	width: 900px;
	height: 580px;
	padding: 0;
	margin: 50px auto;
	background: transparent;
	border-radius: 0;
	position: relative;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), 0 8px 22px rgba(0, 0, 0, 0.2);
}
#login .wrapper .inner-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ffffff;
	border-radius: inherit;
	opacity: 0.9;
	z-index: 0;
}
#login .wrapper .inner-wrapper > * {
	position: relative;
	z-index: 1;
}
#login .login-news-panel {
	display: flex;
	position: relative;
	width: 450px;
	height: 100%;
	min-height: 100%;
	background: transparent;
	color: #ffffff;
	overflow: hidden;
}
#login .login-news-panel:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--login-news-bg);
	opacity: var(--login-news-opacity);
	z-index: 0;
}
#login .login-news-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 30px;
}
#login .login-news-title {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 8px;
}
#login .login-news-subtitle {
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 17px;
	color: rgba(255, 255, 255, 0.86);
}
#login .login-news-item {
	display: block;
	padding: 12px 0;
	text-decoration: none;
	color: #ffffff;
	border-top: 1px solid rgba(255, 255, 255, 0.22);
}
#login .login-news-item:first-of-type {
	border-top: 0;
}
#login .login-news-heading-row {
	display: block;
	margin-bottom: 8px;
}
#login .login-news-body {
	display: flex;
	gap: 12px;
}
#login .login-news-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	min-width: 74px;
	height: 74px;
	background: rgba(255, 255, 255, 0.18);
	overflow: hidden;
}
#login .login-news-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#login .login-news-content {
	display: block;
	min-width: 0;
}
#login .login-news-date {
	display: block;
	margin-bottom: 3px;
	font-size: 10px;
	line-height: 13px;
	color: rgba(255, 255, 255, 0.78);
}
#login .login-news-heading {
	display: block;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
#login .login-news-text {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: rgba(255, 255, 255, 0.84);
}
#login .login-news-empty {
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.84);
}
#login .login-news-more {
	display: inline-block;
	margin-top: auto;
	padding-top: 12px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
}
#login .login-news-more:hover {
	color: #ffffff;
	text-decoration: underline;
}
#login .login-form-panel {
	box-sizing: border-box;
	width: 450px;
	height: 100%;
	padding: 25px;
	background: transparent;
}
#login .wrapper .inner-wrapper .content {
	position: relative;
	height: 300px;
	width: 100%;
	overflow: hidden;
}
#login .wrapper .inner-wrapper .content .content-block {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 300px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
#login .wrapper .inner-wrapper .content .content-block.active {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
#login .logo-block {
	float: left;
}
#login .logo {
	margin-bottom: 20px;
	width: 445px;
	height: auto;
	max-width: 100%;
}
#login .registration-closed {
	padding: 15px;
	background: var(--gs-accent-color-2);
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}
#login .server-select .ms-choice {
	background-image: url(images/server.svg);
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 48px;
}
#login .server-select .ms-choice span {
	top: 12px;
	padding-left: 51px;
}
#login .server-select .ms-choice div {
	top: 14px;
}
#login .server-select .ms-drop {
	margin-top: 24px;
}
#login input.inputbox {
	height: 48px;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	width: 100%;
	padding-left: 60px;
}
#login input.inputbox:hover {
	background-color: #ffffff; }
#login .icon {
	float: left;
	width: 48px;
	height: 48px;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.icon.icon-user { background-image: url(images/user.svg); }
.icon.icon-email { background-image: url(images/email.svg); }
.icon.icon-password { background-image: url(images/password.svg); }
.icon.icon-code { background-image: url(images/shield.svg); }
#login input.inputbox.icon.icon-user,
#login input.inputbox.icon.icon-email,
#login input.inputbox.icon.icon-password {
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 15px center, left top, left top;
	background-size: 16px 16px, 48px 100%, 100% 100%;
}
#login input.inputbox.icon.icon-user {
	background-image: url(images/user-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#f5f5f5, #f5f5f5);
}
#login input.inputbox.icon.icon-password {
	background-image: url(images/key-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#f5f5f5, #f5f5f5);
}
#login input.inputbox.icon.icon-email {
	background-image: url(images/email-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#f5f5f5, #f5f5f5);
}
#login input.inputbox.icon.icon-user:hover {
	background-image: url(images/user-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#ffffff, #ffffff);
}
#login input.inputbox.icon.icon-password:hover {
	background-image: url(images/key-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#ffffff, #ffffff);
}
#login input.inputbox.icon.icon-email:hover {
	background-image: url(images/email-white.svg), linear-gradient(#2b82d4, #2b82d4), linear-gradient(#ffffff, #ffffff);
}

#login .wrapper .content-block input.button {
	background: #2b82d4;
	color: #ffffff;
	border: none;
	padding: 5px;
	height: 50px;
	width: 100%;
	font-weight: bold;
}
#login input.button:hover { opacity: 0.9; }
#login .content-block .reveal {
	position: absolute;
	right: 15px;
	top: 14px;
	width: 20px;
	height: 20px;
	background: url(images/eye-crossed.svg) center center no-repeat;
	background-size: 16px 16px;
	cursor: pointer;
}
#login .content-block .reveal.hide {
	background: url(images/eye.svg) center center no-repeat;
	background-size: 16px 16px;
}
#login .content-block .security-code {
	position: absolute;
	top: 15px;
	right: 10px;
}
#login .wrapper .content-block .submit-btn {
	position: relative;
}
#login .login-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 12px;
}
#login .remember-block {
	margin-top: 0;
	text-align: right;
	flex: 0 0 auto;
}
#login .remember-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 28px;
	color: #676767;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
}
#login .remember-toggle input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
#login .remember-slider {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
	border-radius: 999px;
	background: #d8dde3;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
	transition: background 0.2s ease, box-shadow 0.2s ease;
	flex: 0 0 auto;
}
#login .remember-slider:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	transition: transform 0.2s ease;
}
#login .remember-toggle input:checked ~ .remember-slider {
	background: var(--gs-accent-color-3);
	box-shadow: inset 0 0 0 1px rgba(166, 204, 27, 0.15);
}
#login .remember-toggle input:checked ~ .remember-slider:before {
	transform: translateX(20px);
}
#login .remember-toggle:hover .remember-slider {
	background: #c9d1da;
}
#login .remember-toggle:hover input:checked ~ .remember-slider {
	background: var(--gs-accent-color-3);
	opacity: 0.9;
}
#login .app-store-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}
#login .app-store-links a {
	display: inline-flex;
	align-items: center;
}
#login .app-store-links img {
	display: block;
	height: 58px;
	width: auto;
	border: 0;
}
#login .login-app-prompt {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 18px;
	background: rgba(0, 18, 30, 0.44);
}
#login .login-app-prompt.is-visible {
	display: flex;
}
#login .login-app-prompt-box {
	box-sizing: border-box;
	width: min(330px, 100%);
	padding: 22px 20px 18px;
	background: #ffffff;
	box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
	text-align: center;
}
#login .login-app-prompt-title {
	margin-bottom: 8px;
	color: #065D8C;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
}
#login .login-app-prompt-text {
	margin-bottom: 18px;
	color: #55565A;
	font-size: 12px;
	line-height: 17px;
}
#login .login-app-prompt-actions {
	display: grid;
	gap: 8px;
}
#login .login-app-prompt-primary,
#login .login-app-prompt-secondary {
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	border: 0;
	font-family: "open sans";
	font-size: 11px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#login .login-app-prompt-primary {
	background: #065D8C;
	color: #ffffff;
}
#login .login-app-prompt-secondary {
	background: #f1f4f6;
	color: #55565A;
}
#login .recover-register-block {
	text-align: left;
	padding: 0;
	margin: 25px 0;
}
#login .login-actions .recover-register-block {
	margin: 0;
	text-align: left;
	flex: 1 1 auto;
	line-height: 24px;
}
#login .recover-register-block li {
	display: inline-block;
	list-style: none;
}
#login .recover-register-block li a {
	font-weight: bold;
	color: #676767;
}
#login .footer {
	height: 25px;
	padding-top: 10px;
	border-top: 1px solid #e4e4e4;
}
#login .footer .build-version {
	float: left;
	color: #808080;
	font-size: 10px;
	line-height: 25px;
	text-decoration: none;
}
#login .footer .build-version:hover {
	text-decoration: underline;
}
#login #system_language,
#login #system_language + .ms-parent {
	display: none !important;
}
#login .login-language-flags {
	position: relative;
	float: right;
}
#login .login-language-flag-list {
	display: flex;
	align-items: center;
	gap: 6px;
}
#login .login-language-flag {
	width: 28px;
	height: 22px;
	padding: 2px;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 3px;
	background: rgba(255,255,255,0.82);
	box-shadow: none;
	cursor: pointer;
	opacity: 0.78;
	transition: opacity 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
#login .login-language-flag:hover,
#login .login-language-flag.active {
	opacity: 1;
	border-color: rgba(0,0,0,0.36);
	background: #ffffff;
}
#login .login-language-flag img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#login .login-language-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
#login .login-link-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin: 10px -25px -25px;
	min-height: 42px;
	padding: 0 18px;
	background: var(--login-link-bar-bg);
}
#login .login-link-bar a {
	display: inline-flex;
	align-items: center;
	position: relative;
	top: -5px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	white-space: nowrap;
}
#login .login-link-bar a:not(:last-child):after {
	content: "•";
	display: inline-flex;
	align-items: center;
	margin: 0 9px;
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
}
#login .login-link-bar a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#login .login-link-bar a:hover:after {
	text-decoration: none;
}
#login .text { border-top: none; }

@media (max-width: 950px) {
	#login .wrapper .inner-wrapper {
		display: block;
		width: 450px;
		max-width: calc(100vw - 30px);
		height: auto;
	}
	#login .login-news-panel,
	#login .login-form-panel {
		width: 100%;
		height: auto;
	}
	#login .login-news-panel {
		height: 142px;
		max-height: 142px;
		overflow: auto;
	}
	#login .login-news-inner {
		padding: 22px;
	}
}

@media (max-width: 600px) {
	html,
	body#login {
		display: block;
		width: 100%;
		min-height: 100%;
		overflow-x: hidden;
	}
	#login .wrapper {
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 12px;
	}
	#login .wrapper .inner-wrapper {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin: 14px auto;
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26), 0 4px 12px rgba(0, 0, 0, 0.16);
	}
	#login .login-news-panel {
		height: auto;
		max-height: none;
		overflow: hidden;
	}
	#login .login-news-inner {
		padding: 15px 16px 12px;
	}
	#login .login-news-title {
		margin-bottom: 4px;
		font-size: 18px;
		line-height: 22px;
	}
	#login .login-news-subtitle {
		display: none;
	}
	#login .login-news-item {
		padding: 8px 0 9px;
	}
	#login .login-news-item:nth-of-type(n+2) {
		display: none;
	}
	#login .login-news-heading-row {
		margin-bottom: 6px;
	}
	#login .login-news-heading {
		font-size: 12px;
		line-height: 15px;
	}
	#login .login-news-body {
		gap: 9px;
	}
	#login .login-news-image {
		width: 48px;
		min-width: 48px;
		height: 48px;
	}
	#login .login-news-date {
		font-size: 9px;
		line-height: 11px;
	}
	#login .login-news-text {
		max-height: 28px;
		overflow: hidden;
		font-size: 10px;
		line-height: 14px;
	}
	#login .login-news-more {
		margin-top: 0;
		padding-top: 0;
		font-size: 10px;
		line-height: 13px;
	}
	#login .login-form-panel {
		padding: 18px 16px 16px;
	}
	#login .logo-block {
		float: none;
		text-align: center;
	}
	#login .logo {
		width: 280px;
		margin: 0 auto 16px;
	}
	#login .server-select .row3 {
		margin-bottom: 8px;
	}
	#login input.inputbox {
		height: 42px;
		padding-left: 52px;
	}
	#login input.inputbox.icon.icon-user,
	#login input.inputbox.icon.icon-password {
		background-position: 15px center, left top, left top;
		background-size: 15px 15px, 42px 100%, 100% 100%;
	}
	#login .wrapper .content-block input.button {
		height: 44px;
	}
	#login .content-block .reveal {
		top: 11px;
	}
	#login .login-actions {
		align-items: flex-start;
		gap: 8px;
	}
	#login .remember-label {
		display: none;
	}
	#login .app-store-links img {
		height: 48px;
	}
	#login .footer {
		height: 22px;
		padding-top: 8px;
	}
	#login .login-link-bar {
		min-height: 34px;
		margin: 8px -16px -16px;
		padding: 0 12px;
	}
	#login .login-link-bar a {
		top: -1px;
		font-size: 10px;
		line-height: 12px;
	}
}

#login .connect-network-canvas {
	position: fixed;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 900ms ease;
}
#login.is-connect-loading {
	background-image: none;
	background-color: #f6f8fb;
}
#login.is-connect-loading .connect-network-canvas {
	opacity: 1;
}
#login .connect-loading-view {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: grid;
	align-content: start;
	gap: 14px;
	height: auto;
	box-sizing: border-box;
	opacity: 0;
	transform: translateX(32px);
	pointer-events: none;
	transition: opacity 520ms ease, transform 520ms ease;
}
#login .wrapper .inner-wrapper.is-connect-loading .content .content-block {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
#login .wrapper .inner-wrapper.is-connect-loading .connect-loading-view {
	opacity: 1;
	transform: translateX(0);
}
#login .connect-loading-title {
	margin: 0 0 8px;
	color: #065D8C;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}
#login .connect-loading-text {
	margin: 0 0 18px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}
#login .connect-module-list {
	display: grid;
	gap: 10px;
	margin-bottom: 18px;
}
#login .connect-module-row {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) 38px;
	align-items: center;
	gap: 10px;
	height: 22px;
	color: #55565A;
	font-size: 11px;
}
#login .connect-module-track {
	display: block;
	height: 7px;
	background: #e2e7ec;
	overflow: hidden;
}
#login .connect-module-fill {
	display: block;
	width: 0;
	height: 100%;
	background: #43B6D6;
	box-shadow: 0 0 12px rgba(67, 182, 214, 0.42);
}
#login .connect-module-percent {
	text-align: right;
	color: #065D8C;
	font-weight: bold;
}
#login .connect-progress-button {
	position: relative;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	background: #065D8C;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0;
}
#login .connect-progress-button:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -40%;
	width: 34%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
	animation: connectProgressSweep 1300ms linear infinite;
}
#login .connect-code-view {
	display: none;
	grid-template-rows: auto 1fr auto;
	gap: 0;
	position: absolute;
	inset: 30px;
	box-sizing: border-box;
	padding: 14px 14px 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(0, 20, 32, 0.42);
	color: rgba(255, 255, 255, 0.86);
	overflow: hidden;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 520ms ease, transform 520ms ease;
}
#login .wrapper .inner-wrapper.is-connect-loading .login-news-inner > *:not(.connect-code-view) {
	display: none;
}
#login .wrapper .inner-wrapper.is-connect-loading .connect-code-view {
	display: grid;
	overflow: hidden;
	opacity: 1;
	transform: translateY(0);
}
#login .connect-code-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 8px;
	margin-bottom: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
}
#login .connect-code-title:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #74d8ee;
	box-shadow: 0 0 18px rgba(116, 216, 238, 0.8);
	animation: connectCodePulse 1s ease-in-out infinite;
}
#login .connect-code-lines {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 1px;
	min-height: 0;
	overflow: hidden;
	font-family: "Courier New", monospace;
	font-size: 9px;
	line-height: 11px;
}
#login .connect-code-line {
	display: block;
	flex: 0 0 auto;
	color: rgba(255, 255, 255, 0.86);
	white-space: nowrap;
	opacity: 0;
	transform: translateY(8px);
	animation: connectLogIn 220ms ease forwards;
}
#login .connect-code-line .dim {
	display: inline !important;
	height: auto !important;
	padding: 0 !important;
	vertical-align: baseline !important;
	color: rgba(255, 255, 255, 0.48);
}
#login .connect-code-line .info {
	display: inline !important;
	height: auto !important;
	padding: 0 !important;
	vertical-align: baseline !important;
	color: #74d8ee;
}
#login .connect-code-line .ok {
	display: inline !important;
	height: auto !important;
	padding: 0 !important;
	vertical-align: baseline !important;
	color: #8df0a8;
}
#login .connect-code-footer {
	position: relative;
	height: 3px;
	margin-top: 6px;
	background: rgba(255, 255, 255, 0.16);
	overflow: hidden;
}
#login .connect-code-footer:before {
	content: "";
	position: absolute;
	inset: 0;
	width: 38%;
	background: #74d8ee;
	animation: connectTerminalScan 1.15s ease-in-out infinite;
}
#login .wrapper .inner-wrapper.is-connect-complete {
	overflow: hidden;
	box-shadow: none;
	transform-origin: center;
	animation: connectTvShutdown 1700ms cubic-bezier(0.18, 0.82, 0.22, 1) forwards, connectShellGone 260ms ease 1700ms forwards;
}
#login .wrapper .inner-wrapper.is-connect-complete:before {
	opacity: 0;
}
#login .wrapper .inner-wrapper.is-connect-complete > * {
	animation: connectContentBlackout 900ms ease forwards;
}
#login .connect-final-welcome {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 4;
	width: min(900px, calc(100vw - 32px));
	height: 170px;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -50%);
}
#login .connect-final-line {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 14px;
	background: #065D8C;
	box-shadow: 0 0 28px rgba(6, 93, 140, 0.32);
	transform: translateY(-50%) scaleX(0);
	transform-origin: center;
}
#login .connect-final-title,
#login .connect-final-name {
	position: absolute;
	left: 0;
	width: 100%;
	font-family: "TGL 0 1451 Engschrift", "Oswald", "open sans", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	opacity: 0;
}
#login .connect-final-title {
	bottom: calc(50% + 24px);
	color: #55565A;
	font-size: 46px;
	line-height: 54px;
	transform: translateY(42px);
}
#login .connect-final-name {
	top: calc(50% + 24px);
	color: #065D8C;
	font-size: 34px;
	line-height: 42px;
	transform: translateY(-42px);
}
#login .connect-final-welcome.is-visible {
	opacity: 1;
}
#login .connect-final-welcome.is-visible .connect-final-line {
	animation: connectLineReveal 260ms ease forwards;
}
#login .connect-final-welcome.is-visible .connect-final-title {
	animation: connectWelcomeFromTop 780ms ease 400ms forwards;
}
#login .connect-final-welcome.is-visible .connect-final-name {
	animation: connectWelcomeFromBottom 780ms ease 500ms forwards;
}
#login .connect-final-welcome.no-name .connect-final-name {
	display: none;
}
#login .connect-sound-retry {
	position: fixed;
	left: 50%;
	bottom: 18px;
	z-index: 5;
	height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(6, 93, 140, 0.24);
	background: rgba(255, 255, 255, 0.9);
	color: #065D8C;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%);
	transition: opacity 220ms ease;
}
#login .connect-sound-retry.is-visible {
	opacity: 1;
	pointer-events: auto;
}
@keyframes connectProgressSweep {
	100% { transform: translateX(430%); }
}
@keyframes connectLogIn {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes connectCodePulse {
	0%,
	100% { opacity: 0.45; }
	50% { opacity: 1; }
}
@keyframes connectTerminalScan {
	100% { transform: translateX(440%); }
}
@keyframes connectTvShutdown {
	0% { transform: scaleX(1) scaleY(1); opacity: 1; }
	42% { transform: scaleX(1.015) scaleY(0.12); opacity: 1; }
	78% { transform: scaleX(1) scaleY(0.008); opacity: 0.9; }
	100% { transform: scaleX(1) scaleY(0.001); opacity: 0; }
}
@keyframes connectContentBlackout {
	100% { opacity: 0; }
}
@keyframes connectShellGone {
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes connectLineReveal {
	100% { transform: translateY(-50%) scaleX(1); }
}
@keyframes connectWelcomeFromTop {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes connectWelcomeFromBottom {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (max-width: 950px) {
	#login .connect-loading-title {
		font-size: 20px;
		line-height: 25px;
	}
	#login .connect-loading-text {
		margin-bottom: 12px;
		font-size: 11px;
		line-height: 16px;
	}
	#login .connect-module-list {
		gap: 8px;
	}
	#login .connect-module-row {
		grid-template-columns: 52px minmax(0, 1fr) 34px;
		gap: 8px;
		height: 18px;
		font-size: 10px;
	}
	#login .connect-module-row:nth-child(n+4) {
		display: none;
	}
	#login .connect-progress-button {
		height: 38px;
		line-height: 38px;
	}
	#login .connect-code-title {
		padding-bottom: 6px;
		margin-bottom: 5px;
		font-size: 10px;
	}
	#login .connect-code-lines {
		font-size: 8px;
		line-height: 9px;
	}
	#login .connect-final-title {
		font-size: 34px;
		line-height: 40px;
	}
	#login .connect-final-name {
		font-size: 25px;
		line-height: 32px;
	}
}

/*#################################################*/
/* TOP PANEL
/*#################################################*/

#top_panel {
	height: 36px;
	background: #ffffff;
	position: relative;
	z-index: 20;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}
#top_panel img { display: block; width: 16px; height: 16px; padding: 3px 0; }
#top_panel .gallery-btn img { width: 18px; height: 18px; padding: 2px 0; }
#top_panel .left-menu { float: left; }
#top_panel .right-menu { float: right; }
#top_panel .tp-menu div { float: left; }
#top_panel .tp-menu div a { 
	display: table;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 14px;
	padding-right: 14px; 
	text-decoration: none; 
	color: #808080;
	font-size: 13px;
}
#top_panel a:hover { background: #f5f5f5; }
#top_panel a.active {background: #f5f5f5;}
#top_panel .dtc-btn a.dtc-alert img {
	filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(2206%) hue-rotate(350deg) brightness(92%) contrast(94%);
	animation: top-panel-dtc-blink 1s ease-in-out infinite;
}
#top_panel .support-btn a.active img,
#top_panel .support-btn a:hover img {
	display: block;
}
#top_panel .cpanel-btn a { background: var(--gs-accent-color-2); border: none; }
#top_panel .cpanel-btn a:hover { background: var(--gs-accent-color-2); opacity: 0.9; }
#top_panel .billing-btn a { background: var(--gs-accent-color-3); border: none; }
#top_panel .billing-btn a:hover { background: var(--gs-accent-color-3); opacity: 0.9; }
#top_panel .billing-btn-red a { background: #ff4e49; border: none; }
#top_panel .billing-btn-red a:hover { background: #ff4e49; opacity: 0.9; }
#top_panel .logout-btn a { background: #6c6c6c; border: none; }
#top_panel .logout-btn a:hover { background: #6c6c6c; opacity: 0.9; }
#top_panel .user-btn img { float:left; margin-right: 5px;}
#top_panel .chat-btn span,
#top_panel .billing-btn span,
#top_panel .billing-btn-red span {
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	background: #f5f5f5;
	color: #808080;
	padding: 3px;
	margin: 1px 0 0 10px;
	display: block;
	border-radius: 2px;
	float: right;
}
#top_panel .chat-btn span {
	min-width: 14px;
	text-align: center;
	border-radius: 999px;
}
#top_panel .chat-btn span.has-messages {
	background: #e53935;
	color: #ffffff;
	font-weight: 600;
}
#top_panel .user-btn span {
	display: block;
	float: right;
	margin-top: 1px;
	white-space: nowrap;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#top_panel .select-language { margin: 1px 0; padding: 5px 10px; position: relative; }
#top_panel .select-language.cp { border: none; }
#top_panel .select-language #system_language,
#top_panel .select-language #system_language + .ms-parent { display: none !important; }
#top_panel .top-language-dropdown {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	margin-top: -2px;
}
#top_panel .top-language-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 46px;
	height: 28px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.08);
	cursor: pointer;
	line-height: 1;
}
#top_panel .top-language-button:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #000000;
}
#top_panel .top-language-button img,
#top_panel .top-language-option img {
	display: block;
	width: 24px;
	height: 18px;
	object-fit: cover;
	border-radius: 2px;
}
#top_panel .top-language-menu {
	display: none;
	position: absolute;
	top: 32px;
	left: -7px;
	min-width: 42px;
	padding: 4px 2px;
	border: 1px solid #c8d0d8;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
	z-index: 10000;
}
#top_panel .top-language-dropdown.open .top-language-menu { display: grid; justify-items: center; gap: 2px; }
#top_panel .top-language-option {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: transparent;
	cursor: pointer;
}
#top_panel .top-language-option:hover,
#top_panel .top-language-option.active { background: #e7eef6; }

/*#################################################*/
/* LEFT PANEL
/*#################################################*/

#side_panel {
	position: absolute;
	top: 41px;
	left: 5px;
	bottom: 10px;
	width: 360px;
	background: #ffffff;
	border-radius: 8px !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18) !important;
	overflow: hidden !important;
	z-index: 20;
}

#side_panel_objects,
#side_panel_events,
#side_panel_places,
#side_panel_history,
#side_panel_places_markers,
#side_panel_places_routes,
#side_panel_places_zones{
	padding: 10px;
}

#side_panel > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#side_panel_places .ui-tabs-nav li:not(.ui-tabs-active) a,
#bottom_panel_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#settings_main > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#settings_main_objects_groups_drivers > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#settings_object > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#settings_object_edit_select_icon_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#cmd_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a,
#reports_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a {
	background-color: #ffffff;
	color: #444444;
	box-shadow: none;
}

#side_panel > .ui-tabs-nav > li,
#side_panel_places .ui-tabs-nav li,
#bottom_panel_tabs > .ui-tabs-nav > li,
#settings_main > .ui-tabs-nav > li,
#settings_main_objects_groups_drivers > .ui-tabs-nav > li,
#settings_object > .ui-tabs-nav > li,
#settings_object_edit_select_icon_tabs > .ui-tabs-nav > li,
#cmd_tabs > .ui-tabs-nav > li,
#reports_tabs > .ui-tabs-nav > li {
	margin-right: 0px;
}

#side_panel > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#side_panel_places .ui-tabs-nav li:not(.ui-tabs-active) a:hover,
#bottom_panel_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#settings_main > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#settings_main_objects_groups_drivers > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#settings_object > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#settings_object_edit_select_icon_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#cmd_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover,
#reports_tabs > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover {
	background-color: #f5f5f5;
	color: #444444;
}

#side_panel > .ui-tabs-nav > li.ui-tabs-active > a,
#side_panel_places .ui-tabs-nav li.ui-tabs-active a,
#bottom_panel_tabs > .ui-tabs-nav > li.ui-tabs-active > a,
#settings_main > .ui-tabs-nav > li.ui-tabs-active > a,
#settings_main_objects_groups_drivers > .ui-tabs-nav > li.ui-tabs-active > a,
#settings_object > .ui-tabs-nav > li.ui-tabs-active > a,
#settings_object_edit_select_icon_tabs > .ui-tabs-nav > li.ui-tabs-active > a,
#cmd_tabs > .ui-tabs-nav > li.ui-tabs-active > a,
#reports_tabs > .ui-tabs-nav > li.ui-tabs-active > a {
	background-color: #ffffff;
	color: #444444;
	font-weight: normal;
	box-shadow: inset 0 -2px 0 var(--gs-accent-color-1, #2b82d4);
}

#side_panel_places { padding-left: 0px; padding-right: 0px;}

#side_panel_places .ui-tabs-nav
{
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 5px 4px 6px 4px;
	border: 0;
	border-bottom: 1px solid #e8e8e8;
	background: #fbfbfb;
	overflow-x: auto;
	white-space: nowrap;
}

#side_panel_places .ui-tabs-nav li
{
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#side_panel_places .ui-tabs-nav li a
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 24px;
	padding: 0 7px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: transparent;
	color: #555;
	line-height: 24px;
	box-shadow: none;
}

#side_panel_places .ui-tabs-nav li:not(.ui-tabs-active) a:hover
{
	border-color: #d7d7d7;
	background: #fff;
	color: #555;
}

#side_panel_places .ui-tabs-nav li.ui-tabs-active a
{
	padding: 0 7px;
	border-color: var(--gs-accent-color-1, #2b82d4);
	background: var(--gs-accent-color-1, #2b82d4);
	color: #fff;
	font-weight: bold;
	box-shadow: none;
}

#side_panel_places .ui-tabs-nav li.ui-tabs-active a .cnt
{
	background: #fff;
	color: #202020;
}

#side_panel_places .ui-tabs-nav .cnt
{
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #eeeeee;
	color: #555;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
}

#places_marker_icon_tabs {
	margin-left: -15px;
	margin-right: -15px;
	width: 324px;
}

#places_marker_icon_default_tab, #places_marker_icon_custom_tab {
	padding-bottom: 0px;
}

#places_marker_icon_default_list {
	position: relative;
	height: 245px;
	overflow-y: scroll;
	border: 1px solid #f5f5f5;
	padding: 5px;
	-webkit-box-sizing: border-box;‌​
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#places_marker_icon_custom_list {
	position: relative;
	height: 211px;
	overflow-y: scroll;
	border: 1px solid #f5f5f5;
	padding: 5px;
	-webkit-box-sizing: border-box;‌​
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*#################################################*/
/* BOTTOM PANEL
/*#################################################*/

#bottom_panel {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 365px;
	right: 0px;
	background-color: #ffffff;
}

#bottom_panel .controls {
	position: absolute;
	right: 15px;
	top: 5px;
	z-index: 1;
}

#bottom_panel .controls a {
	float: left;
	height: 16px;
	width: 16px;
	display: inline-block;
}

#bottom_panel .controls span.icon-close {
	display: table;
	width: 100%;
	height: 100%;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

#bottom_panel_datalist,
#bottom_panel_graph,
#bottom_panel_msg {
	padding: 10px;
}
#bottom_panel_datalist,
#bottom_panel_graph,
#bottom_panel_msg  { background: #ffffff; }
#bottom_panel_graph_plot
{
	height: 100%;
	width: 100%;
}

.graph-controls
{
	margin-bottom: 10px;
	display: table;
	width: 100%;
}
.graph-controls div
{
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
}
.graph-controls-left
{
	float: left;
}
.graph-controls-right
{
	float: right;
}
.graph-label
{
	line-height: 24px;
	margin-right: 5px;
}

/*#################################################*/
/* OBJECT LIST
/*#################################################*/

.object-list-item{
	height: 30px;
}
.object-list-item .left {
	float: left;
	width: 110px;
}
.object-list-item .right {
	display: table;
	height: 100%;
	float: right;
}
.object-list-item .name {
	overflow: hidden;
	text-overflow: ellipsis;
}
.object-list-item .status {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #808080;
	font-size: 10px;
}
.object-list-item .speed,
.object-list-item .engine,
.object-list-item .connection,
.object-list-item .messages {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	text-align: center;
	padding: 3px;
}
.object-list-item .speed {
	width: 52px;
	min-width: 52px;
	max-width: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right;
	padding-right: 6px;
	font-variant-numeric: tabular-nums;
	transition: color 180ms ease, transform 180ms ease;
	white-space: nowrap;
}
.object-list-item .speed .speed-value {
	display: inline-block;
	min-width: 18px;
	text-align: right;
	transition: transform 180ms ease;
}
.object-list-item .speed .speed-unit {
	color: #808080;
	font-size: 9px;
	margin-left: 2px;
}
.object-list-item .speed.speed-changed .speed-value {
	transform: translateY(-1px) scale(1.08);
}
.object-list-item .speed.speed-up {
	color: #16a05d;
}
.object-list-item .speed.speed-down {
	color: #c77a12;
}
.object-list-item .engine {
	width: 18px;
	min-width: 18px;
	padding-left: 0;
	padding-right: 0;
}
.object-list-item .engine .engine-dtc-alert {
	width: 16px;
	animation: engine-dtc-blink 1s ease-in-out infinite;
}
.object-list-item .engine .engine-dtc-alert-link {
	display: inline-block;
	line-height: 0;
	cursor: pointer;
}
.object-list-item .connection {
	width: 18px;
	min-width: 18px;
	padding-left: 2px;
	padding-right: 2px;
}
.object-list-item .messages {
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	background: #f5f5f5;
	color: #808080;
	display: block;
	border-radius: 2px;
	margin-top: 4px;
}
.object-action-menu {
	border-radius: 2px;
	padding: 3px;
}
.object-action-menu:hover {
	background-color: #ffffff
}

@keyframes engine-dtc-blink {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.25;
	}
}

@keyframes top-panel-dtc-blink {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.35;
	}
}

.tracking-logo-control {
	box-sizing: border-box;
	padding: 4px 6px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.85);
	opacity: 0.55;
	text-align: center;
	transition: opacity 0.2s ease;
}

.tracking-logo-control a,
.tracking-logo-control img {
	display: block;
}

.tracking-logo-control img {
	width: 100%;
	height: auto;
}

@media (hover: hover) and (pointer: fine) {
	.tracking-logo-control:hover {
		opacity: 1;
	}
}

/*#################################################*/
/* NOTIFY/CONFIRM
/*#################################################*/

#dialog_notify,
#dialog_confirm{
	min-width: 250px;
}

#dialog_notify_text,
#dialog_confirm_text{
	line-height: 18px;
}

.ui-pnotify .ui-pnotify-text .row {
	margin-bottom: 0px;
}
.ui-pnotify .ui-pnotify-text .row2 {
	line-height: 18px;
}
.ui-pnotify .ui-pnotify-text .row2 div:last-child {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*#################################################*/
/* MENU
/*#################################################*/

.ui-menu { position: absolute; min-width: 150px; white-space: nowrap; z-index: 99999999; }
.ui-menu .ui-menu-icon {
    top: 8px;
}
.menu {
	background: #ffffff;
	-webkit-box-shadow: 0 0 5px 0 #9b9b9b;
	box-shadow: 0 0 5px 0 #9b9b9b;
}
.menu ul {
	background: #ffffff;
	-webkit-box-shadow: 3px 0 5px 0 #9b9b9b;
	box-shadow: 3px 0 5px 0 #9b9b9b;
}
.menu li { border-top: 1px solid #f5f5f5; }
.menu li:first-child { border: none; }
.menu li a:hover { background-color: #f5f5f5; }
.menu.ui-menu .first-item { border-top: 3px solid #2b82d4; }
.menu ul li a,
.menu .ui-menu-icon { background: url(images/arrow-right.svg) left center no-repeat; background-size: 10px 10px; overflow: visible; }
.menu.ui-menu .ui-menu-item a {
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 10px 10px;
	padding: 5px 15px 5px 28px;
	color: #444444;
}
/*#################################################*/
/* DRAGBARS
/*#################################################*/

#side_panel_objects_dragbar,
#side_panel_events_dragbar,
#side_panel_history_dragbar {
	margin: 3px -10px;
	height: 5px;
	background: #f5f5f5;
	cursor: row-resize;
}
#side_panel_objects_dragbar:hover,
#side_panel_events_dragbar:hover,
#side_panel_history_dragbar:hover { background-color: #eeeeee; }

#side_panel_history_parameters .row3 {
	white-space: nowrap;
}

#side_panel_history_show_button,
#side_panel_history_hide_button,
#side_panel_history_import_export_action_menu_button {
	margin-right: 3px;
}

#side_panel_history_show_button {
	width: 92px;
	border-color: var(--gs-accent-color-3);
	background-color: var(--gs-accent-color-3);
	background-image: url(images/eye-white.svg);
	color: #ffffff;
	font-weight: bold;
}

#side_panel_history_show_button:hover,
#side_panel_history_show_button:active {
	border-color: var(--gs-accent-color-3);
	background-color: var(--gs-accent-color-3);
	color: #ffffff;
	opacity: 0.9;
}

#side_panel_history_hide_button {
	width: 98px;
	background-image: url(images/close-white.svg);
}

#side_panel_history_import_export_action_menu_button {
	width: 138px;
	margin-right: 0;
	border-color: var(--gs-accent-color-2);
	background-color: var(--gs-accent-color-2);
	background-image: url(images/import-export-white.svg);
	color: #ffffff;
	font-weight: bold;
}

#side_panel_history_import_export_action_menu_button:hover,
#side_panel_history_import_export_action_menu_button:active {
	border-color: var(--gs-accent-color-2);
	background-color: var(--gs-accent-color-2);
	color: #ffffff;
	opacity: 0.9;
}

#side_panel_dragbar {
	position: absolute;
	top: 41px;
	bottom: 10px;
	left: 361px;
	width: 12px;
	background: transparent;
	border-left: 0px;
	border-right: 0px;
	z-index: 21;
	cursor: col-resize;
}

#bottom_panel_dragbar {
	position: absolute;
	bottom: 0px;
	left: 365px;
	right: 0px;
	height: 12px;
	background: transparent;
	border-top: 0px;
	border-bottom: 0px;
	z-index: 21;
	cursor: row-resize;
}

#side_panel_dragbar:before,
#bottom_panel_dragbar:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

#side_panel_dragbar:before {
	width: 4px;
	height: 44px;
	border-radius: 999px;
	background: #a8a8ad;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}

#bottom_panel_dragbar:before {
	width: 44px;
	height: 4px;
	border-radius: 999px;
	background: #a8a8ad;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}

/*#################################################*/
/* SETTINGS
/*#################################################*/

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	top: 0;
	right: 0;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: #D9534F;
	border-radius: 0;
	box-sizing: border-box;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
	content: "";
	position: absolute;
	top: 0;
	right: -1em;
	bottom: 0;
	width: 1em;
	background: #D9534F;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active {
	border-color: #D9534F;
	background: #D9534F;
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 36px;
	height: 100%;
	margin: 0;
	background: url(images/close-white.svg) center center no-repeat;
	background-size: 10px 10px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-save {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-3);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-save:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-save:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-save:active {
	background: var(--gs-accent-color-3);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-save-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/save.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-cancel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: #D9534F;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-cancel:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-cancel:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-cancel:active {
	background: #D9534F;
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-cancel-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/close-white.svg) center center no-repeat;
	background-size: 10px 10px;
}

.ui-dialog:has(> #dialog_theme_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_language_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_custom_map_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_billing_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_template_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_share_position_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_places_group_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_places_marker_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_places_zone_properties) .ui-dialog-titlebar,
.ui-dialog:has(> #dialog_places_route_properties) .ui-dialog-titlebar {
	padding-right: 72px;
}

.ui-dialog:has(> #dialog_report_properties) .ui-dialog-titlebar {
	padding-right: 108px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-generate {
	position: absolute;
	top: 0;
	right: 72px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-generate:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-generate:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-generate:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-generate-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/action2.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog:has(> #dialog_user_edit) .ui-dialog-titlebar {
	padding-right: 108px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-login {
	position: absolute;
	top: 0;
	right: 72px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-login:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-login:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-login:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-login-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/key-white.svg) center center no-repeat;
	background-size: 15px 15px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-add {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-add:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-add:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-add:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-add-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/plus-white.svg) center center no-repeat;
	background-size: 12px 12px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-add {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-add:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-add:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-add:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-add-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/plus-white.svg) center center no-repeat;
	background-size: 12px 12px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-command-send {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-command-send:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-command-send:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-command-send:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-object-command-send-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/create.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-support-send {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-3);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-support-send:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-support-send:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-support-send:active {
	background: var(--gs-accent-color-3);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-support-send-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/email-white.svg) center center no-repeat;
	background-size: 16px 16px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-object-add {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-object-add:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-object-add:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-object-add:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-user-object-add-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/plus-white.svg) center center no-repeat;
	background-size: 12px 12px;
}

.ui-dialog:has(> #dialog_show_point) .ui-dialog-titlebar {
	padding-right: 72px;
}

.ui-dialog:has(> #dialog_address_search) .ui-dialog-titlebar {
	padding-right: 72px;
}

.ui-dialog:has(> #dialog_navigation) .ui-dialog-titlebar {
	padding-right: 72px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-show-point {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-show-point:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-show-point:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-show-point:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-show-point-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/eye.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-address-search {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-address-search:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-address-search:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-address-search:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-address-search-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/search.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-navigation-search {
	position: absolute;
	top: 0;
	right: 36px;
	bottom: 0;
	width: 36px;
	height: auto;
	padding: 0;
	border: 0;
	background: var(--gs-accent-color-2);
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-navigation-search:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-navigation-search:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-navigation-search:active {
	background: var(--gs-accent-color-2);
	opacity: 0.9;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-navigation-search-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/search.svg) center center no-repeat;
	background-size: 15px 15px;
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title [class^="icon-"],
.ui-dialog .ui-dialog-titlebar .ui-dialog-title [class*=" icon-"] {
	filter: brightness(0) invert(1);
}

.ui-dialog .ui-dialog-title:before {
	content: none;
	display: none;
	width: 0;
	height: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	filter: brightness(0) invert(1);
	flex: 0 0 0;
}

.ui-dialog:has(> #dialog_settings) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_object_edit) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_object_add) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_object_duplicate) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_event_properties) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_kml_properties) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_template_properties) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_settings_subaccount_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/settings.svg");
}

.ui-dialog:has(> #dialog_reports) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_report_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/report.svg");
}

.ui-dialog:has(> #dialog_tasks) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_task_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/tasks.svg");
}

.ui-dialog:has(> #dialog_rilogbook) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/logbook.svg");
}

.ui-dialog:has(> #dialog_travelsheet) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/calendar.svg");
}

.ui-dialog:has(> #dialog_dtc) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/dtc.svg");
}

.ui-dialog:has(> #dialog_maintenance) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_maintenance_service_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/maintenance.svg");
}

.ui-dialog:has(> #dialog_support) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/support.svg");
	background-size: 16px 16px;
	filter: brightness(0) invert(1);
}

.ui-dialog:has(> #dialog_dashboard) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/dashboard.svg");
}

.ui-dialog:has(> #dialog_tachograph) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/tachograph.svg");
}

.ui-dialog:has(> #dialog_chat) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/chat.svg");
}

.ui-dialog:has(> #dialog_image_gallery) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/mediagallery.svg");
}

.ui-dialog:has(> #dialog_cmd) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_cmd_schedule_properties) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_cmd_template_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/cmd.svg");
}

.ui-dialog:has(> #dialog_expenses) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_expense_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/expenses.svg");
}

.ui-dialog:has(> #dialog_share_position) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_share_position_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/share.svg");
}

.ui-dialog:has(> #dialog_about) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/info.svg");
}

.ui-dialog:has(> #dialog_show_point) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_address_search) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_places_marker_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/marker.svg");
}

.ui-dialog:has(> #dialog_places_groups) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_places_group_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/groups.svg");
}

.ui-dialog:has(> #dialog_places_route_properties) .ui-dialog-title:before,
.ui-dialog:has(> #dialog_navigation) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/routes.svg");
}

.ui-dialog:has(> #dialog_places_zone_properties) .ui-dialog-title:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-image: url("images/zones.svg");
}

#dialog_settings,
#dialog_settings_object_edit_select_icon { padding: 0px; }
.ui-dialog:has(> #dialog_settings_object_edit_select_icon) {
	width: 540px !important;
}
#settings_object_edit_select_icon_tabs {
	width: 540px;
}
#dialog_settings_object_edit,
#dialog_settings_event_properties { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: -0px; }

.ui-dialog:has(> #dialog_places_zone_properties),
.ui-dialog:has(> #dialog_places_route_properties) {
	width: 350px !important;
}
#settings_main { height: 556px; margin-top: 0px; border-top: 0px; }
#settings_object { min-height: 451px; border-top: 0px; }
#settings_event { min-height: 417px; border-top: 0px; }
#settings_main_objects,
#settings_main_subaccounts { /*padding: 0 10px 10px 10px;*/ }
#settings_object_edit_select_icon_default_list {
	position: relative;
	height: 265px;
	overflow-y: scroll;
	border: 1px solid #f5f5f5;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#settings_object_edit_select_icon_custom_list {
	position: relative;
	height: 231px;
	overflow-y: scroll;
	border: 1px solid #f5f5f5;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#settings_object_edit_select_icon_default_list img,
#settings_object_edit_select_icon_custom_list img {
	width: 64px !important;
	height: 64px !important;
}

#settings_object_edit_select_icon_default_list .row2,
#settings_object_edit_select_icon_custom_list .row2 {
	display: grid;
	grid-template-columns: repeat(6, 74px);
	gap: 6px;
	margin-bottom: 0;
}

#settings_object_edit_select_icon_default_list .icon-object-edit,
#settings_object_edit_select_icon_custom_list .icon-object-edit {
	width: 74px;
	height: 74px;
}

/*#################################################*/
/* MAP
/*#################################################*/

#map {
	position: absolute;
	top: 36px;
	left: 0px;
	right: 0px;
	bottom: 5px;
}

#map .leaflet-left {
	left: 367px;
}

#map .leaflet-top.leaflet-left {
	top: -5px;
}

body.side-panel-hidden #map .leaflet-left {
	left: 0px;
}

.map-layer-control
{
	position: absolute;
	top: 41px;
	right: 5px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
	overflow: hidden;
	z-index: 20;
}

.map-layer-control .row4 {
	margin: 0;
}

.map-layer-control #map_layer {
	height: 28px;
	min-width: 120px !important;
	border: 0;
	background-color: #ffffff;
}

.history-view-control
{
	display: none;
	position: absolute;
	width: 196px;
	top: 41px;
	left: 417px;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
	overflow: hidden;
	z-index: 20;
	float: left;
	clear: both;
}

.history-view-control a,
.history-view-control a:hover{
	float: left;
	height: 28px;
	width: 28px;
	box-sizing: border-box;
	border-right: 1px solid #edf0f2;
	background-color: #ffffff;
	display: inline-block;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.history-view-control a:last-child {
	border-right: 0;
}

.history-view-control a:hover {
	background-color: #f5f7f9;
}

.camera-control
{
	display: none;
	position: absolute;
	bottom: 16px;
	right: 10px;
	min-width: 236px;
	max-width: 316px;
	height: 177px;
	background-color: #ffffff;
	padding: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	z-index: 15;
	line-height: 177px;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	color: #aaaaaa;
}

.camera-control img
{
	width: 316px;
	height: 177px;
}

.street-view-control
{
	display: none;
	position: absolute;
	bottom: 16px;
	right: 10px;
	width: 316px;
	height: 177px;
	background-color: #ffffff;
	padding: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	z-index: 15;
	opacity: 0.75;
	line-height: 177px;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	color: #aaaaaa;
}

.street-view-control img
{
	width: 316px;
	height: 177px;
}

.object-cluster-popup
{
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 200px;
	margin-top: 25px;
}

/*#################################################*/
/* SHARE
/*#################################################*/

#map_share {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#side_panel_share {
	display: none;
	position: absolute;
	top: 75px;
	bottom: 0px;
	left: 0px;
	width: 280px;
	background-color: #ffffff;
	opacity: 0.8;
	z-index: 8;
	padding: 5px;
}

.object-share-control
{
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #ffffff;
	padding: 2px 2px 2px 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	z-index: 20;
}

/*#################################################*/
/* FOLLOW
/*#################################################*/

#map_follow {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#side_panel_follow {
	display: none;
	position: absolute;
	top: 75px;
	bottom: 0px;
	left: 0px;
	width: 280px;
	background-color: #ffffff;
	opacity: 0.8;
	z-index: 8;
	padding: 5px;
}

.object-follow-control
{
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #ffffff;
	padding: 2px 2px 2px 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	z-index: 20;
}

/*#################################################*/
/* DATALIST
/*#################################################*/

.datalist {
/*	width: 100%;
	height: 100%;*/
}

.datalist-item-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
	overflow-x: auto;
}

.data-item-text {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	color: #aaaaaa;
}

.datalist-item {
	display: table;
	float: left;
	width: 280px;
	min-width: 280px;
	margin-right: 15px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 24px;
}

.datalist-item.even {
	background-color: #f5f5f5;
}

.datalist-item.odd {
	background-color: #ffffff;
}

.datalist-item-icon {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	width: 24px;
	height: 24px;
}

.datalist-item-name {
	display: inline-block;
	width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.datalist-item-value {
	display: inline-block;
	width: 166px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
}

/*#################################################*/
/* DASHBOARD
/*#################################################*/

#dialog_dashboard {
	background-color: #f5f5f5;
}

.dashboard-container {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
}

.dashboard-container-header {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #e5e5e5;
	margin-bottom: 10px;
}

.dashboard-container-header-icon {
	float: left;
	width: 30px;
	height: 30px;
}

.dashboard-container-header-icon span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center center;
}

.dashboard-container-header-title {
	float: left;
}

.dashboard-container-header-menu {
	float: right;
	width: 30px;
	height: 30px;
}

.dashboard-container-header-menu span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center center;
}

.dashboard-container-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	color: #aaaaaa;
	margin-left: 10px;
	margin-right: 10px;
}

.dashboard-container-graph-plot {
	margin-left: 10px;
	margin-right: 10px;
}

/*#################################################*/
/* HISTORY
/*#################################################*/

.history-controls { margin: 5px 0; }

/*#################################################*/
/* REPORTS
/*#################################################*/

#dialog_reports { padding: 0px; }

#dialog_tasks,
#dialog_rilogbook,
#dialog_dtc,
#dialog_maintenance,
#dialog_expenses {
	padding-bottom: 19px;
}

#dialog_maintenance .ui-jqgrid-titlebar,
#dialog_expenses .ui-jqgrid-titlebar {
	background: #fafafa;
	border-bottom: 1px solid #eeeeee;
	box-sizing: border-box;
	margin: -15px -15px 12px -15px;
	padding: 10px 15px;
}

/*#################################################*/
/* OBJECT CONTROL
/*#################################################*/

#dialog_cmd { padding: 0px; }

#dialog_cmd .cmd-send-button {
	background: var(--gs-accent-color-3);
	border-color: var(--gs-accent-color-3);
	color: #ffffff;
	font-weight: bold;
}

#dialog_cmd .cmd-send-button:hover,
#dialog_cmd .cmd-send-button:focus,
#dialog_cmd .cmd-send-button:active {
	background: var(--gs-accent-color-3);
	border-color: var(--gs-accent-color-3);
	color: #ffffff;
	opacity: 0.9;
}

/*#################################################*/
/* IMAGE GALLERY
/*#################################################*/

#dialog_image_gallery { padding-bottom: 4px; overflow: hidden; }

#dialog_image_gallery .mediathek-filter-panel,
#dialog_dtc .dtc-filter-panel {
	background: #fafafa;
	border-bottom: 1px solid #eeeeee;
	margin: -15px -15px 12px -15px;
	padding: 10px 15px;
}

#dialog_image_gallery .mediathek-toolbar-row,
#dialog_dtc .dtc-toolbar-row {
	display: grid;
	grid-template-columns: 220px 145px 232px 232px 61px;
	gap: 8px;
	align-items: end;
}

#dialog_dtc .dtc-toolbar-row {
	grid-template-columns: 220px 145px 232px 232px 28px;
}

#dialog_image_gallery .mediathek-toolbar-field,
#dialog_dtc .dtc-toolbar-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

#dialog_image_gallery .mediathek-filter-label,
#dialog_dtc .dtc-filter-label {
	color: #555555;
	font-size: 11px;
	line-height: 14px;
	white-space: nowrap;
}

#dialog_image_gallery .mediathek-time-inputs,
#dialog_dtc .dtc-time-inputs {
	display: grid;
	grid-template-columns: 1fr 50px 50px;
	gap: 5px;
	min-width: 0;
}

#dialog_image_gallery .mediathek-toolbar-field > .select,
#dialog_image_gallery .mediathek-toolbar-field > .select-search,
#dialog_image_gallery .mediathek-toolbar-field > .ms-parent,
#dialog_image_gallery .mediathek-toolbar-field > .ms-parent .ms-choice,
#dialog_image_gallery .mediathek-time-inputs .inputbox,
#dialog_image_gallery .mediathek-time-inputs .select,
#dialog_dtc .dtc-toolbar-field > .select,
#dialog_dtc .dtc-toolbar-field > .select-search,
#dialog_dtc .dtc-toolbar-field > .ms-parent,
#dialog_dtc .dtc-toolbar-field > .ms-parent .ms-choice,
#dialog_dtc .dtc-time-inputs .inputbox,
#dialog_dtc .dtc-time-inputs .select {
	box-sizing: border-box;
	height: 24px;
	width: 100%;
}

#dialog_image_gallery .mediathek-toolbar-field > .ms-parent .ms-choice,
#dialog_dtc .dtc-toolbar-field > .ms-parent .ms-choice {
	line-height: 22px;
}

#dialog_image_gallery .mediathek-toolbar-field > .ms-parent .ms-choice > span,
#dialog_dtc .dtc-toolbar-field > .ms-parent .ms-choice > span {
	line-height: 22px;
}

#dialog_image_gallery .mediathek-toolbar-actions,
#dialog_dtc .dtc-toolbar-actions {
	display: flex;
	gap: 5px;
	justify-content: flex-end;
}

#dialog_image_gallery .mediathek-tool-button,
#dialog_dtc .dtc-tool-button {
	background-color: #f5f5f5;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	border: 1px solid #eeeeee;
	box-sizing: border-box;
	cursor: pointer;
	height: 24px;
	padding: 0;
	width: 28px;
}

#dialog_image_gallery .mediathek-tool-button:hover,
#dialog_dtc .dtc-tool-button:hover {
	background-color: #ffffff;
}

#dialog_image_gallery .mediathek-tool-button:disabled,
#dialog_dtc .dtc-tool-button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

#dialog_image_gallery .mediathek-tool-search,
#dialog_dtc .dtc-tool-search {
	background-image: url("images/search2.svg");
}

#dialog_image_gallery .mediathek-tool-photo {
	background-image: url("images/gallery.svg");
	margin-left: auto;
}

#dialog_image_gallery .img-controls,
#dialog_image_gallery .img-content {
	margin-top: 0;
}

#dialog_image_gallery #gbox_image_gallery_list_grid {
	min-height: 480px;
}

#image_gallery_img {
	width: 640px;
	height: 480px;
	border: 1px solid #f5f5f5;
	text-align: center;
}
#image_gallery_img_data {
	background: #f5f5f5;
	height: 28px;
	width: 657px;
	margin-right: -15px;
	margin-bottom: -5px;
}
#image_gallery_img_data_address {
	white-space: nowrap;
}
#dialog_image_gallery .img-controls { width: 320px; }

/*#################################################*/
/* CHAT
/*#################################################*/

#dialog_chat { padding-bottom: 0; overflow: hidden; }

.chat-msgs-block {
	position: absolute;
	left: 252px;
	top: 15px;
	bottom: 49px;
	right: 15px;
}

.chat-msg-block {
	position: absolute;
	left: 252px;
	bottom: 15px;
	right: 15px;
	height: 24px;
}

#chat_msgs {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #e9edef;
	background: #efeae2;
	z-index: 9;
}

#chat_msgs_dt {
	font-size: 11px;
	display: none;
	position: relative;
	text-align: center;
        margin: 1px 1px 1px 1px;
        padding: 1px;
	z-index: 10;
	background: #eeeeee;
	opacity: 0.7;
}

.chat-msg-container
{
	width: 100%;
	overflow: hidden;
}

.chat-msg-status
{
	font-size: 11px;
	float: right;
	clear: both;
	margin: 1px 16px 8px 3px;
	max-width: 60%;
	color: #667781;
}

.chat-msg-server
{
	position: relative;
	text-align: left;
	float: right;
	clear: both;
	background: #d9fdd3;
	color: #111b21;
	margin: 4px 10px 4px 3px;
	padding: 6px 10px 5px 10px;
	max-width: 72%;
	border-radius: 7px;
	box-shadow: 0 1px 1px rgba(11,20,26,0.13);
	word-wrap: break-word;
}

.chat-msg-server:after
{
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
	border-top: 8px solid #d9fdd3;
	border-right: 8px solid transparent;
}

.chat-msg-client
{
	position: relative;
	text-align: left;
	float: left;
	clear: both;
	background: #ffffff;
	margin: 4px 3px 4px 10px;
	padding: 6px 10px 5px 10px;
	max-width: 72%;
	border-radius: 7px;
	box-shadow: 0 1px 1px rgba(11,20,26,0.13);
	word-wrap: break-word;
}

.chat-msg-client:before
{
	content: "";
	position: absolute;
	top: 0;
	left: -8px;
	border-top: 8px solid #ffffff;
	border-left: 8px solid transparent;
}

.chat-msg-body
{
	line-height: 1.35;
}

.chat-msg-dt-server
{
	text-align: right;
	font-size: 10px;
	color: #667781;
	margin-top: 2px;
}

.chat-msg-dt-client
{
	text-align: left;
	font-size: 10px;
	color: #667781;
	margin-top: 2px;
}

.chat-msg-delivery-status
{
	display: inline-block;
	min-width: 18px;
	height: 12px;
	position: relative;
	vertical-align: text-bottom;
}

.chat-msg-delivery-status:before
{
	content: "✓ ✓";
	font-size: 13px;
	line-height: 12px;
	letter-spacing: 0;
	color: #8696a0;
}

.chat-msg-delivery-status.seen:before
{
	color: #53bdeb;
}

/*#################################################*/
/* BILLING
/*#################################################*/

.dialog-billing-titlebar .ui-dialog-titlebar {
         background-color: var(--gs-accent-color-3);
}

#billing_plan_purchase_list {
	width: 100%;
	height: 388px;
	font-size: 12px;
	overflow-y: scroll;
}
#billing_plan_purchase_list .row .row2 {
	margin-bottom: 0;
}
#billing_plan_purchase_list .row {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 0;
	padding: 10px 0;
}
#billing_plan_purchase_list .row.header {
	font-weight: 600;
	color: #707070;
	background: #f5f5f5;
}
#billing_plan_purchase_list .row.even {
	background: #f5f5f5;
}
#billing_plan_purchase_list  div {
	text-align: center;
}
#billing_plan_purchase_list div.name {
	text-align: left;
}
#billing_plan_purchase_list i.arrow {
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	margin-left: 8px;
	background: url(images/arrow-right.svg) center center no-repeat; background-size: 10px 10px;
}
#billing_plan_purchase_list i.purchase {
	width: 16px;
	height: 16px;
	margin: 0 auto;
	display: block;
	float: none;
	background: url(images/cart.svg) center center no-repeat; background-size: 16px 16px;
}

/*#################################################*/
/* LOGO, INFORMATION, MESSAGES
/*#################################################*/

.logo { border:0px; width:250px; height:56px; }
.logo_small { border:0px; width:32px; height:32px; }
.favicon { border:0px; width:32px; height:32px; }
.info { padding-bottom: 15px; height: 35px; display: table-cell; vertical-align: middle; }
.info2 { height: 22px; display: table-cell; vertical-align: middle; }

#dialog_support .support-contact-header {
	font-size: 14px;
	font-weight: bold;
	color: #4f4f4f;
	margin-bottom: 12px;
}

#dialog_support .support-contact-grid {
	display: flex;
	width: 100%;
	gap: 12px;
	margin-bottom: 18px;
}

#dialog_support .support-contact-card {
	display: block;
	width: calc(33.33% - 8px);
	box-sizing: border-box;
	text-decoration: none;
	color: #4f4f4f;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 12px 10px;
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

#dialog_support .support-contact-card:hover {
	background: #f0f0f0;
}

#dialog_support .support-contact-icon img {
	width: 20px;
	height: 20px;
	margin: 0 auto 8px auto;
	padding: 0;
}

#dialog_support .support-contact-title {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
}

#dialog_support .support-contact-number {
	font-size: 13px;
	line-height: 18px;
	color: #2b82d4;
	word-break: break-word;
}
.subinfo {color: #949494; line-height: 12px;}

/*#################################################*/
/* DIALOG CONTROLS AND TABS
/*#################################################*/

.controls-block
{
	margin: -15px -15px 10px -15px;
	padding: 4px 15px 7px;
	background: #f5f5f5;
	height: 20px;
}

#settings_main_sms .controls,
#settings_main_user_interface .controls,
#settings_main_my_account .controls
{
	position: absolute;
	right: 15px;
	top: 4px;
}
#settings_main_user_interface,
#settings_main_my_account
{
	height: 490px;
}

#settings_main_object_list,
#settings_main_object_group_list,
#settings_main_object_driver_list,
#settings_main_object_passenger_list,
#settings_main_object_trailer_list,
#settings_main_object_beacon_list,
#settings_main_objects_groups_drivers .ui-tabs-nav { margin: 0 -15px; }

#settings_main_object_beacon_list
{
	height: 410px;
	overflow: hidden;
}

#settings_object_accuracy
{
	height: 410px;
}

.ui-tabs-anchor
{
	white-space: nowrap;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*#################################################*/
/* CPANEL
/*#################################################*/

body#cpanel { background: #e5e5e5; }
#cpanel h1.title {
	margin: 0;
	color: #2b82d4;
	display: table;
	float: left;
}
.version { font-size: 10px; color: #808080; }
#cpanel_manage_server .cpanel-title { margin-bottom: 12px; }
#cpanel h1.title span { color: #808080; font-weight: normal; font-size: 22px;}
#cpanel_user_list,
#cpanel_object_list,
#cpanel_unused_object_list,
#cpanel_billing_plan_list,
#cpanel_sensor_template_list,
#cpanel_companycard_list,
#cpanel_manage_server {
	margin: 15px;
	padding: 15px;
	background: #ffffff;
	border-top: 3px solid #2b82d4;
}
#dialog_user_edit_tabs { height: 555px; }
#dialog_user_edit { padding: 0px; }
#cpanel_user_list .inputbox-search,
#cpanel_object_list .inputbox-search,
#cpanel_unused_object_list .inputbox-search,
#cpanel_billing_plan_list .inputbox-search,
#cpanel_sensor_template_list .inputbox-search,
#cpanel_companycard_list .inputbox-search {
	width: 300px;
	margin-left: 3px;
}
#cpanel .ms-save {
	position: absolute;
	right: 0px;
	top: 2px;
}
.sensor-template-dialog-title {
	display: flex;
	align-items: center;
	gap: 6px;
}
.sensor-template-dialog-title span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
#dialog_sensor_template_properties {
	overflow: hidden;
	padding-bottom: 0;
}
#dialog_sensor_template_properties > .row:last-child {
	margin-bottom: 0;
}
#dialog_sensor_template_properties .sensor-template-field-row {
	display: grid;
	grid-template-columns: 13% 34% 12% 1fr;
	align-items: center;
	column-gap: 14px;
	line-height: 24px;
	margin-bottom: 3px;
	font-size: 11px;
}
#dialog_sensor_template_properties .sensor-template-field-row div {
	display: block;
	font-size: 11px;
}
#dialog_sensor_template_properties .sensor-template-label {
	box-sizing: border-box;
	padding-right: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#dialog_sensor_template_properties .sensor-template-input {
	box-sizing: border-box;
}
#dialog_sensor_template_properties .sensor-template-input .inputbox {
	box-sizing: border-box;
	width: 100%;
}
#dialog_sensor_template_properties .sensor-template-grid-row {
	display: block;
	margin: 0;
}
#dialog_sensor_template_properties .ui-jqgrid {
	box-sizing: border-box;
	width: 100% !important;
}
#dialog_sensor_template_properties .ui-jqgrid-view,
#dialog_sensor_template_properties .ui-jqgrid-hdiv,
#dialog_sensor_template_properties .ui-jqgrid-bdiv,
#dialog_sensor_template_properties .ui-jqgrid-pager {
	box-sizing: border-box;
	width: 100% !important;
}
#dialog_sensor_template_properties .ui-jqgrid-pager {
	margin: 0 -15px 0 -33px !important;
	padding: 3px 15px 2px 15px !important;
	width: calc(100% + 48px) !important;
	height: 30px;
	overflow: visible;
	border-radius: 0 0 4px 4px;
}
#dialog_sensor_template_properties .ui-jqgrid-pager .ui-paging-info {
	padding-right: 12px;
}
#dialog_sensor_template_properties .ui-jqgrid-bdiv {
	border-bottom: 0;
}
#dialog_sensor_template_properties .ui-jqgrid-btable,
#dialog_sensor_template_properties .ui-jqgrid-htable {
	width: 100% !important;
}
#dialog_sensor_template_apply .Tokenize,
#dialog_sensor_template_from_object .Tokenize {
	min-height: 76px;
	width: 100%;
}
#dialog_sensor_template_apply .Tokenize .TokensContainer {
	min-height: 56px;
}
.sensor-template-apply-result {
	line-height: 18px;
	margin-top: 8px;
}
.ui-dialog:has(> #dialog_object_edit),
.ui-dialog:has(> #dialog_object_edit) > .ui-dialog-content,
#dialog_object_edit {
	overflow: visible;
}
.ui-dialog:has(> #dialog_object_edit) > .ui-dialog-titlebar {
	overflow: hidden;
}
#dialog_object_edit .Tokenize ul.Dropdown {
	z-index: 10000;
}
.ui-tabs .ui-tabs-nav li.save-btn { float: right; }
#cpanel #dialog_user_edit_account .controls,
#cpanel #dialog_user_edit_contact_info .controls {
	position: absolute;
	right: 15px;
	top: 4px;
}
#cpanel #cpanel_manage_server .ui-tabs-nav {
	background: #f5f5f5;
	padding: 10px 15px;
	border-bottom: none;
	margin: 0 -15px;
}
#cpanel #cpanel_manage_server .ui-tabs .ui-tabs-nav li { border: none; }
#cpanel #cpanel_manage_server .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color: #808080;
	color: #ffffff;
	padding: 5px 15px;
}
#cpanel #cpanel_manage_server .ui-tabs .ui-tabs-nav li a {
	padding: 5px 15px;
	margin-right: 5px;
	font-size: 12px;
	background-color: #ffffff;
}
#cpanel_manage_server {
	position: absolute;
	top: 36px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	overflow: hidden;
}
.cpanel-tabs-content {
	position: absolute;
	top: 50px;
	bottom: 45px;
	right: 0px;
	left: 0px;
	overflow-y: auto;
	margin-left: -15px;
}
#cpanel_manage_server .ui-img-container {
	display: flex;
	height: 160px;
	background-color: #f5f5f5; 
	border: 1px solid #f5f5f5;
	justify-content: center;
	align-items: center;
}
#cpanel_manage_server .logo {
	border: 0px;
	width: auto;
	height: auto;
	max-width: 215px;
	padding: 5px;
}
#cpanel_manage_server .login-background {
	border: 0px;
	width: auto;
	height: auto;
	max-width: 215px;
	max-height: 150px;
	padding: 5px;
}
#dialog_language_properties .row2 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*#################################################*/
/* CPANEL TOP PANEL
/*#################################################*/

#top_panel .select-view,
#top_panel .select-language { margin: 1px 0; padding: 5px 10px; }
#top_panel > .tp-menu.right-menu > .select-language { padding-left: 4px; padding-right: 4px; }
#top_panel .map-btn a { background: #2b82d4; }
#top_panel .map-btn a:hover { background: #2b82d4; opacity: 0.9; }
#top_panel .select-view { width: 180px; }
#top_panel .tp-menu div.user-btn a,
#top_panel .tp-menu div.user-list-btn a,
#top_panel .tp-menu div.object-list-btn a,
#top_panel .tp-menu div.billing-plan-list-btn a,
#top_panel .tp-menu div.unused-object-list-btn a,
#top_panel .tp-menu div.sensor-template-list-btn a,
#top_panel .tp-menu div.companycard-list-btn a,
#top_panel .tp-menu div.manage-server-btn a {
	display: flex;
	align-items: center;
	gap: 5px;
}
#top_panel .user-btn img,
#top_panel .user-list-btn img,
#top_panel .object-list-btn img,
#top_panel .billing-plan-list-btn img,
#top_panel .unused-object-list-btn img,
#top_panel .sensor-template-list-btn img,
#top_panel .companycard-list-btn img,
#top_panel .manage-server-btn img {
	float: none;
	margin-right: 0;
	flex: 0 0 auto;
}
#top_panel .user-btn span,
#top_panel .user-list-btn span,
#top_panel .object-list-btn span,
#top_panel .billing-plan-list-btn span,
#top_panel .unused-object-list-btn span {
	display: inline-block;
	float: none;
	margin-top: 0;
	line-height: 16px;
	white-space: nowrap;
}

/*#################################################*/
/* @media
/*#################################################*/

@media (max-width: 1200px) {
	#top_panel .tp-menu div a {
		padding-left: 13px;
		padding-right: 13px; 
	}
}

@media (max-width: 1150px) {
	#top_panel .user-btn span {
		display: none;
	}
	#top_panel .user-btn img { margin-right: 0px;}
}

@media (max-width: 1100px) {
	#top_panel .user-btn {
		display: none;
	}
	#top_panel .user-btn img { margin-right: 0px;}
}

@media (max-width: 1050px) {
	#top_panel .select-language {
		display: none;
	}
}

@media (max-width: 1000px) {
	#bottom_panel_graph_label {
		display: none;
	}
}

@media (max-width: 950px) {
	#top_panel .billing-btn {
		display: none;
	}
	#top_panel .billing-btn-red {
		display: none;
	}
}

@media (max-width: 850px) {
	#top_panel .cpanel-btn {
		display: none;
	}
	#top_panel .logout-btn {
		display: none;
	}
}

@media (max-width: 800px) {
	.map-layer-control {
		display: none;
	}
}

.pac-container {
	z-index: 10000 !important;
}

html.connect-transform-arrival #loading_panel {
	display: none !important;
}

#bottom_panel_msg_list_grid tr.jqgrow td[aria-describedby="bottom_panel_msg_list_grid_params"] {
	overflow: auto;
	white-space: nowrap;
	text-overflow: clip;
}

.route-marker-popup {
	border-collapse: collapse;
	min-width: 220px;
}

.route-marker-popup td {
	padding: 2px 6px 2px 0;
	vertical-align: top;
}

.route-marker-popup td:first-child {
	font-weight: bold;
	white-space: nowrap;
}

.route-marker-popup a {
	color: #2b82d4;
	text-decoration: none;
}

.route-marker-popup a:hover {
	text-decoration: underline;
}

#settings_event_time .event-schedule-legacy {
	display: none;
}

#dialog_settings_event_schedule_grid {
	margin-top: 8px;
	min-width: 560px;
}

.event-schedule {
	color: #4f5f66;
	font-size: 11px;
}

.event-schedule__header,
.event-schedule__row {
	display: grid;
	grid-template-columns: 56px minmax(460px, 1fr);
	gap: 6px;
	align-items: center;
}

.event-schedule__header {
	margin: 0 0 4px;
	color: #879198;
	font-weight: bold;
}

.event-schedule__axis {
	position: relative;
	height: 18px;
}

.event-schedule__axis span {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	white-space: nowrap;
}

.event-schedule__axis span.is-end {
	transform: translateX(-100%);
}

.event-schedule__row {
	min-height: 36px;
}

.event-schedule__day {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	border: 1px solid var(--gs-accent-color-1, #2b82d4);
	background: var(--gs-accent-color-1, #2b82d4);
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}

.event-schedule__row.is-off .event-schedule__day {
	border-color: #dfe5e8;
	background: #eef2f3;
	color: #91a0a8;
}

.event-schedule__track {
	position: relative;
	height: 36px;
	border: 1px solid #e0e5e8;
	background:
		linear-gradient(to right, rgba(172, 185, 194, .18) 1px, transparent 1px) 0 0 / 4.1666667% 100%,
		linear-gradient(to right, rgba(172, 185, 194, .34) 1px, transparent 1px) 0 0 / 12.5% 100%,
		#f7f9fa;
	cursor: crosshair;
	overflow: hidden;
}

.event-schedule__row.is-off .event-schedule__track {
	background:
		linear-gradient(to right, rgba(172, 185, 194, .14) 1px, transparent 1px) 0 0 / 4.1666667% 100%,
		linear-gradient(to right, rgba(172, 185, 194, .22) 1px, transparent 1px) 0 0 / 12.5% 100%,
		#fbfcfc;
	cursor: pointer;
}

.event-schedule__range {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	width: 100%;
	border: 1px solid var(--gs-accent-color-1, #2b82d4);
	background: rgba(43, 130, 212, .35);
	background: color-mix(in srgb, var(--gs-accent-color-1, #2b82d4) 35%, transparent);
	box-sizing: border-box;
	cursor: pointer;
}

.event-schedule__range:hover {
	opacity: .9;
}

.event-schedule__presets {
	display: flex;
	justify-content: flex-end;
	gap: 4px;
	margin-top: 10px;
}

.event-schedule__preset {
	height: 28px;
	padding: 0 12px;
	border: 1px solid var(--gs-accent-color-1, #2b82d4);
	background: var(--gs-accent-color-1, #2b82d4);
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.event-schedule__preset:hover,
.event-schedule__preset:focus {
	opacity: .9;
}

@media (max-width: 760px) {
	#dialog_settings_event_schedule_grid {
		min-width: 0;
		overflow-x: auto;
	}

	.event-schedule {
		min-width: 560px;
	}
}

@media (min-width: 640px)
{
	#side_panel_share {
		display: none;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		width: 280px;
		background-color: #ffffff;
		opacity: 1;
		padding: 5px;
	}
	
	#side_panel_follow {
		display: none;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		width: 280px;
		background-color: #ffffff;
		opacity: 1;
		padding: 5px;
	}
}