@charset "UTF-8";

* {
	font-family:Roboto, sans-serif;
	font-size:14px;
	-webkit-font-smoothing:antialiased;
}

P {
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
}

H1, H2, H3, H4, H5, H6 {
	color:#303F9F;
}
H1, H2, H3, H4, H5 {
	margin-top:10px;
	margin-bottom:10px;
}
H1 { font-size:24px; }
H2 { font-size:22px; }
H3 { font-size:20px; }
H4 { font-size:18px; }
H5 { font-size:16px; }
H6 { font-size:14px;
	margin-top:2px;
	margin-bottom:2px;
}

HR {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #BDBDBD;
    padding:0; 
}

TH, TD, P, INPUT, TEXTAREA, SELECT {
	color:#212121;
}
TH {
	font-weight:normal;
	background-color:#FAFAFA;
	vertical-align:bottom;
}

FORM {
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}

INPUT, SELECT, TEXTAREA, .input {
	outline:none;
}

INPUT[TYPE=TEXT], INPUT[TYPE=PASSWORD], INPUT[TYPE=BUTTON], INPUT[TYPE=SUBMIT], SELECT, TEXTAREA, BUTTON {
	border-style:solid;
	border-width:1px;
	border-radius:6px;
	border-color:#E0E0E0;
}
INPUT[TYPE=TEXT], INPUT[TYPE=PASSWORD], .fileInput {
	height:26px;
}
SELECT:NOT([MULTIPLE]) {
	height:28px;
}
INPUT[TYPE=BUTTON], INPUT[TYPE=SUBMIT], BUTTON {
	background-color:#FAFAFA;
	padding:10px;
}
INPUT[TYPE=BUTTON]:HOVER, INPUT[TYPE=SUBMIT]:HOVER, BUTTON:HOVER {
	background-color:#E0E0E0;
	cursor:pointer;
}
INPUT[TYPE=BUTTON]:DISABLED, INPUT[TYPE=SUBMIT]:DISABLED {
	background-color:#FFFFFF;
	cursor:default;
	color:#E0E0E0;
}
INPUT[TYPE=TEXT]:DISABLED, SELECT:DISABLED {
	background-color:#FFFFFF;
	color:#BDBDBD;
}

IFRAME {
	width:100%;
	height:100%;
	border:none;
}

A {
	color:inherit;
	font-size:inherit;
	text-decoration:none;
}
A:HOVER {
	text-decoration:underline;
}
A.blue {
	color:#303F9F;
}

INPUT.ReadOnly {
	border:none;
	outline:none;
	background-color:transparent;
}

.dialogBody {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	overflow:hidden;
}

.row {
	background-color:#FFFFFF;
}
.selectedRow {
	background-color:#E0E0E0;
}
.table, .row > TD, .selectedRow > TD, TH {
	border-spacing:0px;
	border:1px solid;
	border-color:#BDBDBD;
	border-collapse:collapse;
	padding:6px;
}

.inputTable {
	border-spacing:0px;
}
.inputLabel {
	padding-left:6px;
	padding-right:10px;
}
.inputLabel, .inputField {
	border-bottom:1px solid;
	border-bottom-color:#BDBDBD;
	vertical-align:top;
	padding-bottom:10px;
}
.inputLabel, .inputField, .inputButtons {
	padding-top:10px;
}
.inputLabel, .formLabel {
	letter-spacing:.025em;
	font-weight:bold;
	color:#757575;
	max-width:200px;
	min-width:75px;
}
.inputField {
	width:100%;
}

#processing {
	display:none;
}

.processing {
	position:absolute;
	top:50px;
	width:100%;
	text-align:center;
}

#overlay {
    background-color:rgba(0, 0, 0, 0.5);
    z-index:999;
	position:absolute;
	top:50px;
	left:0px;
	bottom:0px;
	right:0px;
    opacity:0.50;
    text-align:center;
    line-height:250px;
    font-size:100px;
    color:white;
}​

