.SkyFMS #heads2 {
	width:100%;
	background-color:#325CC8;
	z-index:2;
	position:relative;
	height: 56px;
}

.SkyFMS #heads2,
.SkyFMS #heads2 a,
.SkyFMS .new_submenu,
.SkyFMS .new_submenu a,
#warnings_on_map.notification_wrapper p {
	font-family: 'Roboto', Helvetica, Inter, Arial, sans-serif;
}

.SkyFMS #logo {
	/*default logo - SkyFMS*/
	background: url(../images/SkyFMS_logo_125x42.png) no-repeat center center;
	position:relative;
	float:left;
	width:160px;
	cursor:default;
	height:100%;
}

.SkyFMS .logo_link {
	display: block;
	float: left;	/* To match #logo. */
	height:100%;
}

.SkyFMS .logo_link #logo {
	cursor: pointer;	/* To override ".SkyFMS #logo"'s "cursor: default". */
}

.SkyFMS .logo_link.disabled,
.SkyFMS .logo_link.disabled #logo {
	cursor:default;
}

.SkyFMS #toolbarLeft {
	background-color: #dde5f4;
}

.SkyFMS .head_tools_wrapper {
	position:static;
	float:none;
	padding-left:160px;
	overflow:auto;
	height:100%;
}

.SkyFMS #info_wrapper {
	position:absolute;
	top:0;
	left:0;
	width:160px;
}

.SkyFMS .top-tools-wrapper {
	position:relative;
	float:right;
	height:100%;
	border-left:1px solid #6998E8;
}

.SkyFMS .top-tool {
	position:relative;
	float:right;
	height:100%;
	padding:0 16px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.SkyFMS .top-tools-wrapper .top-tool {
	float:left;
}

.SkyFMS .top-tool-dropdown .triangle_container {
	display:none;
	position:absolute;
	top:-10px;
	right:20px;
	width:20px;
	height:10px;
}

.SkyFMS .top-tool-dropdown .triangle_border,
.SkyFMS .top-tool-dropdown .triangle {
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	border-style:solid;
}

.SkyFMS .top-tool-dropdown .triangle_border {
	border-color:transparent transparent #797979 transparent;
	border-width:10px;
}

.SkyFMS .top-tool-dropdown .triangle {
	border-color:transparent transparent white transparent;
	border-width:9px;
	left:1px;
}

.SkyFMS #username {
	overflow:hidden;
	font-size:12px;
	font-weight:500;
}

.SkyFMS .openable {
	cursor:pointer;
}

.SkyFMS #language_active {
	font-weight:700;
	text-transform:uppercase;
}

.SkyFMS .phone {
	text-align: right;
	margin-top: 4px;
}

.SkyFMS .top_menu {
	height:100%;
	margin:0;
	clear: both;
    float: left;
    padding: 0;
    position: relative;
}

.SkyFMS .top_menu li {
	float: left;
	display:inline;
	list-style: outside none none;
	margin-right: 1px;
	padding:0 11px 0 6px;
	position: relative;
}

.SkyFMS .top_menu li,
.SkyFMS .top_menu li a {
    height:100%;
}

.SkyFMS .top_menu li {
	background-image:none;
	background-color:transparent;
	border:none;
	margin:0;
	padding:0;
}

.SkyFMS .top_menu li a {
	position:relative;
	float:left;
	padding:0 16px;
    font-weight: bold;
	font-size:14px;
	text-decoration: none;
}

.SkyFMS .top_menu li:not(.use_new_icons) a {
	padding:0 20px 0 50px;
}

.SkyFMS .top_menu li a .center,
.SkyFMS .top-tool .top-tool-center {
	line-height:16px;
}

.SkyFMS .top_menu li a svg,
.SkyFMS .top-tool .top-tool-center svg {
	height:14px;
	display:inline;
	vertical-align:middle;
	margin-top:-1px;
}

.SkyFMS .top_menu li a .icon-only svg,
.SkyFMS .top-tool .top-tool-center.icon-only svg {
	display:block;
}

.SkyFMS .top_menu li.use_new_icons a {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.SkyFMS .top_menu li:not(.use_new_icons) a {	
	line-height:56px;
    background-color:transparent;
    background-repeat:no-repeat;
	background-position:10px center;
}

.SkyFMS .top_menu,
.SkyFMS .top_menu li,
.SkyFMS .top_menu li a,
.SkyFMS .top-tool {
	color:#fff;
}

.SkyFMS .top-tool-dropdown,
.SkyFMS .top-tool-dropdown a,
.SkyFMS .submenu_container,
.SkyFMS .submenu_container li,
.SkyFMS .submenu_container li a  {
	color: #becbd3;
}

.SkyFMS .top-tool-dropdown .action_row {
	width:100%;
	position:relative;
	float:left;
}

.SkyFMS .top-tool-dropdown#language_dropdown .action_row {
	width:33%;
}

.SkyFMS .submenu_container.new_sublenu li,
.SkyFMS .top-tool-dropdown .action_row {
	border-bottom:1px solid #fafafa;
}

.SkyFMS .top-tool-dropdown .action_row {
	padding:0 8px;
	box-sizing:border-box;
}

.SkyFMS .top-tool-dropdown .action_row > a {
	display:block;
}

.SkyFMS #actions_dropdown .action_row.validity_period {
	font-size: 10px;
}

.SkyFMS #actions_dropdown .action_row.languages:hover,
.SkyFMS #actions_dropdown .action_row.switch:hover,
.SkyFMS #actions_dropdown .action_row.validity_period:hover {
	background-color:transparent;
	color:#636363;
}

.SkyFMS #actions_dropdown .action_row.logout {
	border-bottom:none;
}

.SkyFMS #actions_dropdown .action_row.languages .lang_label {
	position:relative;
	float:left;
	line-height:20px;
}

.SkyFMS #actions_dropdown .switch {
	padding-bottom:8px;
}

.SkyFMS #actions_dropdown .switch a,
.SkyFMS #actions_dropdown .switch span {
	display: inline-block;
	line-height:1em;
	padding:8px 15px;
	border: 1px solid #C9C9C9;
	background-color: #EDF1FA;
	color: #C9C9C9;
	font-weight:bold;
	font-size:12px;
	text-transform: capitalize;
}

.SkyFMS #actions_dropdown #viewmode span.simple,
.SkyFMS #actions_dropdown #viewmode a.simple {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.SkyFMS #actions_dropdown #viewmode span.professional,
.SkyFMS #actions_dropdown #viewmode a.professional {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left:none;
}

.SkyFMS #actions_dropdown #viewmode {
	display:flex;
	justify-content:center;
}

.SkyFMS #actions_dropdown #viewmode span {
	background-color:#325CC8;
	color:#fff;
	cursor: default;
}

.SkyFMS #actions_dropdown #viewmode a:hover {
	background-color: #FAFAFA;
}

.SkyFMS .top_menu li:hover,
.SkyFMS .top_menu li.active,
.SkyFMS .logo_link.active,
.SkyFMS .top-tool.openable.active,
.SkyFMS .top-tool.hoverable:hover  {
	background-color: #476DCE;
}

.SkyFMS .top-tool.openable.active,
.SkyFMS .top_menu li.active a {
	color: #C3D6F6;
}

.SkyFMS .top-tool.openable.active svg path,
.SkyFMS .top_menu li.active a svg path {
	fill: #C3D6F6
}

