.newLayout2022 {
	background-color:#F5F5F5;
}

body.newLayout2022,
.newLayout2022 p,
.newLayout2022 td,
.newLayout2022 input,
.newLayout2022 select:not(.tacho_cards),
.newLayout2022 textarea,
.newLayout2022 a,
.newLayout2022 a.as_button,
.newLayout2022 label,
.newLayout2022 button.submit_button,
input.newLayout_2022,
label.newLayout_2022,
.SkyFMS.newLayout2022 .skyfms_dialog,
.popup_window.newLayout_2022,
.popup_window.newLayout_2022 input,
.popup_window.newLayout_2022 td,
.datetime_picker input,
.ui-widget .datetime_picker input {
	font-family: 'Roboto', Helvetica, Inter, Arial, sans-serif;
	color:#323131;
}

.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):not(.search),
.newLayout2022 textarea,
.newLayout2022 select,
.newLayout2022 .select2-container .select2-selection--single,
input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).newLayout_2022,
.datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field),
.ui-widget .datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field),
.popup_window.newLayout_2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field),
.popup_window.newLayout_2022 textarea,
.popup_window.newLayout_2022 select {
	border:1px solid #C9C9C9;
	border-radius:4px;
	padding:8px 8px 8px 8px;
	box-sizing:border-box;
	font-size:1em;
	line-height:17px;
	min-height:calc(1em + 16px);
}

.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):not(.search).report-searcher {
	padding-left: 30px;
}

.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):active,
input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).newLayout_2022:active,
.popup_window.newLayout_2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):active,
.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):focus,
input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).newLayout_2022:active,
.popup_window.newLayout_2022 input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field):focus {
	border:1px solid #325CC8;
}

.newLayout2022 .combobox-wrapper input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field) {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.newLayout2022 input.clockpicker,
input.newLayout_2022.clockpicker,
.popup_window.newLayout_2022 input.clockpicker,
input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).newLayout_2022.clockpicker,
.datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).clockpicker {
	background:transparent url('../../images/svg_icons/clock.svg') no-repeat calc(100% - 8px) center;
	background-size:16px;
	padding-right:28px;
}

.newLayout2022 ol li,
.newLayout2022 ul li {
	line-height:1.5em;
}

label.newLayout_2022.clockpickerLabel {
	line-height:calc(1em + 16px);
}

label.newLayout_2022.clockpickerLabel + input.newLayout_2022.clockpicker {
	margin-left:4px;
}

.alerts_sending_period_div input.newLayout_2022.clockpicker {
	width:100px;
}

.alerts_sending_period_div label:first-child + input.newLayout_2022.clockpicker {
	margin-right:4px;
}

.newLayout2022 button,
.popup_window.newLayout_2022 button,
.newLayout2022 a.as_button,
.popup_window.newLayout_2022 a.as_button {
	font-size:12px;
	cursor:pointer;
}

.newLayout2022 a.as_button,
.popup_window.newLayout_2022 a.as_button {
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
}

.newLayout2022 button:disabled,
.popup_window.newLayout_2022 button:disabled,
.newLayout2022 a.as_button:disabled,
.popup_window.newLayout_2022 a.as_button:disabled,
.newLayout2022 .ZiniDataTable button:disabled {
	cursor:not-allowed;
	filter:grayscale(100%);
}

.newLayout2022 .ZiniDataTable button.disabled {
	filter:grayscale(100%);
}

.newLayout2022 input:not([type="radio"]):not([type="checkbox"]).error,
.newLayout2022 textarea.error,
.newLayout2022 select.error {
	border-color:#D30B3B;
}

.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):active,
.newLayout2022 textarea:active,
.newLayout2022 select:active,
.newLayout2022 button:active,
.newLayout2022 a:active,
.popup_window.newLayout_2022 input:active,
.popup_window.newLayout_2022 button:active,
.popup_window.newLayout_2022 a:active,
.newLayout2022 input:not([type="radio"]):not([type="checkbox"]):focus,
.datetime_picker input:not([type="radio"]):not([type="checkbox"]):focus,
.ui-widget .datetime_picker input:not([type="radio"]):not([type="checkbox"]):focus,
.newLayout2022 textarea:focus,
.newLayout2022 select:focus,
.newLayout2022 button:focus,
.newLayout2022 a:focus,
.popup_window.newLayout_2022 input:focus,
.popup_window.newLayout_2022 button:focus,
.popup_window.newLayout_2022 a:focus {
	outline:none;
}

.newLayout2022 button.main-color,
.newLayout2022 button.main-color-outline,
.newLayout2022 button.main-light-color,
.newLayout2022 button.hilight-color,
.newLayout2022 button.hilight-light-color,
.newLayout2022 button.hilight-color-outline,
.popup_window.newLayout_2022 button.main-color,
.popup_window.newLayout_2022 button.main-color-outline,
.popup_window.newLayout_2022 button.main-light-color,
.popup_window.newLayout_2022 button.hilight-color,
.popup_window.newLayout_2022 button.hilight-light-color,
.popup_window.newLayout_2022 button.hilight-color-outline,
.newLayout2022 a.as_button.main-color,
.newLayout2022 a.as_button.main-color-outline,
.newLayout2022 a.as_button.main-light-color,
.newLayout2022 a.as_button.hilight-color,
.newLayout2022 a.as_button.hilight-light-color,
.newLayout2022 a.as_button.hilight-color-outline,
.popup_window.newLayout_2022 a.as_button.main-color,
.popup_window.newLayout_2022 a.as_button.main-color-outline,
.popup_window.newLayout_2022 a.as_button.main-light-color,
.popup_window.newLayout_2022 a.as_button.hilight-color,
.popup_window.newLayout_2022 a.as_button.hilight-light-color,
.popup_window.newLayout_2022 a.as_button.hilight-color-outline {
	border:1px solid;
	border-radius:4px;
	padding:8px 16px;
	line-height:17px;
	box-sizing:border-box;
	background-image:none;
	color:#ffffff;
	font-weight:700;
	text-align:center;
	font-size:16px;
}

.newLayout2022 button.compact,
.popup_window.newLayout_2022 button.compact,
.newLayout2022 a.as_button.compact,
.popup_window.newLayout_2022 a.as_button.compact {
	padding:8px;
	font-size:14px;
	font-weight:400;
}

.newLayout2022 button.main-color,
.popup_window.newLayout_2022 button.main-color,
.newLayout2022 a.as_button.main-color,
.popup_window.newLayout_2022 a.as_button.main-color {
	border-color:#909090;	
	background-color:#909090;
}

.newLayout2022 button.main-light-color,
.popup_window.newLayout_2022 button.main-light-color,
.newLayout2022 button.main-color-outline,
.popup_window.newLayout_2022 button.main-color-outline,
.newLayout2022 a.as_button.main-light-color,
.popup_window.newLayout_2022 a.as_button.main-light-color,
.newLayout2022 a.as_button.main-color-outline,
.popup_window.newLayout_2022 a.as_button.main-color-outline {
	border-color:#909090;
	color:#909090;
	background-color:#fff;
}

