body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	background: #f1f1f1;
}

.navbar-custom {
	background: #006064;
	/*box-shadow: 0 -6px 15px 10px rgba(0, 0, 0, .2);*/
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-custom .navbar-toggle {
	border-color: #ffffff;
	cursor: pointer;
}

.navbar-custom .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar-nav > li > a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.05em;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.navbar-nav > li.open > a,
.navbar-nav > li > a:hover {
	background: #0097a7;
}

.navbar-nav > li > a:focus {
	background: transparent;
}

.navbar-brand {
	color: #fff;
	font-size: 24px;
}

.navbar-brand:hover {
	color: #fff;
}

.breadcrumb {
	background-color: #fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	padding: 8px 30px;
}

.panel-custom {
	border: none;
}

.panel-custom-invis {
	background: #f1f1f1;
	border: none;
	border-radius: 0;
	text-align: center;
}

.container h1,
.container-fluid h1 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 13px 15px 0;
	padding: 6px 0 15px 0;
	color: #006064;
}

.container h2,
.container-fluid h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin: 0 0 15px;
	padding: 0;
}

.container h3,
.container-fluid h3 {
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 15px 0;
	padding: 6px 0 15px 0;
	color: #006064;
}

.container h4,
.container-fluid h4 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 13px 15px 0;
	padding: 6px 0 15px 0;
	color: #006064;
}

.container h5,
.container-fluid h5 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin: 0 0 15px;
	padding: 0;
}

.panel-custom .panel-heading {
	background: #00838f;
}

.pagination {
	margin: 0 0 15px 0;
}

.login-error {
	padding: 5px 10px;
	margin: 10px 0;
}

.gist {
	font-size: 14px;
}

.bootstrap-tagsinput {
	padding: 7px 10px;
	width: 100%;
	margin-bottom: 0;
}

.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white;
	padding: 6px 10px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
	display: inline-block;
}

.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
}

/*.datepicker-input-ym .ui-datepicker-calendar {*/
/*display: none;*/
/*}*/

.checkbox,
.radio {
	margin-top: 7px;
	margin-bottom: 12px;
}

.form-item {
	display: none;
}

.details-title {
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 15px;
}

.details-content {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

.details-label {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

#quot-standing {
	background-color: #006064;
	border-radius: 5%;
	width: 40px;
	height: 80px;
	margin-left: 30px;
}

#quot-lying {
	background-color: #006064;
	border-radius: 5%;
	width: 80px;
	height: 40px;
	margin-left: 10px;
	margin-top: 20px;
}

#quot-square {
	background-color: #006064;
	border-radius: 5%;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 10px;
}

img.custom-design {
	max-width: 100%;
	margin-bottom: 20px;
}

.lakas .lakas {
	display: block;
}

textarea.form-control.textarea-desc {
	height: 150px;
}

.haz .haz {
	display: block;
}

.telek .telek {
	display: block;
}

.garazs .garazs {
	display: block;
}

.nyaralo .nyaralo {
	display: block;
}

.iroda .iroda {
	display: block;
}

.uzlethelyiseg .uzlethelyiseg {
	display: block;
}

.vendeglato .vendeglato {
	display: block;
}

.ipari .ipari {
	display: block;
}

.mezogazdasagi .mezogazdasagi {
	display: block;
}

.fejlesztesi .fejlesztesi {
	display: block;
}

.intezmeny .intezmeny {
	display: block;
}

.raktar .raktar {
	display: block;
}

.flash-notice {
	padding: 10px;
	background-color: #9ed27b;
}

.flash-warning {
	padding: 10px;
	background-color: #ffc107;
}

.flash-error {
	padding: 10px;
	background-color: #f17061;
}

.index-container {
	background-color: #fff;
	padding: 10px 30px 20px 30px;
	margin-top: 30px;
}

.intl-tel-input {
	display: block !important;
}

.has-error .form-control {
	border-color: #f17061;
}

.has-error .control-label {
	color: #f17061;
}

