@CHARSET "UTF-8";

.metro h1, .metro h1 span {
	font-family: "Segoe UI Light", "Open Sans Light", Verdana, Arial,
		Helvetica, sans-serif;
	font-size: 48px;
}

.metro .page.fixed-header .page-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.metro .page.fixed-header .page-region {
	padding-top: 80px;
}

.metro .page .page-header .page-header-content h1 {
	bottom: 0px;
	position: absolute
}

.metro .page .page-header .page-header-content .user-login {
	float: right;
	margin: 10px 10px 0 0;
	cursor: pointer;
}

.metro .page .page-header .page-header-content .user-login .name {
	float: left;
	margin: -5px 10px 0;
	text-align: right;
}

.metro .page .page-header .page-header-content .user-login .avatar {
	width: 41px;
	height: 41px;
	float: right;
}

.metro .page.secondary .page-region-content, .metro .page.secondary .page-header-content
	{
	height: 100px;
	min-height: 100px;
	width: 100%;
	position: relative;
	display: block;
	padding-left: 100px;
}

.metro .page-back {
	background-image:
		url("data:image/png;base64,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");
	background-size: cover;
	display: block;
	cursor: pointer;
	font-size: 44px;
	height: 44px;
	left: 20px;
	position: absolute;
	top: 37px;
	width: 44px;
}

.metro [class*="span"] {
	margin-bottom: 5px;
}

.metro button, .metro .button {
	margin-bottom: 4px;
}

.metro .listview.fluid .list {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.metro .tile-area .tile-area-title {
	position: absolute;
}

.metro .tile-area.tile-area-fixed-title .tile-area-title {
	position: fixed;
}
.metro .tile-area.tile-area-fixed-title .user-menu {
	position: fixed;
}

.metro .tile-area .user-menu {
	position: absolute;
	right: 40px;
	top: 30px;
	width: auto;
}

.metro .tile-area .user-menu .dropdown-menu {
	width: 100%;
}

.metro .tile-area .user-id {
	background-color: transparent;
	color: #000000;
	position: relative;
	right: 0px;
	top: 0px;
}

.metro .tile-area .user-id:hover {
	color: #ffffff;
}

.metro .tile-group {
	max-width: 780px;
}
.metro .tile-group .tile-group-title {
	color: #111;
/* text-shadow: -1px 1px 2px #fff,
				  1px 1px 2px #fff,
				  1px -1px 0 #fff,
				  -1px -1px 0 #fff; */
}

#ajaxloader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
	z-index: 100;
}
/*
 * DhtmlXGrid
 */
div.gridbox table.hdr td div.hdrcell {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.hdr select, .hdr input {
	width: 100% !important;
	padding: 0 !important;
}

div.gridbox table.hdr {
	background-image: url("") !important;
}

div.gridbox .xhdr {
	background-image: url("") !important;
}

div.gridbox .xhdr, div.gridbox.isModern table.hdr tr td {
	background: transparent;
	border-color: #e7f1ff #a4bed4 #a4bed4 #e7f1ff;
}

div.gridbox {
	border: 0px !important;;
}

div.gridbox table.hdr td, div.gridbox table.obj td {
	border-color: transparent #DDDDDD #DDDDDD transparent !important;
	border-style: solid !important;
	border-width: 1px !important;
	color: rgba(0, 0, 0, 0.6) !important;
	display: table-cell !important;
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica,
		sans-serif !important;
	font-size: 11pt !important;
	font-weight: 400 !important;
	letter-spacing: 0.01em !important;
	line-height: 14pt !important;
	padding-bottom: 5px !important;
	padding-top: 10px !important;
	text-align: left !important;
	vertical-align: bottom !important;
}

div.gridbox .odd_light, div.gridbox .odd_dhx_skyblue {
	background-color: #fff !important;
}

div.gridbox table.row20px tr td {
	height: 45px !important;
	vertical-align: middle !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

div.gridbox table.row20px tr td a [class*="bondicon-"] {
	font-size: 2em;
}

div.gridbox table.obj {
	border-bottom: 0px !important;
}

.metro .checkboxlist {
	max-height: 400px;
	min-height: 200px;
	overflow: scroll;
}

.metro .checkboxlist .input-control {
	display: block;
}