﻿.position-relative {
	position:relative !important;
}
.cursor-pointer:hover {
	cursor:pointer;
}
.d-inline-block {
	display:inline-block !important;
}
.ml-auto {
	margin-left:auto !important;
}
.mb-0 {
	margin-bottom:0 !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.h-100 {
	height:100% !important;
}
.stat-container, .transaction-table-container {
	background-color:#fff;
	border-radius:2px;
	padding:20px 24px;
	transition:all 220ms ease-in-out;
}
.stat-container:hover {
	box-shadow:0 5px 10px -10px rgba(0,0,0,0.75);
	transition:all 220ms ease-in-out;
}
.text-decoration-none:hover {
	text-decoration: none;
}
.text-link-inherit {
	color:inherit;
}
.text-green {
	color:#7CB342;
}
.text-red {
	color:#e53935;
}
.text-fixblue {
	color:#5abcbd;
}
.mt-0 {
	margin-top:0 !important;
}
.mt-15 {
	margin-top:15px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mt-35 {
	margin-top:35px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-35 {
	margin-bottom:35px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}
.ml-5 {
	margin-left:5px !important;
}
.ml-40 {
	margin-left:40px !important;
}
.w-100 {
	width:100% !important;
}
.w-75 {
	width:75% !important;
}
.w-65 {
    width: 65% !important;
}
.w-50 {
	width:50% !important;
}
.w-33 {
	width:33% !important;
}
.lh-normal {
	line-height: normal !important;
}
.ls-none {
	list-style:none;
}
.ls-unstyled {
	padding:0;margin:0;
}
.ls-item-mb li {
	position:relative;
	margin-bottom:15px;
	border-radius:2px;
}
.ls-item-mb li:last-child {
	margin-bottom:0;
}
.ls-item-jobs li:before {
	position:absolute;
	content:'';
	background-color:#5abcbd;
	width:2px;
	height:100%;
	left:0;top:0;
	border-top-left-radius:2px;border-bottom-left-radius:2px;
}
.ls-item-documents li:before {
	position:absolute;
	content:'';
	background-color:#f7c137;
	width:2px;
	height:100%;
	left:0;top:0;
	border-top-left-radius:2px;border-bottom-left-radius:2px;
}
.ls-item-inspections li:before {
	position:absolute;
	content:'';
	background-color:#7cd559;
	width:2px;
	height:100%;
	left:0;top:0;
	border-top-left-radius:2px;border-bottom-left-radius:2px;
}
.ls-item-transactions li:before {
	position:absolute;
	content:'';
	background-color:#CDDC39;
	width:2px;
	height:100%;
	left:0;top:0;
	border-top-left-radius:2px;border-bottom-left-radius:2px;
}
.activity-overview-placeholder-panel {
    color: #c7ced9;
}
.activity-overview-placeholder-panel i {
    font-size: 36px;
}
.activity-overview-placeholder-panel p:last-child {
	max-width:150px;
	margin:0 auto;
}
.d-block {
	display:block;
}
.d-flex {
	display:flex;
}
.align-items-center {
	align-items:center;
}
.justify-content-center {
	justify-content:center;
}
.flex-column {
	flex-direction:column;
}
.flex-row {
	flex-direction:row;
}
.fs-12 {
	font-size:12px !important;
}
.fs-15 {
	font-size:15px !important;
}
.fs-18 {
	font-size:18px !important;
}
.fs-20 {
	font-size:20px !important;
}
.fs-28 {
	font-size:28px !important;
}
.fs-32 {
	font-size:32px !important;
}
.fs-36 {
	font-size:36px !important;
}
.f-light {
	font-weight:300 !important;
}
.f-regular {
	font-weight:400 !important;
}
.f-medium {
	font-weight:500 !important;
}
.f-bold {
	font-weight:700 !important;
}
.f-heavy {
	font-weight:900 !important;
}
.bl-text {
	color:#2B313A;
}
.bl-subtext {
	color:#616770;
}

.bl-fixwidth {
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}


.bl-capitalize {
    text-transform: capitalize;
}

.stat-heading {
	text-transform: uppercase;
	color:#b0bac9;
}
.btn-expand-board span:before, .btn-expand-board span:after {
	content:"";
	position:absolute;
	height:1px;
	background-color:#e4e8f0;
	top:0;margin-top:16px;
	width:100%;
}
.btn-expand-board span:before {
	right:100%;
	margin-right:5px;
}
.btn-expand-board span:after {
	left:100%;
	margin-left:5px;
}
.btn-expand-board:focus, .btn-expand-board:active {
	outline:none;
	text-decoration: none;color:#8E96A1;
}
.btn-expand-board:hover {
	color:#8E96A1;
}
.badge-tballgreen {
	background-color:rgba(205,220,57,.20);color:#CDDC39;
}
.badge-aqua {
	background-color:rgba(90,188,189,.20);color:#5abcbd;
}
.badge-yellow {
	background-color:rgba(247,193,55,.20);color:#f7c137;
}
.badge-green {
	background-color:rgba(124,213,89,.20);color:#7cd559;
}
.main-stat-container {
	display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:30px;
}
.main-stat-container div {
	background-color:#fff;
	border-radius:2px;padding:20px 24px;
}
.graph-container {
	background-color:#fff;
	border-radius:2px;padding:0;
}
.uni-container {
	background-color:#fff;
	border-radius:2px;padding:20px 24px;
	box-shadow:0 2px 5px rgba(0,0,0,0.05);
}
.uc-bs {
	box-shadow:0 2px 5px rgba(0,0,0,0.05);
}
.chart-graph {
	width:100%;
	min-height:326px;
}
.container-res {
	max-width:100%;
	padding-left:15px;padding-right:15px;
}
.graph-container {
	margin-top:15px;
}
.text-nowrap {
	white-space:nowrap;overflow:hidden;width:179px;text-overflow:ellipsis;
}
.property-ll-grid {
	display:grid;grid-template-columns: repeat(6, 90%);grid-gap:15px 15px;overflow-x:scroll;padding:8px 0;
}
.property-icon-circle {
	width:41px;height:41px;background-color:#fff;border-radius:50%;align-items:center;justify-content:center;color:#5abcbd;margin-right:10px;font-size:30px;
}
.property-ll-single-prop {
	position:relative;cursor:pointer;
}
.property-ll-single-prop.active:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	border:1px solid #5abcbd;
	border-radius:2px;
	width:100%;height:100%;
}
.property-ll-single-prop.active:after {
	content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    width: 18px;height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;justify-content: center;
    background-color: #5abcbd;
    border-radius: 50%;
    color: #fff;
    top: -7px;right: -7px;
    position: absolute;
}
.main-stat-container {
	display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:30px;
}
.funds-m-container {
	position:relative;
	padding:16px 24px 11px;
}
.funds-m-container:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#f2f2f2;
}
.padding-0 {
	padding:0 !important;
}
.funds-status-badge {
	background-color:#f2f2f2;display:inline-block;padding:5px 8px;margin-top:8px;
}
.funds-status-badge p {
	text-transform: uppercase;font-size:10px;
}
.funds-m-overflow {
	overflow-y:scroll;
	height:450px;
	-webkit-overflow-scrolling: touch;
}
.funds-m-list ul {
	list-style:none;
	margin:0;padding:15px 24px 17px;
}
.funds-m-list ul li {
	padding:0 0 23px 0;
	margin-bottom:20px;
	border-bottom:1px solid #f2f2f2;
}
.funds-m-list ul li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding:0;
}
.align-items-center {
	align-items:center;
}
.funds-wallet {
	color:#5abcbd;font-size:28px;margin-right:12px;
}
.funds-wallet-title {
	font-size:18px;
}
.big-text {
	font-size:24px;
}
.funds-m-list-icon {
    width:30px;
}
    .funds-m-list-icon i {
        font-size:20px;
    }