.form-error-list {
	color: #f17061;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

.form-control-static {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #ddd;
	padding-left: 10px;
	min-height: 36px;
	cursor: not-allowed;
}

hr.nomargin {
	margin-top: 0;
	margin-bottom: 0px;
}

.button-container {
	text-align: right;
	margin-bottom: 15px;
}

.form-control-sm {
	display: inline-block;
	position: absolute;
	top: 32px;
	right: 26px;
}

.ad-steps {
	text-align: center;
	margin: 15px auto 10px;
	width: 700px;
	position: relative;
}

.ad-steps .step1-2,
.ad-steps .step2-3,
.ad-steps .step3-4 {
	border: 0;
	background: #d4d4d4;
	height: 3px;
	position: absolute;
	left: 214px;
	width: 100px;
	top: -4px;
}

.ad-steps .step2-3 {
	left: 385px;
}

.ad-steps .step {
	display: inline-block;
	text-align: center;
	/*padding-right: 15px;*/
	/*padding-left: 15px;*/
	width: 24%;
}

.ad-steps .step .text {
	display: inline-block;
	text-align: center;
	color: #868686;
	font-size: 15px;
}

.ad-steps .step.active .text {
	color: #111111;
}

.ad-steps .step.done .text {
	color: #868686;
}

.ad-steps .step .text button {
	background: transparent;
	border: none;
	color: #111111;
	padding: 0;
}

.ad-steps .step .icon-container {
	margin: 0 auto 10px auto;
	padding-top: 6px;
	padding-left: 2px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #d4d4d4;
	color: #868686;
}

.ad-steps .step .icon-container .glyphicon-chevron-right {
	display: inline-block;
}

.ad-steps .step .icon-container .glyphicon-chevron-down {
	display: none;
}

.ad-steps .step.active .icon-container {
	border: 2px solid #111111;
	padding-top: 8px;
	color: #111;
}

.ad-steps .step.active .icon-container .glyphicon-chevron-down {
	display: inline-block;
}

.ad-steps .step.active .icon-container .glyphicon-chevron-right {
	display: none;
}

.ad-steps .step.done .icon-container {
	border: 2px solid #006064;
	background: #006064;
	padding-top: 6px;
	padding-left: 1px;
	color: #fff;
}

.filter-container {
	padding: 15px;
	background: #dddddd;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.filter-container.bg-active {
	background: #b2dfdb;
}

.calendar-icon,
.calendar-icon2,
.calendar-icon3 {
	font-size: 11pt;
	color: #999;
	position: absolute;
	right: 10px;
	top: 35px;
}

.datepicker-input {
	padding-right: 35px;
}

.control-label {
	min-height: 15px;
}

.loggedin-name {
	color: #fff;
}

.no-wrap {
	white-space: nowrap;
}

.event-description {
	width: 100%;
	height: 150px;
}

.form-control-size {
	text-align: right;
	padding-right: 35px;
}

.form-control-size2 {
	text-align: right;
	padding-right: 35px;
}

.form-control-size3 {
	text-align: right;
	padding-right: 55px;
}

.form-control-sm {
	display: inline-block;
	position: absolute;
	top: 27px;
	right: 26px;
}

.form-control-sm2 {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 26px;
}

.form-control-sf2 {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 26px;
}

.media-list,
.media-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.media-list li.media-thumb,
.media-list li.media-upload-new {
	width: 215px;
	height: auto;
	margin: 3px 5px 10px 4px;
	cursor: default;
	position: relative;
	float: left;
	display: block;
}

.media-list li.media-thumb .public {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.media-list li.media-upload-new {
	text-align: center;
	border: 3px dashed #006064;
	height: 215px;
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 7px;
	margin-right: 0;
	cursor: pointer;
}

.media-list li.media-upload-new .upload-logo {
	background: #006064;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	width: 41px;
	height: 41px;
	display: inline-block;
	text-align: center;
	padding-top: 12px;
	padding-left: 2px;
	font-size: 12pt;
	font-weight: normal;
}

.media-form-group {
	padding-top: 5px;
}

.media-list li.media-thumb img {
	width: 215px;
	height: 215px;
}

.media-list li.media-thumb .media-tools-container {
	display: none;
}

.media-list li.media-thumb.hover .media-tools-container {
	display: block;
}

.media-list li.media-thumb.hover img {
	border: 3px solid #eee;
	box-sizing: border-box;
	width: 215px;
}

.media-list li.media-thumb .form-control.input-sm {
	padding: 4px 7px;
	font-size: 12px;
}

.media-list li.media-thumb textarea.form-control.input-sm {
	height: 170px;
	margin-top: 45px;
	font-family: monospace, sans-serif;
}

.media-list li.media-thumb select.form-control.input-sm {
	height: 30px;
}

.media-list li.media-thumb .form-control.bootstrap-select.input-sm {
	padding: 0;
}

.media-tools-container .media-thumb-delete,
.media-tools-container .media-thumb-delete2,
.media-tools-container .media-thumb-edit {
	position: absolute;
	background: #006064;
	color: #fff;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px;
}

.media-tools-container .media-thumb-edit {
	right: 41px;
}

.media-tools-container .media-thumb-move {
	position: absolute;
	background: #006064;
	color: #fff;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px;
	cursor: move;
}

.photo-uploader-file {
	display: none;
}

#media-upload-progress {
	display: none;
	margin-top: 10px;
}

#email-loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 143, 204, 0.15);
	z-index: 10000;
	display: none;
}

