iron-icon {
  display: flex;
}

.content.paper-button {
  display: flex;
}

li.no-list-style {
  list-style: none;
}

.sidebar-report-list .report_link,
.sidebar-report-list .link_side_bar {
  margin-left: 20px;
}
.sidebar-report-list .link_side_bar .nested-report {
  margin-left: 0;
}
.report-list-select-project-message {
  padding-top: 10px;
  padding-left: 5px;
}

.or-style {
  padding-right: 15px;
}

.tooltip-inner {
  min-width: 250px;
  max-width: 350px;
}

img.login-header-photo {
  height: 50px;
}

img.login-logo {
  margin-left: auto;
  margin-right: auto;
}

body.img-responsive {
  height: inherit;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
             box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-nav > li > a {
  text-shadow: none !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

*{margin:0;padding:0;}

p {
  margin: .75em 0 .75em;
}

div#check_height{
	height:100%;
	position:absolute;
	background-color: #666;
}

a { color: #0073b5; text-decoration: none; }
a img { border: 0; }

h1 {
  font-size: 20px;
  line-height: 20px;
}

h2 {
  font-size: 16px;
}

.title {
  margin: 10px 0;
}

th {
	text-align: left;
	font-size:12px;
	font-weight:bold;
}


table#not_main_table tr td {
  text-align: left;
  border: 1px solid rgb(227, 227, 227);
  padding: 2px 4px;
}

table#not_main_table tr th {
  text-align: left;
  border: 1px solid black;
  padding: 2px 4px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  font-size: 12px;
  line-height: 13.2px;
  background-color: white;
}

table#not_main_table thead tr th {
  border-top: none;
  border-left: none;
  border-right: none;
}
table#not_main_table .data-row {
  height: 24px;
}

table#not_main_table .data-row td {
  border-bottom: 1px solid black;
}

table#not_main_table td.border-right {
  border-right: 1px solid black;
}

table#not_main_table {
  width: 1600px;
}

table { width: 100%; }

div.clear{ clear: both }

div#loading {
	opacity:.7;
	filter:alpha(opacity=70);
	height: 98%;
	width: 98%;
	background-color: #fff;
	position: absolute;
	z-index: 50;
	visibility: hidden;
}

div#loading img{
	height: 45px;
	width: 55px;
	margin: 200px auto;
	display: block;
}

/*
* Moodal Dialog
*/
div.moodal-dialog {
	background: #eeeeee;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	visibility: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#moodal-mask {
	top: 0;
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	visibility: hidden;
}
img.moodal-close {
	top: 4px;
	position: absolute;
	right: 4px;
	cursor: pointer;
}
.moodal-content {
	width: 400px;
}


div.view {
	width: 98%;
	margin: 0 auto;
}
div.header {
	position: relative;
	height: 55px;
}
div.header img{
	border: 0;
}


ul#main-nav {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 2px;
	background: url(/images/topSpace.jpg) no-repeat left;
}
ul#main-nav li {
	float: left;
	background: url(/images/topSpace.jpg) no-repeat right;
	padding-right: 2px;
}
ul#main-nav li em {
	width: 22px;
	height: 55px;

}
ul#main-nav a{
	color: #d4d4d4;
	display: block;
	float: left;
	width: 130px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
ul#main-nav a:hover{
	background: url(/images/topOn.jpg) no-repeat;
}

.dashboard #t-dashboard,
.contacts #t-contacts,
.users #t-users,
.deals #t-deals,
.leases #t-leases,
.projects #t-projects {
	color: #ffffff;
	background: url(/images/topOn.jpg) no-repeat;
}
.dashboard #t-users {
	background: transparent;
	color: #d4d4d4;
}

div.status {
	padding: 4px 0;
	color:#777;
	font-size: 12px;
	text-align: right;
}

div.content {
	margin: 20px 0;
	position: relative;
}

/*
--------------------------
Page with a side nav
--------------------------
*/
div.split {
	position: relative;
}
div.split div.body {
	width: 76%;
  min-width: 735px;
	padding: 1%;
	float: left;
	position: relative;
	background: #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 30px 0;
}