.SkyFMS .top_menu li.Map:not(.use_new_icons) a,
.SkyFMS .top_menu li.History:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg5JREFUeNqc1MtLlUEYx/HzniyIvISVCZqZXakWQvtCOKmJEphQJG1MSLvsKypa9A9ERZAbF2qWoKUtEjHKRRBiIi4MtYVBXsuOSqSY2feB3xvD8K4a+JzDzDvzzH2CN/3DsYi0E+dQhAJsxzw+4y2e46vfKO7lN+I6PqBMZdswhK2qX4z3uKX6kcHS1eMZXEQVDuA2TuEG9mvEF1CBVmT4wTbgMTbjJHrVaA6NqtOkqVmgPtXbhAa1/xfsEg7jPJIqs57b8Ef5dTxDufKLCrwHV8NgNsxruKNFjmmEhRqBmyx/FGnKJ7V2l5FpwUrxA6+cRgX6H/GCjWJNaxmmbkzZiC1YAq81jTDlYwarXjCb8hfkeOXWPpHCzyF8xG4v2E+vLEzL2Ot9+459AYe2P6Kn/0lJG9kv3ESH88HOWjUqIxrZ2XqJp06Z7fCVFC2yTWvB+TitQ7wQEcx2ctL7loexuA5oqXcbJpCtQ+kmO5y7vHsZ6Oq9i2sn7N6ddiqMa+eOeMEOqtNPTlmZOn4R10m+j7vIUoUVDOK4F+wEhrXTMb0m9/DIDnw4tSfqzRZ1h8o6cdaZfqB8l/KZaLG1wgP3bq7ppfiGHr0Sdg+3oF51ajRyC1CiekuoVftY4D2Otrt1urjTqnxM18ienwGkIhcP9dKsuo3d9FuVmvVqFCuovbyzCt6uJZj3z8xfAQYAseR6TCSGYyoAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.Map.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Map:not(.use_new_icons):hover a,
.SkyFMS .top_menu li.History:not(.use_new_icons):hover a,
.SkyFMS .top_menu li.History.active:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNqs1EsvQ0EUwPGWCkmTaohn47GgaReIVCxtWXjEQjy+hw0WHo3EhxCLhrAgEdLY8gksvEqIVwUVCxYSCfUfOVeOyVWbTvJL58zcObfzuOPNZrOefJWCHH0t6IQXbfJsTOruxfwzSwgJpBBEHHdYQADHWEWdPdZO1IojGTyDZtxKnEYUExKfIKbH62lWYQVBibcwpJbCTHcY2xIHkEDIbc1mUSb1N+yjy1oVEx/gVWLz4ridrBG9atCF/EatZGEU4lS1dUv7T7IemYZTLmXaRS67X4+01W7Ge3wSVODKSua32pxSgnOrr/x7UfN5aJ1/No9B1b6OZWy4jBnBAEZVm9nhcZ+aVqnqrMaL1eYUs5O1Vt+13oAdfKrOBtzj3Ur0gRt9tsxHhKROZjJvqgeapO/QSpaSl0ZUW1I25Nehncaj1IvRjj0r2a5cAH6JnzDl9gVkZFEzEvdjTU0/K3GfxM8Yw0OuW6MSizhDBSblw56TW8TcGkuo+e/W0MLqVjB1cyY7EPlrTF4P7ZcAAwBUCzbhHZehwQAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.SmartService:not(.use_new_icons) a,
.SkyFMS .top_menu li.Reports:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPRJREFUeNpi3Hf6MgMUsAHxLCBOgPKXA3EklD0XiPOB+AuIwwLEHEDMDsS8QKwLxPxQhUZIbAMglgXiZ0D8C6TpOBC/BGJmIBYB4pVQhVxIbJD4FChbGqSJE4g9gJgPiPdC2SBwA4l9EohjgJgJiE8zMSDAJyCuQOLnIrErgfgFjMPCgAr2IrF3I7H3IStiYiADIGvyh4YOLuyHzXm7kTyODdyERg+Kpm9AfImAy9ip4rxdRDiPHV3TdyB+AMSMWDT8B+Kf2DQFISUVbCATiPeja9pGwHk3sIXeDyJCj4PsFAGziZ9I9bwwTe+A+DoJFr0ACDAAY/g27TrxLCEAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.SmartService.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.SmartService:not(.use_new_icons):hover a,
.SkyFMS .top_menu li.Reports.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Reports:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJtJREFUeNpi+P//PwMUswHxAiT+ciT2XCDmgfFBBAcQ8wOxDBCfhbJB+CYSGySuCWVzMgKJ8wwMDOIMxINPIE03gAw+EjQxDHJNoNC7AcTPgHg6UhBjwzOg6p4h2/QNiO/gMV8diNkHznnfgfg2Oc77BLIcWyijeAHJeVMIOG86Nuf9AOJbeJynAcRsQyAZgTQdA9IKJOh5ARBgADdjFd8RYdOxAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.Fuel:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKdJREFUeNpi3Hf6MgMUvAfi/wyEARMQiwKxIxDvAgmwIEl+AmJ5Igz5AKW7oBafZsGi6B0WMU4g/gnEAlD+byDOBuIZQGzGgsO5AljEH6LxjwLxWSDOY2GgDFSADGei0BCQ13nIMYQPqvk9sv9JBaBYFILSDOhRDAP/cMTQJ1ymYjNEiFSnURqwo4bQwBB+WNFBSd4RoKp3WNBS5zsi9CCnaHDCBAgwAK29HxosjwEsAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.Fuel.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Fuel:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpi+P//PwMUf/hPHACpYwViN5heJgbyQRcQm4JZWFwiiAVzADE/kktA6q2B+CwQMzOCBKDgAxDzAzEjDpv5oWo+ArEAVGwWEF/H5hIGHBjdJSAsBMSfKQkTEHgHxDzkGMIH1fweJkCOIZ+AWAhKgwELFkWCeFyAFbDg8CdJgNKAHTWEBoaA8tJ/XFFMLBCgqndARcE7CvSDkj8DQIABAA+NwSWMg0gkAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.EcoDriving:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKFJREFUeNpi3Hf6MgMOwAfEp6A0CLwFYiMg/o1NMQsDbsALNaQUyu8GYk5yDIKBczhcewiI2aH8D8QYhMu1YkCcDcQiQNxIrkEwAApDaRCDiYFKgAVqKi+U/w2IrYD4JzkGyaDFDDu5BuGKGZIA1cJo1KARbRAsQRrhUYNPzgya+8EGvYNmDRD4CMS/oOzPQPwJSQ6k7juSHAhPhfJfAgQYAHSIHgWCajFWAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.EcoDriving.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.EcoDriving:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIJJREFUeNpi/P//PwMOwAfEp6A0CLwFYiMg/o1NMRMDbsCLZAgICAMxJy7FLAzkAZAFh4CYHcr/QK5BINeKIfH5mRioBKhmEAs0Znih/G9AbAXEP8kxSAbZr9AA/DlgXhs1aNSgQWfQOyT+RyD+BWV/BuJPSHIgdd+R5D4jyb0ECDAArlIV+Nuo14sAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.Planning:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNqs1E0rRFEYB/A7100WNmPBZCF5mZg0SSiyViQvNWOH5CPYsZi7ITvlEyjZSMJ4ySxsKMxoSoZsvCzEDFGzEZnif+p/6zTuMZeZp37d1/PMuc9z5rj2Y+eag+iGWWiEOwjBaq5BuoPEXbADSZiEBKzAYK6BLgcz34By6IQv3gtDBbTnO/NqOJYSiziEqkKU5YI1L+Z1EfTBZa6BhoPkC3AEMdhjDzqc1NxQzNTH8xR4YRd6wM/7cZYmxX6IuIWa35L7qB8epHdMJrfCZA96eV0GEWiFU1XyIFxzNcgRhS3WOio9f5XeEcsuICfPbqh4uK4oYYizNRXPwxxvu1pEOZpgWzFY1HmK9Rcrp41fXsrrTaiFFrvkoiRpNkoVS0w4wfJ4YISNfYQn5vmRXHxSCX/dLurgCka5rwzBCxxw37mnYHZDG1iSCDemAXDDIszDG0zDHMvyLPUmQR6qZGniulSSd85eHMdg3Np/4JPnM/x8u0jyf5C2GmttXGfSjOWvymh/j2U226uzJH6b/fk/iUWsQT00GyxJhqvEreUfJ/ABwwbrI443WmEj8C3AAKZ8ZWxda1lxAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.Planning.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Planning:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXhJREFUeNq01M0rRFEYx/FrlNUslGIny2kWijRJUjaz8lozlmSh7FhKyUYW/odBWVl4y+Qv0KSJxaQxZSalxJDdhDQ4vpfn5rpzX04Tv/o095zOee7tueeOoZQyNMRxiifkkdDZp1O4H29IYxbb+MBY0N6Grzv45wCt6IO1+BBtiPltDBnB6cCJrbCZY7QHbdQpnkccTTJuxBAuAndq9LxXfSeHNWRkPFrPC82rnzyiBUfqd85k/t42dxVUPKpqk0LMMTeMTZe1PfZ6zp4nXTo3jWakZZyVvk+5rE349fxcuecag3K+J1H2WFfyaktU+cdswwJ28IosqqjI2Eq3W1uSAQfLbEMYI0jJB1TGlnxQNzV1HC3ZRcHjyYsIywt+wB6eZZ95RN/luJacbYlIgXW8YB8bMjePRblewa3Hze8wY2+NVXzJsXAcA3I9h2Wll4r8rtqL51wWVlX9ubT+FSO0vmD8fbpCGqek3kyYT57jovMfihc/BRgANOqaGx11YccAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.Video:not(.use_new_icons) a {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASlJREFUeNpi3Hf6siQDA8MMILZlIB2cBOJ0IH6ELsECxAuB+BoQlwDxXxIMZQLiZCBeis1RjEAX/wTSGkB8nwwXCwPxG5A5SGKeQOwMcjEbiS5FBn/QLJkAxNFA/IkJjyZfIA4i0oIwaHCC4isUFk64ACjs1wLxXCDmIGDwZGgcuQDxLUIGw+SSgPg4EKvgUasJxIuxaSYEDID4NBD74JB/h8tVxAABIJ5FSlokFnwB4kJqG3wDiC2AeCUOeSlSDIalbZBhpkB8FY9aUFLLQjaPBY/iLGgyW0iEj1KgSS4GiKcQcvFKIg0FgTVArAXE14F4CczFv4CYmcwszQ7VDwLvkQolC5DBe4A4H4inklhmMEOD6wCa+D4QZoHaMgNatpJTHidikwAIMAAZLzkawZUjBAAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.Video.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Video:not(.use_new_icons):hover a {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNpi/P//vyQDA8MMILZlIB2cBOJ0IH6EIQM0eNd/ysBhIGZAx4xA4ifQfDYGygAjEtsTiJ0Z/lMHgMwRBuLFUP4HfAZvAuK1RBocBsQvkfh4DRaEuiQJiL+T6IMPTHjC7R+UngfElkB8h5RAZyJS3QUgNgXiLUTHJjjksQMBIP6IJgZK88+IMPcjEwm+4wHifmIVsxCpTgOI1wCxNjXCmBlKhwPxaVIMhWVpXGAFEC8gMnmFAPFzYtMxqTkPlO7nAvE/kMHUKCt+ATE7Et8JiC1ANm2l0LU7cZVuEtDy2I7M8jgZW9oGCDAArQ90sVWIGUIAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.Warnings:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXFJREFUeNqs1E8oBGEYx/HZtevPwbQXJ3/jShQlxVGJpFwpcXBC5OJfCAfbRCml3Pw5kFwVBw7KxZED5aDcaItSUsL3rWfqTe+7M7vrqU/TzDv9pnfmeSZyfn3jhKh67KIPt0E3R51wtYgSzIe5OUxoJ5qxgVa05xoaxyzOkMQF5hDLJXQA5ViR8yVUoz/bUBcT2MeDXLvHASZRnE3ouGxzTc4b5OihECOZhlZgCJtIoQYnsvVnbGEYpZmEzuAF23KeL8cCOarQV0yFDW1Et3ztT8tDP7CKXhmMtKERLECN2XFAZxzhzjQQUUOjN0nr/ASEfsuktaDDFqo3+pVhu+oh73+uX2oDETeFDqJMa3S9HmUHT4Y1tatKfSD80IT05Z7W6Hol5NW4hjV9IFw9VAXmYd3y/nqwjC7LuiftNubIxFTJ1j1pdFMd4g2nlnV/IEaxE5NG/5JttKX52il5r7byf97TKrQWReoJzv9U3a8AAwAuNkarxcNIxAAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.Warnings.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Warnings:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNpi+P//PwMRWB+ILwKxDjHqGYg0dD0QPwPiVcSoZ2IgDLyA2BzKtgFiV0IaGMHOxQ1YgfgAECsiid0GYmcg/oNLEyGXxqMZCAKqQBxDrkv5gPg4EAtikXsLxFZA/JlUlxagGXgBiS0MxDmkulQOiA8BMRuUfxeIbYH4CBArQcV+QiPuKbEurUIyEAR+IRkEA+xAXEGs942B2JeBOBAExPqEDGUE4nooTQwAqasjZCgooZswkAYsgdgDl6GghF6NQyMn1FU8OORroPoxDE0EYgUcmkDiZ4BYFoe8EnKGgBkqAE2XuMAHIN4GxJ/wqCmGZhi4oQVQg3GBjUBcC8Rb8agRAuI8WOIHee0gcphgAT+AeAcQu0PDFxcApWM7kKGzgAwfBuqBDSDv6zBQF+gCBBgA0oG0aEMxJw4AAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.easyFleet_Tachograph_Menu:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAStJREFUeNpi3Hf6cgoDA0MPEPMzUAe8B+IcFqihMUB8jUoGGwPxRBaoSy8B8SMg5gJidhIM+QHE34FYCsp/BsR/QOawICkCGfgSiHlIMPgdEOsB8U0oXwkmgWwwB9RQBSD+RIShfED8AKrvNxAzAvE/bAbDwAcg/kiEwTBD3gCxKhJbDpfB5ABQuP5FFmCigqGSQPwQiO8gJ1lquJgFGvFMyOZhM1iASJ/wQenHQKwJDY63QMyNbvBPIP4GjWliwRdoOr6PzRvIiV0W6mJiASgF/cIVPsgAlFSY0cRAafo2ECtjsZQTmkkIGnwOmtCRASi76wPxBCD2QZP7iMuH6AbzYxH7CaVDoS7ElkmwGgyy1ZSCpCeMxrcCmQkyrASIJ0PzPDUAKGWVAgQYAN+JNyrfL/1/AAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.easyFleet_Tachograph_Menu.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.easyFleet_Tachograph_Menu:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPxJREFUeNq0lE0KwjAQhdNa/4tKdSWICLr1JJ7Ada/gBbykC3FTRXFTUhStoMYXmUIIKRiIAx9NE/omybwOE0LEgAt3kYKlJ0UZY13mNk5SWCgTN/CwEGiAJjjS+5CeGVOOkINQ5rEgAgfQJs6kxQMlew6ulkdO6bsqkCf3i4XAwX0OwFYZOxMudCrqhO/CAWAMpt+iOdzxk5z0prEz4RHYkFbfJFwHLfLyrxGSjyemS1fNvgfcQrgHamXVVCMBL22uA2ZgZ0h6B5ExpdZAPMPfNae1hWGtW9KIuN4rLmpltbvPaYe6XU0NLPtXd0ukcIzBmornIqSrVh8BBgBhWiBQRVQ/GQAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.easyLogistics_Settings_Menu:not(.use_new_icons) a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZtJREFUeNqU1E0oRFEUwPEZ3mwo+WjytbGQEiuykpQisvCRko+ymRUbNmTBxvgWUTRJyBBl2FhISWykJiKKDYqFDRGxkfjfOqPbazxvTv0Wb+6bM/eec+4494LnDhtRiHbk4wuH8vwceiHKRpJ6zOMIzbhGriT8DeOfJMXoQwNOMIZ0VOHVbiK120H04hgeVKIGN+aXrRLlIAHr8tyIYVxq70RjGm9WiVLwoNUiHnfauhMTqFBFtyr2E9K0XR+gFbFwYRQl8lmSVaIYxCFTnr2yqzOomSmV46q4/+toeZiTLl1pOyyXmXLJOHxIV7fCJcqGH0sYN619Yl8rtCp+oiq4OVEGVrGJAdNaLbIQlC+rYyWjTs2UnigVAezK7OhRjSGcokm1GzuYxIs+R25syB3qwreWpExq5dGO5Qg3kKoza7hAh+kOFcGHNqskoWug2vqIEbRI21UUYAGd2P7vZhvSUo9MaDfe5Rr45UcCdv5nDGmpW7qlWnqLFUxh0WEzDLmUPXJ31BFnsYwZRwShEvXLTrzSSp+IKH4EGAA6z1lFF6VmSwAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.easyLogistics_Settings_Menu.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.easyLogistics_Settings_Menu:not(.use_new_icons):hover a {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVBJREFUeNqU1D8oxGEcx/HHcQulLhE3WcVkk8EsRUpZ1S2XzWQlDKIug02hFIXJIJvBcIvBROQSMagr3YXh6Of91fOrp6fn99zze+p19fve7z73ff78fiqKIhVgFMeo4AH7yJn3tKnmYxabaDVqQ/g1b2qRNM8Yw4EVUsUUKqFBGVyh36jVMI1b+2bf1AatEBnrVoh0uo26L6jXUXs2Z4MSJvGe8QRVHbV5dCCLDczoepevo3ZHbQQ3+EGnUX9JChrGToo/OHPt2gBOkFNh4xET9hrJLh2mCHnSB7ZmTq1Pd9KT8KNvXOuO67jAFj7Mc9SNU+QTQhoo4NJ3emX1jxyHLx7yTBV9IXHQqm5Xjv8uvozvZScWcN50tdi1e7xhWb8SSvr6FXOBr5n/NWroTHkYPzGur9ewp0IHaUu6A9NiaCcx+chiBXcoo5g2RPwJMAC/nh60V6wuRQAAAABJRU5ErkJggg==');
}

