/*LAYOUT*/
#wrap {
	max-width: 1170px;
	margin: auto;
}
footer {
	padding: 20px;
	text-align: center;
	color: #868686;
}
.container {
	padding-left: 15px;
	padding-right: 15px;
}
.btn {
	height: 40px;
	font-weight: bold;
	font-size: 18px;
}
.alert-default {
	background-color: #fff;
	border-color: #ddd;
}
.alert button.clear-filters {
	background: none;
	border: none;
	color: #3f883f;
}
.alert form {
	display: inline-block;
}
.alert {
	margin-top: 20px;
}
.row.actions {
	display: block;
}
.row-no-padding-buttons {
	margin: 10px 0 10px 0;
	display: block;
}
.row-no-padding-buttons > div[class*="col-"] {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
.row-no-padding-buttons > div[class*="col-"]:first-child {
	padding-right: 0px;
}
.filter div[class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
.filter div[class*="col-"] input {
	border: 1px solid #ccc;
	border-right: none;
	padding-left: 8px;
}
.filter div[class*="col-"] button {
	border-radius: 0 3px 3px 0;
}
.filter #basic-addon2 {
	border-radius: 0;
}
.breadcrumb {
	margin: 0;
	padding: 0px 15px;
}
.breadcrumb a {
	color: #1FA85D;
	font-weight: bold;
	text-decoration: underline;
	transition: all ease-in 0.1s;
}
.breadcrumb>li a:active {
	color: grey;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.container.navbar {
	margin-bottom: 10px;
	border: none;
}
.container.shadow.reminder {
	margin-top: 30px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
.container .title {
	font-size: 2.5rem;
	color: #1FA85D;
	background: #fff;
}
.container .input-field button.edit span:after {
	content: none;
}
.container .input-field button.research span:after {
	content: none;
}
.container .input-field button.research, .container .input-field button.save {
	margin-left: 10px;
}
.container .input-field a.inventory span:after {
	content: none;
}
.container .input-field a.inventory {
	margin-left: 10px;
}
select:active option:hover {
	background: #1FA85D;
}
.text-success {
	color: #1FA85D;
}
/*LOGO*/
#logo_ma {
	width: 100%;
	height: 45px;
	margin: 5px 0;
	background: url(../images/logo-moveadvisor.svg) no-repeat center;
	background-size: contain;
}

#logo {
	width: 100%;
	height: 45px;
	margin: 5px 0;
	background: url(../images/logo-mymovingloads.svg) no-repeat center;
	background-size: contain;
}

/*MAIN NAVIGATION*/
div#main-nav:before {
	display: none;
}
#main-nav {
	height: 95px;
}
#main-nav a.selected {
	background: #fff;
	color: #1FA85D;
	background-repeat: no-repeat;
	background-position-y: -12px;
	background-position-x: center;
}
#main-nav a:focus {
	text-decoration: none;
}
#main-nav a {
	display: block;
	position: relative;
	background: #1FA85D;
	color: #fff;
	padding: 6px 0 0 0;
	background-repeat: no-repeat;
	background-position-y: -12px;
	background-position-x: center;
	font-weight: bold;
	transition: all ease-in 0.1s;
	text-align: center;
	height: 100%;
	float: left;
}
#main-nav a.nav-4-items {
	width: 25%;
}
#main-nav a.nav-5-items {
	width: 20%;
}
#main-nav a:hover {
	text-decoration: none;
	background: #fff;
	color: #1FA85D;
}
#main-nav a:hover {
	text-decoration: none;
}
#main-nav a span {
	display: block;
}
#main-nav a span:first-child {
	font-size: 4rem;
}
#main-nav a span:last-child {
	line-height: 1.7rem;
	display: block;
	position: absolute;
	top: 75%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transform: translateY(-50%);
}
#main-nav a.nav-5-items span:last-child {
	font-size: 1.5rem;
}
#main-nav a.invoices span:first-child, #main-nav a.settings span:first-child {
	font-size: 3.7rem;
}