#email-loader img {
	left: 48%;
	position: absolute;
	top: 48%;
}

#poster-builder-gridster ul,
#poster-builder-job-gridster ul {
	display: block;
	background: #f2f2f2;
	background-image: linear-gradient(0deg, #dddddd 0%, transparent 5%, transparent),
		linear-gradient(90deg, #dddddd 0%, transparent 5%, transparent);
	height: 100%;
}

#poster-builder-gridster ul {
	background-size: 10% 7.142857%;
}

#poster-builder-gridster ul.bekasm {
	background-size: 14.285714% 7.142857%;
}

#poster-builder-job-gridster ul {
	background-size: 12.5% 6.25%;
}

#poster-builder-gridster .gs-w,
#poster-builder-gridster .gs-w.gs-o {
	list-style: none;
	border: 3px solid #dddddd;
}

#poster-builder-gridster .gs-w {
	background: #e6007d;
}

#poster-builder-gridster .gs-w.gs-o {
	background: #ff9b00;
}

#poster-builder-job-gridster .gs-w {
	list-style: none;
	background: #00adef;
	border: 3px solid #dddddd;
}

#liftjobs-placeholder.gs-w {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: #00adef;
	top: 500px !important;
	left: 400px !important;
}

.bekasm #liftjobs-placeholder.gs-w {
	left: 250px !important;
}

.lift-ad-list a,
.lift-job-list a {
	cursor: pointer;
}

.lift-ad-list a.list-group-item.active,
.lift-ad-list a.list-group-item.active:focus {
	background-color: #e6007d;
	border: 1px solid #dddddd;
}

.lift-ad-list a.list-group-item:hover {
	color: #ffffff;
	background-color: #e6007d;
	border: 1px solid #dddddd;
}

.lift-option-list a,
.lift-job-list a {
	cursor: pointer;
}

.lift-option-list a.list-group-item.active,
.lift-option-list a.list-group-item.active:focus {
	background-color: #ff9b00;
	border: 1px solid #dddddd;
}

.lift-option-list a.list-group-item:hover {
	color: #ffffff;
	background-color: #ff9b00;
	border: 1px solid #dddddd;
}

.lift-job-list a.list-group-item.active,
.lift-job-list a.list-group-item.active:focus {
	background-color: #00adef;
	border: 1px solid #dddddd;
}

.lift-job-list a.list-group-item:hover {
	color: #ffffff;
	background-color: #00adef;
	border: 1px solid #dddddd;
}

.poster-builder-container {
	overflow: auto;
	background: #ffffff;
}

.error-container ul,
.error-container ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.error-container ul li {
	color: red;
}