.SkyFMS .top_menu li.Administrator_Menu:not(.use_new_icons) a {
	background-image: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAYAAABhh3Y4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoxJREFUeNqs1XtozXEYx/Hz2w7GwkZoDTFCM602HGbJJbMQTXMrl7alZIrwp4iUOvkDI5vLH4g/zEQuCdFqGc01K+SSNKSZS2Fss3k/+vz07RTt2J56dbZzfjvP93m+z/c771rNw0AnRAp2YjSmYAWWYTcO+A/FBDonFuEr9uMplmAN9rg5gh1MMgyzMA0VKFWCVsTiA4rxxj7/V2VjcAXV2PqXZ8owEedwEIOxCvPQhjlIVYtDkclStVqLIjTjEDahBzxkOh3JVEVWzVDcxAisRwnuYgNeY7znDMh8HFULbmAypuKWKuyDFmTgMvIwCudV0WZ9zzbEoQ5JKEAuFvgr7InjqsayT8A6PNbnc7FUC7mIq1iLXnihZz5hnH4erq60qCqrdpCfzCapRq04oYRuNGpPLOJVyT2c1MICavdsvFJlxdq3C1hpg+TvWasGYYiTIB+39cd2VhL1fn90QRUO4wHuoDdmKrktuhwb8RaTbGGWLKQ9WI0j+sJcVVKm9iVrECxeqgu2+fXoi0oUojuytOg47WOG2vg+qNNubUx3+m9lh53WWcsaNKnPkYPFqqxESfN05r7oJrHKmlTZn0Nth++bHvKjq97z44c2vJt+/64KPd0QYQ1TGrarbTnOwPwOG/1sXnfpfrNxr9W9tgPL9SVbdHjTtekVOhZnNdrtiqA2eqzutUIdyGM6I6eQgOsaf0s0UqtOUfvaHTHOq90e75zPwjrIdnNMV9ssPmuR/aK9SP1kierzfR3IhRjo7I89N0PPfMQzDURU4R/qBo1+ub64VmNvZ+aJ3g9pcNp09vZGm8yL+OeZrcSPdH01aRhOYwB+6iY/EzGt/5XMDdunfbotLun66VD8EmAAX+mkvQg3PSsAAAAASUVORK5CYII=');
}

