#body_div {
	position:fixed;
    background-size:     cover;                   
    background-repeat:   no-repeat;
    background-position: center;    
    height:100%;
    width:100%;
}

#container {
	width:1200px;
	margin:0px auto;
    background-color:rgba(255, 255, 255, 0.90);
	height:auto;
	padding: 0px;
	height:100%;
	overflow-y:scroll;
	overflow-x: hidden;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

input[type="button"],input[type="submit"],input[type="number"] {
		-webkit-appearance: none;
}

input[type="text"],input[type="password"],input[type="number"] {
	border:#ccc 1px solid;
	padding:5px;
}

textarea {
	border:#ccc 1px solid;
	padding:5px;
}

select {
	-webkit-appearance:none;
	border:#ccc 1px solid;
	padding:5px 25px 5px 5px;
	border-radius: 0px;
	background: #fff url('/images/selectbox_arrow.png') no-repeat right center;
	background-size: contain;
}

form {
	margin:0px;
	border:0px;
}

body {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:0px;
}

#master_header {
	background-color: #fff;
}

#header_container {
	width:800px;
	margin:0px auto;
}

#header_bar {
	background-color:#62696c;
	padding:5px;
	z-index: 999;
}

#header_image {
	 height:180px;
	 width:780px;
}

.header_fixed {
	position: fixed;
	top:0px;
	width:100%;
}

#status_bar {
	background-color:#62696c;
	color:#fff;
	text-align: center;
	font-size:12px;
	padding:3px;
}

#footer_bar {
	background-color:#62696c;
	padding:5px;
	position:fixed;

	bottom:0px;
	width:1190px;
}

#menu_content {
	margin:10px auto;
	width:1000px;
	color:#fff;
	text-align: center;
}

#login_box {
	padding:3px;
	display:inline;
	color:#fff;
}

#login_box th{
	font-size:12px;
	text-align: left;
	font-weight: 100;
}

#login_button {
	border:#ccc 1px solid;
	background-color:#21abdc;
	color:#fff;
	padding:5px;
}

#login_splash {
	background:url("/images/surefibg.png");
	height: 100%;	
	width: 100%;	
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	bottom:0px;
	position: fixed;
	top:0px;
	left:0px;
	z-index: -99;
}

#save_div {
	display:inline;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	background-color:#090;
	color:#fff;
	font-weight: bold;
	z-index:100001;
	text-align: center;
	border-bottom: #999 2px solid;
	margin: 0px;
}

#error_div {
	display:inline;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	background-color:#A00;
	color:#fff;
	font-weight: bold;
	z-index:100001;
	text-align: center;
	border-bottom: #999 2px solid;
	margin: 0px;
}

#error_div ul{
	font-size:12px;
	width:400px;
	margin:5px auto;
	text-align: left;
}


#menu {
	text-align: left;
	display: inline;
}

#menu li {
	display: inline-block;
	position: relative;
	padding: 15px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#menu li:hover {
	background: #61b1cf;
	color: #fff;
	z-index:999999;
}

#menu li.selected {
	background: #61b1cf;
	color: #fff;
}

#menu li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);

}

#menu li ul li { 
  background: #61b1cf; 
  display: block; 
  color: #fff;
}
#menu li ul li:hover { background: #62696c; }

#menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#content_div {
	min-width: 800px;
	width: !important;
	width: 95%;
	margin:0px auto;
	padding-bottom: 100px;
}

.details_table {
	margin:20px auto;
	border:#ccc 1px solid;
	min-width: 500px;
	width: !important;
	width: 500px;
	padding:5px;
	background-color:#fff;
}

.details_table td {
	padding:5px;
	background-color:#eee;
}

.details_table th {
	padding:5px;
	text-align: right;
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	padding:5px;
}

.details_table .header {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
	border-bottom:#62696c 3px solid;
}

.details_table .subheader {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-align: center;
	padding:5px 25px;
}

.details_table .footer {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
}

.details_table .footer input[type="button"],.details_table .footer input[type="submit"] {
	background-color:#fff;
	border:#ccc 1px solid;
}

.details_table .subheader input[type="button"],.details_table .subheader input[type="submit"] {
	background-color:#fff;
	border:#ccc 1px solid;
}

.device_type_values_table {
	margin:20px auto;
	border:#ccc 1px solid;
	min-width: 500px;
	width: !important;
	width: 500px;
	padding:5px;
}

.device_type_values_table .header {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
	border-bottom:#62696c 3px solid;
}

.device_type_values_table .footer {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:4px;
	text-align: center;
}

.device_type_values_table .footer input {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	text-align: center;
	border:#fff 1px solid;
}

.device_type_values_table .footer input:hover {
	background-color:#61b1cf;
}


.order_dashboard_table {
	margin:20px auto;
	border:#ccc 1px solid;
	min-width: 800px;
	width: !important;
	width: 95%;
	padding:-5px;
	background-color:#fff;
}

.order_dashboard_table th {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
}

.order_dashboard_table .order_row {
	border:#ccc 1px solid;
	background-color:#eee;
	padding:5px;
	height:100px;
	display: flex;
}

.order_dashboard_table .order_id_div {
	background-color:#62696c;
	color:#fff;
	writing-mode: vertical-rl;
	text-orientation: mixed;	
	padding:3px;
	text-align: center;
	font-size:24px;
	display: inline-flex;
}

.order_dashboard_table .order_distributor_div {
	background-color:#62696c;
	display: inline-flex;
	width:100px;
	height:100px;
	margin-left: 5px;
}

