/*#login_branding {
	display: none;
}*/

.login_page {
	flex-flow: column nowrap;
}

.login_branding {
	align-items:stretch;
	flex-grow: 1;
	height: 150px;
	width: 200px;
}

.login_box {
	flex-grow: 1;
	width: 200px;
}

.password_change {
	width: 200px;
}

.login_logo {
	max-width: 140px;
	max-height: 40px;
}


.login_item { /*common bounding box for login items. */

}

.login_field { /* typically used on text input boxes */
	width: 170px;
}

.login_button { /*  */
	width: 190px;
}

header { /* sets attributes of page top header bar; you must include "div" for IE */ 
	height: 50px; 
} 

.header_logo {
	height: 30px;
}

.system_logo {
}

.reseller_logo {
	display:none;
}

.customer_logo {
	display:none;
}


.header_icon { /* sets dimensions of top menu SVG icon DIV sections */
  	width: 25px;
  	height: 25px;
}

.toolbar { /* left-side tool / function bar */
  	top: 50px;
  	width: 50px;
}

.tab {
  width: 50px;
}

.tab > input + svg {
	width: 50px;
}

.icon {
  	width: 30px;
  	height: 30px;
}

footer { /* footer area */
	width: 50px;
	height: 25px;
	font-size: 8px;
}

section { /* main scrolling content area */
	top: 50px;
	left: 50px;
	bottom: 0px;
	padding-left: 5px;
	margin-right: 5px;
}

.dashboard_item { /*common bounding box for dashboard items. */
	width: 150px;
}

.panel_header {
	height: 40px;
}

.panel_title {
	height: 18px;
}

.panel_icons {
	height: 18px;
}

.panel_icon {
	height: 18px;
	width: 18px;
}

.first_panel { /*unique attributes of the first fly-in input panel */
    width: 300px;
}

.second_panel { /*unique attributes of the second fly-in input panel */
    width: 280px;
}

.user_panel { /*unique attributes of the first fly-in input panel */
    width: 300px;
}

.system_panel { /*unique attributes of the first fly-in input panel */
    width: 300px;
}