.SkyFMS .top_menu li.Administrator_Menu.active:not(.use_new_icons) a,
.SkyFMS .top_menu li.Administrator_Menu:not(.use_new_icons):hover a {
	background-image: url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAYAAABhh3Y4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbtJREFUeNqs1T0sQ1EUB/DXD1KSEqEDk+ikKYuhAzHQGAwGo10HicRCNBKJsCARC2LqIEY2ia+FBcGG1GCRxiCCkJYqvf5Xzovj5j169Z3kl96+nr7Te3vPfYYQwnBAA6zDJdTCKJxDjOcZDhWLi+94Y+MsuM0811fF/0cQuqEHohaf52EIbmDtt1/bBDtwABM2Obui8IioXw5BkMbzLPEDykGuRAt4KedBuWGavrdnUWyQF+qlNc7AJrwryadwROMNKIVmJWec7uWDZ3Zdbh6PWcgPL0IvhmFSubZC9wtDjl0/g3qzmNwx+5rFonBvcf2aVkeNAb6M0xqFXmmpZgvMf4IaWSQC28q0ZTxCP7TTf6TGBYzQxpmzKZKmJq8ym3rRJjHOZu1XmtWMPJQpTb0FtzS+47vdi2bz2DRsho2zkIMSJccFbpiBJIRhClqhCxI/slGxDU7oV/JIQQfUwbLFrOTmSOgca/zNksYGkT0U0D1D3TRB+RrSOBN9ENA+SalqtcWJ8VeM6c6Mv4nR/yZ76NDi5im2y46hsphi5mZppPGq8oySvVIBfdRbRrHFuE5IwhUsOPGQ/RRgAG/l7V4DUgpAAAAAAElFTkSuQmCC');
}

.SkyFMS .top_menu li.support a {
	background-image: none;
	padding-left:30px;
}

.SkyFMS .submenu, 
.SkyFMS .submenu li ul {
	border:1px solid #0f4d80;
	border-bottom: none;
	box-shadow:0 3px 10px 0 #e3e1e0;
	padding:0;
	margin:0;
}

.SkyFMS .top-tool-dropdown {
	display:none;
	position:absolute;
	/* Needs to be over "Ask us" button */
	z-index:50000;
	width:240px;
}

.SkyFMS .top-tool-dropdown#language_dropdown {
	width:150px;
	text-transform:uppercase;
	text-align:center;
}

.SkyFMS .submenu_container .submenu {
	position:relative;
	background-color:white;
}

.SkyFMS .submenu_container {
	border-bottom: 1px solid black;
}

.SkyFMS .top-tool-dropdown,
.SkyFMS .submenu_container.new_submenu {
	border:none;
	border-radius:0px 0px 4px 4px;
	box-shadow:0px 0px 10px rgba(50, 49, 49, 0.4);
	background-color:#fff;
}

.SkyFMS .submenu_container.new_submenu .submenu,
.SkyFMS .submenu_container.new_submenu .submenu li ul {
	border:none;
}

.SkyFMS .submenu li {
	background-image:none;
	background-color:white;
	border-top:1px solid #eaeaea;
	height:35px;	
	padding:0;
	list-style-type:none;
	margin:0;
	position:relative;
	white-space:nowrap;
}

.SkyFMS .submenu_container.new_submenu .submenu li {
	height:auto;
	border-color:#fafafa;
}

.SkyFMS .submenu li .new {
	padding-left: 5px;
	color: #ff0000;	/* Red */
}

.SkyFMS .submenu .has_submenu {
	border-width:3px;
	border-style: solid;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #114380;
    position:absolute;
 	top:7px;
 	right:0;
}

.SkyFMS .submenu li ul {
	display:none;
	position:absolute;
	top:-1px;/* 1 -> border */
	left:100%;
}

.SkyFMS .submenu li a {
	padding:0 50px 0 15px;
	display:block;
	height:100%;
	line-height:35px;
	color:#636363;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.SkyFMS .submenu_container.new_submenu .submenu li a {
	padding:0 50px 0 8px;
}

.SkyFMS .submenu_container.new_submenu .submenu li a,
.SkyFMS .top-tool-dropdown .action_row,
.SkyFMS .top-tool-dropdown .action_row a {
	font-weight:normal;
	line-height:32px;
	font-size:14px;
	color:#323131;
	text-decoration:none;
}

.SkyFMS .submenu li:first-child {
	border-top:none;
}

