﻿@font-face {
	font-family: 'Roboto';
	src: url('/themes/simple2/Roboto-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/themes/simple2/Roboto-BoldItalic.ttf');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Roboto';
	src: url('/themes/simple2/Roboto-Bold.ttf');
	font-weight: bold;
}
@font-face {
	font-family: 'Roboto';
	src: url('/themes/simple2/Roboto-Italic.ttf');
	font-style: italic;
}


body {
	height: 100vh;
	background-color: rgba(241, 243, 252, 0.32);
	font-size: 13px;
	font-family: 'Roboto', 'Open Sans', Trebuchet MS;
	color: #333;
}

input, textarea, keygen, select, button {
	font-size: 13px;
	font-family: 'Roboto', 'Open Sans', Trebuchet MS;
}

header {
	background: #33373D;
	color: #fff;
	display: inline-block;
	min-height: 34px;
	line-height: 34px;
}

.header-buttons li:hover, .header-buttons li.iw-opened {
	background-color: #3C90F2;
}

.header-buttons .headerimgbtn span {
	padding: 0px 4px;
}

.header-buttons li .icon svg {
	fill: #AFAFBB;
}
.header-buttons li:hover .icon svg, .header-buttons li.iw-opened .icon svg {
	fill: white;
}
.header-logo > img {
	width: 34px;
	height: 34px;
}

.dropdownmenu a:hover, .dropdownmenu a.selected {
	color: initial;
	background-color: #E3EEFF; /*#3C90F2;*/
}
.iw-display {
	border: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0px 2px 8px rgba(40, 41, 61, 0.16), 0px 16px 24px rgba(96, 97, 112, 0.16);
}

.nav-header {
	background: #f5f5f5;
	color: #707070;
}

header .icon svg.svgicon-theme {
	width: 20px;
	height: 20px;
}

.contentheader {
	background-color: #EEF1F9
}

.layout1 > div:nth-child(1) {
	background-color: white;
}

.periodpicker, .periodpicker-readonly {
	padding: 1px 2px;
}
div[data-c-prefix='left'] .periodpicker {
	margin: 5px 8px;
}
.menutoolbar .periodpicker,
.sidebar .periodpicker {
	border: none;
	padding: 0px 2px;
}
.menutoolbar .periodpicker-readonly,
.sidebar .periodpicker-readonly {
	border: none;
}
.menutoolbar .periodpicker .cal-openbtn,
.menutoolbar .periodpicker-readonly .cal-openbtn,
.sidebar .periodpicker .cal-openbtn,
.sidebar .periodpicker-readonly .cal-openbtn,
.datetimepicker .cal-openbtn {
	/*float: left;*/
	order: -1;
	position: relative;
	margin-left: 0;
	margin-right: 3px;
}
.menutoolbar .periodpicker > div:first-of-type,
.menutoolbar .periodpicker > div:last-of-type,
.sidebar .periodpicker > div:first-of-type,
.sidebar .periodpicker > div:last-of-type {
	height: 24px;
	border-radius: 16px;
	padding: 4px 3px;
}
.sidebar {
	border: none;
}
.layout1 > div:nth-child(1) .sidebar-header {
	border-right: 1px solid #1461D3;
}
.layout1 > div:nth-child(1) .content {
	border-right: 1px solid #EAEBF5;
}

.menutoolbar {
	border-bottom: 1px solid #EAEBF5;
}

/*.menutoolbar, .menutoolbar ul, .menutoolbar li {
	height: 48px;
}*/
.menutoolbar input:not(.iw-contextMenu), .menutoolbar select:not(.iw-contextMenu) {
	height: 32px;
	border: 1px solid #D0D4E4;
	border-radius: 4px;
}
.menutoolbar .iw-contextMenu input, .menutoolbar .iw-contextMenu select {
	height: initial;
	border: initial;
	border-radius: initial;
}

.menutoolbar .periodpicker,
.menutoolbar .periodpicker-readonly {
	height: 32px;
	line-height: 32px;
}
.menutoolbar .periodpicker input, .menutoolbar .periodpicker select {
	height: inherit;
	border: inherit;
	border-radius: inherit;
}

.dropdownmenu a {
	line-height: 26px;
}

.tree tr.fixedrow[data-level='0'] {
	top: 0;
}
.tree tr.fixedrow[data-level='1'] {
	top: 26px;
}
.tree tr.fixedrow[data-level='2'] {
	top: 52px;
}
.tree tr.fixedrow[data-level='3'] {
	top: 78px;
}
.tree tr.fixedrow[data-level='4'] {
	top: 104px;
}
.tree tr.fixedrow[data-level='5'] {
	top: 130px;
}

.icon {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	line-height: 1em;
	vertical-align: middle;
}

.icon svg {
	display: inline-block;
	width: 16px;
	height: 16px;
	stroke-width: 0;
	fill: currentColor;
}
header .icon svg {
	width: 24px;
	height: 24px;
}