body .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: #0097a7;
	border-color: white;
}

body .dropdown-menu a {
	padding: 5px 15px;
	display: block;
	text-transform: uppercase;
}

.table-responsive .collapse a,
.table-responsive .collapsing a,
body a.btn-info.controll,
body .mobile-buttons .btn-xs {
	display: block;
	margin: 5px 0;
}

/* Price table */
.price-table {
	height: 75vh;
	width: 95vw;
	margin: 0 auto;
	overflow: scroll;
}
.price-table .sticky-left {
	font-weight: bold;
	position: sticky;
	left: 0px;
	z-index: 101;
}
.price-table .sticky-top {
	white-space: nowrap;
	position: sticky;
	top: 0px;
	z-index: 100;
	background: #f5f5f5;
}
.price-table .sticky-left-second {
	font-weight: bold;
	position: sticky;
	left: 85px;
	z-index: 102;
	background: #f5f5f5;
}
.price-table-pdf-gen-btn {
	margin-bottom: 10px;
}
.price-table-pdf th {
	max-width: 44px;
	overflow: hidden;
	border: 1px solid #cccccc !important;
}
.price-table-pdf td {
	padding: 3px !important;
	font-size: 16px !important;
	border: 1px solid #cccccc !important;
}
.price-table-pdf .sticky-left {
	left: auto;
	position: inherit;
}
.price-table-pdf .sticky-top {
	position: inherit;
	top: auto;
}
.price-table-pdf .sticky-left-second {
	position: inherit;
	left: auto;
}
.price-table-pdf .page-breaker {
	page-break-before: always;
}
.price-table-pdf .page-breaker th {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 13px 15px 0;
	padding: 13px 15px 15px 0;
	color: #006064;
	background-color: #f1f1f1;
}

@media (max-width: 767px) {
	.mobile-buttons.visible-xs {
		display: block !important;
		background: #f3efef;
		padding: 6px;
		margin: 5px 0px;
		text-align: center;
	}
}

.custom-edit .fa.fa-edit {
	opacity: 0;
}

.custom-edit tr:hover .fa.fa-edit {
	opacity: 1;
}

.custom-edit .fa.fa-edit {
	padding: 3px 0;
}

.custom-edit td {
	position: relative;
}

.custom-edit .panel-collapse.collapse.in,
.custom-edit .panel-collapse.collapsing {
	display: block;
	position: absolute;
	left: -124px;
	top: 80%;
	padding: 20px;
	z-index: 10;
	background-color: white;
	border: solid 1px lightgray;
}

.block-container-collapse {
	width: 100%;
	text-align: left;
}

.block-container-collapse i.fa.fa-angle-down {
	transform: rotate(0deg);
	transition: all 0.5s;
}

.block-container-collapse[aria-expanded='true'] i.fa.fa-angle-down {
	transform: rotate(-180deg);
	transition: all 0.5s;
}

.filter-container-collapse {
	width: 100%;
}

.filter-container-collapse i.fa.fa-angle-down {
	transform: rotate(0deg);
	transition: all 0.5s;
}

.filter-container-collapse[aria-expanded='true'] i.fa.fa-angle-down {
	transform: rotate(-180deg);
	transition: all 0.5s;
}

.change-to-area-list {
	margin-bottom: 15px;
}

.dropdown-menu a.active {
	text-decoration: underline;
}

body header .dropdown-menu a {
	padding: 5px 15px;
	display: block;
	text-transform: uppercase;
	color: white;
	padding-left: 30px;
}

@media (min-width: 280px) {
	.mw-140 {
		min-width: 140px;
	}
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

@media (max-width: 767px) {
	div#ui-datepicker-div {
		width: calc(100% - 60px);
	}

	.new-rual-area {
		margin-top: 10px;
	}

	.poster-force-list {
		margin-top: 10px;
	}

	h1 .label.label-primary.center-block {
		margin-left: -15px;
		margin-right: -15px;
		padding: 5px 0;
	}

	a.create-add-add-list {
		width: 100%;
	}

	.visible-xs ul.pagination.pagination-sm {
		margin-top: 20px;
	}

	.paginator-top {
		text-align: center;
	}

	.w-xs-100 {
		width: 100%;
	}

	.panel-custom a.pull-right {
		margin-bottom: 7px;
		margin-right: 0 !important;
	}
}

