.app {
	background-color: white !important;
}

.app-page {
	overflow: auto;
}

body {
	font-size: 0.9rem;
}

h2 {
	font-size: 1.75rem;
}

.topright-logo {
	z-index: 500;
	right: 10px;
	top: 10px;
	position: fixed;
	max-width: 100px;
}

#map {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.leaflet-control-container {
	position: absolute;
}


.app-sidebar {
	overflow: auto;
	box-shadow: -5px 0 15px -6px #585858 inset;
	background-color: #F8F8FE;
	color: black;
	display: none;
}

.sidebar-subborder {
	border: 1px solid #EBA085;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 2px;
	padding-top: 6px;
}

.centered-block-left-text {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.orange-text {
	color: #E06437;
}

.leaflet-control-measure h3 {
	font-size: 16px;
}

.content-pushed-200 {
	position: relative;
	height: 100%;
	width: 100%;
	transform: translate3d(200px, 0px, 0px);
	backface-visibility: hidden;
	transition: all 300ms ease 0s;
}

.active-panel-200 {
	padding: 10px;
	top: 0px;
	width: 200px !important;
	height: 100% !important;
	position: absolute;
	z-index: 888888;
	overflow: auto;
}

.center-first-subdiv > div {
	margin-left: auto;
	margin-right: auto;
}

.nopad {
	padding: 0;
}

.padside10 {
	padding-left: 10px;
	padding-right: 10px;
}

.inlineblock {
	display: inline-block;
}

.dark-construction-background {
	background-image: url(/img/20180501_060423.jpg);
	background-size: cover;
	height: 100%;
}

.light-construction-background {
	background-image: url(/img/20180515_075813.jpg);
	background-size: cover;
	height: 100%;
}

.greencan-cement-construction-background {
	background-image: url(/img/20180530_093658.jpg);
	background-size: cover;
	height: 100%;
}

.top-banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
}
.zindex6 {
	z-index: 6;
}

.white {
	color: white !important;
}

.siteobs-bg-darkgray {
	background-color: #808080;
	color: white !important;
}
.siteobs-bg-lightgray {
	background-color: #B3B3B3;
	color: white !important;
}
.siteobs-bg-green {
	background-color: #24CD98;
	color: white !important;
}
.siteobs-bg-darkorange {
	background-color: #F15A24;
	color: white !important;
}
.siteobs-bg-lightorange {
	background-color: #EBA085;
	color: white !important;
}
.siteobs-bg-superlightgray {
	background-color: #e0e0e0;
	color: black;
}

.siteobs-fg-darkgray {
	color: #808080;
}
.siteobs-fg-lightgray {
	color: #B3B3B3;
}
.siteobs-fg-green {
	color: #24CD98;
}
.siteobs-fg-darkorange {
	color: #F15A24 !important;
}
.siteobs-fg-lightorange {
	color: #EBA085;
}
.siteobs-fg-black {
	color: black;
}

.float-signup-box {
	width: 720px;
	box-shadow: 8px 8px 6px #666;
	margin-top: 100px;
	margin-left:  auto;
	margin-right:  auto;
}

.float-signup-box-left {
	width: 40%;
	float: left;
}

.float-signup-box-right {
	width: 60%;
	float: left;
}

.input-condensed {
	padding: 3px 6px;
	height: auto;
}

.input-supercondensed {
	padding: 3px 3px;
	height: auto;
}

.btn-supersm {
	font-size: 0.6rem;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.modal-content {
	background-color: #f7f7ff;
}

.modal-header {
	border-bottom: none;
}

.modal-body {
	padding-top: 0;
}

.modal-title {
	color: #F15A24;
}

.bootbox-close-button.close {
	opacity: 1;
}

.who-are-you-square {
	width: 117px;
	height: 92px;
	border-radius: 12px;
}

.who-are-you-projectowner {
	background-image: url(/img/small-projectowner.jpg);
	background-size: cover;
}

.who-are-you-designpro {
	background-image: url(/img/small-designpro.jpg);
	background-size: cover;
}

.who-are-you-contractor {
	background-image: url(/img/small-contractor.jpg);
	background-size: cover;
}

.hide {
	display: none;
}

.leaflet-popup-close-button {
	color: #F15A24 !important;
}

.leaflet-control-container {
	margin-top: 70px;
}

.app-page-overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.easy-button-button {
	background-image: url(/img/caret-right.png);
	background-size: contain;
}

.app-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	background-color:  white;
	transform: translate(-50%, -50%);
	padding: 10px;
	border-radius: .3rem;
	border: 1px solid black;
	max-height: 100%;
	max-width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.app-modal-wider {
	width: 75%;
}

.menubuttonpad {
	margin-top: .5rem;
}

.header-pink-mobile {
	display: none;
}

.mobileonly {
	display: none;
}

th {
	color: #F15A24 !important;
	font-weight: normal !important;
	font-size: smaller;
}

.st-sort-ascent:before{
	content: '\25B2';
}

.st-sort-descent:before{
	content: '\25BC';
}

.st-table-custom .pagination > li > a, .st-table-custom .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.st-table-custom {
	margin-bottom: 0;
}

.select-page {
	width: 50px;
	text-align: center;
}

.pagination li a input {
	padding: 0;
	margin: -5px 0;
}

.loginSignupContainer {
	margin-top: 150px;
}

.stripe-button-el, .stripe-button-el span {
	background-color: #F15A24 !important;
	color: white !important;
	background-image: none !important;
}