.newLayout2022 button.hilight-color,
.popup_window.newLayout_2022 button.hilight-color,
.newLayout2022 a.as_button.hilight-color,
.popup_window.newLayout_2022 a.as_button.hilight-color {
	border-color:#325CC8;
	background-color:#325CC8;
}

.newLayout2022 button.hilight-color-outline,
.popup_window.newLayout_2022 button.hilight-color-outline,
.newLayout2022 a.as_button.hilight-color-outline,
.popup_window.newLayout_2022 a.as_button.hilight-color-outline {
	border-color:#325CC8;
	background-color:#fff;
	color:#325CC8;
}

.newLayout2022 button.hilight-light-color,
.popup_window.newLayout_2022 button.hilight-light-color,
.newLayout2022 a.as_button.hilight-light-color,
.popup_window.newLayout_2022 a.as_button.hilight-light-color {
	border-color:#325CC8;
	background-color:#F0F4FF;
	color:#325CC8;
}

.newLayout2022 .page-wrap {
	position:relative;
	min-height:calc(100vh - 56px); /* 56px == .SkyFMS #heads2 height + border */
	display:flex;
	flex-direction:column;
}

@media screen and (max-width: 1550px) {
	.newLayout2022 .page-wrap {
		min-height:calc(100vh - 63px); /* 63px == .SkyFMS #heads2 height + border */
	}
}

.newLayout2022 .flex-vertical {
	display:flex;
	flex-direction:column;
}

.newLayout2022 .standalone-form .flex-vertical.do-not-stretch .form-item-wrap {
	flex-grow:0;
}

.newLayout2022 .flex-vertical .form-item-wrap-bottom {
	margin-top:auto;
}

/*
 This should not be all, printing buttons needs to be inside .subtool_header, at least, 
but there is problem with template read order 
*/
.newLayout2022 .page-wrap #print {
	position:absolute;
	top:18px;
	right:0;
}

.newLayout2022 .page-wrap .subtool_header_background {
	background-color:#ffffff;
}

.newLayout2022 .page-wrap .subtool_header {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	text-transform: uppercase;
}

.newLayout2022 .page-wrap .subtool_header .right_part {
	position:relative;
	float:left;
}

.newLayout2022 .page-wrap .subtool_header .left_part {
	position:relative;
	float:right;
}

.newLayout2022 .page-wrap .subtool_header .left_part .as_button {
	text-transform:none;
}

.newLayout2022 .page-wrap .subtool_header .name {
	color:#325CC8;
	padding:0;
	font-size:24px;
	line-height:24px;
}

.newLayout2022 .page-wrap .subtool_header .header-action-button {
	margin-top:6px;
	margin-left:8px;
}

.newLayout2022 .page-wrap .subtool_header .header-action-button:first-child {
	margin-left:0;
}

.newLayout2022 .page-wrap .subtool_header .path {
	margin-bottom:8px;
}

.newLayout2022 .page-wrap .subtool_header .path a {
	text-decoration:none;
	text-transform:none;
	color:#999898;
	font-size:12px;
}

.newLayout2022 .page-wrap .subtool_header .path a:not(:last-child) {
	padding-right:20px;
	background:transparent url('../../images/svg_icons/right_arrow_gray.svg') no-repeat center right;
	margin-right:4px;
}

.newLayout2022 .page-content-wrap {
	margin:15px;
	width:calc(100% - 30px);
	position:relative;
	float:left;
	flex-grow:1;
	display:flex;
	flex-wrap:wrap;
}

.newLayout2022 .page-content-wrap.external-api-credentials-list .row {
	padding:4px 0;
}

.newLayout2022 .page-content-wrap.external-api-credentials-list .token_row {
	word-break:break-all;
}

.newLayout2022 .page-content-wrap .page-data-switch {
	width:100%;
	margin-bottom:-1px;
	z-index:10;
}

.newLayout2022 .page-content-wrap .page-data-switch .switcher {
	text-decoration:none;
	font-size:16px;
	line-height:24px;
	font-weight:500;
	color:#323131;
	display:inline-block;
	margin:0 4px;
	padding:4px 16px;
	position:relative;
}

.newLayout2022 .page-content-wrap .page-data-switch .switcher:first-child {
	margin-left:0;
}

.newLayout2022 .page-content-wrap .page-data-switch .switcher.active {
	font-weight:700;
	background-color:#fff;
	border-style:solid;
	border-width:1px 1px 0 1px;
	border-color:#C9C9C9;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.newLayout2022 .page-content-wrap .page-data-switch .switcher.active:first-child:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	background-color:#fff;
	border-left:1px solid #C9C9C9;
	left:-1px;
	bottom:-4px;
}

.newLayout2022 .page-content-wrap .page-data-sub-switch {
	width:100%;
	margin-bottom:32px;
}

.newLayout2022 .page-content-wrap .form-item-wrap .buttons {
	margin-top:4px;
}

.newLayout2022 .ZiniDataTable .tag_button,
.newLayout2022 .page-content-wrap .form-item-wrap .tag_button,
.newLayout2022 .page-content-wrap .page-data-sub-switch .switcher {
	padding:8px;
	border:1px solid #C9C9C9;
	border-radius:4px;
	background-color:#fff;
	color: #999898;
	font-size: 14px;
	line-height: 16px;
	margin-right:4px;
}

.newLayout2022 .page-content-wrap .page-data-sub-switch .switcher {
	display:inline-block;
	text-decoration:none;
}

.newLayout2022 .ZiniDataTable .tag_button:last-child,
.newLayout2022 .page-content-wrap .form-item-wrap .tag_button:last-child,
.newLayout2022 .page-content-wrap .page-data-sub-switch .switcher:last-child {
	margin-right:0;
}

.newLayout2022 .ZiniDataTable .tag_button.active,
.newLayout2022 .page-content-wrap .form-item-wrap .tag_button.active,
.newLayout2022 .page-content-wrap .page-data-sub-switch .switcher.active {
	border-color:#325CC8;
	color:#325CC8;
}

.newLayout2022 .ZiniDataTable .tag_button.delete_event {
	color:#FF4D4F;
	border-color:#FF4D4F;
}

.newLayout2022 .page-content-wrap .page-data-block-with-switcher {
	min-height:100%;
	margin:5px;
	position:relative;
	overflow:auto;
	flex-grow:1;
	flex-shrink:1;
	display:flex;
	flex-direction:column;
}

.newLayout2022 .page-content-wrap .page-data-block,
.newLayout2022 .page-content-wrap .page-data-block-no-background {
	padding:20px;
	box-sizing:border-box;
	min-height:100%;
	margin:5px;
	position:relative;
	overflow:auto;
	flex-grow:1;
	flex-shrink:1;
}