/*LOGIN PAGE*/
#admin-logo {
	width: 336px;
	margin-bottom: 20px;
}
.log-admin {
	max-width: 376px;
	padding-left: 25px;
	padding-right: 25px;
}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

/*SEARCH*/
.row.unlocked {
	margin: 10px 0;
}
.unlocked input[type=text], .unlocked input[type=select] {
	height: 40px;
}
.unlocked strong {
	line-height: 40px;
	float: inherit;
	text-align: left;
}

/*LISTINGS*/
.listing-title {
	color: #1FA85D;
	font-size: 22px;
	line-height: 1.3em;
	position: relative;
}
.listing-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #1FA85D;
	position: absolute;
	bottom: .6em;
	z-index: -1;
}
.listing-title > span {
	background: #fff;
	margin-right: 5%;
	padding-right: 10px;
}
.listing-title > span > label {

}
.listing-title button {
	float: left;
	height: 1em;
	box-sizing: content-box;
}
.listing-title > button ~ span {
	padding-left: 10px;
}
/*REMINDER SECTION*/
.container.reminder .row {
	margin: 10px 0;
	overflow: overlay;
}
.container.reminder .row a {
	color: #373737;
}
.container.reminder .row span.icon-alert-circle {
	color: #f8811a;
	font-size: 35px;
}
.container.reminder .row div.message a {
	margin-top: 7px;
	display: block;
}

/*LEADS LISTING*/
.row.listing-explanation {
	font-weight: bold;
	padding: 5px 0;
	display: flex;
	align-items: center;
}
.listing-explanation.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	-webkit-box-shadow: 0 11px 13px -10px #e0e0e0;
	-moz-box-shadow: 0 11px 13px -10px #e0e0e0;
	box-shadow: 0 11px 13px -10px #e0e0e0;
}
.listing .row {
	padding: 10px 0;
	transition: all ease-in 0.1s;
	color: #373737;
	position: relative;
}
.listing .row div {
	overflow: hidden;
	text-overflow: ellipsis;
}
.listing.b-history .row div:nth-child(3) {
	padding-right: 0;
}
.listing.leads .row div:nth-child(2),
.listing.leads .row div:nth-child(4),
.listing.leads .row div:nth-child(6),
.listing-explanation.leads div:nth-child(2),
.listing-explanation.leads div:nth-child(4),
.listing-explanation.leads div:nth-child(6),
.listing.v-leads .row div:nth-child(4),
.listing.v-leads .row div:nth-child(6),
.listing-explanation.v-leads div:nth-child(4),
.listing-explanation.v-leads div:nth-child(6) {
	padding-left: 0px;
	padding-right: 0px;
}
.listing.b-history .row div:nth-child(2),
.listing.b-history .row div:nth-child(3),
.listing.b-history .row div:nth-child(4),
.listing.b-history .row div:nth-child(5),
.listing-explanation.b-history div:nth-child(2),
.listing-explanation.b-history div:nth-child(3),
.listing-explanation.b-history div:nth-child(4),
.listing-explanation.b-history div:nth-child(5),
.listing.v-leads .row div:nth-child(2),
.listing.v-leads div:nth-child(5),
.listing-explanation.v-leads div:nth-child(2),
.listing-explanation.v-leads div:nth-child(5) {
	padding-left: 0px;
}
.listing div.row:after {
	content: "\e92a"!important;
	font-family: 'icomoon' !important;
	position: absolute;
	right: 10px;
}
.listing.b-history div.row:after {
	display: none;
}
.listing .row:hover {
	background: #ececec;
	cursor: pointer;
}
.listing .row.charged {
	font-weight: bold;
}
.listing .row.voided div {
	opacity: .5;
}
.listing .row.voided div:first-child {
	color: #be3131;
	opacity: 1;
	font-weight: bold;
}
.listing .row.pending div {
	opacity: .5;
}
.listing .row.pending div:first-child {
	color: #f8811a;
	opacity: 1;
	font-weight: bold;
}
.listing a {
	text-decoration: none;
}
.listing a:first-child > div {
	margin-top: 20px;
}
.listing a:last-child > div {
	margin-bottom: 20px;
}
.more-icon {
	background: #1FA85D;
	border-radius: 50%;
	color: #fff;
	padding: 2px;
	margin-right: 5px;
}