@media (min-width: 768px) {
	.poster-builder-container .col-md-4 {
		width: 530px;
	}

	.poster-builder-container .lift-ad-list.list-group {
		margin-bottom: 0;
		margin-top: -1px;
	}

	.poster-builder-container .btn-success {
		color: #fff;
		background-color: #5cb85c;
		border-color: #4cae4c;
		padding: 2px 8px;
		margin-top: 8px;
	}

	.btn.custom-large {
		margin: 60px 0;
		padding: 7px;
		width: 100%;
	}

	.poster-builder-container .list-group-item {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		border-right: 0;
	}

	/*.breadcrumb {*/
	/*display: none;*/
	/*}*/

	.table-responsive a.btn.btn-xs.btn-info.controll {
		width: 170px;
		margin: auto;
	}

	.paginator-top .col-md-8 {
		width: 100% !important;
		margin: auto;
		text-align: center;
	}

	.table-responsive .collapse a,
	.table-responsive .collapsing a {
		width: 170px;
		margin: auto;
		margin-top: 5px;
	}

	/* .table-responsive a.btn.btn-xs.btn-danger.pull-right {
		float: none !important;
	} */

	/*---------menu v2---------*/
	p.navbar-text.navbar-left.loggedin-name {
		width: 100%;
	}

	header .nav > li.dropdown.open {
		position: static;
		margin-bottom: 38px;
	}

	header .nav > li.dropdown.open .dropdown-menu {
		display: table;
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;
		background-color: #0097a7;
		color: white;
		margin-top: -39px;
		box-shadow: none;
		border-radius: 0;
		border: none;
	}

	header .dropdown-menu > li {
		display: table-cell;
	}

	body header .dropdown-menu a {
		padding: 5px 15px;
		text-transform: uppercase;
		display: inline-block;
		color: white;
	}

	/*------/menu v2----------*/
	.row-centered {
		text-align: center;
	}

	.change-to-area-list {
		margin-right: 15px;
	}
}

@media (max-width: 1499px) {
	.poster-builder-container .btn-success {
		padding: 0;
		margin-top: 8px;
	}
}

@media (min-width: 1500px) and (max-width: 1849px) {
	.poster-builder-container .col-md-3 {
		width: 31%;
	}
}

@media (min-width: 1850px) {
	.poster-builder-container .col-md-3 {
		width: 34%;
	}
}

td div,
th div {
	page-break-inside: avoid !important;
}

.hidden {
	display: none;
}

.camera-preview {
	width: 60%;
	display: block;
	margin: 0 auto;
}

.canvas-preview {
	display: inline;
}

.placement-card {
	justify-content: center !important;
	display: flex !important;
}

.execute-placement__step {
	margin: 15px 0;
}

.sticky {
	position: fixed;
	top: 0;
	right: 0;
	margin: 15px;
}

.sort-header-number {
	display: block !important;
	background: #f3efef;
	padding: 6px;
	margin: 0 0 5px 40px;
	text-align: center;
}

.sort-header-address {
	display: block !important;
	background: #f3efef;
	padding: 6px;
	margin-bottom: 5px;
	text-align: center;
}

.sort-item-number {
	display: block !important;
	background: #f3efef;
	padding: 6px;
	margin-bottom: 5px;
	text-align: center;
}

.sort-item-address {
	display: block !important;
	background: #f3efef;
	padding: 6px;
	margin-bottom: 5px;
	cursor: pointer;
}

.sort-item-address-placeholder {
	list-style-type: none;
	height: 37px;
}

.placement-order-area-card:not(:last-child) {
	margin-bottom: 50px;
}

.label-align-center {
	padding-top: 5px;
}

.execute-placement__photo-button {
	float: none;
	margin: 0 0 10px 0;
}