.order_dashboard_table .order_content_div {
	background-color:#ffffff;
	display: inline-flex;
	margin-left: 5px;
	border:#ccc 1px solid;
	padding:5px;
	flex-grow: 2;
}

.order_dashboard_table .order_paid_div {
	background-color:#ffffff;
	display: inline-flex;
	margin-left: 5px;
	border:#ccc 1px solid;
	padding:5px;
	width:150px;
}

.order_dashboard_table .order_paid_div div {
	height:60px;
	width:150px;

	text-align: center;
	vertical-align: middle;
	margin:0px;
	padding:14px 0px;
}

.order_dashboard_table .order_status_div {
	background-color:#ffffff;
	display: inline-flex;
	margin-left: 5px;
	border:#ccc 1px solid;
	padding:5px;
	width:150px;
}

.order_dashboard_table .order_status_div div {
	height:88px;
	width:150px;
	line-height: 88px;
	text-align: center;
	vertical-align: middle;
	margin:0px;
	padding:0px;
}

.order_dashboard_table .product_div {
	background-color:#ffffff;
	display: inline-flex;
	margin-left: 5px;
	border:#ccc 1px solid;
	padding:5px;
	width:100px;
}

.order_dashboard_table .product_div div {
	height:88px;
	width:100px;
	text-align: center;
	vertical-align: middle;
	margin:0px;
	padding:0px;
}

.results_table {
	margin:20px auto;
	border:#ccc 1px solid;
	min-width: 800px;
	width: !important;
	width: 95%;
	padding:5px;
	background-color:#fff;
}

.results_table td {
	padding:3px;
}

.results_table input[type="button"],.results_table  input[type="submit"] {
	background-color:#fff;
	border:#ccc 1px solid;
}

.results_table .row_1{
	background-color:#eee;
}

.results_table .row_2{
	background-color:#f7f7f7;
}

.results_table .row_error_1{
	background-color:#fdd;
}

.results_table .row_error_2{
	background-color:#fee;
}

.results_table .record:hover{
	background-color:#CAEDAA;
}

.results_table .record{
	cursor:pointer;
}

.results_table .header {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
	border-bottom:#62696c 3px solid;
}

.results_table .subheader {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-align: center;
	padding:5px 25px;
}

.results_table .search_box {
	border:#62696c 3px solid;
}

.results_table .footer {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding:5px;
	text-align: center;
}

.results_table th {
	padding:5px;
	font-size:16px;
	text-align: center;
	background-color:#62696c;
	color:#fff;
}

.hierarchy_table {
	margin:20px auto;
	border:#ccc 1px solid;
	min-width: 200px;
	width: !important;
	width: 200px;
	padding:5px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.hierarchy_table td {
	padding:5px;
}

.hierarchy_table th {
	padding:5px;
	text-align: right;
}

.hierarchy_table .header {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
	border-bottom:#62696c 3px solid;
}

.hierarchy_table .footer {
	background-color:#62696c;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	-webkit-border-radius:  0 0 15px 15px;
	border-radius:  0 0 15px 15px;
}

.hierarchy_table .footer input[type="button"],.details_table .footer input[type="submit"] {
	background-color:#fff;
	border:#ccc 1px solid;
}

.hierarchy_table a {
	color:#666;
	text-decoration: none;
}


.hierarchy_table .distributor {
	border:#ccc 1px solid;
	margin:2px 0px;
	padding:5px 15px 5px 5px;
	cursor:pointer;
}

.hierarchy_table .distributor:hover {
	background-color:#eee;
}

.hierarchy_table .dealer {
	border:#ccc 1px solid;
	margin:2px 0px;
	padding:5px 15px 5px 20px;
	cursor:pointer;
}

.hierarchy_table .dealer:hover {
	background-color:#eee;
}

.hierarchy_table .group {
	border:#ccc 1px solid;
	margin:2px 0px;
	padding:5px 15px 5px 35px;
	cursor:pointer;
}

.hierarchy_table .group:hover {
	background-color:#eee;
}

.hierarchy_table .user {
	border:#ccc 1px solid;
	margin:2px 0px;
	padding:5px 15px 5px 50px;
	cursor:pointer;
}

.hierarchy_table .user:hover {
	background-color:#eee;
}

.app_button {
	background-color:#61b1cf;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding:5px 25px;
	margin:0px auto;
	border:#62696c 2px solid;
	cursor:pointer;
}

.app_button:hover{
	background-color:#62696c;
}

.response_table {
	border:#62696c 1px solid;
	background-color:#fff;
	padding:3px;
}

.response_table .action_header{
	background-color:#62696c;
	padding:3px;
}

.response_table .action_device_header {
	border:#62696c 2px solid;
}

.response_table .action_device_details {
	border:#62696c 2px solid;
	background-color:#fff;
}

.response_table td{
	font-size:12px;
}

.response_table th{
	font-size:12px;
}

.response_table input[type="button"] input[type="submit"] {
	background-color:#fff;
	border:#ccc 1px solid;
}

.response_table p {
	margin:2px;
}

.response_table div {
	padding:3px;
	margin:2px 0px;
}

#inventory_table {
	background-color:#fff;
	width:100%;
	font-size:14px;
}

#inventory_table td{
	background-color:#fff;
}

#inventory_table th{
	background-color:#fff;
	text-align: center;
	color:#333;
	text-decoration: underline;
}