/*SENDERS LISTING*/
.listing.senders .row div:nth-child(2),
.listing.senders .row div:nth-child(3),
.listing-explanation.senders div:nth-child(2),
.listing-explanation.senders div:nth-child(3) {
	padding-left: 0px;
	padding-right: 0px;
}
.listing.senders div.row:after {
	content: ''!important;
}
.listing.senders div.row:hover {
	cursor: default;
}

/*SINGLE LEAD CONTACT INFO*/
.container .input-field:before, .container .inv-field:before {
	clear: both;
	content: '';
	display: block;
}
.container .input-field {
	width: 100%;
	margin: 5px 0;
}
.container .input-field.row {
	display: flex;
	align-items: center;
}
.container .input-field > span {
	padding-left: 0px;
	padding-right: 0px;
}
.container .input-field > span > span {
	font-weight: bold;
	float: left;
	padding: 9px 8px 0 0;
	width: 100%;
}
.container .input-field > span:after {
	clear: both;
	display: block;
	content: '';
}
.container .input-field input {
	max-width: 100%;
	padding: 8px 0 8px 8px;
	border-radius: 3px;
	border: 1px solid rgb(169, 169, 169);
	text-overflow: ellipsis;
	float: left;
}
.container .input-field.notes textarea {
	padding: 8px;
	width: 100%;
	border: 1px solid rgb(169, 169, 169);
	border-radius: 3px;
}
.container .input-field input[readonly] {
	padding: 9px 8px 9px 0px;
	border: none;
	background: #fff;
	min-height: 40px;
	float: left;
}
.container .input-field select {
	padding: 8px;
	border-radius: 3px;
	text-indent: 1px;
	max-width: 100%;
}
.container.void .input-field select {
	width: 100%;
}
.container .input-field select[disabled] {
	padding: 9px 8px 9px 0;
	border: none;
	width: auto;
	cursor: pointer;
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.container .input-field button span[class*="icon-"] {
	line-height: 26px;
	font-size: 18px;
}
.container .input-field button span[class*="icon-"] span.hidden-xs, .container .input-field a span[class*="icon-"] span.hidden-xs {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.container .input-field button.save-btn {
	background: #ec971f;
}
.container .input-field button.save-btn span.hidden-xs {
	visibility: hidden;
	position: relative;
}
.container .input-field button.save-btn span.hidden-xs:after {
	visibility: visible;
	position: absolute;
	top: -3px;
	left: 2px;
	content: " Save";
}
.container .input-field.unlocked select, .container .input-field.unlocked input {
	width: 100%;
	max-width: none;
}
.container .input-field.unlocked > span {
	padding-right: 10px;
	padding-left: 10px;
}
.container .input-field.unlocked > span:last-child {
	padding-right: 0px;
	padding-left: 10px;
}
.container .input-field.unlocked > span:first-child {
	padding-right: 10px;
	padding-left: 0px;
}
.unlocked .row {
	margin-top: 5px;
	margin-bottom: 5px;
}
.unlocked .row select, .unlocked .row input {
	padding: 8px;
	border-radius: 3px;
	text-indent: 1px;
	width: 100%;
	border-color: rgb(169, 169, 169);
	border-width: 1px;
}
.unlocked .row input[type="radio"] {
	width: auto;
}
.unlocked .row textarea {
	padding: 8px;
	border-radius: 3px;
	text-indent: 1px;
	width: 100%;
	border-color: rgb(169, 169, 169);
	border-width: 1px;
}
#darken, #saving {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	background: rgba(0,0,0, .7);
	z-index: 5;
}
#saving span {
	position: fixed;
	padding: 5px;
	right: 0;
	left: 0;
	top: 50%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	max-width: 260px;
	background-color: #fff;
	border-radius: 3px;
	z-index: 15;
}
#saving span img {
	max-height: 70px;
	padding-right: 15px;
}
.lead-overview {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #1FA85D;
}
.lead-overview .col-md-4 span {
	font-weight: bold;
	font-size: 2rem;
}
.lead-overview .col-md-4 span input {
	width: 84px;
	border:none;
	text-align: center;
}
.lead-overview .col-md-4:nth-child(2) {
	border-left: 1px solid #1FA85D;
	border-right: 1px solid #1FA85D;
}
.lead-overview .col-md-4 .voided {
	color: #be3131;
}