.newLayout2022 .page-content-wrap .page-data-block {
	border-radius:5px;
	border:1px solid #C9C9C9;
	background-color:#ffffff;
}

.newLayout2022 .page-content-wrap .page-data-block.openable-block {
	flex-grow:0;
	flex-shrink:0;
	min-height:auto;
}

.newLayout2022 .page-content-wrap .page-data-block.openable-block .title {
	cursor:pointer;
}

.newLayout2022 .page-content-wrap .page-data-block.openable-block .body {
	display:none;
}

.newLayout2022 .page-content-wrap .page-data-block.openable-block.open .body {
	display:block;
}


.newLayout2022 .page-content-wrap .page-data-block-with-switcher .page-data-block {
	min-height:calc(100% - 33px);
	margin:0;
}

.newLayout2022 .page-content-wrap .page-data-block.w1-3 {
	width:calc(30% - 10px);
}

.newLayout2022 .standalone-form .block.w1-3 {
	width:calc(30% - 8px);
}

.newLayout2022 .standalone-form .block.w2-3  {
	width:calc(70% - 8px);
}

.newLayout2022 .page-content-wrap .page-data-block.w2-3 {
	width:calc(70% - 10px);
}

.newLayout2022 .standalone-form.h1-1 {
	height:100%;
}

.newLayout2022 .standalone-form .block.flex-vertical button,
.newLayout2022 .standalone-form .form-item-wrap button {
	flex-grow:0;
}

.newLayout2022 .standalone-form .block .assets_list {
	height:100%;
	width:100%;
	box-sizing:border-box;
	border:1px solid #C9C9C9;
	border-radius:4px;
}

.newLayout2022 .standalone-form .block .assets_list.error {
	border-color:#D30B3B;
	color:#323131;
}

.newLayout2022 .standalone-form .block .assets_list .report-tools {
	margin:8px 0 8px 8px;
	padding:0;
}

.newLayout2022 .standalone-form .block .assets_list .report-tools .report-filters .report-filter:not(:last-child),
.newLayout2022 .standalone-form .block .assets_list .report-tools .report-filters .report-search:not(:last-child) {
	margin-right:4px;
}

.newLayout2022 .page-content-wrap .page-data-block.w1-5 {
	width:calc(20% - 10px);
}

.newLayout2022 .page-content-wrap .page-data-block.w4-5 {
	width:calc(80% - 10px);
}

.newLayout2022 .page-content-wrap .page-data-block.w3-3 {
	width:calc(100% - 10px);
}