.data-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(242,242,242,.85);
    top: 0;
    left: 0;
    
}
    .data-overlay div {
        justify-content: center;
    }
.verify-company-logo {
	position:absolute;
	top:15px;
	left:15px;
	width:110px;
}
.mw-315 {
	max-width:315px;
}
.a1, .a2, .a3 {
	transform: translateY(5px);
	opacity:0;
	transition:all 420ms cubic-bezier(.165,.84,.44,1);
}
.fa-animate-test.active .a1 {
	transform: translateY(0);
	transition:all 420ms cubic-bezier(.165,.84,.44,1) 320ms;
	opacity:1;
}
.fa-animate-test.active .a2 {
	transform: translateY(0);
	transition:all 420ms cubic-bezier(.165,.84,.44,1) 350ms;
	opacity:1;
}
.fa-animate-test.active .a3 {
	transform: translateY(0);
	transition:all 420ms cubic-bezier(.165,.84,.44,1) 370ms;
	opacity:1;
}
.portfolio-container {
	display:flex;flex-direction: column;
}
.portfolio-container-inner-left {
	margin-right:0px;flex-shrink:1;width:100%;
}
.portfolio-container-inner-right {
	margin-left:0px;flex-shrink:1;width:100%;
}
.portfolio-container-inner-content {
	padding:20px 24px;border-bottom:1px solid #f2f2f2;
}
.portfolio-funds-overflow {
	height:329px !important;
}
.btn-expand-properties-board span:before, .btn-expand-properties-board span:after {
	width:44%;
}
.porfolio-chart-graph {
    height:550px;
}
.funds-transaction-list {
    height:608px;
}