div.split div.wholebody {
	width: 98%;
	padding: 1%;
	float: left;
	position: relative;
	background: #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 30px 0;
}

div.split div.side {
	width: 18%;
	padding: 1%;
	float: right;
	background: #e8e8e8;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*
div.split th, div.grid th {
	background: #666;
	color: #fff;
	text-align: left;
	padding: 2px;
}
div.split td, div.grid td {
	padding: 2px;
	background: #f8f8f8;
}
*/

/* -----------------------
Right hand side
----------------------- */
div.side h3 {
	font-size: 12px;
}
div.side ul {
	list-style: none;
}
div.side li {
	margin-bottom: 2px;
	padding-bottom: 1px;
}
div.side li a {
	font-size: 12px;
}

div.side li span.comment_edit a{
	font-size: 10px;
}

#comment_content {
  width: 100%;
}

div.side li.block {
  margin: 6px 0;
  padding: 4px;
  border: dotted 1px #bbb;
}
div.side textarea {
	width: 99%;
	height: 100px;
}
div.side h3.toggler, div.side h3.toggler-active {
	height: 24px;
	line-height: 24px;
	color: #fff;
	background: #<%= current_theme.bar_color %> url(/images/icons/application_side_expand.png) no-repeat 4px 4px;
	text-indent: 24px;
	border-bottom: solid 1px #fff;
	cursor: pointer;
}
div.side h3.toggler {
	background: #444444 url(/images/icons/application_side_contract.png) no-repeat 4px 4px;
}
div.side div.panel {
	background: #fff;
}
div.padded {
	padding: 8px;
}
div#comments, div.comments {
	height: 250px;
	overflow: auto;
  font-size: 0.8em;
}

div#comments span, div.comments span {
	font-weight: bold;
}
div#comments p, div.comments p {
	padding: 1px 0 0 20px;
}
span.comment_owner{
	color: #0073B5;
	padding-left: 20px;
}
span.comment_title{
	font-weight: bold;
	color: #999;
}

span.comment_owner_report{
	color: #0073B5;
}
span.comment_date{
	color: #<%= current_theme.bar_color %>;
}
span.comment_number{
	color: #999;
}

span.comment_number{
	color: #999;
}

div.comment_search{
  text-align: right;
  width: 100%;
  margin: -10px 0 0 -15px;
}

div.comment_search form {
  margin: 0px;
}



/*
-------------------------
Calendar CSS
-------------------------
*/
input[type=date] {
	font-size: 12px;
	width: 88px;
	background: #fff url(/images/icons/calendar.png) no-repeat right center;
}
td input[type=text].date-field {
	border: 0;
}
div.calendar {
	position: absolute;
	z-index: 5000;
	width: 224px;
	height: auto;
	padding: 12px;
	background: #f3f3f3;
}
div.calendar div.day {
	position: relative;
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin: 1px;
	background: #fff;
}
div.calendar div.active {
	cursor: pointer;
}
div.calendar div.inactive {
	color: #999;
}
div.calendar div.active:hover {
	background: #e6ecb3;
}
div.calendar div.today {
	background: #b5c71e;
}
div.calendar div.header {
	height: 20px;
	clear: both;
	margin-bottom: 5px;
}
div.calendar div.header h3 {
	width: 155px;
	text-align: center;
	line-height: 20px;
	float: left;
}
div.calendar div.header div  {
	width: 17px;
	height: 20px;
	float: left;
	line-height: 20px;
	cursor: pointer;
}


/*------------------------------
 Form Field Styles
 ------------------------------*/
div.form span.help {
	color: #888;
	font-weight: normal;
	text-indent: 16px;
	background-image: url(/images/icons/information.png) no-repeat;
}

div.form fieldset.hidden {
  display: none;
  visibility: hidden;
}

div.form fieldset.hidden-set {
	border: none;
	border-top: dashed 1px #999;
}
div.form fieldset.hidden-set p,  div.form fieldset.hidden-set table, div.form fieldset.hidden-set div {
	display: none;
}
div.form fieldset.hidden-set legend {
	background-image: url(/images/icons/bullet_arrow_down.png);
}