.SkyFMS .submenu li.active,
.SkyFMS .submenu li:hover {
	background-color: #006dc7;
}

.SkyFMS .submenu_container.new_submenu .submenu li:hover,
.SkyFMS .top-tool-dropdown .action_row:hover {
	background-color:#FAFAFA;	
}

.SkyFMS .submenu_container.new_submenu .submenu li:hover a,
.SkyFMS .submenu_container.new_submenu .submenu li.active a,
.SkyFMS .top-tool-dropdown .action_row:hover a,
.SkyFMS .top-tool-dropdown .action_row.active a {
	color:#323131;
}

.SkyFMS .submenu_container.new_submenu .submenu li.active,
.SkyFMS .top-tool-dropdown .action_row.active {
	background-color: #F0F4FF;
	color:#323131;
}

.SkyFMS .top-tool-dropdown .action_row.active a {
	color:#323131;
}

.submenu_container .favourite + li:not(.favourite) {
	border-top: 1px solid #7c7c7c;
}

.SkyFMS .submenu_container.new_submenu .favourite + li:not(.favourite) {
	border-color:#C9C9C9;
}

.SkyFMS .submenu li.active a,
.SkyFMS .submenu li:hover a {
	color:white;
}

.SkyFMS .star {
	float: right;
	background:transparent url('../images/menu/StarEmpty.svg') no-repeat right center;
	margin-right: 10px;
	line-height:32px;
	cursor:pointer;
}

.SkyFMS .favourite .star, .SkyFMS .star:hover {
	background:transparent url('../images/menu/StarFilledYellow.svg') no-repeat right center;
}

.SkyFMS .down {
	background: transparent  url('data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpszEEOgCAUA9GCqKiI9z/tJ+OihsTNS6aLKiKUJR1wwQkNbujOZ966s5nv4KWaHTZYoZgFMqQZ/TEEGACOVgRBz8PkhQAAAABJRU5ErkJggg==') repeat-x;
	bottom:0px;
}

.SkyFMS .up {
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYTDAkgAeZrbgAAAEJJREFUCNd1zDkOg1AQRMFS3/+y5mPLrEM2iICkgtdSq6oKvFFPzuAI9mYL1mAJ/s2v+QZzM4KpGcGn17vN94GqcgGlwCJGoETSlgAAAABJRU5ErkJggg==') repeat-x;
	top:0px;
}

.SkyFMS .down, .SkyFMS .up {
	position:absolute;
	z-index:4;
	box-sizing: border-box;
	width:100%;
	height:35px;
	background-clip: content-box;
	padding: 0px 1px;
}

.SkyFMS .down div, .SkyFMS .up div {
	position:absolute;
	z-index:5;
	width:19px;
	height:10px;
	left:50%;
    margin-left:-9.5px;
}

.SkyFMS .up div {
	background:transparent url('../images/skyfms/arrow_up_19x10px.png') no-repeat right center;
	top:7px;
}

.SkyFMS .down div {
	background:transparent url('../images/skyfms/arrow_down_19x10px.png') no-repeat right center;
	bottom:7px;
}

.SkyFMS #help {
	background:none;
	float:right;
}

.SkyFMS .head_tools_wrapper > #help {
	margin:0 10px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.SkyFMS .top-tool-dropdown #help {
	margin:8px;
	height:auto;
}

.SkyFMS #help,
.SkyFMS #help a {
	font-size:11px;
	color:#becbd3;
	padding:0;
}

.SkyFMS .top-tool-dropdown #help,
.SkyFMS .top-tool-dropdown #help a {
	font-size:10px;
	color:#325CC8;
	font-weight:normal;
	text-decoration:none;
}

.SkyFMS #help a {
	text-decoration:underline;
	font-weight:bold;
}

/*-------------------- Pay As YouDrive---------------------------------------------------------------------- */
.SkyFMS .payd_report {
	 border-collapse:collapse;
	 text-align:center;
	 margin:15px;
	 width: 790px;	 
}

.SkyFMS .payd_report thead {
	background-color:#e6e6e6;	
	height:50px;
}

.SkyFMS .payd_report tbody {
	height:400px;
}

.SkyFMS .payd_report thead th {
	text-transform:uppercase;
	color:#000;	
}

.SkyFMS .payd_report td,
.SkyFMS .payd_report th {
	border-color:#e6e6e6;
}

/*-------------------- SmartService ------------------------------------------------------------------------ */

/* https://css-tricks.com/simple-css-row-column-highlighting/ */
.use_rows_and_cols_coloring {
	overflow:hidden;
}

.use_rows_and_cols_coloring td {
	position:relative;
}

.use_rows_and_cols_coloring tr:hover {
  background-color:#ededed;
}

.use_rows_and_cols_coloring td.color_row_col:hover::after {
  content:"";
  position:absolute;
  background-color:#ededed;
  left:0;
  top:-5000px;
  height:10000px;
  width:100%;
  z-index:-1; /* below anything */
}

.gray_smartservice_table {
	width:100%;
	border-collapse:collapse;
}

.gray_smartservice_table thead {
	background-color:#e6e6e6;
	color:#000;
	text-transform:uppercase;
}

.gray_smartservice_table th,
.gray_smartservice_table td {
	padding:10px;
	text-align:center;
	border:1px solid #ccc;
}

.gray_smartservice_table th .weekdaynames {
	text-transform:none;
	color:#9c9c9c;
	font-weight:normal;
}

.gray_smartservice_table td .additional_info {
	color:#9c9c9c;
}

.gray_smartservice_table tfoot td {
	border:none;
}

.gray_smartservice_table td .more {
	border:1px solid #d1d1d1;
	border-radius:3px;
	padding:4px 6px;
	text-transform:uppercase;
	text-decoration:none;
	color:#696969;
	background-color:transparent;
	transition:background-color 150ms linear 0s, color 150ms linear 0s;
}

.gray_smartservice_table td .more:hover {
	background-color:#696969;
	color:#fff;
}

.gray_smartservice_table td .almost_deprecated {
	color:red;
}

#stock_house #d3_chart_container {
	width: 900px;
}

#stock_house .d3_graph_list {
	margin:0 0 50px 20px;
}

.system_msg {
	border-radius:5px;
	line-height:24px;
	overflow:auto;
	padding:20px;
	margin-bottom:20px;
	position:relative;
	color:#1a1a1a;
}

.system_msg .title {
	font-weight:bold;
	position:relative;
	float:left;
	line-height:22px;
}

.system_msg .content {
	position:relative;
	float:left;
	width:100%;
	margin-top:5px;
}

.system_msg .device_icon {
	width:22px;
	height:22px;
	position:relative;
	float:left;
	margin-right:5px;
}

 .system_msg.popup {
	margin-bottom:0;
	position:fixed;
	width:400px;
	border:2px solid transparent;
	z-index:999;
	line-height:1em;
}

.system_msg.call_to_action  {
	font-style:italic;
}

.system_msg.popup.call_to_action  {
	border-color:#b9d0dc;
	background-color:#fff;
}

.system_msg.info  {
	background-color:#0071bc;
}

.system_msg.popup.info  {
	border-color:#0071bc;
	background-color:#dde8f0;
}

.system_msg.error  {
	background-color:#c1272d;	
}

.system_msg.popup.error {
	border-color:#c1272d;
	background-color:#edddde;
}

.system_msg.done {
	background-color:#009245;	
}

.system_msg.popup.done {
	border-color:#009245;	
	background-color:#e1f0e7;
}

.system_msg.warning {
	background-color:#fbb03b;	
}

.system_msg.popup.warning {
	border-color:#fbb03b;	
	background-color:#f0eae1;
}

.system_msg.notification {
	background-color:#000;	
	color:#fff;
}

.system_msg.notification .close {
	color:#fff;
}

.system_msg.popup.notification {
	border-color:#000;	
	background-color:#313d4d;
}

.system_msg .close {
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	color:#666;
	font-weight:bold;
}

