/***************************************************************************
Copyright © 2023 Engr. Dom Sahagun. All rights reserved.

Ribbon Colors
red
orange
blue
green
teal
yellow
olive
violet
pink
purple
brown
grey
black

**************************************************************************/

/**************************************************************************
Reset
**************************************************************************/
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%; /* IE trick to allow proper resizing of text */
}
a,
a:hover,
button {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;

	text-decoration: none;
	color: #24a2d7;
}
label {
	font-weight: normal;
}
body {
	font-family: 'oxygen-regular';
	font-size: 14px;
	line-height: 1em;
	color: #000;
	background: #E2E2E2;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
textarea {
	/*resize: none !important;*/
	font-family: 'oxygen-regular' !important;
	font-size: 15px !important;
	border-radius: 0 !important;
	color: #000;
	resize: none !important;
}
fieldset {
	position: relative;
}
button,
input,
textarea {
	outline: none;
}
.line-wrapper {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.twenty-lines {
	display: -webkit-box;
	-webkit-line-clamp: 20;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.text-center {
	text-align: center !important;
}
.one-line {
	-webkit-line-clamp: 1;
}
.two-lines {
	-webkit-line-clamp: 2;
}
.three-lines {
	-webkit-line-clamp: 3;
}
.four-lines {
	-webkit-line-clamp: 4;
}
.five-lines {
	-webkit-line-clamp: 5;
}
.six-lines {
	-webkit-line-clamp: 6;
}
/**************************************************************************
Default
**************************************************************************/
::selection {
	background: #000 !important;
	color: #fff !important;
}
.clear-float {
	clear: both;
}
.oxygen-bold {
	font-family: 'oxygen-bold' !important;
	font-weight: normal  !important;
}
input[type="checkbox"] {
	border: 1px solid #bbb;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 14px !important;
	margin: -4px 4px 0 0;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 14px !important;
	-webkit-appearance: none;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out;
	background: #fbfbfb;
	position: relative;
	outline: none !important;
}
input[type="checkbox"]:checked:before {
	content: "\f00c";
	position: absolute;
	float: left;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	font-family: "FontAwesome";
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: -2px;
	top: 6px;
	font-size: 12px;
}
.text-align-center {
	text-align: center !important;
}
.text-align-left {
	text-align: left !important;
}
.text-align-right {
	text-align: right !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.text-color-gold {
	color: #5a5a5c !important;
}
.btn-purple {
	color: #fff;
	background-color: #5a5a5c;
	border-color: #bcbcbc;
}
.btn-gold {
	color: #fff !important;
	background-color: #5a5a5c;
	border-color: #bcbcbc;
}
.btn-purple:hover {
	color: #fff !important;
	background-color: #bcbcbc;
	text-shadow: none;
}
.btn-pink:hover {
	color: #fff;
	background-color: #bcbcbc;
	text-shadow: none;
}
/* Reset the focus, hover from bootstrap starts */
.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff;
	text-decoration: none;
}
/* Reset the focus, hover from bootstrap ends */
.text-shadow {
	text-shadow:0 -1px 0 #000;
}
.bg-overlay-support {
	position: fixed; /* could also be absolute */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 9999;
	background: #fff;
	background: rgba(255,255,255,.65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
.bg-overlay {
	position: fixed; /* could also be absolute */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 9999;
}
.light-overlay {
	background: #fff;
	background: rgba(255,255,255,.65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
.dark-overlay {
	background: #000;
	background: rgba(0,0,0,.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.light-overlay a,
.dark-overlay a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #5a5a5c;
	opacity: .65;
	text-decoration: none;
}
.light-overlay a:hover,
.dark-overlay a:hover {
	opacity: 1;
}
.loading-overlay {
	position: fixed; /* could also be absolute */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	background: rgba(255,255,255,.65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	z-index: 5;
}
.loading-content,
.process.spinner {
	position: absolute;
	width: 200px;
	height: 200px;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	z-index: 6;
}
.process.spinner {
	position: fixed;
	display: none;
	z-index: 99991;
}
.loading-content .fa,
.process.spinner .fa {
	margin: 0 auto;
	color: #5a5a5c;
}
.loading-content span,
.process.spinner span {
	display: block;
	font-family: 'oxygen-regular';
	font-size: 15px;
	color: #000;
}
.process.spinner span {
	font-size: 16px;
	font-family: 'oxygen-bold';
	color: #000;
}
.wrapper-main-content {
	margin-top: 60px;
	width: 100%;
	font-size: 14px;
	font-family: 'oxygen-regular';
	color: #424242;
}
.wrapper-main-content.form.data {
	margin-top: 20px;
}
iframe {
	overflow: hidden !important;
}
.overlay-ckeditor {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.overlay-status,
.overlay-edit,
.overlay-edit-owner,
.overlay-edit-customer,
.overlay-permit,
.overlay-price {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.overlay-photo {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.overlay-listing-images {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.alert.notifications {
	line-height: 20px;
  font-family: 'oxygen-bold';
  font-size: 14px;
}
.one-line {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.two-lines {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
.three-lines {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	text-overflow: ellipsis;
}
/************************************************************************
Semantic-ui Reset
************************************************************************/
/* Ribbon semantic-ui */
.ui.label {
	border-radius: 0 !important;
}
.ui.ribbon.label {
	position: absolute;
	left: calc(0rem - 0.8em);
	padding: 5px;
	margin-top: -5px;
	font-family: 'oxygen-bold';
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	z-index: 1;
	/* width: 107px;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis!important;
	text-align: left; */
}
.ribbon-wrapper {
	position: relative;
	max-width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui.ribbon.label:after {
	border-width: 0em .8em .8em 0em;
}
.item center {
	padding-top: 12px;
}
@media screen and (max-width: 767px) {
	.item center {
		padding-top: 0;
	}
}
.ui.ribbon.label span {
	font-size: 9px;
	padding-right: 2px;
	float: left;
}
.ui.input {
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
}
.ui.input span {
	margin-left: 10px;
}
.ui.form input.wrapped {
	width: 75% !important;
	border-radius: 0 !important;
}
.ui.form input.wrapped-20 {
	width: 20% !important;
	border-radius: 0 !important;
}
.ui.form input.wrapped-half {
	border-radius: 0 !important;
}
.ui.form input {
	border-radius: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui.label.form {
	background-color: #D5D5D5;
	text-align: left;
	width: 25%;
	font-family: 'oxygen-regular';
	font-weight: normal;
}
.ui.labeled.input > .label {
	font-size: 16px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.labeled.input > .switch.dark.label {
	padding-bottom: 0;
	background: #fff;
}
.ui.form .fields .wide.field {
	padding-left: 0;
	margin-bottom: 15px;
}
.expenses.ui.form .fields .wide.field,
.payments.ui.form .fields .wide.field {
	margin-bottom: 0;
}
.ui.form .fields .wide.field:last-child {
	padding-right: 0;
}
.ui.form .fields {
	margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
	.ui.input span {
		display: none;
	}
	.ui.form input.wrapped {
		width: 100% !important;
		border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
	}
	.ui.label.form {
		display: none;
	}
	.ui.form .fields {
		margin-bottom: 0;
	}
	.ui.form .fields .wide.field {
		padding-right: 0;
		margin-bottom: 10px;
	}
	.ui.form .fields .four.wide.field {
		margin-bottom: 0;
	}
	.ui.form.emails {
		clear: both;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #333;
	}
	.ui.form.emails .field > label {
		display: none;
	}
}
.ui.button,
.ui.buttons .button:first-child,
.ui.buttons .button:last-child {
	border-radius:0;
}
.ui.icon.button {
	padding: 0.83571429em 0.78571429em 0.83571429em;
}
.ui.form .field > label {
	font-family: 'oxygen-bold';
	font-weight: normal;
}
.ui.labeled.icon.button > .icon {
	background-color: rgba(0, 0, 0, 0.1);
}
.ui.selection.dropdown,
.ui.input input {
	border-radius: 0;
}
.ui.labeled.icon.button.documents {
	width: 100%;
	text-align: left;
}
.ui.labeled.icon.button.video {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ui.form .fields.labels {
	margin: 0 0 -10px 0;
}
.ui.form.dark.background {
	margin-bottom: 15px;
}
.ui.checkbox {
	line-height: 12px;
	margin: 0;
}
.ui.toggle.checkbox {
	min-height: 1rem;
}
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
	padding-left: 3.1rem;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
	color: #fff !important;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
	width: 2.5rem;
  height: 1rem;
  border-radius: 50rem;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
	left: -0.02rem;
	width: 1rem;
  height: 1rem;
	border-radius: 50rem;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
	left: 1.55rem;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
	background-color: #219519 !important;
}
.ui.form .ui.checkbox {
	line-height: 16px;
	margin: 0;
}
.ui.form .ui.toggle.checkbox .box,
.ui.form .ui.toggle.checkbox label {
	padding-left: 3.1rem;
	font-size: 16px;
	font-family: 'oxygen-regular';
	color: #424242;
	font-weight: normal;
}
.data.form .ui.form .ui.toggle.checkbox.listings .box,
.data.form .ui.form .ui.toggle.checkbox.listings label {
	white-space: nowrap;
	overflow: hidden;
  text-overflow: ellipsis;
}
.ui.form .ui.toggle.checkbox input:checked ~ .box,
.ui.form .ui.toggle.checkbox input:checked ~ label {
	color: #424242 !important;
	font-size: 16px;
	font-family: 'oxygen-regular';
}
.ui.form .ui.toggle.checkbox input ~ .box:after,
.ui.form .ui.toggle.checkbox input ~ label:after {
	top: 0.15rem;
	left: 0.15rem
}
.ui.form .ui.toggle.checkbox input:checked ~ .box:after,
.ui.form .ui.toggle.checkbox input:checked ~ label:after {
	left: 1.61rem;
}
.ui.form .ui.checkbox input ~ .box:before,
.ui.form .ui.checkbox input ~ label:before {
	border: 1px solid #d5d5d5;
	background-color: #eaeaea !important;
}
.ui.form .ui.checkbox input:checked ~ .box:before,
.ui.form .ui.checkbox input:checked ~ label:before {
	border: 1px solid #d5d5d5;
}
.ui.form .ui.toggle.checkbox input:checked ~ .box:before,
.ui.form .ui.toggle.checkbox input:checked ~ label:before {
	background-color: #219519 !important;
}
.ui.form .ui.toggle.checkbox .box:before,
.ui.form .ui.toggle.checkbox label:before {
	width: 2.8rem;
  height: 1.3rem;
}
.ui.styled.accordion,
.ui.styled.accordion .accordion {
	border-radius: 0 !important;
}
.ui.styled.accordion.website {
	width: 100%;
	float: left;
}
.ui.accordion .active.content {
	float: left;
  padding: 15px 0;
}
.ui.styled.accordion.website .content {
	width: 100%;
}
.ui.table {
	border-radius: 0 !important;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
}
.ui.table thead th {
	text-align: center;
	font-weight: normal;
	font-family: 'oxygen-bold';
}
.ui.table tr td {
	padding: 7px 15px;
	vertical-align: middle;
	text-align: center;
}
#paymentBreakdown.ui.table tr td {
  padding: 7px 3px;
}
.ui.table tr td input,
.ui.table tr td select {
	border: none;
	width: 100%;
	padding: 7px;
	font-family: 'oxygen-regular';
	font-size: 16px;
	overflow: visible;
}
.ui.table tr td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
	background-color: #fff;
}
.ui.fluid.input {
	margin-bottom: 0;
}
.ui.styled.accordion .content.options,
.ui.styled.accordion .accordion .content.options {
	padding: 0;
}
@media only screen and (max-width: 767px) {
	.ui.table thead:not(.dashboard-report) {
		display: none !important;
	}
	.ui.table:not(.agent-tbl) tr td {
		padding: 3px 7px !important;
		text-align: left !important;
	}
	.ui.table tr td:first-child {
		/*display: none !important;*/
	}
	.ui.table tr td input,
	.ui.table tr td select {
		padding: 0 !important;
	}
}
.ui.search > .results {
	margin-top: 0;
	border-radius: 0 !important;
	text-align: left !important;
	font-weight: normal;
	font-size: 16px;
	width: auto;
	font-family: 'oxygen-regular';
}
.ui.search > .results > .result {
	border-radius: 0 !important;
	text-align: left !important;
}
.ui.search > .results > .result:hover {
	background-color: #5a5a5c;
}
.ui.search > .results > .result:hover .title {
	color: #fff !important;
}
.ui.popup {
	font-size: 14px;
}
.ui.dropdown .menu > .header {
	font-size: 16px;
	margin: 0;
	padding: 7px 0;
	background: #d5d5d5;
	text-align: center;
  font-weight: normal;
	font-family: 'oxygen-regular';
  text-transform: uppercase;
	font-style: italic;
}

.ui.warning.message {
	margin-top: 15px;
  -webkit-box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent;
}
/************************************************************************
Bootstrap Datepicker
************************************************************************/
.datepicker {
	font-size: 14px;
	font-family: 'oxygen-regular';
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 7px;
}
.datetime_picker,
.datetime_picker_call {
	overflow: hidden;
	padding: 15px 25px;
	border: 1px solid rgba(34, 36, 38, 0.15);
}
#datetimepicker .bootstrap-datetimepicker-widget table td,
#callingbacktime .bootstrap-datetimepicker-widget table td {
	border-radius: 0;
}
#datetimepicker .datepicker table tr td.today,
#callingbacktime .datepicker table tr td.today  {
	background-color: transparent;
  background-image: none;
}
#datetimepicker .datepicker table tr td.today:hover,
#callingbacktime .datepicker table tr td.today:hover {
	background: #eeeeee;
}
#datetimepicker .bootstrap-datetimepicker-widget table td.today:before,
#callingbacktime .bootstrap-datetimepicker-widget table td.today:before {
	content: none;
}
#datetimepicker .datepicker table tr td.today.active,
#callingbacktime .datepicker table tr td.today.active {
	background-color: #0044cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  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(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#datetimepicker .btn-primary,
#callingbacktime .btn-primary {
	background-color: #0044cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  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(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 0;
	line-height: normal;
	padding: 6px 12px;
}
/************************************************************************
Colorbox
************************************************************************/
#cboxOverlay {
	background: rgba(0,0,0,.75) !important;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
	z-index: 99991 !important;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
	width: 0 !important;
	height: 0 !important;
	background: none !important;
}
#cboxLoadedContent {
	margin-bottom: 0 !important;
	height: 100% !important;
}

/************************************************************************
Custom input file
************************************************************************/
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label a {
	display: none;
	position: absolute;
	top: 0;
	right: 2px;
}
.inputfile + label a .fa {
	-webkit-text-stroke: 1px #E8E8E8;
}
.inputfile + label a:hover {
	color: #5a5a5c;
}
/************************************************************************
Custom sweet-alert 2
************************************************************************/
.swal2-modal {
	border-radius: 0 !important;
	min-height: 200px !important;
}
.swal2-modal.sweet-alert2-custom {
	padding: 0 !important;
}
.swal2-modal .swal2-styled {
	font-family: 'oxygen-regular';
	font-weight: normal;
	font-size: 16px;
	border-radius: 0;
	-webkit-border-radius: 0;
	margin: 15px 5px 0;
}
.swal2-modal fieldset {
	display: none !important;
}
.swal2-icon.swal2-info {
	margin: 15px auto;
}
.swal2-modal .swal2-title {
	font-family: 'oxygen-regular';
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	margin: 5px 0;
	line-height: 25px;
}
.swal2-modal.sweet-alert2-custom .swal2-title {
	margin: 0;
	padding: 15px;
	text-align: left;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.21);
	background: #000;
}
.swal2-modal .swal2-content {
	font-family: 'oxygen-regular';
	font-weight: normal;
	font-size: 16px;
}
.swal2-modal.sweet-alert2-custom .swal2-content {
	padding: 30px 15px 0 15px;
}
.swal2-modal.sweet-alert2-custom .swal2-content span.example {
	display: block;
	color: #c0c0c0;
	font-size: 13px;
	font-style: italic;
}
.swal2-modal.sweet-alert2-custom .swal2-content form#saForm,
.swal2-modal.sweet-alert2-custom .swal2-content form#excelForm {
	padding: 0 20px 0 20px;
}
.swal2-modal.sweet-alert2-custom .swal2-content form#saForm label,
.swal2-modal.sweet-alert2-custom .swal2-content form#excelForm label {
	margin: 0;
}
.swal2-modal.sweet-alert2-custom .swal2-validationerror {
	padding: 10px 10px 0 10px;
	font-weight: normal;
	background-color: #fff;
}
.swal2-modal.sweet-alert2-custom .swal2-buttonswrapper {
	background-color: rgba(136, 136, 136, .30);
	text-align: right;
  padding: 15px;
	margin-top: 30px;
  border-top: 0;
	border-bottom: 0;
	float: left;
  width: 100%;
}
.swal2-modal.sweet-alert2-custom .swal2-styled {
	margin-top: 0;
}
.swal2-active {
	overflow: hidden;
}
.swal2-modal .swal2-content .ui.search.dropdown {
	width: 100%;
}
.swal2-modal.sweet-alert2-custom .swal2-content form#assignForm .ui.search.dropdown .menu,
.swal2-modal.sweet-alert2-custom .swal2-content form#videoForm .ui.search.dropdown .menu {
	max-height: 100px;
}
.swal2-modal.sweet-alert2-custom .swal2-content .verification-documents {
	text-align: left;
}
.swal2-modal.sweet-alert2-custom .swal2-content .verification-documents .col-xs-5 {
	padding-left: 0;
}
.swal2-modal .swal2-content .verification-documents .ui.search.dropdown {
	min-width: auto;
}
.swal2-modal.sweet-alert2-custom .swal2-content .verification-documents .d-flex {
	display: flex;
}
.swal2-modal.sweet-alert2-custom .swal2-content .verification-documents .download.documents a.button {
	padding-left: 15px !important;
  padding-right: 40px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swal2-modal.sweet-alert2-custom .swal2-content .verification-documents .download.documents a.fa-trash-o {
	position: absolute;
	top: 6px;
	right: 20px;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
}
/************************************************************************
Swal form
************************************************************************/
.swal-form input.nice-input {
	font-family: 'oxygen-regular';
	font-weight: normal;
	font-size: 16px;
	border-radius: 0;
	width: 100%;
}
.swal-form input.nice-input:focus,
.swal-form input.nice-input.focus {
  outline: none;
  border: solid 1px #dcdcdc;
  box-shadow: none;
}
/************************************************************************
Datepicker
************************************************************************/
.datepicker {
	font-family: 'oxygen-regular';
	font-size: 16px;
}
.datepicker thead,
.datepicker tfoot {
	font-family: 'oxygen-bold';
}

/************************************************************************
Forms, fieldset, legend, input, label, checkbox, radio
************************************************************************/
fieldset {
	padding: 15px;
	border: 1px solid #c0c0c0;
	margin: 15px 15px 30px 15px;
}
fieldset legend {
	border: 0;
	width: auto;
}
/* Firefox legend positioning */
@-moz-document url-prefix() {
  fieldset legend {
		margin-top: 15px;
	}
}
legend + * {
  -webkit-margin-top-collapse: separate;
}
@media screen and (max-width: 767px) {
	fieldset {
		padding: 0;
		border: 0;
		margin: 0 0 15px 0;
	}
	fieldset legend {
		padding: 0 15px;
	}
}
.frame.close {
	position: fixed;
	top: 7px;
	/* right: 2px; */
	right: 7px;
	opacity: 1;
	z-index: 1;
}
.frame.close:hover {
	opacity: .7;
}
@media screen and (max-width: 767px) {
	.frame.close {
		display: none;
	}
}
/* Form validation styles */
input.reset  {
	background: #fff !important;
	box-shadow: none;
}
input:required,
select:required  {
	background: #fff url("images/asterisk.png") no-repeat right 3px center !important;
	box-shadow: none;
}
textarea:required {
	background: #fff url("images/asterisk.png") no-repeat right 3px top 10px !important;
	box-shadow: none;
}
input:required:valid,
select:required:valid {
	background: #fff url("images/valid.png") no-repeat right 3px center !important;
}
textarea:required:valid {
	background: #fff url("images/valid.png") no-repeat right 3px top 10px !important;
}
input:focus:invalid,
select:focus:invalid {
	background: #fff url("images/invalid.png") no-repeat right 3px center !important;
}
textarea:focus:invalid {
	background: #fff url("images/invalid.png") no-repeat right 3px top 10px !important;
}
/* Radio switch button */
.switch-field {
	font-family: 'oxygen-regular';
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
.switch-field input {
	display: none;
}
.switch-field label {
	font-family: 'oxygen-regular';
	float: left;
	font-size: 16px;
	white-space: nowrap;
	display: inline-block;
	width: 50%;
	padding-top: 0.78571429em;
	padding-bottom: 0.78571429em;
	color: #424242;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	border: 1px solid rgba(34, 36, 38, 0.15);
	margin: 0;

	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}
.switch-field label:hover {
	cursor: pointer;
}
.switch-field input:checked + label {
	background-color: #000;
	border: 1px solid #000;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
/************************************************************************
Photo preview & Card preview
************************************************************************/
#photo-preview,
#photo-preview-1,
#broker-preview,
#owner-photo-preview,
#customer-photo-preview {
	min-width: 200px;
	min-height: 200px;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	color: #fff;
	background-repeat: no-repeat;
	border-radius: 2px;
	border: 1px solid #d5d5d5;
	margin-bottom: 15px;
}
#img-preview,
#img-preview-1,
#id-preview,
#sign-preview,
#owner-img-preview,
#customer-img-preview {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#label-preview,
#label-preview-1,
#card-preview,
#label-sign-preview,
#owner-label-preview,
#customer-label-preview,
#owner-label-sign-preview,
#customer-label-sign-preview  {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
#file-preview,
#file-preview-1,
#rera-preview,
#file-sign-preview,
#owner-file-preview,
#customer-file-preview,
#owner-file-sign-preview,
#customer-file-sign-preview {
	line-height: 30px;
	height: 30px;
	width: 150px;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 10px;
	opacity: 0;
	z-index: 2;
	padding: 0;
	margin: 0 auto;
}
#signature-preview,
#owner-signature-preview,
#customer-signature-preview {
	min-width: 200px;
	min-height: 63px;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	color: #fff;
	background-repeat: no-repeat;
	border-radius: 2px;
	border: 1px solid #d5d5d5;
	margin-bottom: 15px;
}
#signature-preview img,
#owner-signature-preview img,
#customer-signature-preview img {
	width: 200px;
	height: 63px;
}
.dark-bg-preview {
	background: #000 !important;
}
/************************************************************************
Columns
************************************************************************/
.width-12 {
	width: 100% !important;
}
.width-9 {
	width: 75% !important;
}
.width-8 {
  width: 66.66666667% !important;
}
.width-7 {
  width: 58.33333333% !important;
}
.width-6 {
	width: 50% !important;
}
.width-5 {
  width: 41.66666667% !important;
}
.width-4 {
  width: 33.33333333% !important;
}
.width-3 {
	width: 25% !important;
}
.max-width-12 {
	max-width: 100% !important;
}
.max-width-9 {
	max-width: 75% !important;
}
.max-width-8 {
  max-width: 66.66666667% !important;
}
.max-width-7 {
  max-width: 58.33333333% !important;
}
.max-width-6 {
	max-width: 50% !important;
}
.max-width-5 {
  max-width: 41.66666667% !important;
}
.max-width-4 {
  max-width: 33.33333333% !important;
}
.max-width-3 {
	max-width: 25% !important;
}
/************************************************************************
Login & Reset Form
************************************************************************/
body.main-login {
	background: #d2d1d2;
	background: linear-gradient(90deg,
							rgba(210,209,210,1) 0%,
							rgba(220,220,224,1) 35%,
							rgba(241,244,245,1) 100%);
	overflow-x: hidden;
	overflow-y: hidden;
}
.switch-button {
	position: absolute;
	top: 30px;
	right: 30px;
}
.loginForm {
	max-width: 400px;
	position: relative;
	top: 50%;
	margin: -180px auto 0 auto;
}
.main-login .loginForm {
	background: #939394;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(173,171,173,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(173,171,173,1);
	box-shadow: 0px 0px 5px 0px rgba(173,171,173,1);
}
@media screen and (max-width: 430px) {
	body.main-login {
		overflow-y: auto;
	}
	.main-login .loginForm {
		margin-left: 15px;
		margin-right: 15px;
	}
}
.main-login .titleHeader {
	/* height: 44px; */
	background: #000;
	padding: 10px 0;
	text-align: center;
}
.titleHeader h2 {
	color: #fff;
	text-align: center;
}
.main-login .titleHeader h2 {
	/* height: 44px; */
	/* line-height: 44px; */
	font-family: "top-secret";
	letter-spacing: 1px;
}
.main-login .login {
	padding: 20px 20px 0 20px;
}
.login span.icon {
	width: 10%;
	text-align: center;
	border-radius: 3px 0 0 3px
}
.main-login .login span.icon {
	color: #fff;
}
.inputForm {
	width: 90%;
	border-radius: 0 3px 3px 0;
	border: none;
	outline: none;
}
.main-login .inputForm {
	background: #12192C;
	color: #555656;
}
.inputForm, .login span.icon {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	float: left;
}
.main-login .inputForm,
.main-login .login span.icon {
	background: rgba(0,0,0,.30);
}
.main-login .inputForm {
	padding-left: 10px;
}
.login ul li {
	height: 40px;
	margin: 15px 0;
	list-style: none
}
.login ul li:last-child {
	margin-bottom: 0;
}
.login ul li .span {
	display: table;
	width: 100%;
	font-size: 14px;
}
.login ul li .control {
	display: inline-block;
	width: 50%;
	line-height: 20px;
}
.main-login .login ul li .control {
	color: #fff;
}
.main-login .login ul li .control a {
	color: #fff;
	text-decoration: none;
}
.login ul li .control a:hover {
	color: #fff;
	text-decoration: underline;
}
.login ul li .control:nth-child(2) {
	text-align: right;
	float: right;
}
.bottom-info {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.bottom-info .copyright-info {
	text-align: center;
}
.main-login .copyright-info p {
	color: #757575;
	font-size: 14px;
}
.main-login .copyright-info p a {
	color: #757575;
}
.main-login .copyright-info p a:hover,
.main-login .copyright-info p a:focus {
	color:  #000;
	text-decoration: underline;
}
.reset-item {
	display: none;
}
#loginBtn,
#resetBtn,
#changeBtn  {
	background: rgba(0,0,0,.35);
	outline: none;
	color: #fff;
}
#loginBtn:hover,
#resetBtn:hover,
#changeBtn:hover {
	background: rgba(0,0,0,.60);
	outline: none;
}
#gaForm .ui.input,
#transferForm .ui.input,
#referalForm .ui.input,
#postForm .ui.input   {
	margin-top: 15px;
}
#gaForm .ui.search.dropdown .menu,
#transferForm .ui.search.dropdown .menu,
#referalForm .ui.search.dropdown .menu,
#statusForm .ui.search.dropdown .menu,
#permitForm .ui.search.dropdown .menu,
#trakheesiForm .ui.search.dropdown .menu,
#excelForm .ui.search.dropdown .menu,
#moveForm .ui.search.dropdown .menu,
#teamForm .ui.search.dropdown .menu,
#removeForm .ui.search.dropdown .menu,
#verificationForm .ui.search.dropdown .menu {
	max-height: 100px !important;
}
/**************************************************************************
Menu
**************************************************************************/
.gn-menu-main,
.gn-menu-main ul {
	margin: 0;
	padding: 0;
	background: #5a5a5c;
	color: #ACACAC;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	font-family: 'oxygen-regular';
	line-height: 60px;
}
.gn-menu-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	font-size: 13px;
	z-index: 10005;
}
.gn-menu-main a {
	display: block;
	height: 100%;
	color: #EDEDED;
	text-decoration: none;
	cursor: pointer;
}
.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu-main a.active,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
	background: rgba(0,0,0,.45);
	color: #EDEDED;
}
.gn-menu-main > li {
	display: block;
	float: left;
	height: 100%;
	border-right: 1px solid #fff;
	text-align: center;
	position: relative;
}
.gn-menu-main > li:nth-child(2) {
	border-right: none;
}
/* icon-only trigger (menu item) */
.gn-menu-main li.gn-trigger {
	position: relative;
	width: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.gn-menu-main > li:last-child {
	float: right;
	border-right: none;
	border-left: 1px solid #fff;
}
.gn-menu-main > li:last-child a img {
	margin: 5px 10px;
	width: 45px;
	height: 45px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.gn-menu-main > li.notification-indicator {
	float: right;
	width: 60px;
	border-right: none;
	border-left: 1px solid #fff;
}
.gn-menu-main > li > a,
.gn-menu-main > li > span {
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 15px;
	font-family: 'oxygen-bold';
}
.gn-menu-main > li.notification-indicator a.toggle-notification {
	padding: 5px 15px;
	position: relative;
}
.gn-menu-main > li.notification-indicator a.toggle-notification.active {
	color: #b10606;
	background: none;
}
.gn-menu-main > li.notification-indicator a.toggle-notification .notify-label {
	position: absolute;
  top: 0px;
  left: 0;
	right: 0;
	margin: 0 auto;
  font-size: 11px;
  font-family: 'oxygen-bold';
  color: #fff;
}
.gn-menu-main > li > span {
	color: #fff;
}
.gn-menu-main:after {
	display: table;
	clear: both;
	content: "";
}
@media screen and (max-width: 767px) {
	.gn-menu-main > li:last-child a {
		padding: 0;
	}
	.gn-menu-main > li:last-child a img {
		margin: -3px 0 0 0;
		width: auto;;
		height: 60px;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.gn-menu-main > li:last-child a span,
	.gn-menu-main > li:last-child a .arrow-indicator {
		display: none;
	}
}
@media screen and (max-width: 479px) {
	.gn-menu-main > li.menu-label {
		max-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
.gn-menu-wrapper {
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 60px;
	border-top: 1px solid #fff;
	background: #5a5a5c;
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	transform: translateX(-60px);
	-webkit-transition: -webkit-transform 0.3s, width 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s;
	transition: transform 0.3s, width 0.3s;
}
.gn-scroller {
	position: absolute;
	overflow-y: scroll;
	width: 370px;
	height: 100%;
}
.gn-menu {
	border-bottom: 1px solid #fff;
	text-align: left;
	font-size: 18px;
}
.gn-menu li {
	position: relative;
}
.gn-menu li span.badge-label {
	position: absolute;
	top: 10px;
  right: 30px;
	color: #fff;
	font-size: 13px;
	padding: 2px 10px;
	font-family: 'oxygen-bold';
	line-height: normal;
}
.gn-menu li span.badge-label.badge-red {
	background-color: #b00d0d;
}
.gn-menu li span.badge-label.badge-gray {
	background-color: #797979;
}
.gn-menu li:not(:first-child),
.gn-menu li li {
	box-shadow: inset 0 1px #fff
}
.gn-submenu li {
	overflow: hidden;
	height: 0;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.gn-submenu li a {
	color: #c1c9d1;
}
.gn-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'FontAwesome';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
.gn-icon-dashboard::before {
	content: "\f0e4"
}
.gn-icon-calendar::before {
	content: "\f073"
}
.gn-icon-listings::before {
	content: "\f02d"
}
.gn-icon-contacts::before {
	content: "\f095"
}
.gn-icon-leads::before {
	content: "\f0a2"
}
.gn-icon-owners::before {
	content: "\f015"
}
.gn-icon-downloads::before {
	content: "\e007"
}
.gn-icon-off-plans::before {
	content: "\f0f7"
}
.gn-icon-leasing-inventory::before {
	content: "\f16c"
}
.gn-icon-tenancy-contracts::before {
	content: "\f15c"
}
.gn-icon-sales-agreements::before {
	content: "\f0f6"
}
.gn-icon-property-management::before {
	content: "\f0ad"
}
.gn-icon-agency-agreements::before {
	content: "\f0c5"
}
.gn-icon-other-brokers::before {
	content: "\f2bc"
}
.gn-icon-advertisements::before {
	content: "\f26b"
}
.gn-icon-members::before {
	content: "\f007"
}
.gn-icon-admin-tools::before {
	content: "\f013"
}
.gn-icon-trakheesi::before {
	content: "\f298"
}
.gn-icon-locations::before {
	content: "\f041"
}
.gn-icon-developers::before {
	content: "\f252"
}
.gn-icon-subscribers::before {
	content: "\f2ba"
}
.gn-icon-testimonials::before {
	content: "\f1d7"
}
.gn-icon-vacancy::before {
	content: "\f12e"
}
.gn-icon-recruitment::before {
	content: "\f0e8"
}
.gn-icon-inventory::before {
	content: "\f108"
}
.gn-icon-database::before {
	content: "\f1c0"
}
.gn-icon-communities::before {
	content: "\f277"
}
.gn-icon-agent-agreements::before {
	content: "\f0c5"
}

/* if an icon anchor has a span, hide the span */
.gn-icon span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.gn-icon span.badge {
	width: auto;
	height: auto;
	display: inline-block;
	overflow: auto;
	font-size: 13px;
	font-weight: normal;
	background-color: #ae0c0c
}
.gn-icon-menu::before {
	margin-left: -15px;
	vertical-align: -2px;
	width: 30px;
	height: 3px;
	background: white;
	box-shadow: 0 3px #5a5a5c, 0 -6px white, 0 -9px #5a5a5c, 0 -12px white;
	content: "";
}
.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
	/* background: white;
	box-shadow: 0 3px #ffcd67, 0 -6px white, 0 -9px #ffcd67, 0 -12px white; */
}
.gn-icon-menu.gn-selected::before {
	/* background: white;
	box-shadow: 0 3px #ffcd67, 0 -6px white, 0 -9px #ffcd67, 0 -12px white; */
}
.no-touch .gn-menu-main a.gn-icon-menu:hover,
.no-touch .gn-menu-main a.gn-icon-menu.active {
	background: rgba(0,0,0,.45);
}
/* styles for opening menu */
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.gn-menu-wrapper.gn-open-all {
	width: 340px
}
.gn-menu-wrapper.gn-open-all .gn-submenu li {
	height: 60px
}
.account-wrapper {
	position: absolute;
	top: 60px;
	right: -60px;
	width: calc(100% + 60px);
	min-height: 80px;
	display: none;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	max-height: calc(100vh - 60px);
}
.notification-wrapper {
	position: absolute;
	top: 60px;
	right: 0px;
	width: 100%;
	display: none;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
	max-height: calc(100vh - 60px);
	background: #f8f8f8 !important;
}
.account-wrapper::-webkit-scrollbar,
.notification-wrapper::-webkit-scrollbar {
  display: none;
}
.account-wrapper li {
	text-align: left;
	line-height: 40px;
}
.notification-wrapper li {
	text-align: left;
	font-size: 15px;
	color: #000;
	line-height: 20px;
}
.account-wrapper li a {
	font-size: 14px;
	color: #fff;
	border-bottom: #fff 1px solid;
}
.account-wrapper li:first-child a {
	border-top: #fff 1px solid;
}
.notification-wrapper li a {
	font-size: 15px;
	color: #000;
	padding: 5px 20px;
	border-bottom: #b5b1b1 1px solid;
}
.notification-wrapper li a span.counter-notify {
	width: 40px;
	line-height: 40px;
	border-radius: 50px;
	background: #b5b1b1;
	display: inline-block;
	text-align: center;
	margin-right: 15px;
	font-family: 'oxygen-bold';
}
.notification-wrapper li a span.title-notify {
	/* font-style: italic; */
	font-family: 'oxygen-bold';
	color: #066ebe;
}
.notification-wrapper li a span.time-notify {
	font-size: 13px;
	font-family: 'oxygen-bold';
	color: #c98206;
}
.account-wrapper li a .fa {
	/* float: left; */
	line-height: 40px;
	/* margin-left: 30px; */
	position: absolute;
  right: 30px;
}
.account-wrapper li a span {
	margin-left: 30px;
}
.account-wrapper li a span.badge {
	margin-left: 7px;
	font-weight: normal;
	background-color: #ae0c0c;
}
.account-wrapper li:last-child a {
	border-bottom: none;
}
.mobile-xs {
	display: none;
}
@media screen and (max-width: 767px) {
	.account-wrapper,
	.notification-wrapper {
		position: fixed;
		width: 100%;
		left: 0;
	}
	.account-wrapper li,
	.notification-wrapper li {
		width: 100%;
	}
	.account-wrapper li a span {
		display: inline-block !important;
	}
	.mobile-visible {
		display: none;
	}
	.mobile-xs {
		display: block;
	}
}

/**************************************************************************
Hints & No Results
**************************************************************************/
.hover-hint {
	background: rgba(0, 0, 0, .85);
	font-size: 12px;
	color: #fff;
	font-family: 'oxygen-light';
	width: 80px;
	margin-left: -80px;
	margin-top: -40px;
	padding: 3px 0px;
	text-align: center;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.float-fixed-left .hover-hint  {
	margin-left: 50px;
}
.float-fixed-menu li:hover + .hover-hint,
.float-fixed-left li:hover + .hover-hint  {
	display: block;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.float-fixed-menu li.hiddens,
.float-fixed-menu li.export.icon  {
	display: none;
}
h2.no-result {
	font-family: 'oxygen-light';
	width: 100%;
	text-align: center;
	padding: 0;
	font-size: 26px;
	margin: 50px 0;
	color: #ABABAB;
}

/**************************************************************************
Header & Controls
**************************************************************************/
/* header fixed navigation */
.header-fixed-nav {
	position: fixed;
	background: #fff;
	left: 0;
	right: 0;
	top: 60px;
	margin: auto;
	width: 100%;
	height: 40px;
	line-height: 40px;
	z-index: 11;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}
.header-fixed-nav .input-group {
  width: 100%;
  float: left;
}
.header-fixed-nav div {
  padding: 0;
}
.header-fixed-nav .form.search {
  background: #fff;
  width: 100%;
  padding: 0 30px 0 15px;
  height: 40px;
  border: none;
  color: #5a5a5c;
  font-family: 'oxygen-regular';
  font-size: 16px;
  border-radius: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-fixed-nav .form.search:focus {
  outline: none;
}
.header-fixed-nav .input-group .btn-default {
  border: none;
	outline: none;
  border-radius: 0;
  font-family: 'oxygen-regular';
  font-size: 16px;
  text-transform: uppercase;
  background: #000;
  height: 40px;
  width: 80px;
  color: #EAEAEA;
  text-shadow: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-fixed-nav .input-group .btn-default:hover {
  width: 100px;
  padding-left: 30px;
  color: #fff;
 	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
 	transition: all 0.3s;
}
.header-fixed-nav .input-group .btn-default .fa {
 	position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-fixed-nav .input-group .btn-default:hover .fa {
  left: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

  -webkit-opacity: 1;
  -moz-opacity: 1;
 	opacity: 1;
}
/* header spacer */
.header-spacer {
	height: 40px;
	width: 100%;
	float: left;
	clear: both;
}
.clear_input {
	top: -3px !important;
	font-family: 'oxygen-light';
	font-size: 28px;
	z-index: 10002;
	color: #5a5a5c;
}
.clear_input:hover {
	text-decoration: none;
	color: #bcbcbc;
}
/**************************************************************************
Bottom & Controls
**************************************************************************/
/* floated controls */
ul.float-fixed-menu {
	position: fixed;
	bottom: 50px;
	right: 15px;
	width: 50px;
	height: auto;
	z-index: 20;
}
ul.float-fixed-left {
	display: none;
	position: fixed;
	bottom: 50px;
	left: 75px;
	width: 50px;
	height: auto;
	z-index: 20;
}
@media screen and (max-width: 767px) {
	ul.float-fixed-left {
		left: 15px;
	}
}
ul.float-fixed-menu li,
ul.float-fixed-left li {
	margin-bottom: 5px;
	width: 50px;
	height: 50px;
}
ul.float-fixed-menu li:last-child,
ul.float-fixed-left li:last-child {
	margin-bottom: 0;
}
ul.float-fixed-menu .scrollup,
ul.float-fixed-left .restore {
	display: none;
}
ul.float-fixed-menu .plus,
/* ul.float-fixed-menu .trash, */
ul.float-fixed-left .trash,
ul.float-fixed-left .update,
ul.float-fixed-left .permit,
ul.float-fixed-left .opout {
 	display: block;
}
ul.float-fixed-menu .total.item {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	font-family: 'oxygen-bold';
	display: block;
	background: rgba(20, 168, 216, .75);
}
ul.float-fixed-menu .icon a,
ul.float-fixed-left .icon a {
	float: left;
	width: 100%;
	height: 100%;
}
ul.float-fixed-menu .icon a img,
ul.float-fixed-left .icon a img {
	width: 100%;
	display: block;
	/* opacity: .45; */
	opacity: .65;
}
ul.float-fixed-menu .icon a:hover img,
ul.float-fixed-left .icon a:hover img {
	opacity: .85;
	cursor: pointer;
}

/* Font Awesome icons */
ul.float-fixed-menu .icon a .fa-circle {
	text-shadow: 2px 2px 7px #a1a4a5;
}
ul.float-fixed-menu .icon a .fa-circle.positive {
	color: #269f19;
}
ul.float-fixed-menu .icon a:hover .fa-circle.positive {
	color: #217f17;
}
ul.float-fixed-menu .icon a .fa-circle.negative {
	color: #c02708;
}
ul.float-fixed-menu .icon a:hover .fa-circle.negative {
	color: #8c1b04;
}
ul.float-fixed-menu .icon a .fa-circle.normal {
	color: #076595;
}
ul.float-fixed-menu .icon a:hover .fa-circle.normal {
	color: #064769;
}

/* bottom spacer */
.bottom-spacer {
	height: 60px;
	width: 100%;
	float: left;
	clear: both;
}
/* bottom fixed navigation */
.bottom-fixed-nav {
	position: fixed;
	background: #fff;
	height: 40px;
	width: 100%;
	float: left;
	left: 0px;
	z-index: 11;
	bottom: 0px;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.15);
	-o-box-shadow: 0px -1px 2px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px -1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px -1px 2px rgba(0,0,0,0.15);
}
.bottom-fixed-nav .ui.blue.button.preview.on {
	display: none;
}
.bottom-fixed-nav .scrolling-text {
	height: 50px;
	overflow: hidden;
	position: relative;
}
.bottom-fixed-nav .scrolling-text h3 {
	position: absolute;
	font-size: 19px;
	font-family: 'oxygen-light';
	font-weight: normal;
	color: #424242;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 40px;
	text-align: center;

	/* Starting position */
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	transform:translateX(100%);

	/* Apply animation to this element */
	-moz-animation: dom-scrolling-text 40s linear infinite;
	-webkit-animation: dom-scrolling-text 40s linear infinite;
	animation: dom-scrolling-text 40s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes dom-scrolling-text {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes dom-scrolling-text {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes dom-scrolling-text {
	0%   {
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		transform: translateX(-100%);
	}
}
.bottom-fixed-nav div {
	padding: 0;
}
.bottom-fixed-nav .status-nav ul {
	margin: 0;
	padding: 0;
	background: #fff;
}
.bottom-fixed-nav .status-nav ul li {
	display: inline-block;
	line-height: 40px;
	float: left;
	padding: 0 20px;
	background: #fff;
	border-right: 1px solid #CCC;
	position: relative;
}
.bottom-fixed-nav .status-nav ul li.active {
	background: #D2D2D2;
}
.bottom-fixed-nav .status-nav ul li:hover {
	cursor: pointer;
	background: #5D5D5D;
	color: #fff;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.bottom-fixed-nav .status-nav ul li span {
	padding-left: 10px;
}
.bottom-fixed-nav .rows-counter {
	display: none;
	float: right;
	margin-right: 20px;
	line-height: 40px;
	font-family: 'oxygen-bold';
}
.bottom-fixed-nav .status-nav ul li span.status-hint {
	background: rgba(222, 39, 9, .85);
	font-size: 10px;
	font-family: 'oxygen-light';
	color: #fff;
	right: 10px;
	line-height: normal;
	top: -10px;
	padding: 2px 3px;
	text-align: center;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: block;
}

ul.float-menu-left {
	display: none;
	background: #fff;
	position: fixed;
	bottom: 50px;
	left: 130px;
	width: 150px;
	height: auto;
	z-index: 20;
  border: 1px solid #bebebe;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
ul.float-menu-left li a {
	font-family: 'oxygen-regular';
	/*text-transform: uppercase;*/
	color: #333;
	float: left;
	width: 100%;
	font-size: 16px;
	overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
	padding: 7px 15px 7px 10px;
	text-decoration: none !important;
}
ul.float-menu-left li a:hover {
	background: #2980b9;
	color: #fff;
}

/**************************************************************************
List Group Items
**************************************************************************/
.list-group-item {
	float: left;
	width: 100%;
	font-size: 14px;
}
.list-group-item:hover {
	background: #5a5a5c;
	color: #fff !important;
	cursor: pointer;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.list-group-item div.item {
	min-height: 60px;
}
.list-group-item div.item div {
	line-height: 20px;
}
.list-item-action {
	overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
}
.list-group-item .list-item-icon {
	color: #C0C0C0;
}
.list-group-item:hover .list-item-icon,
.list-group-item:hover .list-item-price,
.list-group-item:hover .list-item-class,
.list-group-item:hover .list-item-unit {
	color: #fff !important;
}
.list-group-item .list-item-image {
	width: 60px;
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 4px;
}
.list-group-item .list-item-name,
.list-group-item .list-item-subject,
.list-group-item .list-item-title {
	font-family: 'oxygen-bold';
	display: block;
	text-transform: uppercase;
	white-space: nowrap;
}
.list-group-item .list-item-subject,
.list-group-item .list-item-title {
	white-space: normal;
}
.list-group-item .list-item-phone {
	white-space: nowrap;
	display: inline-block;
}
.list-group-item .list-item-email {
	text-transform: lowercase;
	white-space: nowrap;
	display: inline-block;
}
.list-group-item .list-item-price,
.list-group-item .list-item-class,
.list-group-item .list-item-unit {
	font-family: 'oxygen-bold';
	white-space: nowrap;
	display: block;
	color: #5a5a5c;
}
.list-group-item .list-item-price span {
	font-size: 9px;
	float: left;
	margin-top: -2px;
}
.list-group-item .list-item-details {
	position: absolute;
	left: 15px;
	bottom: 0;
	font-family: 'oxygen-regular';
	font-style: italic;
}
/* .list-group-item .list-item-date {
	text-align: right;
	font-family: 'oxygen-bold';
	white-space: nowrap;
}
.list-group-item .list-item-agent {
	position: absolute;
	right: 15px;
	bottom: 0;
	font-family: 'oxygen-regular';
	font-style: italic;
	white-space: nowrap;
} */
.list-group-item .list-item-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-group-item .list-item-date {
	position: absolute;
	right: 15px;
	bottom: 0;
	font-family: 'oxygen-regular';
	white-space: nowrap;
}
.list-group-item .list-item-agent {
	text-align: right;
	font-family: 'oxygen-bold';
	white-space: nowrap;
}
.list-group-item .list-item-source {
	font-family: 'oxygen-bold';
	text-transform: uppercase;
  display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-group-item .list-item-sub-source {
	font-family: 'oxygen-regular';
  white-space: nowrap;
  display: block;
}
.list-group-item .list-item-title {
	font-family: 'oxygen-bold';
	text-transform: uppercase;
  white-space: nowrap;
  display: block;
}
.list-group-item .list-item-sub-title {
	font-family: 'oxygen-regular';
	overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
  display: block;
}
.list-group-item .ui.label.reference {
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	font-size: 15px;
	bottom: 0px;
	left: 150px;
	font-family: 'oxygen-bold';
	background-color: #C0C0C0;
	padding: 0px 5px;
}
.contracts-expiring .list-group-item .ui.label.reference {
	left: auto;
	right: 15px;
}
.ui.list-item.table tr td .play-recording {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
	font-family: 'oxygen-bold' !important;
	font-size: 12px;
	bottom: 5px;
	color: #fff;
	right: 15px;
	background-color: #5291e8;
	padding: 2px 7px;
}
.ui.list-item.table tr td .play-recording:hover,
.ui.list-item.table tr td .play-recording:focus {
  text-decoration: none;
}
.list-group-item .list-item-price {
	font-family: 'oxygen-bold';
}
@media screen and (max-width: 767px) {
	.list-group-item div.item {
		min-height: 20px;
	}
	.list-group-item .list-item-image {
		width: 70px;
		height: 70px;
		position: static;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
	}
	.list-group-item .list-item-name,
	.list-group-item .list-item-subject,
	.list-group-item .list-item-title,
	.list-group-item .list-item-price,
	.list-group-item .list-item-class,
	.list-group-item .list-item-unit,
	.list-group-item .list-item-phone,
	.list-group-item .list-item-email,
	.list-group-item .list-item-details,
	.list-group-item .list-item-date,
	.list-group-item .list-item-agent {
		display: block;
	}
	.list-group-item .list-item-details,
	.list-group-item .list-item-agent {
		position: static;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.list-group-item div.item:last-child {
		display: none;
	}
}

/**************************************************************************
Dashboard
**************************************************************************/
.wrapper-inner {
	position: relative;
	width: 100%;
	background: #fff;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 15px 15px 15px;
	z-index: 1;
}
.wrapper-inner.scrollable ul.list-group{
	max-height: 423px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	position: relative;
	padding: 0 15px;
}
.summary-header {
	width: 100%;
	float: left;
	line-height: 40px;
}
.summary-header h1 {
	font-size: 22px;
	font-family: 'oxygen-regular';
	font-weight: normal;
	display: inline-block !important;
	padding: 0;
	margin: 0;
}
.summary-header span {
	display: inline-block !important;
	float: right;
}
.summary-header span a {
	font-size: 14px;
	font-family: 'oxygen-bold';
}
.summary-header span a:hover {
	color: #5a5a5c;
	text-decoration: underline;
}
.frame-graph {
	width: 100%;
	min-height: 500px;
	background: #fff;
}
.graph-agents-pool,
#agents-pool-graph {
	min-height: 280px;
}
.graph-inquiries,
#inquiries-graph {
	min-height: 185px;
}
#summary-graph {
	min-height: 500px;
}
/**************************************************************************
Reports
**************************************************************************/
.ui.button.report,
.ui.button.agent,
.ui.button.status,
.ui.button.date,
.ui.button.year,
.ui.button.month {
	margin-top: 15px;
	background: #C0C0C0;
	border-radius: 0;
}
.ui.labeled.icon.button.report > .icon,
.ui.labeled.icon.button.date > .icon,
.ui.labeled.icon.button.agent > .icon,
.ui.labeled.icon.button.status > .icon {
	background-color: rgba(0, 0, 0, 0.05);
}
/* .ui.button.process {
	margin-top: 15px;
	background: #84e649;
	border-radius: 0;
}
.ui.labeled.icon.button.process > .icon {
	background-color: rgba(69, 160, 14, 0.4);
} */
.ui.floating.dropdown.button .menu.transition {
	max-height: 300px;
	overflow-y: auto;
}
/**************************************************************************
Image container
**************************************************************************/
@media (min-width: 768px) {
	.col-sm-5.card.image {
		width: auto;
	}
}
/**************************************************************************
Uploaded documents
**************************************************************************/
.labeled.icon.button.documents span {
	position: absolute;
	top: 0;
	right: 2px;
	color: #5a5a5c;
}
.labeled.icon.button.documents span:hover {
	cursor: pointer;
	color: #5a5a5c;
}
.capitalize {
  text-transform: capitalize !important;
}

/**************************************************************************
Email Addresses
**************************************************************************/
#emailAddresses a.fa-trash-o {
	position: absolute;
	top: 12px;
	right: 1px;
}
.ui.form select.email.address {
	margin: 0em;
	outline: none;
	appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
	-o-appearance: none;
	tap-highlight-color: rgba(255, 255, 255, 0);
	line-height: 1.21428571em;
	padding: 0.67857143em 1em;
	font-size: 1em;
	background: #FFFFFF;
	border: 1px solid rgba(34, 36, 38, 0.15);
	color: rgba(0, 0, 0, 0.87);
	border-radius: 0;
	box-shadow: 0em 0em 0em 0em transparent inset;
	-webkit-transition: color 0.1s ease, border-color 0.1s ease;
	transition: color 0.1s ease, border-color 0.1s ease;
}
/**************************************************************************
Payment Plans
**************************************************************************/
#paymentPlans a.fa-trash-o {
	position: absolute;
	bottom: 20px;
	right: 1px;
}
.payment.star.ratings {
  width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.payment.star.ratings .star.ratings {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 125px;
  height: 25px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.payment.star.ratings .star.ratings i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.payment.star.ratings .star.ratings input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.payment.star.ratings .star.ratings input:hover + i,
.payment.star.ratings .star.ratings input:checked + i {
  opacity: 1;
}
.payment.star.ratings .star.ratings i ~ i {
  width: 40%;
}
.payment.star.ratings .star.ratings i ~ i ~ i {
 	width: 60%;
}
.payment.star.ratings .star.ratings i ~ i ~ i ~ i {
  width: 80%;
}
.payment.star.ratings .star.ratings i ~ i ~ i ~ i ~ i {
 	width: 100%;
}
/**************************************************************************
Number of Units
**************************************************************************/
#numberUnits a.fa-trash-o {
	position: absolute;
	bottom: 20px;
	right: 1px;
}
/**************************************************************************
Cmmunity Features
**************************************************************************/
#communityFeatures .fields.labels .wide.field {
	position: relative;
}
#communityFeatures a.fa-trash-o {
	position: absolute;
	bottom: 13px;
	left: 102%;
}
/**************************************************************************
Managers Commissions
**************************************************************************/
#managerCommissions a.fa-trash-o {
	position: absolute;
	top: 12px;
	right: 1px;
}
/* ==========================================================================
   Skill Bars
   ========================================================================== */
.skillbar.box {
  font-family: 'oxygen-regular';
	position: relative;
	display: block;
	width: 100%;
	background: #eee;
	height: 40px;

	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-ms-transition: 0.4s linear;
	-o-transition: 0.4s linear;
	transition: 0.4s linear;

	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}
.skillbar.progress {
	height: 40px;
	border-radius: 0;
	width: 0%;
	background: #307bbb;
}
/**************************************************************************
XML Setup
**************************************************************************/
.download.contract {
	display: none;
}
.download.contract a.ui.gray {
	width: 100%;
}
.input.data.portal {
	display: none;
}
/**************************************************************************
Addendum Templates
**************************************************************************/
.input.data.type {
	display: none;
}
/**************************************************************************
Useful Links
**************************************************************************/
.useful.links {
	margin-bottom: 15px;
}
.useful.links .labeled.icon.button {
	text-align: left;
	white-space: nowrap;
}
#usefulLinks a.fa-trash-o {
	position: absolute;
	top: 12px;
	right: 1px;
}
/**************************************************************************
Template Downloads
**************************************************************************/
.template.download {
	margin-bottom: 15px;
}
.template.download .labeled.icon.button {
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#templateDownload a.fa-trash-o,
#reraDownload a.fa-trash-o,
#documentDownload a.fa-trash-o,
#circularsDocumentations a.fa-trash-o {
	position: absolute;
	top: 12px;
	right: 1px;
}
#tdForm .ui.search.dropdown .menu {
	max-height: 90px;
}
/**************************************************************************
Coming soon & Currently unvailable
**************************************************************************/
h1.coming.soon.title {
	text-align: center;
	margin: 50px 0 100px 0;
}
/**************************************************************************
Options
**************************************************************************/
.ui.styled.accordion .title.uppercase,
.ui.styled.accordion .accordion .title.uppercase {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	font-family: 'oxygen-bold'
}
.accordion .options .button.append {
	margin-bottom: 15px;
}
/**************************************************************************
Developers, Members, Agency Agreements
**************************************************************************/
.ui.cards > .card.grid {
	width: calc(25% - 1em);
	margin-top: 0;
	border-radius: 0;
}
.ui.cards > .card.grid.active {
	border: 1px solid green;
}
.ui.cards > .card.grid.active.offline {
	opacity: .45;
}
.ui.cards > .card.grid.inactive {
	border: 1px solid red;
	opacity: .45;
}
@media screen and (max-width: 1200px) {
	.ui.cards > .card.grid {
		width: calc(33.33333333% - 1em);
	}
}
@media screen and (max-width: 992px) {
	.ui.cards > .card.grid {
		width: calc(50% - 1em);
	}
}
@media screen and (max-width: 767px) {
	.ui.cards > .card.grid {
		width: calc(100% - 1em);
		height: 100%;
	}
}
.ui.cards > .card.grid > :first-child {
	border-radius: 0 !important;
}
.ui.cards > .card.grid > .content,
.ui.cards > .card.grid > .content > .header {
	font-weight: normal;
	font-family: 'oxygen-regular';
}
.ui.cards > .card.grid > .image {
  height: 225px;
	overflow: hidden;
}
@media screen and (max-width: 992px) {
	.ui.cards > .card.grid > .image {
		height: 280px;
	}
}
@media screen and (max-width: 767px) {
	.ui.cards > .card.grid > .content,
	.ui.cards > .card.grid > .content > .header {
		text-align: center;
	}
	.ui.cards > .card.grid > .image {
		height: 100%;
		min-height: 50px;
		margin-top: 15px;
	}
}
.ui.cards > .card.grid > .image > img {
	position: absolute;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: auto;
	border-radius: 0;
	top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
	.ui.cards > .card.grid > .image {
		overflow: auto;
	}
	.ui.cards > .card.grid > .image > img {
		position: relative;
		width: auto;
		max-width: 100%;
		height: auto;
	}
}
.ui.cards > .card.grid .meta {
	white-space: nowrap;
  overflow: hidden;
	text-overflow: ellipsis;
}
.ui.cards > .card.grid .website.link {
	color: rgba(0, 0, 0, 0.4) !important;
	text-overflow: ellipsis;
}
.ui.cards > .card.grid .website.link:hover {
	color: rgba(0, 0, 0, 0.6) !important;
}
.ui.cards > .card.grid .content .button.open.data a.modal-frame,
.ui.cards > .card.grid .content .button.open.data a.clck-trigger {
	color: #fff;
}
.ui.cards > .card.grid .content .button.open.data:hover a.modal-frame,
.ui.cards > .card.grid .content .button.open.data:hover a.clck-trigger {
	color: rgba(0,0,0,0.8);
}

.ui.cards > .card.grid .close {
	float: none;
	color: rgba(0, 0, 0, 0.4) !important;
	cursor: default !important;
	opacity: 1 !important;
}

.ui.cards > .card.grid .user.id {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 15px;
	right: 20px;
	font-family: 'oxygen-bold';
  font-weight: normal;
}
.ui.cards > .card.grid .user_reset_password {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.ui.cards > .card.grid .user_reset_password button.ui.negative {
	padding: 7px 10px;
	bottom: 15px;
	right: 20px;
	font-size: 11px;
}

a.fa-trash-o.files {
	position: absolute;
	top: 12px;
	right: 1px;
}
.download.documents {
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	/* text-overflow: ellipsis; */
}
.download.documents a.ui.gray {
	width: 100%;
}
.download.documents a.fa-trash-o {
	position: absolute;
	top: 12px;
	right: 1px;
}
.searches.options {
	/*display: none;*/
	margin-top: 55px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	position: relative
}
.searches.options .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 5px;
}
.searches.options .ui.label {
	font-weight: normal;
	background-color: #D5D5D5;
	font-family: 'oxygen-regular';
	width: 150px;
	text-align: left;
}
.searches.options .ui.input {
	margin-bottom: 0;
	font-weight: normal;
	font-family: 'oxygen-regular';
}
.searches.options .ui.selection.dropdown {
	width: 100%;
	min-width: auto;
}
.searches.options .rollup.arrow {
	position: absolute;
	/* bottom: -25px; */
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.searches.options .rollup.arrow {
		font-size: 11px;
		bottom: -15px;
	}
}

#dataForm .ui.form.dark.background {
	text-align: center;
}
#dataForm .ui.form .ui.checkbox input ~ .box:before,
#dataForm .ui.form .ui.checkbox input ~ label:before,
#reraAgentForms .ui.form .ui.checkbox input ~ .box:before,
#reraAgentForms .ui.form .ui.checkbox input ~ label:before {
	border: 1px solid #d5d5d5;
  background-color: #d5d5d5 !important;
}
#dataForm .ui.form .ui.toggle.checkbox input:checked ~ .box:before,
#dataForm .ui.form .ui.toggle.checkbox input:checked ~ label:before,
#reraAgentForms .ui.form .ui.toggle.checkbox input:checked ~ label:before,
#reraAgentForms .ui.form .ui.toggle.checkbox input:checked ~ label:before  {
	background-color: #219519 !important;
}
#dataForm .rera.information,
#dataForm .user.masking {
	/*display: none;*/
}
#infoForm .ui.input {
	margin-top: 15px;
}
#infoForm .ui.search.dropdown .menu {
	max-height: 100px !important;
}
.default.off {
	display: none;
}
.ui.form .search.autofill,
.ui.form .search.autofill input.wrapped {
	width: 100% !important;
}

.upload.documents .ui.input {
	margin-bottom: 0;
}
.ui.search.autofill.filename .prompt {
	border-radius: 0;
}

/**************************************************************************
Contacts, Inquiries
**************************************************************************/
@media (min-width: 1200px){
	.container.narrow {
  	width: 970px !important;
	}
}
.ui.table.list-item {
  border-radius: 0.28571429rem !important;
	border: 1px solid rgba(0, 0, 0, 0.18) !important;
	border-collapse: separate !important;
	font-size: 15px;
	font-family: 'oxygen-regular';
}
.ui.striped.table.list-item > tr:nth-child(2n),
.ui.striped.table.list-item tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.12);
}
.ui.table.list-item tr td {
	position: relative;
	text-align: left;
  border-top: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important;
}
.ui.table.list-item .search.listings tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}
.ui.table.list-item .search.listings tr.odd.rented td,
.ui.table.list-item .search.listings tr.odd.sold td,
.ui.table.list-item .search.listings tr.odd.deleted td {
	background-color: #F7C6C6;
}
.ui.table.list-item .search.listings tr.even.rented td,
.ui.table.list-item .search.listings tr.even.sold td,
.ui.table.list-item .search.listings tr.even.deleted td {
	background-color: #F9DEDE;
}
.ui.table.list-item .search.listings tr.odd.expired td {
	background: #B5E5E4;
}
.ui.table.list-item .search.listings tr.even.expired td {
	background: #D6EBEB;
}
.ui.table.list-item .search.listings tr.odd.copied td {
	background: #BDBDE0;
}
.ui.table.list-item .search.listings tr.even.copied td {
	background: #D1D1E9;
}
.ui.table.list-item .search.listings tr.odd.reserved td,
.ui.table.list-item .search.listings tr.odd.booked td {
	background: #b4d3f9;
}
.ui.table.list-item .search.listings tr.even.reserved td,
.ui.table.list-item .search.listings tr.even.booked td {
	background: #cde0fa;
}
.ui.table.list-item .search.listings tr.odd.on-hold td,
.ui.table.list-item .search.listings tr.odd.relisted td  {
	background: #f9d8a7;
}
.ui.table.list-item .search.listings tr.even.on-hold td,
.ui.table.list-item .search.listings tr.even.relisted td {
	background: #fde5bf;
}
.ui.table.list-item .search.listings tr:hover td {
	color: #fff !important;
}
/* .ui.fixed.list-item.table td,
.ui.fixed.list-item.table td div {
  overflow: hidden;
  text-overflow: ellipsis;
} */
.ui.fixed.list-item.table td:not(.no-wrapper),
.ui.fixed.list-item.table td div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.fixed.list-item.table td.no-wrapper {
  text-overflow: inherit;
}
.ui.list-item.table tr td:first-child {
	width: 50px !important;
	overflow: visible;
}
.ui.list-item.table tr td:nth-child(2) {
	width: 100px !important;
	text-align: center;
}
.ui.list-item.table tr td.form.data.pin {
	width: 50px !important;
}
.ui.list-item.table tr td.subject {
	width: 350px !important;
}
.ui.list-item.table tr td.subject.address {
	/*width: 420px !important;*/
}
.ui.list-item.table tr td:last-child {
	width: 200px !important;
}
.ui..list-item.table tr:last-child td {
  border-bottom: none !important;
}
.ui.list-item.table tr td img {
	border-radius: 50%;
  height: 60px;
	width: auto;
}
.ui.list-item.table td > .ui.ribbon.label {
	left: calc(0rem - 0.8em);
	margin-top: -20px;
	font-size: 13px;
}
.ui.list-item.table tr td input[type="checkbox"] {
	border: 1px solid #bbb;
  color: #555;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 14px !important;
  margin: 4px 4px 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 14px !important;
  -webkit-appearance: none;
  -webkit-transition: .05s border-color ease-in-out;
  transition: .05s border-color ease-in-out;
  background: #fbfbfb;
  position: relative;
}
.ui.list-item.table tr td center {
	padding-top: 0;
}
.ui.list-item.table tr td center.fa-icon {
	color: #C0C0C0;
}
.ui.list-item.table tr td .list-item-icon {
	color: #C0C0C0;
}
.ui.list-item.table tr td .list-item-name,
.ui.list-item.table tr td .list-item-subject,
.ui.list-item.table tr td .list-item-title {
	font-family: 'oxygen-bold';
	display: block;
	text-transform: uppercase;
	white-space: nowrap;
}
.ui.list-item.table tr td .list-item-sub-title {
	font-family: 'oxygen-regular';
	display: block;
	color: #C0C0C0;
	white-space: nowrap;
}
.ui.list-item.table tr td .labels {
	text-align: center;
}
.ui.list-item.table tr td .labels .label {
	padding: 3px 7px;
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
}
.ui.list-item.table tr td .list-item-sub-title {
	font-family: 'oxygen-regular';
	display: block;
	white-space: nowrap;
}
.ui.list-item.table tr td.subject .ui.label {
	position: absolute;
	padding: 3px 7px;
	font-size: 13px;
	right: 15px;
	bottom: 23px;
	font-family: 'oxygen-bold' !important;
}
.ui.list-item.table tr td.subject .ui.label.reference {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
	font-size: 15px;
	bottom: 5px;
	right: 0;
	background-color :#C0C0C0;
	padding: 3px 7px;
}
.ui.list-item.table tr td .ui.label.duplicates {
  position: absolute;
  padding: 3px 7px;
  font-size: 13px;
  right: 30px;
  bottom: 17px;
  font-family: 'oxygen-bold' !important;
}
.ui.list-item.table tr td .list-item-desc {
	font-family: 'oxygen-regular';
	display: block;
	max-height: 60px;
	overflow: hidden;
  text-overflow: ellipsis;
}
.ui.list-item.table tr td .list-item-phone {
	white-space: nowrap;
	display: block;
}
.ui.list-item.table tr td .list-item-email {
	text-transform: lowercase;
	color: #a4a4a4;
	white-space: nowrap;
	display: block;
}
.ui.list-item.table tr td .list-item-price,
.ui.list-item.table tr td .list-item-class,
.ui.list-item.table tr td .list-item-unit {
	font-family: 'oxygen-bold';
	white-space: nowrap;
	display: block;
	color: #c02708;
}
.ui.list-item.table tr td .list-item-price span {
	font-size: 9px;
	float: left;
	margin-top: 3px;
}
.ui.list-item.table tr td .list-item-details {
	position: absolute;
	left: 15px;
	bottom: 0;
	font-family: 'oxygen-regular';
	font-style: italic;
}
.ui.list-item.table tr td .list-item-date {
	text-align: right;
	font-family: 'oxygen-regular';
	white-space: nowrap;
}
.ui.list-item.table tr td .list-item-agent {
	font-family: 'oxygen-bold';
	white-space: nowrap;
}
.ui.list-item.table tr td .list-item-source {
	color: #a4a4a4;
	white-space: nowrap;
	display: block;
}
.ui.list-item.table tr td .list-item-status {
	color: #a4a4a4;
	white-space: nowrap;
	display: block;
}
.ui.list-item.table tr td .ellipsis-menu {
	display: none;
	margin-top: 5px;
	text-decoration: none;
	text-align: center;
	color: #000;
}
.ui.list-item.table tr td .ellipsis-menu:hover {
	text-decoration: none;
	color: #000;
}
@media screen and (max-width: 767px) {
	.ui.list-item.table tr td {
		height: 80px !important;
	}
	.ui.list-item.table tr td img {
    border-radius: 10px;
    height: 70px;
    max-width: 70px;
	}
	.ui.list-item.table tr td.subject,
	.ui.list-item.table tr td:nth-child(2) {
		border: none !important;
	}
	.ui.list-item.table tr td,
	.ui.list-item.table tr td.subject,
	.ui.list-item.table tr td:nth-child(2) {
		min-height: 80px !important;
		border: none !important;
	}
	.ui.list-item.table tr td.subject,
	.ui.list-item.table tr td.subject.address {
		width: auto !important;
	}
	.ui.list-item.table tr td:first-child {
		border: none !important;
	}
	.ui.list-item.table td > .ui.ribbon.label {
		margin-top: -20px;
		font-size: 10px;
	}
	.ui.list-item.table tr td:first-child input[type=checkbox]{
		margin-left: 10px;
	}
	.ui.list-item.table tr td:nth-child(2) {
		text-align: center !important;
	}
	.ui.list-item.table tr td:last-child,
	.ui.list-item.table:not(.contact) tr td:nth-child(2),
	.ui.list-item.table tr td:not(.db_count):nth-last-child(2),
	.ui.list-item.table:not(.contact) tr td:nth-last-child(3),
	.ui.list-item.table tr td.indicators {
    display: none !important;
	}
	.ui.list-item.table tr td .list-item-phone,
	.ui.list-item.table tr td .list-item-email,
	.ui.list-item.table tr td .list-item-source,
	.ui.list-item.table tr td .list-item-status {
		color: #a4a4a4;
		white-space: nowrap;
		display: inline-block;
	}
	.ui.list-item.table tr td .list-item-price span {
		font-size: 14px;
		float: none;
		margin-top: 0;
	}
	.ui.list-item.table tr td .label.reference,
	.ui.list-item.table tr td input[type=checkbox].clickable {
		display: none;
	}
	.ui.list-item.table tr td .ellipsis-menu {
		display: block;
	}
	.bottom-fixed-nav .toggle-clickable {
		display: none;
	}
}
.ui.list-item.selectable.table tbody tr:hover,
.ui.list-item.selectable.table tbody tr td.selectable:hover {
  background: #0398d8 !important;
  color: #fff !important;

	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	-ms-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.ui.labeled.input label {
	font-family: 'oxygen-regular';
  font-weight: normal;
	color: #c0c0c0;
	margin-bottom: 0;
	line-height: 1.21428571em;
	padding: 0.67857143em 1em;
}
#contactForm .warning,
#permitRequestForm .warning,
#removeForm .warning,
#duplicateForm .warning,
#whatsappForm .warning {
	background: #fde6ce;
	margin-bottom: 15px;
	font-family: 'oxygen-bold';
	font-size: 14px;
	margin-top: -15px;
	color: #bf6407;
	border-radius: 2px;
	padding: 15px;
}
.number-format {
	text-align: right !important;
}
.number-format:required {
	padding-right: 30px !important;
}
.ui.form input.wrapped.split.wide {
	width: auto !important;
}
.ui.form input.wrapped.split.narrow {
	width: auto !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
	color: rgba(0, 0, 0, 0.6);
	background-color: #D5D5D5;
	border-color: transparent;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
	border-radius: 0 !important;
	width: 100px;
	color: rgba(0, 0, 0, 0.6);
  text-align: left;
	background-color: #D5D5D5;
  border-color: transparent;
}
.ui.form input.wrapped-half.wide {
	width: 30% !important;
}
.ui.form input.wrapped-half.narrow {
	width: 10% !important;
}
.ui.horizontal.labels .label,
.ui.horizontal.label {
	font-weight: normal;
	font-size: 14px;
	font-family: 'oxygen-regular';
}
.ui.search.property.location,
.ui.search.sub.location,
.ui.search.property.name,
.ui.search.developer.name,
.property.community .ui.search,
.sub.community .ui.search,
.community.name .ui.search,
.property.cluster .ui.search,
.building.name .ui.search,
.property.name .ui.search,
.listing.source .ui.search,
.sub.source .ui.search {
	width: 75%;
}
.property.name .ui.search .prompt {
	border-radius: 0;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.ui.search.property.location,
	.ui.search.sub.location,
	.ui.search.property.name,
	.property.community .ui.search,
	.sub.community .ui.search,
	.community.name .ui.search,
	.property.cluster .ui.search,
	.building.name .ui.search,
	.property.name .ui.search,
	.listing.source .ui.search,
	.sub.source .ui.search {
		width: 100% !important;
	}
	.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
		border-left-color: rgba(34, 36, 38, 0.15);
	}
}
.force-load {
	width: 100%;
	text-align: center;
	float: left;
}
.page-load-incomplete {
	position: fixed; /* could also be absolute */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	/* display: none; */
	background: #fff;
	background: rgba(255,255,255,.65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
.page-text-incomplete {
	font-size: 12px;
  text-align: center;
  color: #e5851e;
  line-height: 15px;
  font-family: 'oxygen-bold';
  position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
	padding: 30px;
}
.page-load-incomplete a {
	position: absolute;
	top: 7px;
	right: 3px;
	text-decoration: none;
}
.toggle-clickable {
	position: absolute !important;
  left: 90px;
  top: 17px;
}
.score.calculator {
	position: absolute;
	width: 5px;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto 0;
	border-radius: 5px;
	z-index: 1;
}
.score.calculator.high {
	background: #35aa47;
}
.score.calculator.medium {
	background: #FFB848;
}
.score.calculator.low {
	background: #D84A37;
}
.scoring.info {
	background: #fff;
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.scoring.info .score {
	float: left;
	color: #fff;
	width: 100%;
	padding-left: 5px;
	line-height: 17px;
	font-size: 11px;
	border-bottom: #fff solid 1px;
	font-family: 'oxygen-bold';
}
.scoring.info .score span {
	float: right;
	padding-right: 5px;
}
.scoring.info .score.high {
	background: #35aa47;
}
.scoring.info .score.medium {
	background: #FFB848;
}
.scoring.info .score.low {
	background: #D84A37;
}
.score.calculator:hover + .scoring.info {
  display: block;
	pointer-events: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
button.toggle.publish,
button.toggle.posted,
button.toggle.ads-publication,
button.toggle.activate,
button.toggle.mailed  {
	position: absolute;
  font-size: 11px;
  font-family: 'oxygen-bold';
  padding: 1px 2px;
	background-color: #D5D5D5;
	color: #ABABAB;
  top: 7px;
  left: 0;
  text-align: center;
	cursor: default;
	border: none;
}
button.toggle.mailed  {
  left: 47px;
}
button.toggle.ads-publication  {
  left: 70px;
}
button.toggle.publish.active,
button.toggle.posted.active,
button.toggle.activate.active  {
	background-color: #67c352;
  color: #fff;
}
button.toggle.ads-publication.active,
button.toggle.mailed.active   {
	background-color: #5291e8;
  color: #fff;
}
button.toggle.visibility {
	position: absolute;
  font-size: 11px;
  font-family: 'oxygen-bold';
  padding: 1px 2px;
	background-color: #D5D5D5;
	color: #ABABAB;
	bottom: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
	width: 50px;
  text-align: center;
	cursor: default;
	border: none;
}
button.toggle.visibility.active {
	background-color: #5291e8;
  color: #fff;
}
.toggle-controls {
	position: absolute;
	bottom: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.toggle-controls button {
  font-size: 11px;
  font-family: 'oxygen-bold';
  padding: 1px 2px;
	background-color: #D5D5D5;
	color: #ABABAB;
	width: 30px;
  text-align: center;
	cursor: default;
	border: none;
}
.toggle-controls button.active {
	background-color: #5291e8;
  color: #fff;
}
.toggle-controls button.verified.pending {
	background-color: #f1aa10;
  color: #fff;
}
.toggle-controls button.verified.rejected {
	background-color: #c02708;
  color: #fff;
}
.toggle-controls button.draft {
  font-size: 11px;
  font-family: 'oxygen-bold';
  padding: 1px 2px;
	background-color: #D5D5D5;
	color: #ABABAB;
	width: auto;
  text-align: center;
	cursor: default;
	border: none;
}
.toggle-controls button.draft.active {
	background-color: #f1aa10;
  color: #fff;
}
.deleted-indicator {
	position: absolute;
	bottom: 2px;
}
.property-deleted {
  font-size: 11px;
  font-family: 'oxygen-bold';
  padding: 1px 2px;
	background-color: #f1aa10;
  color: #fff;
	width: 20px;
  text-align: center;
	border: none;
}
/*
/**************************************************************************
Context Menu
**************************************************************************/
/* The whole thing */
.custom-menu {
	display: none;
	z-index: 1000;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	font-family: 'oxygen-regular';
	background: #fff;
	font-size: 16px;
	color: #333;
	border: 1px solid #bebebe;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
					box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	padding: 0;
}
/* Each of the items in the list */
.custom-menu li {
	padding: 8px 12px;
	cursor: pointer;
	list-style-type: none;
	transition: all .3s ease;
	user-select: none;
}
.custom-menu li:hover {
	background-color: #2980b9;
	color: #fff;
}
.arabic-text {
	text-align: right !important;
}
.ui.form.switch.duplicates,
.ui.form.switch.whatsapp,
.ui.form.switch.zip {
	text-align: left;
}
.ui.form.switch.duplicates .ui.checkbox,
.ui.form.switch.whatsapp .ui.checkbox,
.ui.form.switch.zip .ui.checkbox {
	display: block;
}
.ui.form.switch.duplicates .ui.checkbox .box:before,
.ui.form.switch.duplicates .ui.checkbox label:before,
.ui.form.switch.whatsapp .ui.checkbox .box:before,
.ui.form.switch.whatsapp .ui.checkbox label:before,
.ui.form.switch.zip .ui.checkbox .box:before,
.ui.form.switch.zip .ui.checkbox label:before {
  height: 1.2rem;
}
.ui.form.switch.duplicates .ui.checkbox input ~ .box:before,
.ui.form.switch.duplicates .ui.checkbox input ~ label:before,
.ui.form.switch.whatsapp .ui.checkbox input ~ .box:before,
.ui.form.switch.whatsapp .ui.checkbox input ~ label:before,
.ui.form.switch.zip .ui.checkbox input ~ .box:before,
.ui.form.switch.zip .ui.checkbox input ~ label:before {
  border: 1px solid #d5d5d5;
  background-color: #d5d5d5 !important;
}
.ui.form.switch.duplicates .ui.checkbox input:checked ~ .box:before,
.ui.form.switch.duplicates .ui.checkbox input:checked ~ label:before,
.ui.form.switch.whatsapp .ui.checkbox input:checked ~ .box:before,
.ui.form.switch.whatsapp .ui.checkbox input:checked ~ label:before,
.ui.form.switch.zip .ui.checkbox input:checked ~ .box:before,
.ui.form.switch.zip .ui.checkbox input:checked ~ label:before  {
    background-color: #219519 !important;
}

/**************************************************************************
Inquiries Actions Undertaken
**************************************************************************/
.action.undertakens {
	width: 100%;
	min-height: 70px;
	border: 1px solid rgba(34, 36, 38, 0.15);
	margin-bottom: 15px;
}
.action.undertakens .ui.table {
	border: none;
}
.action.undertakens .ui.table thead th {
	background-color: rgba(0, 0, 50, 0.02);
	font-weight: normal;
	font-size: 14px;
	font-family: 'oxygen-bold';
	padding: 7px 0;
	border-radius: 0 !important;
}
.action.undertakens .ui.table tbody td {
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'oxygen-regular';
	padding: 7px 15px;
	border-radius: 0 !important;
}
.action.undertakens .ui.selectable.table tbody tr:hover,
.action.undertakens .ui.selectable.table tbody tr td.selectable:hover {
  background: #5a5a5c !important;
  color: #fff !important;

	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	-ms-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.ui.form.progress-status {
	margin-top: 12px;
}
/**************************************************************************
Tenancy Contracts
**************************************************************************/
#paymentBreakdown.ui.table {
	border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
  border-right: 1px solid rgba(34, 36, 38, 0.15) !important;
}
#paymentBreakdown .ui.input {
	margin-bottom: 0 !important;
}
#paymentBreakdown .ui.input input.payment {
	line-height: 1.21428571em !important;
  padding: 0.67857143em 1em !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.additional.terms a.fa-trash-o,
.area.specialization a.fa-trash-o,
.allowed.members a.fa-trash-o,
.group.members a.fa-trash-o,
.sales.members a.fa-trash-o,
.leasing.members a.fa-trash-o,
.offplan.members a.fa-trash-o {
  position: absolute;
  top: 12px;
  right: -15px;
}
.leads-members .row,
.leads-source .row,
.market-updates .row {
  position: relative;
}
.leads-members a.fa-trash-o {
  position: absolute;
  top: 15px;
}
.leads-source a.fa-trash-o,
.market-updates a.fa-trash-o {
  position: absolute;
  top: 15px;
  right: 0px;
}
.ui.search.observations .prompt,
.ui.search.specialization .prompt,
.ui.search.members .prompt,
.ui.search.payment.details .prompt {
  border-radius: 0 !important;
}
.download.management.contract {
	display: block !important;
}
.ui.list-item.table tr td .invoice,
#myTable tbody tr td .invoice,
.ui.list-item.table tr td .trakheesi.permit {
	background: transparent;
	border: #c0c0c0 1px dotted;
	padding: 3px !important;
	font-size: 14px !important;
}
.tablesorter .search.listings tr.even.rented td,
.tablesorter .search.listings tr.even.sold td {
	background-color: #F9DEDE;
}
.tablesorter .search.listings tr.odd.rented td,
.tablesorter .search.listings tr.odd.sold td {
	background-color: #F7C6C6;
}
.tablesorter .search.listings tr.even.expired td {
	background-color: #D6EBEB;
}
.tablesorter .search.listings tr.odd.expired td {
	background-color: #B5E5E4;
}
.tablesorter .search.listings tr.even.copied td {
	background-color: #D1D1E9;
}
.tablesorter .search.listings tr.odd.copied td {
	background-color: #BDBDE0;
}
.tablesorter .search.listings tr.even.reserved td,
.tablesorter .search.listings tr.even.booked td {
	background-color: #cde0fa;
}
.tablesorter .search.listings tr.odd.reserved td,
.tablesorter .search.listings tr.odd.booked td {
	background-color: #b4d3f9;
}
.tablesorter .search.listings tr.even.on-hold td {
	background-color: #fde5bf;
}
.tablesorter .search.listings tr.odd.on-hold td {
	background-color: #f9d8a7;
}
.tablesorter .search.listings tr td:first-child {
	position: relative;
}

@media only screen and (max-width: 767px) {
	#paymentBreakdown.ui.table tr td:first-child,
	.action.undertakens .ui.table tr td:first-child {
    display: block !important;
	}
	.action.undertakens .ui.table tr td:first-child {
		padding: 0.75em !important;
	}
}
/**************************************************************************
Listings
**************************************************************************/
.container.full-width {
	width: 100% !important;
}
.ui.form.switch.permit {
	position: absolute;
  right: 15px;
	bottom: 0;
}
.ui.form.switch.permit .ui.checkbox input ~ .box:before,
.ui.form.switch.permit .ui.checkbox input ~ label:before {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.ui.form.switch.permit .ui.toggle.checkbox input:checked ~ .box:before,
.ui.form.switch.permit .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #219519 !important;
}
.ui.form.switch.visibility {
	position: absolute;
  right: 130px;
	bottom: 0;
}
.ui.form.switch.visibility .ui.checkbox input ~ .box:before,
.ui.form.switch.visibility .ui.checkbox input ~ label:before {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.ui.form.switch.visibility .ui.toggle.checkbox input:checked ~ .box:before,
.ui.form.switch.visibility .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #219519 !important;
}
.ui.form .ui.checkbox.listings {
	line-height: 10px;
}
.ui.form .ui.toggle.checkbox.listings .box:before,
.ui.form .ui.toggle.checkbox.listings label:before {
  width: 2.3rem;
  height: 1rem;
}
#refreshForm .ui.form .ui.toggle.checkbox .box,
#refreshForm .ui.form .ui.toggle.checkbox label {
	font-family: 'oxygen-bold';
}
#refreshForm .ui.form .ui.checkbox input ~ .box:before,
#refreshForm .ui.form .ui.checkbox input ~ label:before {
  border: 1px solid #d5d5d5;
  background-color: #d5d5d5 !important;
}
#refreshForm .ui.form .ui.toggle.checkbox input:checked ~ .box:before,
#refreshForm .ui.form .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #219519 !important;
}
.ui.form .ui.toggle.checkbox.listings input ~ .box:after,
.ui.form .ui.toggle.checkbox.listings input ~ label:after {
  top: 0.1rem;
  left: 0.1rem;
}
.ui.form .ui.toggle.checkbox.listings input:checked ~ .box:after,
.ui.form .ui.toggle.checkbox.listings input:checked ~ label:after {
  left: 1.41rem;
}
.ui.toggle.checkbox.listings input ~ .box:after,
.ui.toggle.checkbox.listings input ~ label:after {
  width: .8rem;
  height: .8rem;
}
.ui.toggle.checkbox.listings .box,
.ui.toggle.checkbox.listings label {
  min-height: 1rem;
	font-size: 15px !important;
}
.ui.list-item.table tr td img.listings {
	border-radius: 4px;
	height: 60px;
	width: 70px;
}
.ui.list-item.table tr td center.listing.image {
	position: relative
}
.ui.list-item.table tr td span.exclusive {
    background: #006BD7;
		font-family: 'oxygen-bold';
    color: #fff;
    width: 57px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    position: absolute;
    left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 10px
}
.ui.list-item.table tr td span.img-counts {
	background: #2D2D2D;
	background: rgba(0,0,0,.45);
	color: #fff;
	font-family: 'oxygen-bold';
	font-size: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom-right-radius: 4px;
	padding: 3px 5px;
	line-height: 12px;
}
.ui.list-item.table tr td span.listing-docs {
  color: #D5D5D5;
  position: absolute;
  top: 3px;
	text-shadow: 3px 4px 5px rgba(0,0,0,.3);
  right: 3px;
}
.ui.list-item.table tr td span.listing-docs.active {
	color: #269f19;
}
.ui.medium.image.listing {
  width: 100%;
  height: 165px;
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px dotted #c0c0c0;
}
.ui.medium.image.listing img {
  width: auto;
  height: 100%;
}
.unit.features.amenities .ui.form .ui.checkbox {
	width: 33.33333333%;
	margin-bottom: 3px;
}
@media only screen and (max-width: 1200px) {
	.unit.features.amenities .ui.form .ui.checkbox {
		width: 50%;
	}
}
@media only screen and (max-width: 767px) {
	.unit.features.amenities .ui.form .ui.checkbox {
		width: 100%;
	}
}
#mapCanvas {
	width: 100%;
	height: 400px;
	float: left;
}
#search_places {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	font-family: 'oxygen-regular';
	font-size: 16px;
	padding: 7px 15px;
	text-overflow: ellipsis;
	width: 400px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	#mapCanvas {
		height: 200px;
	}
}
.title-text-counter {
	line-height: 40px;
	font-family: 'oxygen-bold';
	padding-left: 10px;
	min-width: 100px;
  font-size: 13px;
	color: #C66300;
}
.description-text-counter {
	font-family: 'oxygen-bold';
	padding-top: 7px;
  font-size: 13px;
	width: 50%;
	float: right;
  text-align: right;
	color: #C66300;
}
.description-text-recommend {
	font-family: 'oxygen-bold';
	padding-top: 7px;
  font-size: 13px;
  text-align: left;
	width: 50%;
	float: left;
	color: #C00;
}
/**************************************************************************
Advertisement Allocations
**************************************************************************/
#adsAllocations .ui.input {
	margin-bottom: 0;
}
.ui.table#adsAllocations tr td,
.ui.table#adsAllocations tr th {
	border: 1px solid #ddd !important;
}
.ui.table#adsAllocations tr td:nth-child(2){
	text-align: left !important;
}
.ui.table#adsAllocations tr td .ui.label {
	font-size: 16px;
	font-family: 'oxygen-bold';
	font-weight: normal;
	background: #fff;
}
.ui.table#adsAllocations tfoot tr td {
	font-size: 16px;
	text-align: left;
	font-family: 'oxygen-bold';
	font-weight: normal;
}
/**************************************************************************
Send Email
**************************************************************************/
@media only screen and (max-width: 767px) {
	.ui.form .field > .selection.dropdown.margin-bottom {
		margin-bottom: 15px;
	}
}
/**************************************************************************
Listing Images
**************************************************************************/
div.table  {
	margin-bottom: 0;
}
div.table .listing.image.gallery {
	width: calc(25% - 20px);
  display: inline-block;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px dotted #c0c0c0;
	float: left;
}
div.table .slider.image.gallery {
	width: calc(33.33333% - 20px);
  display: inline-block;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px dotted #c0c0c0;
	float: left;
}
.slider.image.gallery .caption {
	padding: 10px 10px 3px 10px;
}
.listing.image.gallery .preview {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.slider.image.gallery .preview {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.slider.image.gallery .preview canvas {
	width: auto !important;
	height: 300px !important;
}
@media only screen and (max-width: 1200px) {
	.listing.image.gallery .preview {
		height: 140px;
	}
	.slider.image.gallery .preview {
		height: 200px;
	}
	.slider.image.gallery .preview canvas {
		height: 200px !important;
	}
}
@media only screen and (max-width: 990px) {
	div.table .listing.image.gallery,
	div.table .slider.image.gallery {
		width: calc(50% - 23px);
	}
	.listing.image.gallery .preview,
	.slider.image.gallery .preview {
		height: 250px;
	}
	.slider.image.gallery .preview canvas {
		height: 250px !important;
	}
}
@media only screen and (max-width: 767px) {
	.listing.image.gallery .preview,
	.slider.image.gallery .preview {
		height: 200px;
	}
	.slider.image.gallery .preview canvas {
		height: 200px !important;
	}
}
@media only screen and (max-width: 400px) {
	.listing.image.gallery .preview,
	.slider.image.gallery .preview {
		height: 130px;
	}
	.slider.image.gallery .preview canvas {
		height: 130px !important;
	}
}
.listing.image.gallery .preview img,
.slider.image.gallery .preview img {
	width: auto;
  height: 100%;
}
.listing.image.gallery .preview .priority,
.slider.image.gallery .preview .priority {
	background: #2D2D2D;
  background: rgba(0,0,0,.45);
  color: #fff;
  font-family: 'oxygen-bold';
  font-size: 14px;
	text-align: center;
  position: absolute;
  top: 10px;
  left: 10px;
	width: 30px;
	height: 30px;
  border-radius: 50%;
  line-height: 30px;
}
.slider.image.gallery .preview .priority {
	display: none !important;
}
.listing.image.gallery .preview .control.icon,
.slider.image.gallery .preview .control.icon {
	border-color: transparent;
	border-radius: 0;
	position: absolute;
  bottom: 10px;
  right: 10px;
}
.listing.image.gallery .preview .controls,
.slider.image.gallery .preview .controls {
	position: absolute;
  bottom: 10px;
  right: 10px;
}
.listing.image.gallery .preview .controls .icon,
.slider.image.gallery .preview .controls .icon {
	border-color: transparent;
	border-radius: 0;
}
.listing.image.gallery .caption input.captions,
.listing.image.gallery .caption input.description {
	line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
	border: none;
	width: 100%;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slider.image.gallery .caption input.title,
.slider.image.gallery .caption input.social-url,
.slider.image.gallery .caption input.sub-title,
.slider.image.gallery .caption select.section,
.slider.image.gallery .caption select.social-media {
  padding: 7px;
	border: 1px solid #c0c0c0;
	width: 100%;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
	.files .name {
		width: 100% !important;
	}
}
.listing.image.gallery button.toggle.watermark {
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 2px 5px;
	background-color: #D5D5D5;
	color: #ABABAB;
	text-transform: uppercase;
	font-family: 'oxygen-bold';
	font-size: 12px;
	cursor: default;
	border: none;
}
.listing.image.gallery button.toggle.watermark.active {
	background-color: #5291e8;
  color: #fff;
}
.listing.image.gallery .cntrl-img.publication {
	position: absolute;
	right: 10px;
	top: 10px;
}
.slider.image.gallery .cntrl-img.publication {
	position: absolute;
	right: 15px;
	top: 15px;
}
.listing.image.gallery .cntrl-img.publication .toggle-img {
	float: left;
	margin-left: 7px;
	padding: 2px 5px;
	background-color: #D5D5D5;
	color: #ABABAB;
	text-transform: uppercase;
	font-family: 'oxygen-bold';
	font-size: 10px;
	cursor: default;
	border: none;
}
.slider.image.gallery .cntrl-img.publication .toggle-img {
	float: left;
	margin-left: 7px;
	padding: 7px 10px;
	background-color: #D5D5D5;
	color: #ABABAB;
	text-transform: uppercase;
	font-family: 'oxygen-bold';
	font-size: 12px;
	cursor: default;
	border: none;
}
.listing.image.gallery .cntrl-img.publication .toggle-img.active,
.slider.image.gallery .cntrl-img.publication .toggle-img.active {
	background-color: #12c538;
  color: #fff;
}
.fileupload-buttonbar {
	text-align: center;
}
.fileupload-buttonbar .btn-success,
.fileupload-buttonbar .btn-primary,
.fileupload-buttonbar .btn-warning {
	border-color: transparent;
	border-radius: 0;
}
.fileupload-buttonbar .view.off,
.controls .view.off {
	display: none;
}
div.table .listing.image.gallery .status.bar {
	line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
	width: 100%;
	font-size: 16px;
}
div.table .slider.image.gallery .status.bar {
	line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
	width: 100%;
	font-size: 16px;
	min-height: 137px;
}
div.table .status.bar .progress {
	margin-bottom: 0;
	border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: inset none;
	width: 100%;
}
#fileupload .download.links {
	font-size: 12px;
	width: 100%;
	text-align: center;
	float: left;
	font-family: 'oxygen-bold';
}
#fileupload .download.links a {
	text-decoration: none;
}
#fileupload .download.links a:hover {
	color: #5a5a5c;
}
.tools-container {
	font-size: 12px;
	margin-top: 15px;
	width: 100%;
	text-align: center;
	float: left;
	font-family: 'oxygen-bold';
}
.tools-container p {
	margin-bottom: 5px;
	color: #CCC;
}
p.orange-indicator  {
	margin-bottom: 5px;
	color: #CCC;
	font-size: 12px;
	width: 100%;
	text-align: center;
	float: left;
	font-family: 'oxygen-bold';
}
#fileupload .download.links .ui.buttons button,
.tools-container .ui.buttons button {
	font-size: 12px;
  color: #C0C0C0;
	text-transform: uppercase;
}
#fileupload .download.links .ui.buttons button:hover,
.tools-container .ui.buttons button:hover {
  color: #ABABAB;
}
.listing.documents .tools-container a {
	text-decoration: none;
}
.listing.documents .tools-container a:hover {
	color: #5a5a5c;
}
/**************************************************************************
Data Tool Tip
**************************************************************************/
[data-position="right center"][data-tooltip]:after {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
[data-position="right center"][data-tooltip]:after {
	left: 100%;
	top: 50%;
	margin-left: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
[data-tooltip][data-position="right center"]:after {
	-webkit-transform: translateY(-50%) scale(0) !important;
	transform: translateY(-50%) scale(0) !important;
}
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
	-webkit-transform: translateX(-50%) scale(0) !important;
	transform: translateX(-50%) scale(0) !important;
}
[data-tooltip]:after {
	opacity: 1;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
[data-tooltip]:before,
[data-tooltip]:after {
	pointer-events: none;
	/* visibility: hidden; */
}
[data-tooltip]:after {
	pointer-events: none;
	content: attr(data-tooltip);
	position: absolute;
	text-transform: none;
	text-align: left;
	white-space: nowrap;
	font-size: 1rem;
	border: 1px solid #D4D4D5;
	line-height: 1.4285em;
	max-width: none;
	background: #FFFFFF;
	padding: 0.833em 1em;
	font-weight: normal;
	font-style: normal;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 0.28571429rem;
	box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
	z-index: 1;
}

/**************************************************************************
Quality Score
**************************************************************************/
.listing-quality-scores {
	position: absolute;
	display: none;
	right: 3%;
	/* top: 30px; */
	top: 87px;
	width: 300px;
	color: #ABABAB;
	font-size: 12px;
	font-family: 'oxygen-bold';
	border: 1px solid #d2d2d2;
  padding-bottom: 5px;
}
@-moz-document url-prefix() {
	.listing-quality-scores {
		/* top: 0; */
		top: 87px;
	}
}
@media only screen and (max-width: 767px) {
	.listing-quality-scores {
		display: none !important;
	}
}
/* Styling an indeterminate progress bar */
.listing-quality-scores progress:not(value) {
	/* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}
/* Styling the determinate progress element */
.listing-quality-scores progress[value] {
	/* Get rid of the default appearance */
	appearance: none;
	/* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
	border: none;
	/* Add dimensions */
	width: 100%; height: 20px;
	/* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
	background-color: whiteSmoke;
	/* border-radius: 3px; */
	/* box-shadow: 0 2px 3px rgba(0,0,0,.5) inset; */
	/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
	color: royalblue;
	position: relative;
	margin: 0 0 1.5em;
}
/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/
.listing-quality-scores progress[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	/* border-radius: 3px; */
	/* box-shadow: 0 2px 3px rgba(0,0,0,.5) inset; */
}
.listing-quality-scores progress[value]::-webkit-progress-value {
	position: relative;
	background-size: 35px 20px, 100% 100%, 100% 100%;
	/* border-radius:3px; */
	/* Let's animate this */
	/* animation: animate-stripes 5s linear infinite; */
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */
.listing-quality-scores progress[value]::-webkit-progress-value:after {
	/* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
	content: '';
	position: absolute;
	width:5px; height:5px;
	top:7px; right:7px;
	background-color: white;
	border-radius: 100%;
}

/* Fallback technique styles */
.listing-quality-scores progress .progress-bar {
	background-color: whiteSmoke;
	/* border-radius: 3px; */
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
	/* Dimensions should be similar to the parent progress element. */
	width: 100%; height:20px;
}
.listing-quality-scores progress .progress-bar span {
	background-color: royalblue;
	/* border-radius: 3px; */
	display: block;
	text-indent: -9999px;
}
.listing-quality-scores p[data-value] {
	position: relative;
}
/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */
.listing-quality-scores p[data-value]:after {
	content: attr(data-value);
	position: absolute; right:0;
}
.listing-quality-scores .html5::-webkit-progress-value,
.listing-quality-scores .python::-webkit-progress-value  {
	/* Gradient background with Stripes */
	background-image:
	-webkit-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #09c, #f44);
}
.listing-quality-scores .css3::-webkit-progress-value,
.listing-quality-scores .php::-webkit-progress-value 	{
	/* Gradient background with Stripes */
	background-image:
	-webkit-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #09c, #ff0);
}
.listing-quality-scores .jquery::-webkit-progress-value,
.listing-quality-scores .node-js::-webkit-progress-value {
	/* Gradient background with Stripes */
	background-image:
	-webkit-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #09c, #690);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .html5::-moz-progress-bar,
.listing-quality-scores .php::-moz-progress-bar {
/* Gradient background with Stripes */
	background-image:
	-moz-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #09c, #f44);
}
.listing-quality-scores .css3::-moz-progress-bar,
.listing-quality-scores .php::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-image:
	-moz-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #09c, #ff0);
}
.listing-quality-scores .jquery::-moz-progress-bar,
.listing-quality-scores .node-js::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-image:
	-moz-linear-gradient( 135deg,
		transparent,
		transparent 33%,
		rgba(0,0,0,.1) 33%,
		rgba(0,0,0,.1) 66%,
		transparent 66%),
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #09c, #690);
}

.listing-quality-scores .level::-webkit-progress-value {
	/* Gradient background with Stripes */
	background-image:
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #C46200, #71E100, #006200);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .level::-moz-progress-bar {
/* Gradient background with Stripes */
	background-image:
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #C46200, #71E100, #006200);
}

.listing-quality-scores .level-high::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #71E100, #006200);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .level-high::-moz-progress-bar {
	background-image:
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #71E100, #006200);
}
.listing-quality-scores .level-mid::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #B0C80F, #71E100);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .level-mid::-moz-progress-bar {
	background-image:
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #B0C80F, #71E100);
}
.listing-quality-scores .level-low::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #F2BE0D, #B0C80F);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .level-low::-moz-progress-bar {
	background-image:
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #F2BE0D, #B0C80F);
}
.listing-quality-scores .level-bad::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-webkit-linear-gradient( left, #DD2622, #F2BE0D);
}
/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.listing-quality-scores .level-bad::-moz-progress-bar {
	background-image:
	-moz-linear-gradient( top,
		rgba(255, 255, 255, .25),
		rgba(0,0,0,.2)),
	-moz-linear-gradient( left, #DD2622, #F2BE0D);
}

.listing-quality-scores h2 {
	font-size: 24px;
	text-align: center;
}
.listing-quality-scores p {
	margin-bottom: 0 !important;
	width: 100%;
}
.listing-quality-scores progress {
	margin-bottom: 0 !important;
	border: 1px solid #D5D5D5;
}
.listing-quality-scores span {
	text-align: justify;
	width: 100%;
	font-size: 10px;
	width: 100%;
  float: left;
  line-height: 12px;
}
/**************************************************************************
Availability
**************************************************************************/
table#tableAvailability th,
table#tableAvailability td {
	border: 1px solid gray;
	border-collapse: collapse;
}
/**************************************************************************
Others
**************************************************************************/
.input-text-overlay {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
	left: 0;
	top: 0;
}
.custom-menu li.doc a {
	color: rgba(0, 0, 0, 0.87);
}
.custom-menu li.doc:hover a {
	color: #fff;
}
.clear_permit {
	float: left;
}
#xml_url {
	padding: 15px;
  color: #29b1d8;
}
.buttons.comparisons {
	padding: 30px 15px 15px 15px;
	text-align: center;
	background: #fff;
}
.buttons.comparisons button {
	padding: 7px 15px;
	margin: 0;
	border: none;
	border-radius: 0;
	background: #ebeaea;
	color: #504e4e;
	font-family: 'oxygen-bold';
	font-weight: normal;
	font-size: 13px;
}
.buttons.comparisons button:hover,
.buttons.comparisons button.active {
	background: #5a5a5c;
	color: #fff;
}
.select-comparison {
	display: none;
	padding: 30px 0 15px 0;
	background: #fff;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.buttons.comparisons {
		display: none;
	}
	.select-comparison {
		display: block;
	}
	.ui.list-item.table tr td.db_count div.db_properties,
	.ui.list-item.table tr td.db_count div.db_databases {
		width: 50% !important;
	}
	.ui.list-item.table tr td.db_count a.db_properties,
	.ui.list-item.table tr td.db_count a.db_databases {
		width: 50% !important;
	}
}
.date_range.report {
	display: none;
}
.date_range.report .ui.action.input button {
	width: 40px !important;
}
.table-reports {
	padding-top: 20px;
}
#tableContent tbody span.leads_count {
	font-family: 'oxygen-bold';
	font-size: 15px;
}
#tableContent tbody span.leads_percent {
	font-family: 'oxygen-light';
	color: rgba(0, 0, 0, 0.35);
	font-size: 13px;
}
.speedometer {
	margin-top: 20px;
}
.content.options.rolldown {
	width: 100%;
}
.content.options.rolldown #country tr td:last-child {
	width: 150px;
}
.current_balance,
.agent_dues {
	position: relative;
}
.current_balance a.fa-trash-o {
	position: absolute;
	top: 13px;
	right: -15px;
}
.agent_dues a.fa-trash-o,
.agent_payments a.fa-trash-o,
.company_expenses a.fa-trash-o {
	position: absolute;
	top: 13px;
	right: 0px;
}
ul.action-list-group-tip {
  padding-left: 5px;
  list-style: none;
}
ul.action-list-group-tip li {
  list-style: none;
	font-size: 14px;
  line-height: 24px;
  color: #333;
	padding-left: 15px;
}
 ul.action-list-group-tip li:before {
  font-family: 'FontAwesome';
  content: '\f178';
  color: #000;
  font-size: 12px;
  margin: 0 7px 0 -20px;
}
.fa-tags.fa-projects {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #398af7;
  z-index: 1;
  text-shadow: 1px 1px #ecedec;
}
.fa-tags.fa-listings {
  color: #398af7;
}
.fixed-back {
	position: absolute;
	left: 15px;
	bottom: 60px;
}
.action.undertaken .ui.search .results,
#usersForm .menu.transition {
	max-height: 90px;
  overflow-y: scroll;
  width: 100%;
}
.blank-expenses {
	display: none;
}
.resize-images {
	position: absolute;
  right: 10px;
  bottom: 5px;
}
.autofill-expenses {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 13px;
	font-family:'oxygen-bold';
	display: none;
}
@media only screen and (max-width: 767px) {
	.resize-images {
		display: none;
	}
	.autofill-expenses {
		display: none !important;
	}
}
.counter-length {
	position: absolute;
	right: 8px;
	top: 15px;
	font-family: 'oxygen-bold';
	font-size: 14px;
	color: #C66300;
}
.expenses-paytype {
	border-radius: 0 !important;
  height: 44px !important;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.actions-list {
	padding: 0 15px;
	list-style: disc;
	list-style-type: disc;
}
.actions-list li {
	list-style: disc;
	list-style-type: disc;
}
.searches.options .ui.search.dropdown > .text {
	text-overflow: ellipsis;
  white-space: nowrap;
}
.ui.labeled.subscribers {
	position: relative;
}
.ui.labeled.subscribers .updated-label {
	display: block;
	position: absolute;
	right: 37px;
	top: 12px;
	padding: 3px;
	font-size: 11px;
}
.inquiry-id {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  font-size: 11px;
  text-align: center;
  font-family: 'oxygen-bold';
  color: #c0c0c0;
}
.qrcode-label {
	font-family: 'oxygen-bold';
	color: #dedede;
	text-align: center;
}
.external-link {
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #fff;
	font-family: 'oxygen-bold';
}
.label-transaction-date {
	position: absolute;
	font-size: 12px;
	color: #C0c0c0;
	font-family: 'oxygen-regular';
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.label-tower-name {
	font-size: 13px;
  color: #c0c0c0;
	font-family: 'oxygen-bold';
  margin-left: 10px;
	display: flex;
  justify-content: start;
  align-items: center;
}
.approve-button {
	position: absolute;
	left: 65px;
	bottom: 6px;
	background-color: #0398d8;
	color: #fff;
	border-radius: 0;
	border: none;
	padding: 5px 15px;
}
.approve-button:hover {
	background-color: #076f9c;
}
.ui.label.form-text,
fieldset.form-text {
	background-color: #c7ecf5;
}
.ui.label.text-quality {
	background-color: #c8fcd8;
}
.form-text-box {
	background-color: #c7ecf5;
	height: 10px;
	width: 25px;
	display: inline-block;
}
.form-text-quality {
	background-color: #b6fdc3;
	height: 10px;
	width: 25px;
	display: inline-block;
}
.form-text-required {
	/* border: 1px solid #f9810d; */
	border: 1px solid #CA211B;
	height: 10px;
	width: 25px;
	display: inline-block;
}
.alert.alert-warning.notifications .form-text-label {
	font-size: 13px;
	display: inline-block;
	font-family: 'oxygen-bold';
	color: #c0c0c0;
}
#dataForm .ui.search.dropdown.required,
#dataForm input.required,
#dataForm select.required,
#dataForm textarea.required {
	/* border: 1px solid #faaf66; */
	border-color: #CA211B;
}
.owner-counter,
.customer-counter {
	position: absolute;
	top: -9px;
	left: 0;
	background-color: #fff;
	font-family: 'oxygen-bold';
}
.permit-request-text {
	text-align: left;
}
.permit-request-text ul li {
	text-align: left;
	list-style: disc;
	margin-left: 25px;
}
.voice-recordings {
	margin-bottom: 15px;
}
.clear-field {
	position: relative;
  top: 13px;
  left: 10px;
}
.cron-jobs-label {
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 14px;
	text-transform: none;
}
.permit-validity .active {
	font-family: 'oxygen-bold' !important;
	color: #1b9707 !important;
}
.permit-validity a.active {
	color: #0980b8;
}
.permit-validity .inactive {
	font-family: 'oxygen-bold' !important;
	color: #f73425 !important;
}
#eventForm table,
#reraCompliance {
	border-collapse: collapse;
	width: 100%;
}
#eventForm table thead th,
#reraCompliance thead th {
	border: 1px solid #d3c7c0;
	border-right: 1px solid #c0c0c0;
	background: #d3c7c0;
	padding: 5px 10px;
	font-family: 'oxygen-bold';
	font-weight: normal;
	text-align: center;
	font-size: 14px;
}
#eventForm table thead th:last-child,
#reraCompliance thead th:last-child {
	border-right: none;
}
#eventForm table tbody td,
#reraCompliance tbody td {
	font-family: 'oxygen-regular';
	padding: 2px 5px;
	border: 1px solid #c0c0c0;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
}
#eventForm table tbody td:nth-child(1),
#reraCompliance tbody td:nth-child(1) {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toggle-notification.active .fa-bell.wiggle,
.fa-bell-o.wiggle {
	animation: wiggle 1s infinite;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(25deg); }
   95% { transform: rotate(-25deg); }
  100% { transform: rotate(0deg); }
}