div.form tr:hover td {
	background: #ddd;
}
div.form tr:hover td:hover {
	background: #ccc;
}


div.form {
	background: #fff;
	padding: 12px;
	position: relative;
}
div.form fieldset {
	margin: 5px 0 10px 0;
	padding: 5px;
	border: dashed 1px #999;
	display: block;
	clear: left;
}
div.form legend {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color: #<%= current_theme.header_color %>;
  padding-right: 10px;
	padding-left: 16px;
	background: #ffffff url(/images/icons/bullet_arrow_up.png) no-repeat;
}


div.form input[type=checkbox], div.form input[type=radio] {
	width: 20px;
}

div.form select {
	max-width:100%;
}
div.form input[type=text], div.form select {
	padding: 2px;
	border: solid 2px #ccc;
	color: #444;
}
input[type=text].number {
	width: 120px;
}
input[type=text].small {
	width: 88px;
}
input[type=text].tiny, input[type=number].tiny {
	width: 30px;
}

input[type=number].tiny::-webkit-inner-spin-button, input[type=number].tiny::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

div.form form p {
	margin: 5px 0;
	display: block;
	clear: both;
}
textarea {
	border: solid 1px #ccc;
}

div.form textarea{
	width: 100%;
	height: 100px;
	overflow: auto;
	float: left;
	margin-bottom:5px;
}

div.form label {
	line-height: 24px;
	width: 220px;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	font-color: #888;
}
div.form fieldset label {
	width: 221px;
}
div.form label.indent {
	text-indent: 25px;
}
div.form p span {
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	font-color: #888;
}

/* specific fields */
div.form input.city {
	width: 100px;
}
div.form input.state {
	width: 26px;
}
div.form input.zip {
	width: 55px;
}

/*
* Form Errors
*/
div.errorExplanation {
  padding: 15px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

div.errorExplanation h2 {
  margin: 0px;
}

div.errorExplanation ul {
	list-style-position: inside;
}
div.form div.fieldWithErrors input  {
	border: solid 1px #ab3d3d;
}

.notice {
  font-size: 1.25em;
  color: #FFF;
  background: #<%= current_theme.bar_color %>;
  margin-bottom: 25px;
  padding: 10px;
}


.warning {
  font-size: 1.25em;
  color: #FFF;
  background: #<%= current_theme.bar_color %>;
  margin-bottom: 25px;
  padding: 10px;
}

/*----------------------------------
Login - For the login page
----------------------------------*/
input[type=email], input[type=password] {
  font-family: Arial, Helvetica, Verdana;
  width: 90%;
  border: solid 1px #aaaaaa;
  padding: 3px 0;
  text-indent: 3px;
  line-height: 20px;
  font-size: 18px;
  color: #888;
}

input[type=submit] {
  padding: 5px 10px;
  margin-top: 20px;
  cursor: pointer;
}

img.signin_logo {
  display:block;
  width:181px;
  margin: 0 auto
}

label[for=user_remember_me]{
  display: inline;
  margin-left: 10px;
}

div.login_box {
  color: #fff;
}


div.login_box h1 {
	color: #<%= current_theme.bar_color %>;
	margin-bottom: 4px;
}

div.login_box input {
	margin: 4px 0;
}


/*----------------------------------
Reports - For the reports pages
----------------------------------*/

div.split div.report_body {
	padding: 1%;
	background: #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#report_links{
	float: right;
}

div#reports_menu {
	float: right;
}


div#report_links a{
	font: 14px/16px bold Arial,Helvetica;
	color: #<%= current_theme.header_color %>;
	text-decoration: none;
	margin-left: 15px;
}
div#report_links a:hover{
	border-bottom: 1px dotted #<%= current_theme.header_color %>;
  cursor: pointer;
}


div#print_cost_report_link {
	float:right;
}




table.report_thin_info {
	width: 200px !important
}

div.thin_report_container {
	width: 250px;
	float: left;
}

div#summary_report_container{
	overflow: hidden;
}