.SkyFMS a.add_button {
	position:relative;
	float:left;
	display:block;
	padding:10px 10px 10px 25px;
	background-color:#4c6585;
	color:#fff;
	border-radius:5px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	border:none;
	margin:0;
	line-height:18px;
	height:auto;
	background-image:url('../images/checkgps/plus_white.png');
	background-position:10px center;
	background-repeat: no-repeat;
}

.SkyFMS .drivers_list {
	margin-top:2rem;
	position:relative;
	float:left;
}

.SkyFMS .drivers_list td {
	line-height:1.5em;
}

.SkyFMS .driver_groups_table {
	min-width:500px;
	clear: both;
	margin:2rem 0;
}

.SkyFMS .driver_groups_table {
	padding:0.1rem 0.5rem;
}

.SkyFMS .driver_groups_table button.IS_Button.deleting_icon,
.SkyFMS .driver_groups_table button.IS_Button.editing_icon {
	float:none;
}

.SkyFMS .driver_groups_table a.next_level {
	margin-right:1rem;
	line-height:20px;
	vertical-align:middle;
}

.SkyFMS .driver_groups.see_prev {
	margin-top:1rem;
	float:left;
	clear: both;
}

.SkyFMS .form_popup .value_field {
	border:1px solid #aaa;
	padding:0.5rem 8px;
	border-radius:4px;
	width:100%;
	height:28px;
	box-sizing:border-box;
}

.SkyFMS .edit_activation_details_input_field {
	border:1px solid #aaa;
	padding:0 8px;
	border-radius:4px;
	width:30%;
	height:28px;
	margin: 5px 5px 5px 5px;
	box-sizing:border-box;
}

.SkyFMS .form_popup .value_field.error {
	border-color:red;
}

.SkyFMS .driver_groups_multi_select .side {
	position:relative;
	float:left;
}

.SkyFMS .driver_groups_multi_select .side.left {
	margin-right:1rem;
}

.SkyFMS .driver_groups_multi_select .title {
	font-weight:bold;
	margin-bottom:0.5rem;
}

.SkyFMS .driver_groups_multi_select .search_tree {
	margin:4px 0px;
	padding-left:10px;
	width:190px;
}

.SkyFMS .driver_groups_multi_select .driver_group_level {
	padding-left:20px;
	overflow:auto;
	width:100%;
	box-sizing:border-box;
}

.SkyFMS .driver_groups_multi_select .driver_group_level:first-child {
	padding:0.5rem;
}

.SkyFMS .driver_groups_multi_select .driver_group_row {
	margin:0.2rem 0;
	overflow:auto;
	width:100%;	
	box-sizing:border-box;
}

.SkyFMS .driver_groups_multi_select .driver_group_row input {
	margin:0 0.5rem 0 0;
}

.SkyFMS .driver_groups_multi_select .driver_group_row label {
	vertical-align:middle;
}

.SkyFMS .driver_groups_multi_select .driver_group_row .label_part {
	display:flex;
}

.SkyFMS .driver_groups_multi_select .tree,
.SkyFMS .driver_groups_multi_select .selected_list {
	overflow: auto;
	height: 168px;
	width: 200px;
	position: relative;
	float: left;
}

.SkyFMS .driver_groups_multi_select .selected_list .row {
	margin:0.3rem 0.5rem;
}

.SkyFMS .block_opener,
.SkyFMS .block_opener_spacer {
	width:10px;
	height:10px;
	margin:1px;
	position:relative;
	border:1px solid transparent;
}

.SkyFMS .block_opener {
	border-color:#808080;
	cursor:pointer;
}

.SkyFMS .block_opener::before {
	content:'';
	width:66%;
	height:2px;
	background-color:#808080;
	position:absolute;
	top:calc(50% - 1px);
	left:17%;
}

.SkyFMS .block_opener.closed::after {
	content:'';
	height:66%;
	width:2px;
	background-color:#808080;
	position:absolute;
	left:calc(50% - 1px);
	top:17%;
}


.SkyFMS .driver_groups_multi_select .driver_group_row .block_opener,
.SkyFMS .driver_groups_multi_select .driver_group_row .block_opener_spacer {
	flex-grow:0;
	flex-shrink:0;
	margin-right:0.5rem;
}

/*------------------ FORMS, protoype from CGPS ------------------------------- */
.SkyFMS form.cgps_form {
	width:52%;
	border-bottom:1px solid #d8d8d8;
	position:relative;
	float:left;
}

.SkyFMS form.cgps_form fieldset {
	width:100%;
	margin:10px 0;
}

.SkyFMS form.cgps_form fieldset > label,
.SkyFMS #cgps_alert_select_wrapper > label {
	width:180px;
	margin-right:20px;
	text-align:right;
	position:relative;
	float:left;
	color:#808080;
}

.SkyFMS form.cgps_form input,
.SkyFMS form.cgps_form select,
.SkyFMS form .cgps_form .device_list,
.SkyFMS #cgps_alert_select_wrapper > select {
	position:relative;
	float:left;
}

.SkyFMS form.cgps_form .dataTables_filter input,
.SkyFMS #cgps_alert_select_wrapper > select,
.SkyFMS .carpanel_car_list .dataTables_scrollBody {
	border:1px solid #808080;
	border-radius:3px;
}

.SkyFMS form.cgps_form fieldset input:not([type="checkbox"]):not([type="radio"]),
.SkyFMS #cgps_alert_select_wrapper > select {
	width:294px;
}

.SkyFMS form.cgps_form >h2 {
	padding-left: 200px;
	width: 300px;
}

.SkyFMS form.cgps_form .dataTables_filter,
.SkyFMS form.cgps_form .carpanel_car_list {
	width:100%;
}

.SkyFMS form.cgps_form .car_checkboxes_buttons {
	margin-top:3px;
	position:relative;
	float:left;
	width:100%;
}

.SkyFMS form.cgps_form .car_checkboxes_buttons button.IS_Button {
	width:45%;
	margin:0;
	max-width:45%; /* override default max-width */	
}

.SkyFMS form.cgps_form .car_checkboxes_buttons button.IS_Button:first-child {
	margin-right:10%;
}

.SkyFMS form.cgps_form select,
.SkyFMS form.cgps_form .device_list {
	width:292px;
}

.SkyFMS form.cgps_form button.IS_Button.confirm_button {
	margin-left:200px;
}

.SkyFMS form.cgps_form .device_list tr.active {
	background-color:#006dc7;
	color:white;	
}

.SkyFMS form.cgps_form #help_dialog_checkgps button {
	border:none;
	padding:0;
	font: inherit;
	cursor: pointer;
	text-decoration: underline;
}

.SkyFMS form.cgps_form div.help_dialog_opener {
	margin-top: -20px;
	width: 180px;
	background:none;
	position:relative;
	float: left;
	margin-left: 210px;
}

.SkyFMS .dialog_window {
	display:none;
}

.SkyFMS .phone_invoices_form #displayed_months {
	width: 50px;
	margin: 2px 8px 0px 13px;
}

.SkyFMS #task_status_tool {
	clear:both;
}

.SkyFMS #task_status_tool .target_image {
	height:150px;
	margin-right:5px;
}

/*------------------ EOF FORMS ------------------------------------- */

@media screen and (max-width: 1440px) {
	.SkyFMS .top_menu li:not(.use_new_icons) a {
		padding: 20px 10px 0 10px;
		background-position: center 12px;
	}
	
	.SkyFMS .top_menu li.use_new_icons a .center {
		flex-direction:column;
	}
	
	.SkyFMS .top_menu li.use_new_icons a .center svg {
		margin:0 auto 8px auto;
	}
}

/**********WhiteAndBlueMenuStart**********/

.SkyFMS.WhiteAndBlueMenu #heads2 {
	background-color:#ffffff;
	border-bottom: 3px solid #1D3C85;
	height:53px;
}

.SkyFMS.WhiteAndBlueMenu .top-tools-wrapper {
	border-color:silver;
}

.SkyFMS.WhiteAndBlueMenu .top-tool,
.SkyFMS.WhiteAndBlueMenu .top_menu li a {
	color: #1D3C85;
}

.SkyFMS.WhiteAndBlueMenu .head_tools_wrapper {
	padding-left:168px;
}