#page, .page {
	width:100%;
	height:100%;
}
#header, .header {
	text-align:center;
	/*#f3b200*/
	background-color:#1565C0;
	color:#FAFAFA;
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	box-sizing:border-box;
}
#nav {
	background-color:#FAFAFA;
	width:300px;
	float:left;
	overflow-x:hidden;
	position:absolute;
	/*top:50px;
	bottom:30px;*/
	overflow-y:auto; 
	box-sizing:border-box;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#E0E0E0;
}
#content, #container {
	top:50px;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	bottom:30px;
	right:0px;
}
#content {
	overflow-x:auto;
	overflow-y:auto;
	float:left;
	box-sizing:border-box;
}
#extcontent {
	top:50px;
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	bottom:30px;
	right:0px;
	box-sizing:border-box;
}
#frame {
	/*top:50px;*/
	overflow-x:hidden;
	overflow-y:hidden;
	float:left;
	background-color:#FFFFFF;
	position:absolute;
	/*left:300px;*/
	bottom:30px;
	right:0px;
	box-sizing:border-box;
}
#main {
	position:absolute;
	/*left:0px;
	bottom:0px;*/
	right:0px;
	background-color:#FFFFFF;
	overflow-x:hidden;
	overflow-y:hidden; 
}
#form {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow-x:auto;
	overflow-y:auto; 
}
#divform {
	background-color:#FFFFFF;
    overflow:hidden;
    position:absolute;
    display:none;
    z-index:1;
    top:10px;
    left:10px;
    bottom:10px;
    right:10px;
}
#footer, .footer {
	background-color:#1565C0;
	color:white;
	width:100%;
	height:30px;
	float:left;
	position:absolute;
	bottom:0px;
	box-sizing:border-box;
}
#usermenu {
	background-color:#1565C0;
	color:white;
	width:200px;
	height:auto;
	position:absolute;
	right:0px;
	top:50px;
	z-index:1;
	display:none;
	padding:0px;
	padding-bottom:15px;
}
#filtermenu, .dropmenu {
	background-color:#FAFAFA;
	border-style:solid;
	border-width:1px;
	border-radius:6px;
	border-color:#E0E0E0;
	width:auto;
	height:auto;
	max-height:500px;
	overflow-y:auto;
	position:absolute;
	margin-top:2px;
	z-index:1;
	display:none;
	padding:10px;
	padding-bottom:15px;
}
#diagFooter {
	width:100%;
	height:50px;
	float:left;
	position:absolute;
	bottom:0px;
	box-sizing:border-box;
	text-align:center;
	padding:5px;
}

.nav {
	top:50px;
	bottom:30px;
}
.frameNav {
	top:0px;
	bottom:0px;
}
.menuNav {
	top:40px;
	bottom:0px;
	z-index:1;
	display:none;
}

.frame {
	top:50px;
	left:0px;
}
.navFrame {
	top:50px;
	left:300px;
}
.navTabbedFrame {
	top:90px;
	left:300px;
}

.main {
	top:0px;
	left:0px;
	bottom:0px;
}
.tabbedMain {
	top:40px;
	left:0px;
	bottom:0px;
}
.navMain {
	top:0px;
	left:300px;
	bottom:0px;
}
.navTabbedMain {
	top:40px;
	left:300px;
	bottom:0px;
}
.diagMain {
	top:40px;
	left:0px;
	bottom:50px;
}

#section {
	top:50px;
	overflow-x:auto;
	overflow-y:auto;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	bottom:30px;
	right:0px;
	box-sizing:border-box;
	padding:10px;
}
#middle {
	background-color:#FAFAFA;
	width:500px;
	height:350px;
	margin:0 auto;
	margin-top:75px;
	border-top:20px;
	border-top-style:solid;
	border-top-color:#1565C0;
}

#report {
	top:0px;
	overflow-x:auto;
	overflow-y:auto;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	box-sizing:border-box;
	padding:10px;
}

#error {
	top:0px;
	overflow-x:auto;
	overflow-y:auto;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	padding:20px;
}

#content.padded {
	padding:10px;
}
#form.padded {
	padding:10px;
}
#report.padded {
	padding:20px;
}
#section.padded {
	padding:20px;
}

.menu, .selectedMenu {
	height:15px;
	padding:15px;
	font-size:16px;
	float:left;
	min-width:100px;
	cursor:pointer;
}
.menu:HOVER, .selectedMenu {
	border-bottom:thick;
	border-bottom-style:solid;
	border-bottom-color:#FFEB3B;
	color:#FFFFFF;
}

.userOption {
	padding-top:15px;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:25px;
	font-size:16px;
}

.navDiv {
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#BDBDBD;
	padding:8px;
}
.navSelect {
	background-color:#FAFAFA;
	color:#616161;
	width:100%;
}

.navLabel, .navNode, .selectedNavNode {
	color:#616161;
	margin-bottom:4px;
}
.navNode, .selectedNavNode {
	cursor:pointer;
	padding-top:4px;
	padding-bottom:4px;
}
.node, .nodeAdd, .selectedNode, .selectedNodeAdd {
	color:#616161;
	padding:4px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#BDBDBD;
	cursor:pointer;
}
.node:HOVER, .nodeAdd:HOVER, .navNode:HOVER, .selectedNode, .selectedNodeAdd, .selectedNavNode {
    background-color:#E0E0E0;
}
.nodeAdd, .selectedNodeAdd {
	color:#303F9F;
}
.nodeIcon {
	background-color:#616161;
	color:#FAFAFA;
	min-width:20px;
	text-align:center;
	padding:4px;
}