td.mech {
	background-color: #F1EDE6;
}

td.elec {
	background-color: #FDF3A4;
}

td.plumb {
	background-color: #CAE0F2;
}



td.ll{
	background-color: #BADFFF;
}

td.prelim{
	background-color: #D3DDE8;
}

td.finals{
	background-color: #FCC6D7;
}

td.approved{
	background-color: #F7F1F3
}

td.material{
	background-color: #F2FFFF;
}

td.signage{
	background-color: #D4E7CF;
}

td#action_links{
  width: 110px;
}

td#action_links a{
  padding-right: .6em;
}

th.space_no{
	width: 50px;
}

th.tenant_name{
	width: 100px;
}

th.type{
  width: 100px;
}

dl {
/*  margin: 25px 0;*/
}

dl dt {
  padding: 5px 0;
  font-weight: bold;
  font-size: .9em;
}

dl dd {
  padding: 5px 0;
  font-size: .9em;
}

table.report {
  margin-top: 25px;
  border: 0;
}

table.report tr {
  border: 0;
}

table.report th {
  border: 0;
  font-size: 14px;
  width: 25%;
  padding: 10px 0px;
}

table.report td {
  border: 0;
  border-bottom: 1px solid #666;
  font-size: 14px;
  padding: 10px 0px;
}

del.differ {
  color: red;
}

ins.differ {
  color: green;
}

h2.blank_search {
	text-align: center;
}

td p {
	margin: 0;
}

#edit_construction_status_1 fieldset .fields{
  float: left;
  width: 530px;
  background-color: blud
}
#landlord_photos, #tenant_photos{
  float: right;
  margin: 15px 20px;
  background-color: #a7a7a7;
  padding: 10px;
}



/**************  Bootstrap overrides *****************/

/* Body */
body {
  color: #444;
}
.main {
  background: #E8E8E8;
}

legend {
  border-bottom: none;
  width: auto;
}


/* Sidebar */
.panel-heading {
  background: #444 url(/images/icons/application_side_expand.png) no-repeat 8px 8px;
  padding: 0 0 0 15px;
}

.accordion-highlight {
  background: #<%= current_theme.bar_color %> url(/images/icons/application_side_expand.png) no-repeat 8px 8px;
}

.panel-heading .accordion-toggle {
  color: #<%= current_theme.bar_font_color %>;
}

.panel-collapse {
  background-color: #FFF;
}

/* Nav Bar */
.nav_select {
  width: 100%;
}
.navbar-nav > li {
  font-size: 18px;
  margin-top: 6px;
}

.navbar-nav .active > a, .navbar-nav .active > a:hover {
  background-color: transparent;
}

.navbar-nav > li > a {
  color: #D4D4D4;
}

.navbar-navbar-brand {
  padding: 0px 20px 0px 12px;
}

.navbar-inner {
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -ms-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#<%= current_theme.bar_color %>), to(#<%= current_theme.bar_gradiant_color %>));
  background-image: -webkit-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -o-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#<%= current_theme.bar_color %>', endColorstr='#A35E20', GradientType=0);
}


.navbar {
  margin-bottom: 1px;
}