.SkyFMS.WhiteAndBlueMenu .submenu_container.new_submenu .submenu li.active,
.SkyFMS.WhiteAndBlueMenu .submenu_container.new_submenu .submenu li:hover,
.SkyFMS.WhiteAndBlueMenu .top-tool-dropdown .action_row.active,
.SkyFMS.WhiteAndBlueMenu .top-tool-dropdown .action_row:hover,
.SkyFMS.WhiteAndBlueMenu .top_menu li.active,
.SkyFMS.WhiteAndBlueMenu .top_menu li:hover,
.SkyFMS.WhiteAndBlueMenu .top-tool.openable.active,
.SkyFMS.WhiteAndBlueMenu .top-tool.hoverable:hover,
.SkyFMS.WhiteAndBlueMenu #actions_dropdown #viewmode span  {
	background-color:#1D3C85;
}

.SkyFMS.WhiteAndBlueMenu #actions_dropdown .action_row.switch:hover {
	background-color:transparent;
}

.SkyFMS.WhiteAndBlueMenu .submenu_container.new_submenu .submenu li.active a,
.SkyFMS.WhiteAndBlueMenu .submenu_container.new_submenu .submenu li:hover a,
.SkyFMS.WhiteAndBlueMenu .top-tool-dropdown .action_row:hover,
.SkyFMS.WhiteAndBlueMenu .top-tool-dropdown .action_row:not(.switch):hover a,
.SkyFMS.WhiteAndBlueMenu .top-tool-dropdown .action_row.active a,
.SkyFMS.WhiteAndBlueMenu .top-tool.openable.active,
.SkyFMS.WhiteAndBlueMenu .top-tool.hoverable:hover,
.SkyFMS.WhiteAndBlueMenu .top_menu li.active a,
.SkyFMS.WhiteAndBlueMenu .top_menu li:hover a {
	color:#fff;
}

.SkyFMS.WhiteAndBlueMenu .top_menu li a svg path,
.SkyFMS.WhiteAndBlueMenu .top-tool svg path {
	fill:#1D3C85;
}

.SkyFMS.WhiteAndBlueMenu .top_menu li:hover a svg path,
.SkyFMS.WhiteAndBlueMenu .top_menu li.active a svg path,
.SkyFMS.WhiteAndBlueMenu .top-tool.hoverable:hover svg path,
.SkyFMS.WhiteAndBlueMenu .top-tool.openable.active svg path {
	fill:#fff;
}

/**********WhiteAndBlueMenuEnd**********/

/**********GreenMenuStart**********/

.SkyFMS.GreenMenu #heads2,
.SkyFMS.GreenMenu .submenu_container.new_submenu .submenu li.active {
	background-color: #0baf4c;
}

.SkyFMS.GreenMenu .top-tools-wrapper {
	border-color:#000;
}

.SkyFMS.GreenMenu #actions_dropdown #viewmode span,
.SkyFMS.GreenMenu .top_menu li:hover,
.SkyFMS.GreenMenu .top_menu li.active,
.SkyFMS.GreenMenu .top-tool.openable.active, 
.SkyFMS.GreenMenu .top-tool.hoverable:hover  {
	background-color:#087e37;
}

.SkyFMS.GreenMenu .submenu_container.new_submenu .submenu li.active a,
.SkyFMS.GreenMenu .top_menu li.active a {
	color:#fff;
}

.SkyFMS.GreenMenu .top_menu li.active a svg path,
.SkyFMS.GreenMenu .top-tool.openable.active svg path {
	fill:#fff;
}

.SkyFMS.GreenMenu #actions_dropdown .action_row.switch:hover,
.SkyFMS.GreenMenu #actions_dropdown .action_row.validity_period:hover {
	background-color:transparent;
	color:#636363;
}

/**********GreenMenuEnd**********/

/**********GrayAndOrangeMenuStart**********/

.SkyFMS.GrayAndOrangeMenu #heads2,
.SkyFMS.GrayAndOrangeMenu #actions_dropdown #viewmode span {
	background-color:#6c7074;
}

.SkyFMS.GrayAndOrangeMenu .top-tools-wrapper {
	border-color:#fab91c;
}

.SkyFMS.GrayAndOrangeMenu .top_menu li.active {
	color:#fff;
}

.SkyFMS.GrayAndOrangeMenu .top-tool.openable.active svg path,
.SkyFMS.GrayAndOrangeMenu .top_menu li.active a svg path {
	fill:#6c7074;
}

.SkyFMS.GrayAndOrangeMenu .top-tool.openable.active,
.SkyFMS.GrayAndOrangeMenu .top_menu li.active a {
	color:#6c7074;
}

.SkyFMS.GrayAndOrangeMenu .top_menu li:hover,
.SkyFMS.GrayAndOrangeMenu .top_menu li.active,
.SkyFMS.GrayAndOrangeMenu .top-tool.openable.active, 
.SkyFMS.GrayAndOrangeMenu .top-tool.hoverable:hover,
.SkyFMS.GrayAndOrangeMenu .submenu_container.new_submenu .submenu li.active {
	background-color:#fab91c;
}

.SkyFMS.GrayAndOrangeMenu #actions_dropdown .action_row.switch:hover,
.SkyFMS.GrayAndOrangeMenu #actions_dropdown .action_row.validity_period:hover  {
	background-color:transparent;
	color:#636363;
}

/**********GrayAndOrangeMenuEnd**********/

/**********WhiteAndBlackMenuStart**********/

.SkyFMS.WhiteAndBlackMenu #heads2 {
	background-color:#ffffff;
	border-bottom: 3px solid #999999;
	height:53px;
}

.SkyFMS.WhiteAndBlackMenu .top-tools-wrapper {
	border-color:#999999;
}

.SkyFMS.WhiteAndBlackMenu #help,
.SkyFMS.WhiteAndBlackMenu #help a {
	color:#000000;
}

.SkyFMS.WhiteAndBlackMenu .top_menu,
.SkyFMS.WhiteAndBlackMenu .top_menu li,
.SkyFMS.WhiteAndBlackMenu .top_menu li a,
.SkyFMS.WhiteAndBlackMenu .top-tool {
	color:#888888;
}


.SkyFMS.WhiteAndBlackMenu .top-tool.openable.active,
.SkyFMS.WhiteAndBlackMenu .top-tool.hoverable:hover  {
	background-color:#66C430;
	color:#fff;
}

.SkyFMS.WhiteAndBlackMenu .top-tool svg path {
	fill:#888888;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li a svg path {
	fill:silver;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li:hover a svg path,
.SkyFMS.WhiteAndBlackMenu .top_menu li:hover.active a svg path {
	fill:#42801F;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li.active a svg path,
.SkyFMS.WhiteAndBlackMenu .top-tool.openable.active svg path,
.SkyFMS.WhiteAndBlackMenu .top-tool.hoverable:hover svg path {
	fill:#fff;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li.active a {
	color:#fff;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li:hover {
	background-color:transparent;
}

.SkyFMS.WhiteAndBlackMenu .top_menu li:hover a {
	color:#42801F;
}

.SkyFMS.WhiteAndBlackMenu .submenu_container.new_submenu .submenu li.active,
.SkyFMS.WhiteAndBlackMenu .top-tool-dropdown .action_row.active,
.SkyFMS.WhiteAndBlackMenu #actions_dropdown #viewmode span,
.SkyFMS.WhiteAndBlackMenu .top_menu li.active {
	background-color:#66C430;
}

/**********WhiteAndBlackMenuEnd**********/

/**********DarkPurpleMenuStart**********/

.SkyFMS.DarkPurpleMenu #heads2{
	background-color:#2B257F;
}

.SkyFMS.DarkPurpleMenu .top-tools-wrapper {
	border-color:#3d34ba;
}

.SkyFMS.DarkPurpleMenu .top_menu li.active a {
	background-color:#3d34ba;
}

/**********DarkPurpleMenuEnd**********/

/**********BlackMenuStart**********/

.SkyFMS.BlackMenu #heads2 {
	background-color:#000000;
}

.SkyFMS.BlackMenu .top-tools-wrapper {
	border-color:#4B4B4B;
}