.funds-transaction-list-single {
    height: 570px;
}
.t-dateContainer {
	width:100%;
}
.t-detailContainer {
	width:100%;
}
.t-valueContainer {
	width:100%;
}
.flex-m-rc {
	flex-direction: column;
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 51px;
        height: 51px;
        margin: 6px;
        border: 4px solid #231f20;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #231f20 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.flex-m-wrap {
	flex-wrap:wrap;
}
.flex-m-wrap div:nth-child(1) {
	width:50%;
}
.flex-m-wrap div:nth-child(2) {
	width:50%;
}
.flex-m-wrap div:nth-child(3) {
	width:100%;margin-top:8px;
}
.n-beta-label {
	background-color:#5abcbd;color:#fff;font-size:10px;text-transform: uppercase;padding:2.5px 6px 1.25px;border-radius:25px;
	line-height:normal;
}
.n-alert-popover {
	background-color:#fff;border-radius:8px;max-width:352px;
	box-shadow:0 0 2rem rgba(0,0,0,0.05);height:0;overflow:hidden;
	transition:all 450ms cubic-bezier(.165,.84,.44,1);
}
.n-alert-popover>div {
	padding:20px;
}
.n-alert-popover i {
	font-size:24px;
	opacity:0;
	transform:translateX(25px);
}
.n-alert-popover p {
	margin-left:10px;
	opacity:0;
	transform:translateX(25px);
}
.n-alert-popover button {
	outline:none;padding:0;color:#5abcbd;margin-top:10px;
	opacity:0;
	transform:translateX(25px);
}
.n-alert-popover button:focus, .n-alert-popover button:active, .n-alert-popover button:hover {
	outline:none;text-decoration: none;
}
.n-alert-popover.active {
	transition:all 450ms cubic-bezier(.165,.84,.44,1);
	height:129px;
}
.n-alert-popover.active i {
	opacity:1;
	transform:translateX(0);
	transition:all 450ms cubic-bezier(.165,.84,.44,1);
}
.n-alert-popover.active p {
	opacity:1;
	transform:translateX(0);
	transition:all 450ms cubic-bezier(.165,.84,.44,1);
}
.n-alert-popover.active button {
	opacity:1;
	transform:translateX(0);
	transition:all 450ms cubic-bezier(.165,.84,.44,1) 120ms;
}
.n-pm-link {
	border-bottom:1px solid #5abcbd;
	color:#5abcbd;
}
.n-pm-link:active {
	outline:2px dotted #231f20;
	outline-offset: 5px;
	text-decoration: none;
	color:#51a9aa;
}
.n-pm-link:hover {
	text-decoration: none;
	border-bottom:2px solid #51a9aa;
	color:#51a9aa;
}
@media (min-width:768px) {
        .main-stat-container {
		display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px;
	}
	.clear-sm-both {
		clear:both;
	}
	.chart-graph {
		width:100%;
		min-height:386px;
	}
	.property-ll-grid {
		display:grid;grid-template-columns: repeat(6, 38%);grid-gap:0 30px;
	}
	.t-dateContainer {
		width:25%;
	}
	.t-detailContainer {
		width:65%;
	}
	.t-valueContainer {
		width:10%;
	}
	.flex-m-rc {
		flex-direction: row;
	}	
	.flex-m-wrap {
		flex-wrap:wrap;
	}
	.flex-m-wrap div:nth-child(1) {
		width:33%;
	}
	.flex-m-wrap div:nth-child(2) {
		width:33%;
	}
	.flex-m-wrap div:nth-child(3) {
		width:33%;margin-top:0;
	}	
}
@media (min-width:992px) {
	.graph-container {
		margin-top:0;
	}
	.main-stat-container {
		display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:30px;
	}
	.clear-sm-both {
		clear:none;
	}
	.portfolio-container {
		display: flex;
		flex-direction: row;
	}
	.portfolio-container-inner-left {
		margin-right:7.5px;flex-shrink:1;width:50%;
	}
	.portfolio-container-inner-right {
		margin-left:7.5px;flex-shrink:1;width:50%;
	}
	.property-ll-grid {
		display:grid;grid-template-columns: repeat(6, 29%);grid-gap:0 30px;
	}
	.funds-m-overflow {
		overflow-y:scroll;
		height:570px;
		-webkit-overflow-scrolling: touch;
	}
	.porfolio-chart-graph {
		height:704px;
	}
	.funds-transaction-list {
		height:610px;
	}
}
@media (min-width:1200px) {
	.container-res {
		max-width:1170px;
		padding-left:15px;padding-right:15px;
	}
	.big-text {
		font-size:32px;
	}
	.property-ll-grid {
		display:grid;grid-template-columns: repeat(4, 1fr);grid-gap:10px 30px;
	}
	.btn-expand-properties-board span:before, .btn-expand-properties-board span:after {
		width:100%;
	}
	.n-alert-popover.active {
		transition:all 450ms cubic-bezier(.165,.84,.44,1);
		height:109px;
	}
}