/*SINGLE LEAD MAP*/
.row.map {
	position: relative;
}
.row.map a.map-link {
	position: absolute;
	top: 0;
	margin: 10px;
}

/*SINGLE LEAD INVENTORY FIELDS*/
.container .inv-field {
	width: 100%;
	margin: 5px 0;
	overflow: overlay;
}

.container .inv-field span.inv-title {
	font-weight: bold;
}

.input-field .dialog[readonly] {
	color: #1FA85D;
	text-decoration: underline;
	cursor: pointer;
}

/*TOOLTIPS ON HOVER OF SMALL IMAGES IN LIST OF LEADS*/
.tooltip {
	position: fixed;
}

/*WINDOW DIALOG ON CLICK ON PHONE OR EMAIL*/
.dialog-window {
	display: none;
	position: fixed;
	padding: 0 15px 15px 15px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	min-height: 8em;
	max-width: 500px;
	top: 5em;
	background-color: #fff;
	border-radius: 3px;
	z-index: 10;
}
.close-x {
	position: absolute;
	right: 0;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 30px;
	color: #949494;
	line-height: 1;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*FURNITE LISTING IN INVENTORY*/
.funtire-list .row span.fur-title {
	font-weight: bold;
	color: #333;
	display: block;
}
.funtire-list .row span {
	color: #1FA85D;
	display: block;
}
.funtire-list .row {
	margin-bottom: 20px;
}

/*BREADCRUMBS*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>li>a, .pagination>li>span {
	color: #337ab7;
}

/*INVOICE LISTING*/
.listing.invoices .paid, .container .input-field .paid {
	color: #1FA85D;
	font-weight: bold;
}
.listing.invoices .pending, .container .input-field .pending {
	color: #f8811a;
	font-weight: bold;
}
.listing.invoices .unpaid, .container .input-field .unpaid {
	color: #be3131;
	font-weight: bold;
}
.listing .row {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ececec;
}

@media only screen and (min-width : 768px) {
	.container .input-field > span > span {
		width: auto;
		padding: 9px 8px 9px 0;
	}
	.listing-explanation.fixed {
		width: inherit;
	}
	.nav-bg {
		position: relative;
	}
	.nav-bg:before {
		background: #1FA85D;
		width: 100%;
		display: block;
		content: '';
		height: 95px;
		position: absolute;
		left: 0;
		z-index: -1;
		bottom: 0;
	}
	.container.void .input-field select {
		width: auto;
	}
	.unlocked strong {
		float: right;
	}
	.unlocked .row select, .unlocked .row input {
		width: auto;
		max-width: 100%;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	#main-nav a.nav-5-items span:last-child {
		font-size: 1.7rem;
	}
	.row-no-padding-buttons > div[class*="col-"] {
		padding-top: 0px;
	}
	.row-no-padding-buttons > div[class*="col-"]:first-child {
		padding-left: 0;
		padding-right: 10px;
	}
	.row-no-padding-buttons > div[class*="col-"]:last-child {
		padding-right: 0;
		padding-left: 10px;
	}
	.row.actions {
		justify-content: flex-end;
		display: flex;
	}
}

/*ONLY FOR IPHONE 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
	body{font-size: 14px;}

	#main-nav a span:last-child {
		font-size: 1.4rem;
	}
}