.SkyFMS.BlackMenu .submenu_container.new_submenu .submenu li.active,
.SkyFMS.BlackMenu .submenu_container.new_submenu .submenu li:hover,
.SkyFMS.BlackMenu .top-tool-dropdown .action_row.active,
.SkyFMS.BlackMenu .top-tool-dropdown .action_row:hover,
.SkyFMS.BlackMenu #actions_dropdown #viewmode span,
.SkyFMS.BlackMenu .top_menu li:hover,
.SkyFMS.BlackMenu .top_menu li.active,
.SkyFMS.BlackMenu .top-tool.openable.active, 
.SkyFMS.BlackMenu .top-tool.hoverable:hover {	
	background-color:#4B4B4B;
}

.SkyFMS.BlackMenu #actions_dropdown .action_row.switch:hover,
.SkyFMS.BlackMenu #actions_dropdown .action_row.validity_period:hover  {
	background-color:transparent;
	color:#636363;
}

.SkyFMS.BlackMenu .top_menu li.active a svg path,
.SkyFMS.BlackMenu .top-tool.openable.active svg path {
	fill:#fff;
}

.SkyFMS.BlackMenu .submenu_container.new_submenu .submenu li.active a,
.SkyFMS.BlackMenu .submenu_container.new_submenu .submenu li:hover a,
.SkyFMS.BlackMenu .top-tool.openable.active, 
.SkyFMS.BlackMenu .top-tool.hoverable:hover,
.SkyFMS.BlackMenu .top-tool-dropdown .action_row:hover,
.SkyFMS.BlackMenu .top-tool-dropdown .action_row:not(.switch):hover a,
.SkyFMS.BlackMenu .top-tool-dropdown .action_row.active a,
.SkyFMS.BlackMenu .top_menu li.active a,
.SkyFMS.BlackMenu .top_menu li:hover a {
	color:#fff;
}

/**********BlackMenuEnd**********/

/**********YellowMenuStart**********/

.SkyFMS.YellowMenu .top-tools-wrapper {
	border-color:#013b5a;
}

.SkyFMS.YellowMenu #heads2,
.SkyFMS.YellowMenu .submenu_container.new_submenu .submenu li.active,
.SkyFMS.YellowMenu .top-tool-dropdown .action_row.active {
	background-color: #ffeb00;
}

.SkyFMS.YellowMenu #help,
.SkyFMS.YellowMenu #help a,
.SkyFMS.YellowMenu .top-tool-dropdown .action_row:hover a,
.SkyFMS.YellowMenu .submenu li.active a,
.SkyFMS.YellowMenu .submenu li:hover a,
.SkyFMS.YellowMenu .top-tool,
.SkyFMS.YellowMenu .top_menu li a {
	color: #013b5a;
}

.SkyFMS.YellowMenu .top-tool.openable.active,
.SkyFMS.YellowMenu .top-tool.hoverable:hover,
.SkyFMS.YellowMenu .top_menu li:hover a,
.SkyFMS.YellowMenu .top_menu li.active a,
.SkyFMS.YellowMenu #actions_dropdown #viewmode span {
	background-color: #013b5a;
	color: #ffeb00;
}

.SkyFMS.YellowMenu .top_menu li a svg path,
.SkyFMS.YellowMenu .top-tool svg path {
	fill:#013b5a;
}

.SkyFMS.YellowMenu .top_menu li:hover a svg path,
.SkyFMS.YellowMenu .top_menu li.active a svg path,
.SkyFMS.YellowMenu .top-tool.hoverable:hover svg path,
.SkyFMS.YellowMenu .top-tool.openable.active svg path {
	fill:#ffeb00;
}

/***********YellowMenuEnd***********/

/***********PurpleGrayStart********/
.SkyFMS.PurpleGrayMenu #heads2,
.SkyFMS.PurpleGrayMenu #actions_dropdown #viewmode span {
	background-color:#4b4845;
}

.SkyFMS.PurpleGrayMenu .top-tools-wrapper {
	border-color:#6b6764;
}

.SkyFMS.PurpleGrayMenu .submenu_container.new_submenu .submenu li.active,
.SkyFMS.PurpleGrayMenu .top_menu li.active,
.SkyFMS.PurpleGrayMenu .top_menu li:hover,
.SkyFMS.PurpleGrayMenu .top-tool.hoverable:hover,
.SkyFMS.PurpleGrayMenu .top-tool.openable.active,
.SkyFMS.PurpleGrayMenu .top-tool-dropdown .action_row.active {
	background-color:#6b6764;
}

.SkyFMS.PurpleGrayMenu .top_menu li.active a,
.SkyFMS.PurpleGrayMenu .top_menu li:hover a,
.SkyFMS.PurpleGrayMenu .submenu_container.new_submenu .submenu li.active a,
.SkyFMS.PurpleGrayMenu .top-tool.hoverable:hover,
.SkyFMS.PurpleGrayMenu .top-tool.openable.active,
.SkyFMS.PurpleGrayMenu .top-tool-dropdown .action_row.active a {
	color: #fff;
}

.SkyFMS.PurpleGrayMenu .top-tool,
.SkyFMS.PurpleGrayMenu .top_menu li a {
	color: #ccc7c4;
}

.SkyFMS.PurpleGrayMenu .top-tool svg path,
.SkyFMS.PurpleGrayMenu .top_menu li a svg path {
	fill: #ccc7c4;
}

.SkyFMS.PurpleGrayMenu .top-tool.hoverable:hover svg path,
.SkyFMS.PurpleGrayMenu .top-tool.openable.active svg path,
.SkyFMS.PurpleGrayMenu .top_menu li.active a svg path,
.SkyFMS.PurpleGrayMenu .top_menu li:hover a svg path {
	fill: #fff;
}

.SkyFMS.PurpleGrayMenu #actions_dropdown .action_row.switch:hover,
.SkyFMS.PurpleGrayMenu #actions_dropdown .action_row.validity_period:hover{
	background-color:transparent;
	color:#636363;
}

/***********PurpleGrayEnd**********/

.SkyFMS #dashcam_top_line {
	display: flex;
	width: 100%;
}

.SkyFMS #dashcam_top_line .dashcam_header_box {
	width: 96%;
}

.SkyFMS #dashcam_top_line #dashcam_gear_container {
	width: 4%;
	padding-top: 10px;
}

.SkyFMS #dashcam_top_line #dashcam_gear {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('../images/gear.svg');
	background-repeat: no-repeat;
}

.SkyFMS #dashcam_settings_page_content {
	flex-direction: column;
}

.SkyFMS #dashcam_sync_settings_container {
	flex-direction: column;
	flex-grow: unset;
	height: 90px;
}

.SkyFMS #dashcam_sync_settings_container p,
.SkyFMS #dashcam_settings_relations #dashcam_settings_relations_header {
	color: #323131;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin: 0px;
}

.SkyFMS #dashcam_settings_relations {
	min-height:50vh;
	width: 45%;
}

.SkyFMS #dashcam_settings_data_block #button_container {
	width: 100%
}

.SkyFMS #dashcam_sync_settings_container #toggle_container {
	margin-top: 8px;
	display: flex;
	flex-direction: row;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container p {
	color: var(--asphalt-100, #323131);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container #toggle {
	margin: 0 16px;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container #toggle input[type=checkbox] {
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container #toggle label {
	cursor: pointer;
	width: 32px;
	height: 16px;
	background-color: var(--asphalt-200, #999898);
	display: block;
	border-radius: 50px;
	position: relative;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container #toggle label:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0px;
	width: 19px;
	height: 19px;
	background-color: var(--asphalt-100, #323131);
	border-radius: 20px;
	transition: 0.5s;
}

.SkyFMS #dashcam_sync_settings_container #toggle_container #toggle input:checked + label:after {
	left:50%;
}

.SkyFMS #dashcam_settings_relations .report-tools #submit_button {
	float: right;
	display: inline-flex;
	height: 32px;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0; 
	border-radius: 4px;
	background: var(--blue-sapphire-blue-100, #325CC8);
	width: 70px;
	border-width: 0px;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	color: #fff;
}
