/* CSS Mobile Reset */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family:Arial, sans-serif;
	line-height:1.5;
	font-size:1em;
	color: #444;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	/* Undo the fix for Mobile Safari */
	-webkit-text-stroke:0 black;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p img {
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
}
img {
	border: 0;
	max-width: 100%;
}
table {
	width:auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.visible-narrow{display:block;}
/*hide some elements that cause trouble*/
#auth_text, #auth_photos, #CFDdebugPanel, div table#toolbar tr td.empty, div table#toolbar tr td.maximize_site,
div#footer_wrapper, div.push, td#middle_column div#column_header div.icons .icon-print,
div#questions,div#menu li a[title="Report Writer"],
#layout_login #splash,#layout_login #tabs,#layout_login #column1,
#layout_login #footer,table#toolbar td.user {
	display:none;
}
/*reset the sizes that we can*/
body#layout_login {
	width:auto;
}
body#layout_login div#container {
	margin:auto;
}
body#layout_login div#wrapper, div#auth_content, div div#inner_wrapper {
	width:auto;
}
div#main>div#column1, div#column2 {
	width: 100%
}
#column2 form{margin:auto;}
body div#wrapper {
	height: 100% !important;
}
div#auth_content {
	background-color:transparent
}
div#auth_footer {
	clear:both;
}
div div#inner_wrapper {
	margin:0;
	min-width:200px;
	width:100%
}
div table#toolbar, div div#gutter {
	display:block;
	height:auto;
}
div table#toolbar tbody, div table#toolbar tbody tr {
	height:auto;
	width:100%;
}
div table#toolbar tbody, div table#toolbar tr, div table#toolbar td, div div#gutter ul li, div td#left_column, div table#column_container, div table#column_container> tbody> tr {
	display:block;
}
div table#toolbar tr, div table#toolbar tr ul {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-align: stretch;
	display: box;
	box-orient: vertical;
	box-align: stretch;
}
div table#toolbar td{display:none;}
table#toolbar td.site{display:block;height:27px;}

table#toolbar td.site.user,table#toolbar td.site.extra,div table#toolbar td li.external {display:none;}
div table#toolbar td, div table#toolbar td li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	background-color:#eaeef1;
	background-image:none;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #ccc;
}
table#toolbar tr td.active,table#toolbar tr td.active a:hover {
	background-color:#D42220;
	color:#fff;
}
table#toolbar tr td a, div table#toolbar td a {
	line-height: 24px;
}
div table#toolbar tr td.empty {
	padding-right:1px;
}
div div#enterprise, div div#employee {
	position:relative;
	top:auto
}
div div#top {
	height:auto;
	background-color: #333;
}
div#current-info {
	float: none;
}
div div#menu {
	float: none;
	position:relative;
	left:0;
	margin-left:0;
}
.close-btn {
  display: block;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background-color: #333333;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  /* text-indent: 100%; */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding-left:10px;

  /* color:white; */
  line-height: 2.25em;
}


/*navigation menu*/
/*#menu .meu-btn {
position: absolute;
top: 1.5em;
left: 1.875em;
}*/
.menu-btn {
display: block;
/* width: 2.625em; */
height: 2.25em;
padding: 0px;
border: 0px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
outline: none;
overflow: hidden;
white-space: nowrap;
/* text-indent: 100%; */
opacity: 0.7;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding-left: 32px;
line-height: 2.65em;
}
.menu-btn:before{
	content: '\2630';
	color: #F3F3F3;
	font-size: 20px;
	position:absolute;
	left: 10px;
}
#menu:target {
left: 0px;
height: 100%;
width: 70%;
background: rgb(51, 51, 51);
position: absolute;
top: 0;
color: rgb(255, 255, 255);
margin-left: 0;
z-index: 000;
}
/*#menu:not(:target) {
z-index: 1;
height: 0px;
left: -500px;
}*/
div div#menu ul{
    position:relative;
}
div div#menu ul li {
	float:none;
    display:block;
}
#menu ul:active:before,#menu ul:hover:before,ul.incident-tabs:active:before,ul.incident-tabs:hover:before{
	display:none;
}

div div#menu li a {
	float:none;
	display:block;
	width:100%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
    border-top:1px solid #ccc;
}
ul.incident-tabs:before{
	content: '\2630';
	color: #555;
	font-size: 20px;
	position:absolute;
	left: 10px;
}
ul.incident-tabs li {
	display: none !important; /* hide all <li> items */
	margin: 0;
}
ul.incident-tabs li.active {
	display: block !important; /* show only current <li> item */
}

/* on nav hover */
ul.incident-tabs:hover li,ul.incident-tabs:focus li {
	display: block !important;
	margin: 0 0 2px;
}


div div#gutter {
	background-image:none;
}
div#gutter ul li a {
	display: block;
	line-height:24px;
}
body div#modal, div#modal table#modal_table, div#modal div#modal_content {
	width:100%;
	height:100%;
}
div#modal div#modal_content div.content {
	height:auto;
}
div td#left_column {
	width:100%;
}
div td#right_column, div td.panel_toggler {
	display:none;
}
div div#navigation, table.responsive, table.slush-table {
	width:100%;
}
body#layout_setup div div#content {
	margin-left:0;
}
div div.page_title {
	position:static;
}
div ul.columns{
	display: block;
}
div ul.columns li.vertical-column {
	display:block;
	float:none;
	min-width: 100%;
}

div#top div#menu ul.more_sites {
	display:block;
	width:100%;
	position:relative;
}
div#top div#menu ul.more_sites a {
	display:inherit;
}
div#top div#menu.more_sites a {
	display:none;
}
#middle_column div.label {
	float: none;
	display: block;
	width: auto;
	text-align: left;
	text-overflow: ellipsis;
}
#middle_column div.field {
	margin-left:3px;
}
td#middle_column div#column_header div.icons {
	position:relative;
}


.filters{
    height: auto !important;
}

/* Force table to not be like tables anymore */
table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr,
table.slush-table td {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
table.responsive thead tr,table.slush-table tr.slush-input-heading td {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

table.responsive tr { border: 1px solid #ccc; }

table.responsive td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align:left;
}

table.responsive td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}

/*
Label the data
*/
table.responsive td:before { content: attr(data-title); }

table.slush-table .slush-swap input{
display:block;
width:100%;
}

table#alpha_jump{
	display:none;
}

#runform tr,#runform td{
	display: block;
	width: auto;
}

ul.incident-tabs {
	display: block !important;
}

div#sub_gutter {
	height:auto !important;
}