.mobile-card .visible-xs {
	display: block !important;
	background: #f3efef;
	padding: 10px;
	margin: 5px 0px;
}

.scrolling-wrapper {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.scrolling-wrapper .btn-default {
	margin: 10px;
}

.loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f1f1f1;
	z-index: 10000;
}

.loading-screen img {
	left: 48%;
	position: absolute;
	top: 48%;
}

.scanner-container {
	position: relative;
	width: 100%;
	margin-top: 15px;
}

.snap-button {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/*background-color: #555;*/
	color: white;
	font-size: 30px;
	/*padding: 12px 24px;*/
	border: none;
	cursor: pointer;
	/*border-radius: 5px;*/
	text-align: center;
	opacity: 0.75;
}

.start-camera-button {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/*background-color: #555;*/
	color: black;
	font-size: 30px;
	/*padding: 12px 24px;*/
	border: none;
	cursor: pointer;
	/*border-radius: 5px;*/
	text-align: center;
}

.sticky-bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
}

.success-message__box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-color: #9ed27b;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.failed-message__box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-color: #f17061;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.lead-form__nav {
	text-align: center;
	padding: 15px;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-top: 1px solid #cccccc;
	cursor: pointer;
}

.lead-form__nav-inactive {
	background-color: #cccccc;
}

.lead-form__address-list:hover {
	background-color: #ddd;
}

.d-center {
	display: flex;
	align-items: center;
}

.v-select .dropdown li {
	border-bottom: 1px solid rgba(112, 128, 144, 0.1);
}

.v-select .dropdown li:last-child {
	border-bottom: none;
}

.v-select .dropdown li a {
	padding: 10px 20px;
	width: 100%;
	font-size: 1.25em;
	color: #3c3c3c;
}

.v-select .dropdown-menu .active > a {
	color: #fff;
}

.vue-component-select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table .vue-component-select {
	width: initial;
}

/* Client status labels */
.label-client-available {
	background-color: rgba(0, 128, 0, 0.4);
}
.label-client-registered {
	background-color: rgba(255, 255, 0, 0.4);
	color: #565656;
}

.label-client-taken {
	background-color: rgba(255, 255, 0, 0.4);
	color: #565656;
}
.label-client-on-hold {
	background-color: rgba(255, 165, 0, 0.7);
}
.label-client-active {
	background-color: rgba(255, 0, 0, 0.4);
}
.label-client-special-on-hold {
	background-color: rgba(0, 0, 255, 0.4);
	color: #ffffff;
}
.label-client-inactive {
	background-color: rgba(128, 128, 128, 0.4);
}

.label.label-client-available {
	background-color: rgba(0, 128, 0, 1);
}
.label.label-client-registered {
	background-color: rgba(255, 255, 0, 1);
	color: #565656;
}
.label.label-client-taken {
	background-color: rgba(255, 255, 0, 1);
	color: #565656;
}
.label.label-client-on-hold {
	background-color: rgba(255, 165, 0, 1);
}
.label.label-client-active {
	background-color: rgba(255, 0, 0, 1);
}
.label.label-client-special-on-hold {
	background-color: rgba(0, 0, 255, 1);
	color: #ffffff;
}
.label.label-client-inactive {
	background-color: rgba(128, 128, 128, 1);
}

.dashboard-filter-container {
    margin: 10px;
}
#dashboard-client-filter {
	margin-top: 15px;
}
.dashboard-client-filter {
	background: #dddddd;
    border-radius: 5px;
    padding: 15px;
}

.dashboard-client-filter .v-select{
    background-color: #ffffff;
    border-radius: 4px;
}

.vld-overlay {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	align-items: center;
	display: none;
	justify-content: center;
	overflow: hidden;
	z-index: 1;
}

.vld-overlay.is-active {
	display: flex;
}

.vld-overlay.is-full-page {
	z-index: 999;
	position: fixed;
}

.vld-overlay .vld-background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	opacity: 0.5;
}

.vld-overlay .vld-icon {
	position: relative;
}

.vld-parent {
	position: relative;
}