div.basics li.basics a,
div.space li.utilities a,
div.drawings li.drawings a,
div.permitting li.permitting a,
div.construction li.construction a,
div.contractor li.check-in a,
div.costs li.costs a,
div.chargebacks li.chargebacks a,
div.closeout li.closeout a,
div.deliverytypes li.deliverytypes a,
div.lease_notices li.noticesdeliverables a,
div.space_conditions li.spaceconditions a,
li.selected a {
  padding-left: 13px;
  color: #777;
  background-color: #FFF;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}




/* Subnav */
.subnav {
  width: 100%;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #e9e9e9;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}


/*
  Sticky Footer Solution
  by Steve Hatcher
  http://stever.ca
  http://www.cssstickyfooter.com
  */

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {
  overflow: visible;
  padding-bottom: 40px;
}  /* must be same height as the footer */

footer {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear:both;
  border: none;
  padding: 0px;
  color: #FFF;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -ms-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#<%= current_theme.bar_color %>), to(#<%= current_theme.bar_gradiant_color %>));
  background-image: -webkit-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: -o-linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-image: linear-gradient(top, #<%= current_theme.bar_color %>, #<%= current_theme.bar_gradiant_color %>);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#<%= current_theme.bar_color %>', endColorstr='#A35E20', GradientType=0);
}
footer a, footer a:hover {
  color: #FFF;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* Dashboard */
.carousel {
  width: 455px;
  margin: 10px auto 0 auto;
}
.carousel-inner {
  margin-left: 40px;
}

.carousel-inner p {
  width: 400px;
  text-align: center;
}

#upload_form{
  margin: 0;
}

.spinner {
  display:none;
}

.spinner img {
  margin: 30px 0 0 70px;
}


.btn-block {
  width: 100% !important;
  height: 40px;
}

.auth_well {
  text-align: center;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.83);
  border: 1px solid #e3e3e3;
}

.negative {
  color: red;
}

.dollar-format {
  padding-left: 10px;
}

.notice-table td.centered.col-md-3 {
  vertical-align: center;
}
.notice-table tr:hover {
  background-color: "#FFFFFF"
}

.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}

.ui-button-icon-only .ui-icon {
  margin-left: 6px;
  margin-top: 6px;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

td.cost_description {
  width: 45%;
}

td.number-align {
  text-align: right !important;
}
th.number-align {
  text-align: right !important;
}

.field_with_errors {
  display: inline-block;
}
.report-header {
  float: left;
}

.report-date {
   float: right;
}

.legend {
  float: right;
  margin: 0 0 20px 0;
  z-index: 10000;
  position: relative;
}

.legend-block {
  display:inline;
  padding: 10px 20px;
}

.green {
  background-color: #DAFED5;
}

span.color {
  width: 100%;
  display: inline-block;
}

.yellow {
  background-color: #FFFFBD;
}

.red {
  background-color: #FFBDBD;
}

.grey {
  background-color: #BDBDBD;
}

.white {
  background-color: #FFFFFF;
}
div.accordion-group {
  margin-bottom: 2px;
}
select.form-control.accordion {
  width: 65%;
}
p > input[type="text"] {
  margin-bottom: 10px;
}
h1, h2, h3 {
  line-height: 40px;
}
.toggle-off.btn {
  padding-left: 15px;
}

header{
  display:table;
  text-align:center;
}
header:before, header:after{
  content:'';
  display:table-cell;
  background:#000;
  width:50%;
  -webkit-transform:scaleY(0.05);
  transform:scaleY(0.05);
}
header > h1{ white-space:pre; padding:0 15px; margin: 10px 0; }

span.update-photos-links {
  position: relative;
  bottom: -6px;
}

div.update-photos-links {
  position: relative;
  bottom: 5px;
}

.update-photos-links a {
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
}

/* image-item styles */
.page {
  cursor: pointer;
}

.smaller {
  height: 400px;
}
.smaller iframe, .smaller .image-container{
  height: 300px;
}

p.style-scope.image-item {
  overflow: scroll;
}

.smaller .filename p {
  overflow: scroll;
  height: 1.1em;
}

.large iframe, .large .image-container{
  width: 68vw;
  height: 100%;
  margin: 0 auto 0 auto;
}

.image-container img{
  margin: auto;
  max-height: 100%;
}

.large .file-name p {
  font-size: 18px;
  text-align: center;
  margin: 0 0 1em 0;
}

.small-file-name p {
  font-size: 12px;
  text-align: center;
  margin: 0 0 1em 0;
  overflow: scroll;
}

iron-icon.iron-icon-2 {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  fill: currentcolor;
  stroke: none;
}

/* end of image-item styles */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  paper-dialog {
    margin: 0;
  }
  .slideshow.image-slideshow {
    display: block;
  }
  iron-pages {
    display: inline-block;
    max-width: 80%;
  }
  .large .file-name p {
    font-size: 12px;
  }

  h2 {
    word-wrap: break-word;
    display: inline-block;
    white-space: inherit !important;
    font-size: 16px !important;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}