.newLayout2022 .page-content-wrap .page-data-block.h1-2,
.newLayout2022 .page-content-wrap .page-data-block-with-switcher.h1-2 {
	/*53px - header; 64px - title; 30px - page wrap margin; 10px - block margin; 2px - block border; 1px - not sure what this is */
	min-height: auto;
	height:calc((100vh - 53px - 64px - 30px)/2 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap.with-header-paths .page-data-block.h1-2,
.newLayout2022 .page-content-wrap.with-header-action-button .page-data-block.h1-2 {
	/* higher header */
	height:calc((100vh - 53px - 86px - 30px)/2 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap .page-data-block.h1-4,
.newLayout2022 .page-content-wrap .page-data-block-with-switcher.h1-4 {
	/*see .newLayout2022 .page-content-wrap .page-data-block.h1-2 */
	min-height: auto;
	height:calc((100vh - 53px - 64px - 30px)/4 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap.with-header-paths .page-data-block.h1-4,
.newLayout2022 .page-content-wrap.with-header-action-button .page-data-block.h1-4 {
	/* higher header */
	height:calc((100vh - 53px - 86px - 30px)/4 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap .page-data-block.h1-5,
.newLayout2022 .page-content-wrap .page-data-block-with-switcher.h1-5 {
	/*see .newLayout2022 .page-content-wrap .page-data-block.h1-2 */
	min-height: auto;
	height:calc((100vh - 53px - 64px - 30px)/5 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap.with-header-paths .page-data-block.h1-5,
.newLayout2022 .page-content-wrap.with-header-action-button .page-data-block.h1-5 {
	/* higher header */
	height:calc((100vh - 64px - 86px - 30px)/5 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap .page-data-block.h2-5,
.newLayout2022 .page-content-wrap .page-data-block-with-switcher.h2-5 {
	/*see .newLayout2022 .page-content-wrap .page-data-block.h1-2 */
	min-height: auto;
	height:calc(((100vh - 53px - 64px - 30px)/5) * 2 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap.with-header-paths .page-data-block.h2-5,
.newLayout2022 .page-content-wrap.with-header-action-button .page-data-block.h2-5 {
	/* higher header */
	height:calc(((100vh - 53px - 86px - 30px)/5) * 2 - 10px - 2px - 1px);
}

.newLayout2022 .page-content-wrap .page-data-block .block-title {
	font-size:16px;
	line-height:24px;
	font-weight:700;
	color:#323131;
}

.newLayout2022 .page-content-wrap .page-data-block .footer-actions {
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.newLayout2022 .page-content-wrap .page-data-block .block-subtitle {
	font-size:14px;
	line-height:16px;
	font-weight:500;
	color:#999898;
	margin:4px 0;
}

.newLayout2022 .page-content-wrap .page-data-block.with-title .page-data-sub-block {
	height:calc(100% - 24px);
}

.newLayout2022 .page-content-wrap .page-data-block,
.newLayout2022 .page-content-wrap .page-data-block-no-background,
.newLayout2022 .ZiniDataTable.dataTables_wrapper.no-footer .dataTables_scrollBody,
.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-content.skyfms_dialog_content,
.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-content.skyfms_dialog_content_wrap .skyfms_dialog_content {
	scrollbar-color:#6998E8 #F8F8F8; /* only for very best browsers for now */
}

.newLayout2022 .ZiniDataTable.dataTables_wrapper {
	border:1px solid #C9C9C9;
}

.newLayout2022 .ZiniDataTable.dataTables_wrapper.SmartServiceAssetSelectorTable {
	border-color:#C9C9C9 transparent transparent transparent;
}

.newLayout2022 .ZiniDataTable.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border:none;
	box-sizing:border-box;
	background:none;
}

.newLayout2022 .ZiniDataTable.SmartServiceAssetSelectorTable.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-width:1px 0 0 0; 
}

.newLayout2022 .ZiniDataTable.dataTables_wrapper.no-footer .dataTables_scrollHeadInner {
	box-sizing:border-box;
}

.newLayout2022 .ZiniDataTable tr,
.newLayout2022 .ZiniDataTable tr th
.newLayout2022 .ZiniDataTable tr td,
.newLayout2022 .ZiniDataTable tr.selected,
.newLayout2022 .ZiniDataTable tr.selected th
.newLayout2022 .ZiniDataTable tr.selected td {
	background:none;
}

.newLayout2022 .ZiniDataTable tr.disabled {
	color:#999898;
}

.newLayout2022 .ZiniDataTable tr td {
	border-bottom:1px solid #C9C9C9;
	box-sizing:border-box;
	height:50px;
	max-height:50px;
	overflow:hidden;
	padding:10px;
	position:relative;
}

.newLayout2022 .ZiniDataTable.SmartServiceAssetSelectorTable tr td {
	height:14px;
	max-height:14px;
	font-size:14px;
	padding:8px;
}

.newLayout2022 #service-type-form .type_switcher.active {
	border-color: #325CC8;
	color: #325CC8;
	filter:none;/* in this case we do not want ":disabled" to look gray */
}

.newLayout2022 .ZiniDataTable .allow-wrap {
	white-space:break-spaces;
}

.newLayout2022 .ZiniDataTable tr td.withIcon {
	padding-right:35px;
}

.newLayout2022 .ZiniDataTable tr td.withIcon.editable {
	padding-right:65px;
}

.newLayout2022 .ZiniDataTable tr td.editable input {
	width:100%;
}

.newLayout2022 .ZiniDataTable tr th {
	color:#323131;
	vertical-align:top;
	border-style:solid;
	border-color: #C9C9C9;
	border-width:0 0 1px 1px;
	background-color:#F8F8F8;
}

.newLayout2022 .ZiniDataTable tr th:first-child {
	border-left:none;
}

.newLayout2022 .ZiniDataTable table.dataTable thead th.sorting_disabled,
.newLayout2022 .ZiniDataTable table.dataTable thead th.sorting,
.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_asc,
.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_desc {
	padding:0;
	background:#F8F8F8 !important; /*because plugin itself uses important, we have no other choice */
	position:relative;
	vertical-align:top;
}

.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting,
.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_asc,
.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_desc {
	background-image:none;
}

.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting:before,
.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting:after {
	content:'';
	position:absolute;
	left:5px;
	width:0;
	height:0;
	z-index:90;
	border-style:solid;
}

.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting:before {
	border-width:0 5px 5px 5px;
	border-color:transparent transparent #C9C9C9 transparent;
	top:10px;
}


.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting:after {
	border-width:5px 5px 0 5px;
	border-color:#C9C9C9 transparent transparent transparent;
	top:19px;
}

.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_asc:before {
	border-color:transparent transparent #6998E8 transparent;
}


.newLayout2022 .ZiniDataTable .dataTables_scrollHead table.dataTable thead th.sorting.sorting_desc:after {
	border-color:#6998E8 transparent transparent transparent;
}

.newLayout2022 .ZiniDataTable tr th .title-wrap {
	padding:10px;
	text-align:left;
	min-height:1rem;
	z-index:10;
	position:relative;
}

.newLayout2022 .ZiniDataTable tr th .title-wrap input {
	margin:0;
}

.newLayout2022 .ZiniDataTable tr th .title-wrap .counts {
	display:inline-block;
	margin-left:5px;
	font-weight:normal;
	font-size:0.9em;
	letter-spacing:-0.1em;
}

.newLayout2022 .ZiniDataTable tr th:not(:last-child) .title-wrap {
	margin-right:3px;
}

.newLayout2022 .ZiniDataTable table.dataTable thead th.sorting .title-wrap,
.newLayout2022 .ZiniDataTable table.dataTable thead th.sorting_asc .title-wrap,
.newLayout2022 .ZiniDataTable table.dataTable thead th.sorting_desc .title-wrap {
	padding-left:20px;
}


.newLayout2022 .ZiniDataTable .actions button.delete,
.newLayout2022 .ZiniDataTable .actions button.with-icon {
	width:20px;
	height:20px;
	border:none;
	background:none;
	position:relative;
}

.newLayout2022 .ZiniDataTable button.cancel,
.newLayout2022 .ZiniDataTable button.edit,
.newLayout2022 .ZiniDataTable button.ok,
.newLayout2022 .ZiniDataTable button.copy {
	width:20px;
	height:20px;
	border:none;
	background:none;
	position:absolute;
	right:10px;
	top:calc(50% - 10px);
}

.newLayout2022 .ZiniDataTable button.ok {
	right:35px;
}

.newLayout2022 .ZiniDataTable button.ok,
.newLayout2022 .ZiniDataTable button.copy.done {
	background:transparent url('../../images/tick.png') no-repeat center center;
}

.newLayout2022 .ZiniDataTable button.ok:hover,
.newLayout2022 .ZiniDataTable button.copy.done:hover {
	background-image:url('../../images/tick_darker.png');
}

.newLayout2022 .ZiniDataTable button.edit  {
	background:transparent url('../../images/pen.png') no-repeat center center;
}

.newLayout2022 .ZiniDataTable button.edit:hover {
	background-image:url('../../images/pen_darker.png');
}

.newLayout2022 .ZiniDataTable button.copy {
	background:transparent url('../../images/copy_papers.png') no-repeat center center;
}

.newLayout2022 .ZiniDataTable button.copy:hover {
	background-image:url('../../images/copy_papers_darker.png');
}

.newLayout2022 .ZiniDataTable .actions button {
	margin:4px;
}

.newLayout2022 .ZiniDataTable .actions button.edit,
.newLayout2022 .ZiniDataTable .actions button.edit_ok,
.newLayout2022 .ZiniDataTable .actions button.edit_cancel,
.newLayout2022 .ZiniDataTable .actions button.delete {
	width:20px;
	height:20px;
	border:none;
	position:relative;
	float:left;
	top:auto;
	right:auto;
}

.newLayout2022 .ZiniDataTable .actions button.delete {
	background:none;
}

.newLayout2022 .ZiniDataTable .actions button.delete:before,
.newLayout2022 .ZiniDataTable .actions button.delete:after,
.newLayout2022 .ZiniDataTable button.cancel:before,
.newLayout2022 .ZiniDataTable button.cancel:after {
	content:'';
	position:absolute;
	width:20px;
	height:3px;
	background-color:#C9C9C9;
	top:8px;
	left:0px;
}

.newLayout2022 .ZiniDataTable .actions button.delete:before,
.newLayout2022 .ZiniDataTable button.cancel:before {
	transform:rotate(45deg);
}

.newLayout2022 .ZiniDataTable .actions button.delete:after,
.newLayout2022 .ZiniDataTable button.cancel:after {
	transform:rotate(-45deg);
}

.newLayout2022 .ZiniDataTable .actions button.delete:hover:before,
.newLayout2022 .ZiniDataTable .actions button.delete:hover:after {
	background-color:#D30B3B;
}

.newLayout2022 .ZiniDataTable button.cancel:hover:before,
.newLayout2022 .ZiniDataTable button.cancel:hover:after {
	background-color:#6998E8;
}

.newLayout2022 .ZiniDataTable select.ziniselect {
	visibility:hidden;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable tr:last-child td {
	border-bottom:none;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .video_link {
	border:none;
	background:transparent;
	color:#999898;
	margin-right:8px;
	cursor:auto;
	text-decoration:none;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .video_link:first-child {
	padding-left:0;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .video_link.ready {
	color:#325CC8;
	cursor:pointer;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .actions button.start_sync {
	background:transparent url('../../images/svg_icons/download.svg') no-repeat center center;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .actions button.stop_sync {
	background:transparent url('../../images/svg_icons/cancel.svg') no-repeat center center;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .actions button.more_actions {
	background:transparent url('../../images/svg_icons/three_dots_black.svg') no-repeat center center;
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .actions button.more_actions.active {
	background-image:url('../../images/svg_icons/three_dots_sapphire.svg');
}

.newLayout2022 .ZiniDataTable.DashcamEventLogTable .dashcam_imei.old {
	color:#999898;
}

.newLayout2022 .ZiniDataTableMoreActions {
	position:absolute;
	background-color:#fff;
	border-radius:4px;
	border:1px solid #C9C9C9;
	box-shadow:0px 0px 10px 0px rgba(50, 49, 49, 0.20);
	width:200px;
}

.newLayout2022 .ZiniDataTableMoreActions .set {
	border-bottom:1px solid #C9C9C9;
	padding:8px 0;
}

.newLayout2022 .ZiniDataTableMoreActions .set:first-child {
	padding-top:0;
}
	
.newLayout2022 .ZiniDataTableMoreActions .set:last-child {
	border-bottom:none;
	padding-bottom:0;
}

.newLayout2022 .ZiniDataTableMoreActions .set div,
.newLayout2022 .ZiniDataTableMoreActions .set a {
	padding:8px;
	font-size:14px;
	font-weight:400;
	color:#323131;
	cursor:pointer;
	width:100%;
	box-sizing:border-box;
}

.newLayout2022 .ZiniDataTableMoreActions .set div.disabled,
.newLayout2022 .ZiniDataTableMoreActions .set a.disabled {
	cursor:auto;
	color:#999898;
}

.newLayout2022 .ZiniDataTableMoreActions .set div:hover,
.newLayout2022 .ZiniDataTableMoreActions .set a:hover {
	background-color:#FAFAFA;
}

.newLayout2022 .ZiniDataTableMoreActions .set a {
	text-decoration:none;
	display:inline-block;
}

.newLayout2022 .ZiniDataTableMoreActions .set:first-child,
.newLayout2022 .ZiniDataTableMoreActions .set:first-child *:first-child {
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.newLayout2022 .ZiniDataTableMoreActions .set:last-child,
.newLayout2022 .ZiniDataTableMoreActions .set:last-child *:last-child {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.newLayout2022 .report-tools {
	width:100%;
	padding:0 0 calc(25px - 1.5em) 0;
	box-sizing:border-box;
	display:flex;
}

.newLayout2022 .ZiniDataTable div.dt-buttons {
	text-align: right;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap {
	width:100%;
	max-width:160px;
	background-color:#F0F0F0;
	margin-top:4px;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap,
.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar {
	height: 5px;
	border-radius:2.5px;
	position:relative;
	float:left;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.pending,
.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.now {
	background-color:#325CC8;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.overdue {
	background-color:#FF4D4F;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.completed {
	background-color:#008F5C;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.paused {
	background-color:#F0F0F0;
}

.newLayout2022 .ZiniDataTable .status-bar-wrap .status-bar.canceled {
	background-color:#323131;
}

.newLayout2022 .ZiniDataTable .clickable {
	cursor:pointer;
	padding:4px;
}

.newLayout2022 .report-tools label {
	color:#323131;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	position:relative;
	float:left;
	width:100%;
}

.newLayout2022 .report-tools button[type="submit"] {
	position:relative;
}

.newLayout2022 .report-tools button .loading-new {
	border-radius:5px;
}

.newLayout2022 .report-tools button .loading-new .center-vertical {
	height:99%;
}

.newLayout2022 .report-tools .form-item-wrap,
.newLayout2022 .standalone-form .form-item-wrap {
    padding-bottom: 1.5em;
    position: relative;
}

.newLayout2022 #asset-form .standalone-form .form-item-wrap {
    padding-bottom:0;
}

.newLayout2022 .report-tools .form-item-wrap:not(:last-child) {
	margin-right:5px;
}

.newLayout2022 .standalone-form .form-item-wrap:not(:last-child),
.newLayout2022 .preview .block:not(:last-child) {
	margin-right:24px;
}

.newLayout2022 .standalone-form .block.vertical-content .form-item-wrap {
	margin-right:0;
	padding-bottom:12px;
}

.newLayout2022 .standalone-form .block.vertical-content .form-item-wrap:last-child {
	padding-bottom:0;
}

.newLayout2022 .standalone-form .block:not(:last-child) {
	margin-right:16px;
}

.newLayout2022 .report-tools .form-item-wrap span.error,
.newLayout2022 .standalone-form .form-item-wrap span.error {
	position:absolute;
	bottom:0;
	left:0;
}

.newLayout2022 .standalone-form,
.newLayout2022 .preview {
	display:flex;
}

.newLayout2022 .standalone-form .form-item-wrap,
.newLayout2022 .preview .block {
	display:flex;
	flex-direction:column;
	flex-grow:1;
}

.newLayout2022 .standalone-form .form-item-wrap.actions,
.newLayout2022 .preview .block.actions {
	margin-left:auto;
	flex-grow:0;
}

.newLayout2022 .standalone-form .form-item-wrap.actions button:not(:first-child) {
	margin-top:16px;
}

.newLayout2022 .standalone-form .form-item-wrap label,
.newLayout2022 .preview .block {
	font-size:16px;
	line-height:24px;
}

.newLayout2022 .standalone-form .form-item-wrap label,
.newLayout2022 .preview .block .title {
	font-weight:500;
}

.newLayout2022 .preview .block .value {
	font-weight:400;
	color:#999898;
	position:relative;
}

.newLayout2022 .report-tools .report-tool-block.report-filters {
	display:flex;
}

.newLayout2022 .report-tools .report-tool-block.without-title {
	margin-top:19px;
}

.newLayout2022  #smart-service-events .report-tools .report-tool-block.without-title {
	margin-top:0;
}

.newLayout2022 .report-tools .report-tool-block.right {
	margin-left:auto;
}

.newLayout2022 .report-tools .report-tool-block:not(:last-child),
.newLayout2022 .report-filter:not(:last-child) {
	margin-right:24px;
}

.newLayout2022 .report-period-filter,
.newLayout2022 .report-filter,
.newLayout2022 .report-search {
	width:296px;
}

.newLayout2022 .report-period-filter.with-time {
	width:315px;
}

.newLayout2022 .report-period-filter .time_period_selector {
	width:100%;
	height:35px;
	display:flex;
	border: 1px solid #C9C9C9;
	border-radius:4px;
	vertical-align: top;
	box-sizing: border-box;
	background:#fff url('../../images/svg_icons/calendar.svg') no-repeat calc(100% - 8px) center;
}

.newLayout2022 .report-period-filter .time_period_selector,
.datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).date_picker,
.ui-widget .datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).date_picker {
	background-size:16px;
	padding-right:30px;
}

input.date_picker,
.datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).date_picker,
.ui-widget .datetime_picker input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).date_picker {
	background:transparent url('../../images/svg_icons/calendar.svg') no-repeat calc(100% - 8px) center;
	background-size:16px;
}

.newLayout2022 .report-period-filter .time_period_selector .chosen_period {
	cursor: pointer;
	box-sizing:border-box;
	width: 100%;
	height: 100%;
	padding:8px;
	font-size: 14px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#C9C9C9;
	text-align: left;
}

.newLayout2022 .report-period-filter .time_period_selector .predefined_description {
	display:none; /* this is not used in new layput */
}

.newLayout2022 .report-period-filter .time_period_selector .smallerDate {
	font-size:0.75em;
}

.newLayout2022 .report-period-filter .time_period_selector .change_period {
	display: none;
}

.newLayout2022 .report-tools form,
.newLayout2022 .report-filters .report-search .report-searcher-with-icon,
.newLayout2022 .table-searcher-with-icon {
	position:relative;
	float:left;
	width:100%;
	display:flex;
}

.newLayout2022 .report-filters .report-search .report-searcher-with-icon,
.newLayout2022 .table-searcher-with-icon {
	background:#fff url('../../images/svg_icons/find.svg') no-repeat 8px center;
	background-size:16px;
}

.newLayout2022 .table-searcher-with-icon {
	width:300px;
	margin:0 0 5px 0;
}

.newLayout2022 .report-filters .report-search .report-searcher-with-icon .report-searcher,
.newLayout2022 div.searcher.table-searcher-with-icon input.table-searcher {
	width:100%;
	padding-left:30px;
	background-color:transparent;
}

.newLayout2022 .report-filters .report-search .report-searcher-with-icon .report-searcher:focus,
.newLayout2022 .report-filters .report-search .report-searcher-with-icon .report-searcher:active,
.newLayout2022 .table-searcher-with-icon .table-searcher:focus,
.newLayout2022 .table-searcher-with-icon .table-searcher:active {
	border-color:#6998E8;
}

.popup_window.newLayout_2022,
.newLayout2022 .ui-dialog.skyfms_dialog {
	border:1px solid #C9C9C9;
	box-shadow:0px 5px 13px 1px #505050;
}

.popup_window.newLayout_2022 .popup_content {
	display:flex;
}

.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-titlebar {
	background-color:#ffffff;
	color:#323131;
	font-size:1.1em;
	font-weight:600;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .ui-dialog-titlebar {
	display:none;
}

.newLayout2022 .ui-dialog.skyfms_dialog.confirm_dialog .ui-dialog-titlebar {
	padding-left:50px;
	background:transparent url('../../images/help.png') no-repeat 20px center;
	line-height:20px;
	vertical-align:middle;
}
	
.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	display:none;
}

.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-content.skyfms_dialog_content,
.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-content.skyfms_dialog_content_wrap .skyfms_dialog_content {
	color:#686464;
	padding:20px;
}

.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-content.skyfms_dialog_content_wrap {
	padding:0;
}

.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-buttonpane {
	border-color:#C9C9C9;
	padding:5px 10px;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .ui-dialog-buttonpane {
	border-color:#F8F8F8;
	background-color:#F8F8F8;
}

.newLayout2022 .ui-dialog.skyfms_dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	justify-content:center;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .title-wrap {
	background-color:#F8F8F8;
	padding:20px;
	position:relative;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .title-wrap .main-title {
	font-weight:bold;
	padding:0 0 0.5em 0;
	display:inline-block
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .close {
	border:none;
	position:absolute;
	top:5px;
	right:5px;
	width:12px;
	height:12px;
	cursor:pointer;
	background:none;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .close:after,
.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .close:before {
	content:'';
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	transform-origin:center center;
	width:100%;
	height:2px;
	background-color:#323131;
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .close:after {
	transform:rotate(45deg);
}

.newLayout2022 .ui-dialog.skyfms_dialog.form_dialog .close:before {
	transform:rotate(-45deg);
}

.newLayout2022 .ui-widget-overlay {
	background-color:#323131;
	opacity:0.5;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li.ui-tab,
.newLayout2022 .ui-tabs .ui-tabs-panel {
	border-color:#C9C9C9;
	background-color:#fff;
	background-image:none;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li.ui-tab a {
	color:#323131;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li.ui-tab:hover {
	background-color: #6998E8;
	border-color: #6998E8;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.newLayout2022 #vehicles_tabs .ui-state-active {
	background-color:#909090;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color:#fff;
}

.newLayout2022 .ui-tabs .ui-tabs-nav li {
	border-radius:5px 5px 0 0;
	overflow:hidden;
}

.newLayout2022 .ui-tabs .ui-tabs-panel {
	border-radius:0 0 5px 5px;
}

.newLayout2022 .ui-tooltip.ui-widget.ui-widget-content,
.newLayout2022 .ui-tooltip-arrow:after {
	background:#325CC8;
	border:none;/*2px solid #325CC8;*/
}

.newLayout2022 .ui-tooltip.ui-widget.ui-widget-content.error,
.newLayout2022 .ui-tooltip-arrow.error:after {
	background-color:#D30B3B;
}

.newLayout2022 .ui-tooltip {
	padding:5px 10px;
	color:#ffffff;
	border-radius:5px;
	box-shadow:0px 5px 13px 1px #505050;
}

.newLayout2022 .ui-tooltip:after {
	content:'';
	width:0;
	height:0;
	border-style:solid;	
	position:absolute;
	left:5px;
}

.newLayout2022 .ui-tooltip.bottom:after {
	bottom:-5px;
	border-width:5px 5px 0 5px;
	border-color:#325CC8 transparent transparent transparent;
}

.newLayout2022 .ui-tooltip.top:after {
	top:-5px;
	border-width:0 5px 5px 5px;
	border-color:transparent transparent #325CC8 transparent;
}

.newLayout2022 .ui-tooltip.error.bottom:after {
	bottom:-5px;
	border-width:5px 5px 0 5px;
	border-color:#D30B3B transparent transparent transparent;
}

.newLayout2022 .ui-tooltip.error.top:after {
	top:-5px;
	border-width:0 5px 5px 5px;
	border-color:transparent transparent #D30B3B transparent;
}

.newLayout2022 .ui-tooltip-arrow {
	width:30px;
	height:5px;
	overflow: hidden;
	position: absolute;
	left:10px;
	bottom:-5px;
}

.newLayout2022 .ui-tooltip-arrow.top {
	top:-5px;
	bottom: auto;
}

.newLayout2022 .ui-tooltip-arrow.left {
	left: 20%;
}

.newLayout2022 .ui-tooltip-arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px #505050;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.newLayout2022 .ui-tooltip-arrow.top:after {
	bottom: -20px;
	top: auto;
}

.popup_window.newLayout_2022 {
	border-radius:5px;
	padding:0;
	overflow:hidden;
}

.newLayout2022 .info-table .row {
	display:flex;
	padding:10px 0;
	border-bottom:1px solid #F8F8F8;
}

.newLayout2022 .info-table .row .title {
	width:200px;
	flex-grow:0;
	flex-shrink:0;
	color:#909090;
	text-align:right;
	padding:0 5px 0 0;
}

.newLayout2022 .info-table .row .value {
	flex-grow:1;
	flex-shrink:1;
	padding:0 0 0 5px;
}


.newLayout2022 .select2-container .select2-selection--single {
	height:auto;
}

.newLayout2022 .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:17px;
	min-height:17px;
}

.newLayout2022 .select2-container--default .select2-selection--single .select2-selection__arrow {
	height:33px;
}

.newLayout2022 .select2-container--default .select2-selection--multiple {
	border-color:#C9C9C9;
}

.newLayout2022 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding:0;
}

.newLayout2022 .select2-container--default .select2-selection--multiple .select2-selection__clear {
	font-size:24px;
	font-weight:lighter;
	margin:8px 12px 0 0;
}

.newLayout2022 .select2-container--default .select2-selection--multiple .select2-search__field {
	min-height:14px;
	margin:0;
}

.newLayout2022 .select2-container--default .select2-selection--multiple li {
	display:flex;
	min-height:14px;
	line-height:14px;
}

.newLayout2022 .select2-container--default .select2-selection--multiple li.select2-search--inline input,
.newLayout2022 .select2-container--default .select2-selection--multiple li.select2-selection__choice {
	padding:4px 12px;
	margin-top:5px;
}

.newLayout2022 .select2-container--default .select2-selection--multiple li.select2-selection__choice {
	color:#325CC8;
	background-color:#F8F8F8;
	border:none;
	margin-right:5px;
	border-radius:5px;
}

.newLayout2022 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	order:1;
	color:#325CC8;
	margin:0 0 0 3px;
}

/* The parts with fieldset probably should be rewritten on HTML level, this is just for old things poping up in new layout */
.newLayout2022 fieldset.IS_fieldset,
.newLayout2022 div.jquery_tabs div.IS_fieldsets_wrapper {
	border-color:#C9C9C9;
}

.newLayout2022 fieldset.IS_fieldset div.fieldset_leftside_background {
	display:none;
}

.newLayout2022 div.jquery_tabs div.IS_fieldsets_wrapper {
	background-color:transparent;
}

.newLayout2022 td.data-delay {
	background-color:#FFDE33;
}

.newLayout2022 td.data-old {
	background-color:#D09A10;
}

.newLayout2022 td.data-tooOld {
	background-color:#FF4D4F;
}

.clockpicker-popover.newLayout_2022 .arrow {
	display:none;
}

.clockpicker-popover.newLayout_2022 .popover-title {
	background-color:#F0F4FF;
}

.clockpicker-popover.newLayout_2022 {
	border:1px solid #C9C9C9;
	box-shadow:0px 0px 10px 0px rgba(50, 49, 49, 0.20);
	background-color:transparent;
	border-radius:4px;
	padding:0;
}

.clockpicker-popover.newLayout_2022.bottom {
	margin-top:8px;
}

.clockpicker-popover.newLayout_2022.top {
	margin-top:-8px;
}

.clockpicker-popover.newLayout_2022 .popover-title .clockpicker-span-hours,
.clockpicker-popover.newLayout_2022 .popover-title .clockpicker-span-minutes,
.clockpicker-popover.newLayout_2022 .popover-title  .clockpicker-span-hours.text-primary,
.clockpicker-popover.newLayout_2022 .popover-title  .clockpicker-span-minutes.text-primary {
	display:inline-block;
	color:#323131;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 133.333% */
}

.clockpicker-popover.newLayout_2022 .popover-title  .clockpicker-span-hours.text-primary,
.clockpicker-popover.newLayout_2022 .popover-title  .clockpicker-span-minutes.text-primary {
	background-color:#C3D6F6;
	padding:0 6px;
	border-radius:6px;
}

.clockpicker-popover.newLayout_2022 .popover-content {
	background-color:#fff;
	padding:8px;
}

.clockpicker-popover.newLayout_2022 .popover-content:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate {
	background-color:#FAFAFA;
	border-color:#FAFAFA;
}

.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-tick {
	color:#323131;
}

.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-tick.active {
	color:#fff;
}

.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-canvas-bearing,
.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-canvas-fg,
.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-canvas-bg {
	fill:#325CC8;
}

.clockpicker-popover.newLayout_2022 .popover-content .clockpicker-plate .clockpicker-canvas line {
	stroke:#325CC8;
	stroke-width:2;
}

.datetime_picker {
	display:flex;
}

.datetime_picker input[type="text"].date_picker,
.datetime_picker input[type="text"].clockpicker {
	cursor:pointer;
}

.datetime_picker.locked input[type="text"].date_picker,
.datetime_picker.locked input[type="text"].clockpicker {
	cursor:not-allowed;
}

.datetime_picker .date_picker {
	width:110px;
}

.datetime_picker .clockpicker {
	width:75px;
	margin-left:5px;
}

.newLayout2022 #dashcam-event-log {
	display:block;
}

.newLayout2022 #dashcam-event-log .page-data-block-no-background.events {
	width:100%;
	/*53px - header; 58px - title; 20px - page wrap padding; 10px - block margin; 2px - block border; 70px - report tools */
	min-height: auto;
	height:calc(100vh - 53px - 58px - 20px - 10px - 2px - 70px);
	padding:0;
	margin:0;
}

.newLayout2022 #dashcam-event-log .report-tools {
	margin:0 15px;
}

.newLayout2022 #dashcam-event-log .page-data-block {
	margin:5px 15px;
	padding:0;
	width:calc(100% - 30px);
}

#dashcam-event-log .page-data-block.openable-block .title {
	color:#323131;
	padding:20px 20px 20px 56px;
	position:relative;
}

#dashcam-event-log .page-data-block.openable-block .title:after,
.openable-block-table .title:after {
	content:'';
	position:absolute;
	top:calc(50% - 12px);
	left:16px;
	width:24px;
	height:24px;
	background:transparent url('../../images/svg_icons/arrow_black_100.svg') no-repeat center center;
	transform:rotate(270deg);
}

#dashcam-event-log .page-data-block.openable-block.open .title:after,
.openable-block-table.open .title:after {
	background-image:url('../../images/svg_icons/arrow_sapphire_100.svg');
	transform:rotate(90deg);
}

#dashcam-event-log .page-data-block.openable-block .title .carname {
	font-size:16px;
	font-weight:700;
}

#dashcam-event-log .page-data-block.openable-block .title .dashcam {
	margin-top:8px;
	font-size:14px;
	font-weight:500;
}

#dashcam-event-log .page-data-block.openable-block .title .status-box {
	margin-left: 10px;
	height: 24px;
	border-radius: 4px;
	opacity: 0px;
	padding: 4px 10px 0px 10px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	box-sizing: border-box;
}

#dashcam-event-log .page-data-block.openable-block .title .status-box.online {
	background: #D8FBEC;
	border: 1px solid #008F5C;
	color: #008F5C;
}

#dashcam-event-log .page-data-block.openable-block .title .status-box.offline {
	background: #F0F0F0;
	border: 1px solid #999898;
	color: #999898;
}

#dashcam-event-log .page-data-block.openable-block.open .body {
	min-height:100px;
	padding:0 20px 20px 20px;
}

.newLayout2022 .row-container {
	display: flex;
	flex-direction: row;
}

.newLayout2022 .back_strip {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding-left: 24px;
	align-items: center;
	flex-shrink: 0;
	background-color: #F0F4FF;
}

.newLayout2022 .back_strip a {
	display: flex;
	text-decoration: none;
	background-image: url('../../images/back_arrow.svg');
	background-repeat: no-repeat;
}

.newLayout2022 .asset-children-block .report-tools .report-tool-block.without-title {
	margin-top: 0;
}

.newLayout2022 .back_strip .back_strip_text {
	color: #325CC8;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal; 
	margin-left: 40px;
	margin-top: 3px;
}

.newLayout2022 .asset-children-dialog-body {
	padding: 8px !important;
	border-top: 1px solid #C9C9C9 !important;
}

.newLayout2022 .asset-children-dialog-body .asset-list {
	margin: 8px 0;
}

.newLayout2022 .asset-children-dialog .ui-dialog-titlebar {
	line-height: 24px !important;
	padding: 8px;
	height: auto !important;
}

.newLayout2022 .asset-children-dialog .ui-dialog-titlebar span {
	width: 100%;
}

.newLayout2022 .asset-children-dialog .children-assets .asset {
	display: flex;
	line-height: 18px;
}

.newLayout2022 .asset-children-dialog .children-assets label {
	width: 100%;
	display: flex;
}

.newLayout2022 .asset-children-dialog .children-assets .asset + .asset {
	margin-top: 4px;
}

.newLayout2022 .asset-children-dialog .children-assets .asset span {
	flex-basis: 50%;
	color: #323131;
	padding: 4px 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.newLayout2022 .asset-children-dialog .assets-actions-message {
	background-color: #FFF0F1;
	padding: 4px 8px;
	margin-bottom: 8px;
	color: #323131;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	display: flex;
	gap: 8px;
}

.newLayout2022 .asset-children-dialog .assets-actions-message > svg {
	flex-shrink: 0;
}

.newLayout2022 .asset-children-dialog .ui-dialog-buttonpane {
	margin: 0;
	padding: 8px !important;
}

.newLayout2022 .asset-children-dialog .ui-dialog-buttonset {
	padding-right: 8px;
}

.newLayout2022 .asset-children-dialog .ui-dialog-titlebar-close {
	display: block !important;
	background: #adadad !important;
	padding: 13px;
	border-radius: 50%;
	margin-top: -14px;
	margin-right: 8px;
}

.newLayout2022 .asset-children-dialog .ui-icon-closethick {
	width: inherit !important;
	margin-left: -10px;
	background-size: 13px;
}

.newLayout2022 .asset-children-dialog .ui-dialog-buttonset button {
	margin: 0 !important;
}

.newLayout2022 .add-children-table-container {
	width: 750px
}

.newLayout2022 .add-children-container {
	display: flex;
	gap: 8px;
}

.newLayout2022 .children-action-overview {
	border: 1px solid #C9C9C9;
	flex: 1;
	padding: 8px;
	border-radius: 4px;
	position: relative;
}

.newLayout2022 .overview-footer {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	border-top: 1px solid #F0F0F0;
	padding: 8px;
}

.newLayout2022 .count-notice {
	display: flex;
	gap: 8px;
	padding: 4px 8px;
	border-radius: 4px;
	background: #F0F4FF;
}

.newLayout2022 .count-notice div {
	color: #323131;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.newLayout2022 .overview-assets-body {
	padding-bottom: 49px;
}

.newLayout2022 .add-children-assets {
	overflow-y: auto;
	margin-top: 8px;
	max-height: 370px;
}

.newLayout2022 .secondary-color-button {
	color: #325CC8 !important;
	background-color: #fff !important;
}

.newLayout2022 .action-color-button {
	color: #325CC8;
	background-color: #F0F4FF;
	border: 1px solid #325CC8;
	border-radius: 4px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	height: 32px;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
}

.newLayout2022 #ddd-download .report-filters {
	width: 440px;
	display: flex;
	gap: 10px;
}

.newLayout2022 .ddd-action-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.newLayout2022 .ddd-action-container button {
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
	border: none;
	color: #999898;
}

.newLayout2022 .ddd-action-container img {
	max-width: 16px;
}

.newLayout2022 .ddd-good-data {
	color: #008F5C;
}

.newLayout2022 .ddd-bad-data {
	color: #FF4D4F;
}

.newLayout2022 .ddd-bad-data-bg {
	background-color: #FFF0F1;
}


.newLayout2022 .import-actions {
	display: flex;
	align-items: center;
}

.newLayout2022 .show-imports {
	height: 35px;
	width: 35px;
	padding: 5px;
	background: transparent;
	border: 1px solid #325CC8;
	border-radius: 5px;
	color: #325CC8;
	box-sizing: border-box;
}

.newLayout2022 .working-hours-meta {
	display: flex;
	gap: 12px;
	align-items: center;
}

.newLayout2022 .working-hours-meta > * {
	font-size: 13px;
}

.newLayout2022 .imports-assets-select {
	min-width: 200px;
}

.newLayout2022 .outline-button {
	background: transparent !important;
	color: #325CC8 !important;
}

.newLayout2022 .right-actions {
	display: flex;
	gap: 10px;
}

.newLayout2022 .import-actions > button,
.newLayout2022 .import-actions > a {
	padding: 0;
	margin-right: 4px;
	border: none;
	background: transparent;
}

.newLayout2022 .import-status.partially_processed {
	color: #856404;
}

.newLayout2022 .import-status.failed {
	color: #721c24;
}

.newLayout2022 .import-status.processing {
	color: #004085;
}

.newLayout2022 .import-status.completed {
	color: #155724;
}

.newLayout2022 .event-table-height {
	height: 350px;
}

.newLayout2022 .openable-block-table {
    height: max-content;
}

.newLayout2022 .openable-block-table .title:after {
	left: 0;
}

.newLayout2022 .openable-block-table .title {
	padding-left: 36px;
	position: relative;
}

.newLayout2022 .asset-page-content {
	flex-grow: 0;
}