.left li, .right li {
	background-color: #43474E;
	border-radius: 4px;
	margin: 2px 2px 0 2px;
	line-height: 28px;
}

.listviewtable:not(.noborders) {
	border-collapse: separate;
	border-spacing: 0;
	border-left: 1px solid #D0D4E4;
	border-top: 1px solid #D0D4E4;
}

.listviewtable:not(.noborders) td, .listviewtable:not(.noborders) th {
	border-right: 1px solid #D0D4E4;
	border-bottom: 1px solid #D0D4E4;
}
.listviewtable th {
	color: #4D5268;
	background-color: #FAFBFE;
}

.tree .childrencnt {
	color: #969696;
}

.actionbtn, .actionimg, .btn, .btn-primary {
	padding: 0px 9px;
	background: #FFFFFF;
	border: 1px solid #D0D4E4;
	border-radius: 4px;
	height: 32px;
	vertical-align: middle;
	line-height: 32px;
	display: inline-block;
}
.actionbtn:hover, .actionimg:hover, .btn:hover, .btn-primary:hover {
	background: #3C90F2;
	color: white;
	border: 1px solid #1461D3;
}
.actionbtn:active, .actionimg:active, .btn:active, .btn-primary:active {
	background-image: none;
	border: 1px solid #1461D3;
}
button[type='submit'].btn-primary {
	min-width: 7.5em;
}
.icon-ic_save {
	color: #1461D3
}
.icon-excel {
	color: green
}
button.btn:hover .icon, button.btn-primary:hover .icon {
	color: white
}

button.btnchecked {
	background-color: #3C90F2;
	color: white;
}
.sidebar-header {
	background-color: #3C90F2;
	color: white;
	line-height: 1;
}

.selectsingleobject .btn {
	top: 2px;
	bottom: 1px;
	padding: 0;
}
.selectsingleobject .btn > svg {
	position: absolute;
	top: 0;
	left: 0;
}

.paging2, .paging2 > span {
	display: flex;
	flex-direction: row;
	line-height: 32px;
}
.paging2 .actionimg {
	border: 0;
	background-color: inherit;
}
.paging2 .actionimg:hover {
	border: 0;
	background: #3C90F2;
}
/*.paging2 .actionimg .icon {
	line-height: 32px;
}*/

.block-btn .icon svg {
	width: 12px;
	height: 12px;
}

.actionbtn .icon-dropdownarrow svg {
	width: 16px;
	height: 16px;
}

.dropdownimage:hover.dropdownimage-more, .dropdownimage.iw-opened.dropdownimage-more {
	background: none;
}

.listviewtable tr:hover .dropdownimage .icon-more {
	color: #ddd;
}

dropdownimage-visible {
}

.listviewtable tr .dropdownimage.dropdownimage-visible {
	visibility: visible
}

.listviewtable tr .dropdownimage.dropdownimage-visible .icon-more {
	color: #ddd;
}

.listviewtable tr:hover .dropdownimage:hover .icon-more,
.listviewtable tr .dropdownimage.iw-opened .icon-more {
	color: #3C90F2;
}
.listviewtable tr:focus {
	background-color: #C5DBFF !important;
	outline: none;
}

.tree .collapsed .icon-treenode {
	color: #64678F;
	opacity: 0.8;
}
.highlight tr:focus, .listviewtable tr:not(.overridehover):hover {
	background-color: #E3EEFF !important;
}

.tabs2 > ul > li > input[type="radio"] + label {
	background-color: white;
	border-color: #D0D4E4;
	min-height: 32px;
	line-height: 32px;
	padding: 0 10px;
	display: inline-block;
}
.tabs2 > ul > li > input[type="radio"]:checked + label {
	background-color: #3C90F2;
	color: white;
	border-color: #1461D3;
	font-weight: normal;
	position: relative;
}
.tabs2 > ul {
	border-bottom: none;
}



#info_tp2_electricconnection_list .expandablerowcontent .listviewtable tr:nth-child(1) th {
	background-color: #D6E6FF;
	font-weight: bold;
}
.listviewtable tr:not(.checked), .listviewtable tr.alt:not(.checked) {
	background-color: white;
}

.treerowentityname {
	color: #64678F;
	font-style: normal;
}
.icon-expanded, .icon-collapsed {
	color: #64678F;
}

.icon-bool-true {
	color: #969696;
}

.icon-bool-false {
	color: #969696;
}

.icon-boolmark-true {
	color: #06C270;
}

.icon-boolmark-false {
	color: #C2C3D8;
}

.field-body input[type=text], .field-body input[type=password], .field-body select, .field-body textarea {
	background-color: white;
}
.periodpicker input, .periodpicker select {
	background-color: transparent;
}

fieldset {
	background: #FFFFFF;
	border: 1px solid #D0D4E4;
	border-radius: 4px;
}

.field-body {
	padding: 3px 0px 4px 6px;
}

.drp-calendar .today {
	font-weight: bold;
	background-color: cyan;
}

.tabs2 > ul {
	padding: 5px 0 0 0;
}