.item, .itemExtra, .itemAdd, .selectedItem, .selectedItemExtra, .selectedItemAdd {
	color:#616161;
	padding:8px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#BDBDBD;
	cursor:pointer;
}
.item:HOVER, .itemExtra:HOVER, .itemAdd:HOVER, .selectedItem, .selectedItemExtra, .selectedItemAdd {
    background-color:#E0E0E0;
}
.itemExtra, .selectedItemExtra, .itemAdd, .selectedItemAdd {
	color:#303F9F;
}

.option, .selectedOption {
	color:#616161;
	padding:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	cursor:pointer;
}
.option:HOVER, .selectedOption {
    background-color:#E0E0E0;
}

#tabHeader {
	background-color:#FAFAFA;
	float:left;
    overflow-x:hidden;
	position:absolute;
	/*left:0px;
	top:0px;*/
	right:0px;
	overflow-y:hidden; 
	box-sizing:border-box;
    color:#616161;
	height:40px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#E0E0E0;
}

.tabHeader {
	left:0px;
	top:0px;
}
.navTabHeader {
	left:300px;
	top:50px;
}

.tab, .selectedTab, .nodeTab, .selectedNodeTab {
	color:#616161;
	height:15px;
	padding:10px;
	float:left;
	min-width:75px;
	text-align:center;
	cursor:pointer;
}
.tab:HOVER, .selectedTab, .nodeTab:HOVER, .selectedNodeTab {
	border-bottom:thick;
	border-bottom-style:solid;
}
.tab:HOVER, .selectedTab {
	border-bottom-color:#1565C0;
}
.nodeTab:HOVER, .selectedNodeTab {
	border-bottom-color:#C5CAE9;
}

#pills {
    padding-left:0px;
    margin-left:0px;
    padding-top:2px;
    margin-top:2px;
    padding-bottom:2px;
    margin-bottom:2px;
    white-space:nowrap;
}
#pills li {
    display:inline;
    border-radius:20px;
    background-color:grey;
    color:white;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}
#pills a {
	font-style:italic;
	margin-left:4px;
	text-decoration:none;
}

.message {
	color:#1565C0;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:0px;
}
#section > .message {
	margin-top:0px;
	margin-left:0px;
}
#form > .message {
	margin-top:20px;
	margin-left:20px;
}
#report > .message {
	margin-top:10px;
	margin-left:10px;
}

.card {
	border-style:solid;
	border-width:1px;
	border-color:#F5F5F5;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.listcard {
    border-style:solid;
    border-width:1px;
    border-color:#F5F5F5;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius:4px;
    background-color:#FFFFFF;
}

.dropZone {
    background-color: #F8F8F8;
    border: 1px solid #C7C7C7;
    border-radius:4px;
    width: 99.9%;
	max-width:600px;
	min-width:400px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 24px;
    font-style: italic;
    color: #C7C7C7;
    margin-bottom: 6px;
}

.list {
	padding-left:20px;
	margin-top:4px;
	margin-bottom:4px;
}

.list li {
	margin-top:6px;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #F1F1F1; 
  border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 4px;
}

.material-icons.md-14 { font-size:14px; }
.material-icons.md-16 { font-size:16px; }
.material-icons.md-18 { font-size:18px; }
.material-icons.md-20 { font-size:20px; }
.material-icons.md-24 { font-size:24px; }
.material-icons.md-36 { font-size:36px; }
.material-icons.md-48 { font-size:48px; }
.material-icons.md-60 { font-size:60px; }
.material-icons.md-72 { font-size:72px; }
.material-icons.grey { color:#616161; }
.material-icons.red { color:#EF9A9A; }
.material-icons.blue { color:#1565C0; }
.material-icons.green { color:#A5D6A7; }

*Kendo*/
..k-popup I {
	display:none;
}

/*.k-i-calendar, .k-i-close {
	margin-top:4px;
}*/

@keyframes process-animation {
  0% {
    left: 0%;
    width: 0%
  }
  49% {
    left: 0%;
    width: 100%
  }
  50% {
    left: 0%;
    width: 0%
  }
  100% {
    left: 0%;
    width: 100%
  }
}
.processbar {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 5px;
  background-color: #FFC107;
  animation-name: process-animation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


/*Override jQuery dialog*/
.ui-dialog .ui-dialog-content {
    background:#F5F5F5;
	overflow:hidden;
}
.ui-widget-header {
    border:1px solid #BDBDBD;
    background:#F5F5F5;
    height:14px;
}