@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap');
/* font-family: 'Roboto', sans-serif; */
@font-face {
		font-family: 'Sabon';
		src: url('../fonts/sabonltstd-roman-webfont.woff') format('woff');
		font-weight:300;
		font-style: normal;
}
html {
		overflow-x:hidden;
		height: 100%;
}
body {
		margin: 0px;
		color: #000000;
		font-size:16px;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		line-height:normal;
		padding:0px !important;
		/*background-color: rgba(210,210,210,.4);*/
		height: 100%;
}
img {
		max-width:100%;
}
h1, h2, h3, h4, h5, h6 {
		font-family: 'Raleway', sans-serif;
		margin:0px;
		color:#333333;
		line-height:normal;
		font-weight:300;
		margin-bottom:15px;
}
h1 {
		font-size:38px;
}
h2 {
		font-size:34px;
}
h3 {
		font-size:28px;
}
h4 {
		font-size:24px;
}
h5 {
		font-size:22px;
}
h6 {
		font-size:20px;
}
hr {
		margin:10px 0px;
		border:0px;
		border-bottom:1px dashed #828282;
}
p, ul, ol {
	margin:0px;
	line-height:25px;
	padding:0px;
}
ul *, ol * {
		margin:0px;
		padding:0px;
	}
ol, ul {
	padding-left: 25px;
}
ul {
	display:block;
}
ul li {
	line-height:30px;
}
ul li+li {
	
}
a img {
	border: 0px;
}
p, ul, ol {
	margin-bottom: 18px;
}
.clr {
	display: block;
	float: none;
	clear: both;
}
.c {
	overflow:hidden;
	float:none;
}
.underline {
	text-decoration:underline;
}
.round5 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round15 {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.left, .flot_left {
	float:left;
}
.right, .flot_right {
	float:right;
}
.a_left {
	text-align: left;
}
.a_center {
	text-align: center;
}
.a_right {
	text-align: right;
}
a {
	text-decoration:none;
}
.hidden {
	display:none;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
table {
	border-spacing:0px;
	border-collapse:collapse;
}
input[type="text"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], input[type="file"], select, textarea,input[type="number"] {
	background:#fff;
	border:1px solid #e0e0e0;
	color: #6d6a6a;
	font-size: 12px;
	padding: 12px 15px;
	resize: vertical;
	width:100%;
	font-weight:300;
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
}
textarea {
	width:100%;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	
}
select {
	padding: 11px 15px;
	width:100%;
}
input[type="button"]:not(.btnPrimary), input[type="submit"]:not(.btnPrimary), input[type="reset"]:not(.btnPrimary), .primary-button:not(.btnPrimary), .button a {
	border:0px;
	padding: 7px 21px;
    background: #eceaea;
    border: 1px solid #ccc;
	color:#000;
	font-size:14px;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	
}
.button a {
	display:inline-block;
	vertical-align:top;
}
.button .large{
	padding:16px 30px;
	min-width:200px;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .primary-button:hover, .btn:hover, .primary-button:focus, .btn:focus {
	background-color:#f89e33;
	color:#fff;
}
.button a:hover {
	background-color:#f89e33;
	color:#fff;
}
.form-control {
	border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow: 0 0 0;
	height: auto;
}
a:focus {
	outline:none;
	text-decoration:none;
}
a {
	color:#333333;
}
a:hover {
	text-decoration:none;
	color:#f89e33;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
/*-------------------------*/

#mob_menu {
	position: fixed;
	background-color: #000;
	height: 100%;
	z-index: 999999;
	width: 280px;
	color: #fff;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
	left:-320px;
	overflow:auto;
}
#mob_menu.show_menu {
	left:0px;
}
#mob_menu .closeBox {
	text-align:right;
	padding:8px 15px;
}
#mob_menu .closeBox {
	font-size:26px;
}
#mob_menu .closeBox a {
	color:#fff;
}
g#mob_menu .closeBox a:hover {
	color:#f89e33;
}
#mob_menu ul,  #mob_menu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#mob_menu ul li {
	display:block;
}
#mob_menu ul li a {
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight:300;
	padding: 8px 15px 8px 25px;
	border-radius:100px 0px 0px 100px;
	border-top-left-radius:100px;
	border-top-right-radius:0px;
	border-bottom-left-radius:100px;
	border-bottom-right-radius:0px;
	-moz-border-top-left-radius:100px;
	-moz-border-top-right-radius:0px;
	-moz-border-bottom-left-radius:100px;
	-moz-border-bottom-right-radius:0px;
	-ms-border-top-left-radius:100px;
	-ms-border-top-right-radius:0px;
	-ms-border-bottom-left-radius:100px;
	-ms-border-bottom-right-radius:0px;
	-o-border-top-left-radius:100px;
	-o-border-top-right-radius:0px;
	-o-border-bottom-left-radius:100px;
	-o-border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:100px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:100px;
	-webkit-border-bottom-right-radius:0px;
}
#mob_menu ul li a:hover {
	background:#f89e33;
	color:#fff;
}
#mob_menu ul li ul {
	margin-left:15px;
	display:none;
}
#mob_menu ul li i {
	margin-right:12px;
}
#mob_menu ul li + li {
	border-top:1px solid #094291;
}
#mob_menu ul li ul li+li {
	border-top:0px;
}
/*--------------------------------------*/
a {
	transition:all linear .2s;
 -moz-transition:all linear .2s;
 -ms-transition:all linear .2s;
 -o-transition:all linear .2s;
 -webkit-transition:all linear .2s;
}
.top-section {
	width:100%;
	padding:10px 10px;
	border-bottom:1px solid #e0e0e0;
	/* overflow:hidden;
	background:#fff; */
	background:#f7f7f7;
	margin-bottom:27px;
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}
.top-section .logo-box {
	max-width:200px;
	/* float:left; */
}
.top-section .logo-box a {display: block;}
.top-section .nav-box {
	/* margin-left: 200px; */
	text-align: right;
	padding: 10px 0px 0;
	/* padding-left: 30px; */
	text-transform: capitalize;
	font-weight: 400;
}
.top-section .nav-box ul, .top-section .nav-box ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.top-section .nav-box ul li a.notification {
    border: 2px solid #494749;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
	line-height: 22px;
	background-color: #fff;
    font-size: 13px;
    position: relative;
}
.top-section .nav-box ul li a.notification i {
    position: absolute;
    background-color: #fff;
    padding: 3px 1px;
	margin: 0;
    font-size: 11px;
	border-radius: 50%;
	transition: all linear 0.2s;
    top: -6px;
    right: -6px;
}
.top-section .nav-box ul li a.notification:hover{
	border: 2px solid #f89e33;
	color: #f89e33;
}
.top-section .nav-box ul li a.notification:hover i {
	color: #f89e33;
}
.top-section .nav-box ul li {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.top-section .nav-box ul li i {
	margin-right: 6px;
}
.top-section .nav-box ul li a {
	color: #000;
	display: block;
	/* font-size: 15px;
	padding: 4px 0; */
	font-weight: 600;
}
.top-section .nav-box a.call {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin: 5px 0;
	display: inline-block;
}
.top-section .nav-box a.call .fa {
	vertical-align: middle;
	margin-right: 0;
}
.top-section .nav-box ul > li + li {
	margin-left: 25px;
}
/* .top-section .nav-box ul li a.profile {
	color:#7b7b7b;
}
.top-section .nav-box ul li a.profile .fa {
	width: 30px;
	height: 30px;
	border: 1px solid;
	border-radius: 20px;
	text-align: center;
	padding: 5px;
	background-color: #7b7b7b; 
	color: #fff;
}
.top-section .nav-box ul li a.profile.active,
.top-section .nav-box ul li a:hover {
	color:#f89e33;
}
.top-section .nav-box ul li a.profile.active .fa {
	background-color:#f89e33;
}
.top-section .nav-box ul li a.profile {
	text-transform: capitalize;
}
.top-section .nav-box ul li.dropDown > a:after,
.mobileNav ul li.dropDown > a:after {
	content: "\f0d7";
	font-family: "FontAwesome";
	font-size: 10px;
	vertical-align: 2px;
	display: inline-block;
	margin-left: 2px;
}
.top-section .nav-box ul.dropDownMenu {
	padding: 10px;
	position: absolute;
	background-color: #fff;
	text-align: left;
	border-radius: 4px;
	min-width: 120px;
	right: 0;
	top: 40px;
	display: none;
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}
.top-section .nav-box ul.dropDownMenu:before {
	content: "\f0d8";
	font-family: "FontAwesome";
	font-size: 20px;
	position: absolute;
	right: 9px;
	top: -14px;
	color: #fff;
	display: none;
}
.top-section .nav-box ul.dropDownMenu li {	
	margin: 0 0;	
	display: block;
}
.top-section .nav-box ul.dropDownMenu li a {
	padding: 0;
	font-size: 14px;
	font-weight: 400;
} */
.home-landing-section {
	display: table;
	width: 100%;
	padding: 80px 0px;
}
.home-landing-section.index {
	padding:30px 0px 50px;
}
.home-landing-section .image-box {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding:0px 50px;
}
.home-landing-section .form-box {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 0px 50px;
	position: relative
}
.home-landing-section .form-table {
	margin: 0 auto;
}
.home-landing-section .form-table table {
	width: 100%;
}
.home-landing-section .form-table input[type="text"], .home-landing-section .form-table input[type="password"], .home-landing-section .form-table input[type="email"] {
	border: 1px solid #e0e0e0;
	border-radius: 60px;
	font-size: 17px;
	padding: 16px 22px;
}
.home-landing-section .form-table td {
	padding-bottom: 11px;
}
.home-landing-section .form-table label {
	font-weight: 500;
}
.home-landing-section .form-table input[type="checkbox"] {
	margin-right: 6px;
}
.home-landing-section .form-table .forgot-pass {
	text-align: right;
}
.home-landing-section .form-table a {
	color: #333333;
}
.home-landing-section .form-table a:hover {
	text-decoration: underline;
}
.home-landing-section .form-table input[type="submit"] {
	font-size: 18px;
	padding: 13px 15px;
	width: 100%;
}
.home-landing-section .form-table .form-crate-account {
	margin-top: 25px;
	text-align: center;
}
.bottom-navigation {
	border-top:4px solid #f89e33;
	text-align:center;
	padding:0px 0px;
	background:#484848;
	position:relative;
	bottom:0;
	width:100%;
}
.bottom-navigation .container {
	width:auto;
}
.bottom-navigation ul, .bottom-navigation ul li {
	padding:0px;
	margin:0px;
	list-style:none;
}
.bottom-navigation ul li {
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.bottom-navigation ul li a {
	color: #e1e1e1;
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding:15px 35px 8px 35px;
	text-transform: uppercase;
}
.bottom-navigation ul li span {
	display:block;
}
.bottom-navigation ul li .icon-box {
	font-size:18px;
	margin-bottom:6px;
}
.bottom-navigation ul li a:hover {
	background:#f89e33;
	color:#fff;
}
.account-inner-section {
	margin-bottom:0px;
	padding-bottom:1px;
	min-height:518px;
	padding-right:15px;
}
.menu-box {
	margin-bottom:5px;
}
.account-inner-section .graph-box {
	margin: -1px auto 0px;
	max-width: 350px;
	padding: 0 15px;
}
.account-menu-page {
	/* font-size: 0px;
	text-align: center; */
	margin: 0px;
	padding: 5px 10px;
}
.account-menu-page.topRow {
	padding: 0;
	margin: 0 -10px -15px;
}
.account-left-box, .account-right-box {
	/* padding: 15px; */
	background-color: rgba(255,255,255,1);
	border-radius: 4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
	overflow: hidden;
	margin-bottom: 5px;
}

.account-menu-page .account-menu-box {
	float: left;
	width: calc(25% - 20px);
	margin: 0px 10px;
	margin-bottom: 20px;
}
.account-menu-page .account-menu-box a {
	display: block;
	/*background: #fff;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* border: 1px solid #e0e0e0; */
	/*border-bottom: 3px solid #f89e33;*/
	/* padding: 60px 20px; */
	position: relative;
	padding: 10px;
	min-height: 80px;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
	overflow: hidden;
}
.account-menu-page .account-menu-box a:hover {
	transform: translateY(-2px);
	/* background:#f89e33; */
}
.account-menu-page .account-menu-box a *{transition: all linear 0.3s;}
.account-menu-page .account-menu-box a span {
	display:block;
}
.account-menu-page .account-menu-box .image {
	width: 40px;
	height: 40px;
	margin-bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	left: 20px;
	top: 50%;
	/*opacity: 0.7;*/
	transform: translateY(-50%);
}
.account-menu-page .account-menu-box .menu-name {
	font-size: 20px;
	color: #484848;
	font-weight: normal;
	padding-left: 60px;
	text-align: left;
	position: absolute;
	top: 50%;
	padding-right: 10px;
	transform: translateY(-50%);
}
.account-menu-page .account-menu-box a:hover .menu-name {
	color: #f89e33;
}
.account-menu-page .account-menu-box a:hover .image {
	opacity: 0.95;
}
/* styles written by arun */
.mobileMenu {display: none;}
.mobileMenu a {display: block; color: #7b7b7b; cursor: pointer;}
.mobileMenu a:hover {color: #f89e33;}
.mobileNav {position: fixed; z-index: 99; width: 260px; height: 100%; overflow: auto; background-color: #f89e33; padding: 50px 10px; top: 0; right: -270px; transition: all linear 0.3s;}
.mobileNav.show {right: 0;}
.mobileNav ul{padding: 0; margin: 0; list-style: none;}
.mobileNav ul li { display: block}
.mobileNav ul li + li {border-top: 1px solid rgba(0,0,0,.1);}
.mobileNav ul li a{display: block; color: #fff; text-transform: capitalize; font-weight: 400;font-size: 16px; padding: 4px 15px; line-height: 30px;}
.mobileNav ul li a:hover{background-color: #fff; color: #f89e33;}
.mobileNav ul li a .fa{margin-right:6px;}
.mobileNav ul li ul {padding-left: 25px;}
.mobileNav ul li.dropDown > .dropDownMenu{display: none;} 
.mobileNav .closeMenu {font-size: 20px; position: absolute; right: 20px; top: 14px; cursor: pointer;}

.overLay, .menuOverLay {position: fixed; width: 100%; height: 100%; z-index: 90; background-color: rgba(0,0,0,.7); left: 0; right: 0; top: 0; bottom: 0; display: none;} 
.cfx::after {clear: both; content: "+"; display: block; height: 0; visibility: hidden;}
.account-new-section .menu-page, .loginBx .menu-page, .account-left-box .menu-page {
	background-color: #fff; 
	border-bottom: 1px solid #efefef; 
 
	padding: 5px 7px; 
	color: #484848;
	font-family: 'Roboto', sans-serif;
}
.account-menu-page.quickLinks .account-menu-box {
	width: calc(25% - 20px);
	margin-bottom: 28px;
}
.account-menu-page.quickLinks .account-menu-box a {
	padding: 12px 12px;
}
.account-menu-page.quickLinks .account-menu-box .image {
	position: static;
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
	transform: none;
}
.account-menu-page.quickLinks .account-menu-box .menu-name {
	position: static;
	padding: 0;
	transform: none;
	text-align: left;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
      font-weight: normal;
      font-size:14px;
        
}
.account-menu-page.quickLinks .account-menu-box a i {
	font-size: 35px;
	color: #ccc;
	margin-bottom: 15px;
	opacity: 0.9;
}
.account-menu-page.quickLinks .account-menu-box a:hover i {
	color: rgba(248, 158, 51, .85);
}
.account-menu-page.quickLinks .account-menu-box a .count {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 24px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}



.account-new-section .graph .menu-page {margin-bottom: -51px;}
.menu-box #mobile-btn {
	display: inline-block;
	position: relative;
	color: #7b7b7b;
	margin-bottom: 25px; 
}
.menu-box #mobile-btn * {transition: all linear 0.2s}
.menu-box #mobile-btn:hover{
	color: #000;
}
/* .menu-box #mobile-btn::after {
		position: absolute;
	content: "Manage Admin";
	right: -120px;
	top: 4px;
	font-weight:600;
	color:#7b7b7b;
} */
.menu-box #mobile-btn span{
	font-weight: 600;
	margin-left: 6px;
}
.menu-box #mobile-btn i, .menu-box #mobile-btn span {
	display: inline-block;
	vertical-align: middle;
}
.menu-box #mobile-btn i {
	font-size: 25px;
}
/* *******login page styles******* */
.loginBx {
	max-width: 400px;
	box-shadow: none;
	background-color: #fff;
}
.loginBx .loginForm {
	/* border-bottom: 3px solid #f89e33;
	border-radius: 4px; */
	position: relative;
}
.loginBx .formRow {
	margin-bottom: 15px;
	padding: 0 15px;
	text-align: center;
}
.loginBx .formImg {
	opacity: 0.1;
	max-width: 80%;
	margin: 0 auto 15px;
}
.loginForm .formRow input {
	border-radius: 4px;
	color: #000;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
}
.loginForm .formRow input:focus,.loginForm .formRow input:hover {
	outline: none;
}
.loginForm .formRow .remember{cursor: pointer; display: inline-block; margin-bottom: 0;}
.loginForm .formRow .remember span {display:inline-block; vertical-align:middle; line-height: 24px; font-weight: 500; font-size: 14px; color: #cccccc;}
.loginForm .formRow .remember .fa {font-size: 18px; color: #cccccc; margin-right: 4px; line-height: 24px; vertical-align: middle;}
.loginForm .formRow .remember input[type="checkbox"]:checked + .fa:before {content: "\f205"; color: #f89e33;}
.loginForm .formRow .remember input[type="checkbox"]:checked + .fa + span {color: #000;}
.loginForm .formRow input[type="submit"] {
	border-radius: 3px;
	min-width: 130px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	padding: 10px 15px;
	transition: all linear 0.2s;
}
.loginForm .formRow.forgot a {
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	line-height: 22px;
}
.loginForm .formRow.createAcnt {
	font-size: 14px;
	font-weight: 500;
}
.loginForm .formRow.createAcnt a {
	color: #f89e33;
}
.loginForm .formRow.createAcnt a:hover {
	text-decoration: underline;
}
.boxShadow{
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	-o-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
}
/*.boxShadowSmall{
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}*/
.tableLayout {
	display: table;
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	border-radius: 4px;
	margin: 0 auto;
	overflow: hidden;
}
.tableLayout .tableCell {
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	width: 360px;
	border-bottom: 3px solid #f89e33;
	overflow: hidden;
}
.tableLayout .tableCell.leftCol {
	padding: 50px;
	background-color: #f1f1f1;
	text-align: center;
}
.tableLayout .tableCell h1 {
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 24px;
}
.tableLayout .tableCell .tableImg {
	margin-bottom: 30px;
}
.tableLayout .tableCell p, .forgotModal p {
	line-height: 23px;
	font-weight: 400;
	font-size: 14px;
}
/******forgot modal******/
.forgotModal {
	text-align: center;
}
.forgotModal .loginBx {
	border: none;
	border-bottom: 3px solid #f89e33;
	overflow: hidden;
}
/* .forgotModal .close{font-size: 20px;} */
.forgotModal h4 {
	font-weight: 600;
	margin-bottom: 25px;
}
.forgotModal .modal-content {
	max-width: 400px;
	margin: 10vh auto 0;
	border-radius: 4px;
	background-color: #fff;
	/* padding: 20px; */
	position: relative;
}
.forgotModal input[type="email"] {
	border-radius: 4px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	display: block;
	margin-bottom: 25px;
}
.forgotModal .formRow a {
	font-weight: 600;
	text-decoration: underline;
	color: #333;
	font-size: 14px;
	margin: 11px 0;
}
/* *******view property styles******* */
.btnPrimary {
	border-radius: 3px;
	min-width: 130px;
	font-family: 'Raleway', sans-serif;

	color: #000;
	font-weight: 400;
	padding: 10px 15px;
	transition: all linear 0.2s;
	background-color:#eceaea; 
	font-size: 14px; 

	transition: all linear 0.2s;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	line-height: normal;
	border: none
}
.btnPrimary i {margin-right: 5px;}
.btnPrimary:hover{
	background-color:#f89e33; 
	color: #fff;
	outline: none;
}
.btnPrimary:focus,
.btnPrimary:active{
	outline: none;}

.btnPrimary.grey {
	background-color: #ededed;
	color: #1e1e1e;
}
.btnPrimary.grey:hover {
	color: #fff;
	background-color: #f89e33;
}
.btnPrimary.tiny {
	padding: 7px;
	font-size: 12px;
	min-width: 100px;
		font-family: 'Roboto', sans-serif;
}
.propertyCol {
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 3px solid #fff;
	transition: all linear 0.2s;
}
.propertyCol .propertyImg{padding: 10px;}
.propertyCol .propertyImg a {
	display: block;
	width: 100%;
	height: 150px;
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: contain;
}
.propertyCol .propertyDet {
	padding: 10px;
}
.propertyCol .propertyDet p, .propertyCol .propertyDet h3 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.propertyCol .propertyDet h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 5px;
}
.propertyCol .propertyDet h3 a {
	color: #000;
	display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
}
.propertyCol .propertyDet h3 a:hover{color: #f89e33}
.propertyCol .propertyDet p {
	font-weight: 400;
	color: #888;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
.propertyCol .propertyDet p i{ margin-left: 1px; font-size: 16px;}
.propertyCol .btnContainer {margin: 0 -3px;}
.propertyCol .btnContainer .btnPrimary { margin: 5px 3px;}
.propertyList {margin: 0 -10px;}
.propertyList .propertyCol {width: calc(25% - 20px); float: left; margin: 10px; text-align: center; border-bottom:1px solid #f89e33;}
.propertyList .propertyCol:hover{border-color:#f89e33;}
/*****filter boxes******/
.filterBox .filterIcons a { }
.filterBox .filterIcons a.mobileSearch {display: none;}
.filterBox .filterIcons, .filterBox .filterLocation {margin-bottom:25px;}
.filterLocation {
	background-color: #fff;
	border-radius: 3px;
	overflow: hidden;
	padding: 0 5px;
}
.filterLocation .searchQuery {width: calc(100% - 130px);}
.filterLocation .searchQuery select {
	width: calc(50% - 3px);
	background-color: #f7f7f7;
	border-color: #e0e0e0;
	border-radius: 3px;
	padding: 6px 10px 5px;
	font-size: 14px;
	/*margin: 5px 0;*/
}
.filterLocation .searchQuery select:focus,
.filterLocation .searchQuery select:hover,
.filterLocation .searchQuery input:focus,
.filterLocation .searchQuery input:hover{outline: none;}
.filterLocation .searchQuery .searchText {
	width: calc(50% - 3px);
	margin-left: 6px;
}
.filterLocation .searchQuery .searchText input {
    background-color: #f7f7f7;
    border-color: #e0e0e0;
    width: 100%;
    border-radius: 3px;
    padding: 7px 10px 6px;
  /*  margin: 5px 0;*/
    font-size: 14px;
}
.filterLocation .submitBtn {
	width: 130px;
	text-align: right;
	margin: 5px 0;
}
.filterLocation .submitBtn .btnPrimary {min-width: 124px; padding:7px; margin:-3px;}
/* styles written by arun ends */
.heading-box {
	/* text-align:center; */
	margin-bottom:30px;
	position: relative;
}
.heading-box h1 {
	margin-bottom:0px;
	text-transform:capitalize;
	font-weight: 800;
	position: relative;
	display: inline-block;
}
.heading-box h1 span {
	/* color:#f89e33; */
}
.heading-box h1:after {
	content: "";
	width: 120px;
	height: 3px;
	background-color: #f89e33;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
}
/* side bar my account */
.sideBar {
	/*background-color: #484848;*/
	background-color: #f7f7f7;	
	padding: 24px 0;
    min-height: 775px;
	margin-top: -23px;
       
}
.noSideBar .sideBar {
    position: fixed;
    left: -290px;
    top: 0px;
    height: 100%;
    overflow: auto;
    width: 270px;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    transition: all linear 0.3s;
    padding-top: 60px;
}
.noSideBar .sideBar .closeBtn{display: block}
.sideBar.show_menu {
    left: 0 !important;
}
.closeBtn {
	margin-right: 10px;
	display: none;
	width: 24px;
	margin-left: auto;
	height: 24px;
	position: relative;
	cursor: pointer;
	margin-top: 45px
}
.closeBtn::before, .closeBtn::after {
	width: 24px;
	height: 2px;
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
	top: 12px;
}
.closeBtn::before {
	transform: rotate(45deg);
	left: 0;
}
.closeBtn::after {
	right: 0;
	transform: rotate(-45deg);
}
.sideBar a {
	/*color: #fff;*/
	color: #2a2a2a;
	font-weight: 400;
	display: block;
	position: relative;
}
.sideBar > ul > li > a::before {
	/*content: "\f0da";
	font-family: "FontAwesome";*/
	font-size: 16px;
	vertical-align: 2px;
	display: inline-block;
	margin-left: 2px;
	position: absolute;
	left: 8px;
	top: 0;
	transition: all linear 0.2s
}

.sideBar > ul > li > a.overview {
	background: url(https://dubai-realpro.com/assets/content/images/overview.png) no-repeat 14px 6px;}

.sideBar > ul > li.active .overview {
	background: url(https://dubai-realpro.com/assets/content/images/overview-over.png) no-repeat 14px 6px;}

.sideBar > ul > li > a.property {
	background: url(https://dubai-realpro.com/assets/content/images/property.png) no-repeat 14px 6px;}

.sideBar > ul > li.active .property {
	background: url(https://dubai-realpro.com/assets/content/images/property-over.png) no-repeat 14px 6px;}
	
	
.sideBar > ul > li > a.vacant {
	background: url(https://dubai-realpro.com/assets/content/images/vacant.png) no-repeat 14px 6px;}

.sideBar > ul > li.active .vacant {
	background: url(https://dubai-realpro.com/assets/content/images/vacant-over.png) no-repeat 14px 6px;}
	
.sideBar > ul > li > a.tenancy {
	background: url(https://dubai-realpro.com/assets/content/images/tenancy.png) no-repeat 14px 6px;}

.sideBar > ul > li.active .tenancy {
	background: url(https://dubai-realpro.com/assets/content/images/tenancy-over.png) no-repeat 14px 6px;}
	
.sideBar > ul > li > a.manage {
	background: url(https://dubai-realpro.com/assets/content/images/manage.png) no-repeat 14px 11px;}

.sideBar > ul > li.active .manage {
	background: url(https://dubai-realpro.com/assets/content/images/manage-over.png) no-repeat 14px 11px;}
	
	.sideBar > ul > li > a.tenants{
	background: url(https://dubai-realpro.com/assets/content/images/tenants.png) no-repeat 14px 11px;}

.sideBar > ul > li.active .tenants {
	background: url(https://dubai-realpro.com/assets/content/images/tenants-over.png) no-repeat 14px 11px;}
	
.sideBar > ul > li > a.banking {
	background: url(https://dubai-realpro.com/assets/content/images/banking.png) no-repeat 14px 12px;}

.sideBar > ul > li.active .banking {
	background: url(https://dubai-realpro.com/assets/content/images/banking-over.png) no-repeat 14px 12px;}

.sideBar > ul > li > a.receivable {
	background: url(https://dubai-realpro.com/assets/content/images/receivable.png) no-repeat 14px 9px;}

.sideBar > ul > li.active .receivable {
	background: url(https://dubai-realpro.com/assets/content/images/receivable-over.png) no-repeat 14px 9px;}	


.sideBar > ul > li > a.agent {
	background: url(https://dubai-realpro.com/assets/content/images/agent.png) no-repeat 14px 9px;}

.sideBar > ul > li.active .agent {
	background: url(https://dubai-realpro.com/assets/content/images/agent-over.png) no-repeat 14px 9px;}	

.sideBar > ul > li > a.profile {
	background: url(https://dubai-realpro.com/assets/content/images/profile.png) no-repeat 14px 8px;}

.sideBar > ul > li.active .profile {
	background: url(https://dubai-realpro.com/assets/content/images/profile-over.png) no-repeat 14px 8px;}

.sideBar > ul > li > a.extra {
	background: url(https://dubai-realpro.com/assets/content/images/extra.png) no-repeat 14px 6px;}

.sideBar > ul > li.active .extra {
	background: url(https://dubai-realpro.com/assets/content/images/extra-over.png) no-repeat 14px 11px #f89e33; color:#ffffff;}


.sideBar > ul > li > .dropDownMenu .sub {
	background: url(https://dubai-realpro.com/assets/content/images/extra.png) no-repeat 14px 11px;}



.sideBar li.current > a ,
.sideBar a:hover {
	color: #6b6967;
	
}
.sideBar li.current > a {
	font-weight: bold;
}
.sideBar li.active > a{
	background-color: #6b6967;
	color: #6b6967;
}
.sideBar li.active > a::before {
	transform: rotate(90deg)
}
.sideBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sideBar > ul {
	/* padding-top: 20px; */
}
.sideBar ul > li {
	border-bottom: 1px solid rgba(255,255,255,1);
	display: block;
}

.sideBar ul > li a{
	padding-left: 42px;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
        font-size:14px;
}
.sideBar ul li > ul  {
	padding-left: 30px
}
.sideBar ul li > ul li a{
	font-size: 14px;
	padding-left:15px
}
.sideBar ul li > ul li:last-child {border-bottom: none;}
.sideBar .dropDownMenu {display: none;}
/*************/
.property-location-box {
	text-align: center;
	margin-bottom:30px;
}
.property-location-box .location {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	text-align: left;
}
.property-location-box .location.width-auto {
	width:auto;
}
.property-location-box .location+.location {
	margin-left:15px;
}
.property-location-box .location table {
	width: 100%;
}
.select-box {
	position:relative;
}
.select-box::after {
	content:"\f107";
	position:absolute;
	right:15px;
	top:16px;
	font-family:'FontAwesome';
}
.select-box select {
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.property-list-box {
	font-size:0px;
	margin:0px -5px;
}
.property-list-box .property-item {
	display:inline-block;
	vertical-align:top;
	width:calc(20% - 10px);
	margin:0px 5px;
	margin-bottom:40px;
	position: relative;
}
.property-list-box .property-item a {
	display: block;
	font-size: 15px;
	background: #fff;
	/* border: 1px solid #e0e0e0; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	padding-bottom: 50px;
}
.property-list-box .property-item .image {}
.property-list-box .property-item .name {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	text-align:center;
	padding:10px 0px;
	color:#333333;
	font-weight:500;
}
.property-list-box .property-item .proper-btns {
	font-size: 0px;
	margin-top: 4px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	padding: 6px 5px;
	margin: 0;
	position: absolute;
	width: 100%;
	bottom: 5px;
	left: 0;
}
.property-list-box .property-item .proper-btns a{
	display:inline-block;
	vertical-align:top;	
	border:0px;
	font-size:10px;
	text-transform:uppercase;
	padding:10px 13px;
	font-weight:600;
	float:left;
	background:#333333;
	color:#fff;
	border-radius:50px;
}
.property-list-box .property-item .proper-btns a+a{
	float:right;	
}
.property-list-box .property-item .proper-btns a:hover{
	background:#f89e33;	
}
.property-list-box .property-item .orange{
	color:#f89e33;
}
.property-list-box .property-item a:hover {
	border-color:#333333;
}
.property-list-box .property-item a:hover .name {
	color:#333333;
}
.add-property-section {
	max-width:1065px;
	margin:0px auto;
	position: relative;
}
.propery-add-details {
	margin-bottom:20px;
}
.propery-add-details:last-child() {
	  margin-bottom:0px;
}
.propery-add-details table {
	width:100%;
}
.propery-add-details td {
	padding-bottom:10px;
	vertical-align: top
}
.propery-add-details td+td {
	padding-left:20px;
}
.propery-add-details .name {
	font-size:15px;
	margin-bottom:8px;
}
.propery-add-details .image-field input[type="file"] {
	padding:8px 10px;
}
.edit-dlt-propery-box {}
.edit-dlt-propery-box .edit-table-box {
	background:#fff;
	border:1px solid #e0e0e0;
}
.edit-dlt-propery-box .edit-table-box table {
	width:100%;
}
.edit-dlt-propery-box .edit-table-box .label-name {
	background:#333333;
	font-size:14px;
	color:#fff;
	padding:8px 15px;
	margin-bottom:5px;
	display:none;
}
.edit-dlt-propery-box .edit-table-box .head {
	background:#333333;
}
.edit-dlt-propery-box .edit-table-box th, .edit-dlt-propery-box .edit-table-box td {
	padding:4px 10px;
}
.edit-dlt-propery-box .edit-table-box .head th {
	color:#333333;
	padding:5px 10px;
	font-weight:400;
font-family: 'Roboto', sans-serif;
	font-size:13px;
	background-color:#f1f1f1;
}
.edit-dlt-propery-box .edit-table-box .head th+th {
	border-left:1px solid #e8e4e4;
}
.edit-dlt-propery-box .edit-table-box td {
	font-size:12px;
}
.edit-dlt-propery-box .edit-table-box .edit-btn,  .edit-dlt-propery-box .edit-table-box .dlt-btn {
	text-align:center;
}
.edit-dlt-propery-box .edit-table-box tr+tr {
	border-top:1px solid #e0e0e0;
}
.edit-dlt-propery-box .edit-table-box td+td {
	border-left:1px solid #e0e0e0;
}
.edit-dlt-propery-box .edit-table-box tr:nth-child(even) {
	  background:#fff;
}
.edit-profile-section .edit-profile-box {
	max-width:1065px;
	margin:0px auto;
}
.edit-profile-box .profile-field-box {
	float:left;
	width:calc(100% - 190px);
}
.edit-profile-box .profile-image {
	float:right;
	width:150px;
	text-align:center;
	margin-top:60px;
}
.edit-profile-box .profile-field-box table {
	width:100%;
}
.edit-profile-box .profile-field-box td {
	padding-bottom:10px;
}
.edit-profile-box .profile-image .profile-pic {
	/*width:150px;
	height:150px;*/
	background:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	margin:0px auto;
	margin-bottom:15px;
	border:1px solid #ccc;
}
.edit-profile-box .profile-image .profile-pic img {
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
}
.edit-profile-box .profile-image .change-btn {
	
}
.edit-dlt-propery-box .edit-table-box.search-filter {
	border:0px;
	background:none;
	margin-bottom:20px;
}
.edit-dlt-propery-box .edit-table-box.search-filter table {
	border:0px;
}
.edit-dlt-propery-box .edit-table-box.search-filter td {
	padding:0px;
}
.edit-dlt-propery-box .edit-table-box.search-filter td+td {
	padding-left:15px;
}
.search-filter .search-box {
	display: inline-block;
	max-width: 460px;
	position: relative;
	vertical-align: top;
	width: 100%;
	text-align:left;
}
.search-filter .search-box input[type="text"] {
	border-radius: 160px;
	-moz-border-radius: 160px;
	-ms-border-radius: 160px;
	-o-border-radius: 160px;
	-webkit-border-radius: 160px;
}
.search-filter .search-box input[type="submit"] {
	border-radius:0px 160px 160px 0px;
	-moz-border-radius:0px 160px 160px 0px;
	-ms-border-radius:0px 160px 160px 0px;
	-o-border-radius:0px 160px 160px 0px;
	-webkit-border-radius:0px 160px 160px 0px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:160px;
	-moz-border-bottom-left-radius:0px;
	-moz-border-bottom-right-radius:160px;
	-ms-border-top-left-radius:0px;
	-ms-border-top-right-radius:160px;
	-ms-border-bottom-left-radius:0px;
	-ms-border-bottom-right-radius:160px;
	-o-border-top-left-radius:0px;
	-o-border-top-right-radius:160px;
	-o-border-bottom-left-radius:0px;
	-o-border-bottom-right-radius:160px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:160px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:160px;
	padding: 13px 35px;
	position: absolute;
	right: 0;
	top: 0;
}
.unity-display-section {}
.unity-display-section .unity-left-box {
	width:60%;
	float:left;
}
.unity-display-section .unity-right-box {
	width:35%;
	float:right;
}
.unity-display-section .unity-right-box .image {
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	margin-bottom:20px;
}
.unity-display-section .unity-details table {
	width:100%;
}
.unity-details td {
	/*background:#333333;*/
	color:#000;
	padding:10px 0px;
}
.unity-details td+td {
	/*background:#fff;*/
	color:#000;
	padding-left:30px;
}
.unity-details tr:nth-child(even) td {
	 /*background:#6e6969;*/
}
.unity-details tr:nth-child(even) td+td {
	 /*background:#fff;*/
}
.unity-details td.label-name {
	width:250px;
	position:relative;
	font-weight:500;
	text-shadow:0px 1px 0px #fff;
}
.unity-details td.label-name::after {
	position:absolute;
	content:":";
	right:15px;
	top:50%;
	transform:translateY(-50%);
	font-weight:600;
}
.unity-details label {
	font-weight:normal;
	margin-right:8px;
}
.unity-details .highlight-box {
	margin-bottom:10px;
	/*border:1px solid #eee;*/
}
.unity-details tr+tr {
	border-top:1px solid #e2e2e2;
}
.unity-display-section.property-details-section .unity-left-box {
	width:55%;
	float:left;
}
.unity-display-section.property-details-section .unity-right-box {
	width:42%;
	float:right;
}
.unity-left-box .graph-box {
	margin-top:40px;
}
.unit-available-boxes {
	font-size:0px;
	margin:0px -8px;
	margin-top:25px;
	text-align:center;
}
.unit-available-boxes a {
	display:inline-block;
	vertical-align:top;
	width:105px;
	font-size:15px;
	background:#fff;
	text-align:center;
	border:1px solid #eee;
	margin:0px 8px;
	margin-bottom:10px;
	border:1px solid transperant;
}
.unit-available-boxes a:hover {
	border-color:#333333;
	border-bottom-color:transperant;
}
.unit-available-boxes .image {
	padding:10px;
}
.unit-available-boxes .room-name {
	padding:5px 15px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}
.unit-available-boxes .green .room-name {
	background:#24ac0e;
}
.unit-available-boxes .red .room-name {
	background:#ce1313;
}
.unit-available-boxes .yellow .room-name {
	background:#e9e113;
}
.unit-available-boxes a.green:hover {
	border-color:#219e0d;
	border-bottom-color:transperant;
}
.unit-available-boxes a.red:hover {
	border-color:#c11414;
	border-bottom-color:transperant;
}
.unit-available-boxes a.yellow:hover {
	border-color:#ddd615;
	border-bottom-color:transperant;
}
.unit-available-boxes a.green:hover .room-name {
	background:#219e0d;
}
.unit-available-boxes a.red:hover .room-name {
	background:#c11414;
}
.unit-available-boxes a.yellow:hover .room-name {
	background:#ddd615;
}
.unit-available-boxes .room-dew .room-name {
	background:#A37182;
}
.unit-available-boxes a.room-dew:hover {
	border-color:#A37182;
	border-bottom-color:transperant;
}
.footer-section {
	background:#484848;
	border-top:3px solid #484848;
	color:#fff;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-weight:400;
	padding:8px 0px;

}
.date-icon-box {
	position:relative;
}
.date-icon-box input {
	padding-left:46px;
}
.date-icon-box::before {
	content:"\f133";
	position:absolute;
	font-family:FontAwesome;
	left:14px;
	top:11px;
	font-size:20px;
	 color:#ccc;
}
.bread-crumbs{
	display:none;	
}
.bread-crumbs .breadcrumb {
	padding: 0px 0px;
	margin: 0px -11px;
	margin-top: 18px;
	margin-bottom: 20px;
}
.breadcrumb-item:last-child {
	color: #716565;
}
.view-label{
	font-size:14px;
	color:#6b5353;
	margin-bottom:6px;
	font-weight:normal;	
}
/*--------------*/

/*--------------*/
@media only screen and (min-width:992px) and (max-width:1260px) {
	.property-list-box .property-item{
			width:calc(25% - 10px);
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {

}
@media only screen and (max-width:1260px) {
	
}
@media only screen and (max-width:991px) {
	.home-landing-section .image-box,  .home-landing-section .form-box {
		padding:0px 10px;
	}
	.home-landing-section.index {padding: 50px 0}
	.bottom-navigation {
		position: relative;
		height:auto;
	}
	.bottom-navigation ul li a {
		font-size: 15px;
		padding: 15px 25px;
	}
	.account-inner-section {
		margin-bottom: 0;
	}
	.property-list-box .property-item {
		width: calc(33% - 10px);
	}
	.edit-dlt-propery-box .edit-table-box {
		overflow-x:scroll;
	}
	.unity-display-section .unity-right-box {
		float: none;
		width: auto;
	}
	.unity-display-section .unity-left-box {
		float: none;
		margin-top: 25px;
		width: auto;
	}
	.unity-display-section.property-details-section .unity-left-box {
		float: none;
		width: auto;
	}
	.unity-display-section.property-details-section .unity-right-box {
		float: none;
		margin-top: 25px;
		width: auto;
	}
}
@media only screen and (max-width:768px) {
	.top-section {
		margin-bottom:20px;
	}
	.home-landing-section {
		display:block;
		padding:20px 0px;
	}
	.home-landing-section .image-box,  .home-landing-section .form-box {
		padding:0px 10px;
		display:block;
		width:auto;
	}
	.home-landing-section .form-box {
		padding-top:50px;
	}
	.bottom-navigation ul li a {
		font-size:16px;
		padding:20px 15px 10px 15px;
	}
	.bottom-navigation {
		height: auto;
		position: relative;
	}
	.bottom-navigation ul li .icon-box {
		font-size: 16px;
		margin-bottom:10px;
	}
	.account-inner-section {
		margin-bottom: 0;
	}
	.property-list-box .property-item {
		width: calc(50% - 10px);
	}
	.property-location-box .location {
		width:calc(38% - 15px);
	}
	.property-location-box .location {
		margin-left:2px;
	}
	/* .edit-dlt-propery-box .edit-table-box .head {
		display:none;
	}
	.edit-dlt-propery-box .edit-table-box .label-name {
		display:block;
		margin:0px -20px;
		margin-bottom:10px;
		text-align:center;
	}
	.edit-dlt-propery-box .edit-table-box td {
		display:block;
		width:auto;
		padding-top:0px;
		text-align:center;
	}
	.edit-dlt-propery-box .edit-table-box td+td {
		border-left:0px;
	}
	.edit-dlt-propery-box .edit-table-box tr + tr {
		border-top: 4px solid #f89e33;
		display: block;
		margin-bottom: 36px;
		background:none !important;
	} */
	.edit-dlt-propery-box .edit-table-box .edit-btn,  .edit-dlt-propery-box .edit-table-box .dlt-btn {
		display:inline-block;
		width:49%;
	}
	.edit-dlt-propery-box .edit-table-box.search-filter td {
		display:block;
	}
	.edit-dlt-propery-box .edit-table-box.search-filter td+td {
		padding-left:0px;
		padding-top:10px;
	}
	.edit-dlt-propery-box .edit-table-box.search-filter td.view-btn {
		display:block;
		text-align:center;
	}
}
@media only screen and (max-width:640px) {
	.bottom-navigation ul li a {
		font-size:13px;
		padding:20px 8px 10px 8px;
	}
	.unity-details td {
		display: block;
		width: auto !important;
	}
	.unity-details td.label-name::after {
		display: none;
	}
}

 @media only screen and (max-width:550px) {
	.property-location-box .location {
		width:auto;
		display:block;
		text-align:center;
	}
	.property-location-box .location+.location {
		margin-top:15px;
		margin-left:0px;
	}
	.propery-add-details td {
		display:block;
		width:auto;
	}
	.propery-add-details td+td {
		padding-left:0px;
		padding-top:0px;
	}
	.edit-profile-box .profile-field-box {
		float:none;
		width:auto;
		margin-top:25px;
	}
	.edit-profile-box .profile-image {
		float:none;
		width:auto;
		text-align:center;
		margin-top:0px;
	}
}
@media only screen and (max-width:500px) {
	
}
@media only screen and (max-width:480px) {


	.bottom-navigation ul li a {
	 font-size:10px;
 padding: 6px 8px;
}
.bottom-navigation ul li .icon-box {
	 font-size:15px;
 margin-bottom:0px;
 margin-top: 5px;
}
.bottom-navigation ul li span.text-box {
	 line-height: 18px;
	}

/*.bottom-navigation ul li {
			display: block;
		width: auto;
	}
	.bottom-navigation ul li + li {
			border-top: 1px solid #094291;
	}*/
	.property-list-box .property-item {

		width:auto;

		display:block;

	}
}
.mt-step-col {
		margin-bottom: 10px;
	position: relative;
}
.mt-step-col .fa-times {
		position: absolute;
	right: 8px;
	top: -8px;
	color: #999;
	cursor: pointer



}
.mt-step-col img {
		max-height: 35px;
}
#property-list,#agent-list,#tenancy-list,#account-property-list {
		position: relative;
}

/* Sections */
.main-header {
	   background-color: #222;
	   padding: 5px 0;
	   min-height: 30px;
	   margin-bottom: 60px;



}
.main-header .container {
		position: relative;
	text-align: center;
}
.main-header h1 {
		color: #fff;
	text-transform: uppercase;
}
.main-header h1 span{
		color: #f89e33;
}
/* Unit Items Section */
.items ul{
		padding:0px;	
}
.items li {
	   float: left; 
	   width: 305px;
	   padding: 0 px;



	list-style: none;
	text-align: center;
}
.items li + li { margin-left: 18px; }
.items .thumb-holder {
	   border-radius:3px;
	   background-color:#ddd;
	   text-align:center;
	   padding:10px; 
	   margin-bottom:10px;



}
.items li h2   { float: left; margin-bottom:10px; font-size: 24px; }
.items li span { float: right; color: #009d6f; font-weight: bold; font-size: 20px; }
.cart {
		height: 50px;
	position: absolute;
	right: 40px;
	top: 5px;
}
.add-unit-btn {
		border: 0;
	background-color: #bbb;
	border-radius: 2px;
	padding: 15px 30px;
	display: block;
	clear: both;
	margin: 0;
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	position: relative;
	cursor: pointer;



	margin-top: 10px;
}
.add-unit-btn:hover {
	   background-color: #009d6f;
	}
.table-unit {
		text-align: left;
}
.unit-action-btn {
	 position: relative;
  border: none;
  font-size: 18px;
  color: #FFFFFF;
  padding: 0;
  width: 150px;
  text-align: center;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
.unit-available {
		background-color: #4CAF50;
}
.unit-booked {
		background-color: #d9534f;
}
.unit-maintaining {
		background-color: #f89e33;
}
.unit-action-btn:after {
	 content: "";
  background: #90EE90;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.unit-action-btn:active:after {
	 padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}
.btn-unit-action {
		font-size: 11px;
}
.unit-info-text {
		height: 28px;
}
.unit-row {
		position: relative;
}
.account-property-img img{
		/*height: 150px;*/
	width:100%;
}
.details-property-img img {
		/*height: 350px;*/
	width:100%;
}
.edit-table-box {
		
}
.search-icon-box{
		float:left;
	width:60%;
	font-size:0px;
	text-align:left;
}
.edit-table-box .search-item-box{
		float:right;
	width:40%;
}
.search-icon-box a, .filterIcons a{
		display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	background:#fff;
	font-size:16px;
	padding-top:13px;
	color:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;	
	position:relative;
	margin-bottom:5px;
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}
.search-icon-box a .hover-name, .filterIcons a .info {
	   position: absolute;
	   bottom: -20px;
	   left: 50%;
	   transform: translateX(-50%);
	   font-size: 10px;
	   font-weight: 500;



	opacity:0;
	transition:opacity linear .2s;
	-moz-transition:opacity linear .2s;
	-ms-transition:opacity linear .2s;
	-o-transition:opacity linear .2s;
	-webkit-transition:opacity linear .2s;
}
.search-icon-box a+a{
		margin-left:5px;	
}
.search-icon-box a:hover,

.filterIcons a:hover{

	background:#f89e33;

	color:#fff;	

}
.search-icon-box a:hover > .hover-name,

.filterIcons a:hover .info{

	opacity:1;

	color:#000;	

}
.inner-search-icon-box{
		/* margin-top:30px; */
	margin-bottom:15px;	
}
.inner-search-icon-box .search-icon-right{
		float:right;	
}
.search-icon-right .view-report{
		display:inline-block;
	vertical-align:top;
	background:#24ac0e;
	color:#fff;
	padding:10px 20px;
	border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	font-size:14px;	
}
.search-icon-right .view-report i{
		margin-right:10px;	
}
.search-icon-right .view-report:hover{
		background:#f89e33;	
}
.download-btn{
		display:inline-block;
	vertical-align:top;
	background:#f89e33;	
	color:#fff;
	padding:10px 20px;
	border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	font-size:14px;	
}
.download-btn i{
	margin-right:10px;	
}
.download-btn:hover{
	background:#333333;
	color:#fff;
}


.edit-dlt-propery-box tf, .edit-dlt-propery-box td {
	font-family: 'Roboto', sans-serif;

}
.mb_30{

	margin-bottom:30px;	

}

.search-filter .no_border{

	border:0px !important;

	padding:0px !important;

}

.add-property-section.full-width {
    max-width: none;
}
.heading-box.sub-heading {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	padding: 10px 20px;
	text-align: left;

}

.heading-box.sub-heading h1 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;

}
.edit-table-box .vat-amount {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 500;
	padding: 10px 15px;
	text-align: right;

}

.edit-table-box .vat-amount a {
	background: #333333 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	padding: 5px 15px;
	vertical-align: middle;

}

.edit-table-box .vat-amount a:hover{

	background:#f89e33;	

}

.edit-table-box .head input[type="text"]{

	padding:5px 10px;

	font-size:13px;	

}

.edit-table-box .bounce-btn, .edit-table-box .clear-btn {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin: 0px 0px;
    padding: 5px 8px;
    font-weight: 400;
    border-radius: 4px;
}

.edit-table-box .bounce-btn{

	background:#ce1313;	

}

.edit-table-box .clear-btn{

	background:#24ac0e;	

}

.edit-table-box .black-btn{

	background:#333333;	

}

.edit-table-box .hold-btn{

	background:#F9B320;

	color:#fff;	

}

.edit-table-box .bounce-btn:hover{

	background:#bf1212;	

}

.edit-table-box .clear-btn:hover{

	background:#20980d;	

}

.edit-table-box .black-btn:hover{

	background:#424141;	

}

.edit-table-box .hold-btn:hover{

	background:#f89e33;	

}

.edit-dlt-box a{

	display:inline-block;

	vertical-align:top;

	margin:0px 5px;	

}

.menu-page{

	background:#000;

	font-size:14px;

	text-transform:uppercase;

	padding:12px 15px;

	color:#fff;

	font-weight:500;

	margin-bottom:15px;	

}

.menu-page i{

	margin-right:8px;	

}

@media only screen and (max-width:991px) {
	
	.search-icon-box{
			float:none;
		width:auto;
		text-align:center;
		margin-bottom:20px;
	}
	.edit-table-box .search-item-box{
			float:none;
		width:auto;
		text-align:center;
	}
	.inner-search-icon-box .search-icon-right{
			float:none;
		width:auto;
		text-align:center;
	}
}

.notice-badge {
	position: absolute;
	top: 8px;
	right: 0;
	background: wheat;
	padding: 6px;
	border-radius: 50%;
	color: #CD5C5C;
	width: 40px;
	height: 40px;

}

@media only screen and (min-width:768px) {

	.notice-badge {

		position: absolute;

		top: 8px;

		right: 0;

		background: wheat;

		padding: 6px;

		border-radius: 50%;

		color: #CD5C5C;

		width: 40px;

		height: 40px;

	}

}
/************rent receipt***********/

.receiptBox {
	padding: 50px;

	background-color: #fff;

	color: #000;

}

.receiptBox .heading-box {

	margin-bottom: 40px;
		text-align:right;
}
.receiptBox .receiptFrom .logo-box {
		max-width: 200px;
		margin-bottom: 10px;
}
.receiptBox .receiptFrom .logo-box a {
		display: inline-block;
}
.receiptBox strong{font-weight: 600; color: #000;}
.receiptBox .receiptFrom h3{ margin-bottom: 5px; font-weight: 600;}
.receiptBox .receiptFrom p{margin-bottom: 0px; line-height: 24px;}
.receiptFrom {
		max-width: 240px;
		margin-bottom: 30px;
		font-weight: 400;
}
.receiptFrom.rightBox{margin-right: 0; margin-left: auto;}
.receiptFrom h4 {

	font-weight: 500;

	margin-bottom: 5px;

	font-size: 20px;

}

.billTo {

	padding: 10px;

	border: 1px solid #e1e1e1;

	margin-top: 20px;

}

.billTo .receiptRow {

	padding-left: 10px;

}

.billTo h4 {

	background-color: #f5f5f5;

	padding: 8px 15px;

	margin: -10px -10px 10px;

}

.receiptBtm {

	margin: 30px 0px;

}

.receiptBox p.narration{font-size: 14px; margin-bottom: 30px;}

.receiptBtm .signature {

	padding-top: 100px;

	max-width: 300px;

	margin: 0 0 0 auto;

}

.receiptBtm .signature p {

	font-weight: 400;

	border-top: 1px solid #c1c1c1;

	padding-top: 15px;

}
.bgLight{background-color: #f5f5f5}

.number{font-family: 'Roboto', sans-serif;}

.listOverflow {overflow: auto;}

.listContainer {padding: 5px; display: table; width: 100%; min-width: 600px;}

.listContainer .listHead, 

.listContainer .listRow {

	font-weight: 500;

	display: table-row;

	width: 100%;

} 

.listContainer .listRow {font-weight: 400;}

.listContainer .listCol {

	display: table-cell;

	padding: 10px;

}

.listContainer .listCol:nth-child(2n){background-color: rgba(245,245,245,.4);}

.listContainer .listRow:nth-child(2n+1){

	background-color: rgba(245,245,245,.8);

}

.listContainer .listRow .listCol{ padding: 10px}

.listContainer .listCol .listIcon {

	width: 30px;

	height: 30px;

	margin-right: 20px;

}

.listContainer .listCol span {

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	font-weight: 600;

	color: #000;

}

.receiptBtmStrip ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 14px;
}
.receiptBtmStrip ul li {
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
	margin-bottom: 10px;
}
.receiptBtmStrip ul li + li {
	border-left: 1px solid #ccc;
}
.receiptBtmStrip ul li p {
	margin-bottom: 0;
}
.totalRow {
	text-align: right;
	padding: 40px 0 20px;
}

.totalRow h4 {
	font-weight: 600;
	margin-bottom: 0;
	font-size: 20px;
}
.totalRow h4 span {
	font-size: 24px;
	padding-left: 20px;
}
.show-sm {display: none;}
.account-left-box.new .menu-page {margin-bottom: 0}
.newBxContainer {
	padding: 15px;
	
	
	
	min-height: calc(100vh - 246px);
	position: relative;
}
#search-units-
,
.filterLocation.singleItem .searchQuery .searchText  {width: 100%; margin-left: 0}
.view-report.btnPrimary {
	margin: 6px 0 20px;
	background-color: #24ac0e;
	color: #fff;
}
.view-report.btnPrimary:hover{
	background-color: #f89e33
} 
.filterLocation.pdcSearch .searchQuery .searchText {
	width: calc(33.33% - 10px);
	margin-left: -4px;
	margin-right: 12px;
}
.fontBold{font-weight: bold}
.propColInner{
	padding: 7px;
	background-color: #fff;
	position: relative;
}
.propColInner h2 {
    font-weight: bold;
    font-size: 24px;
}
.propColInner .btnPrimary {
	margin-top: 10px;
}
.propColInner .propImg {
    height: 278px;
    overflow: hidden;
}	
.propColInner .propImg img {width: 100%}
.propInfo .infoLabel {
    font-weight: 400;
	    font-family: 'Roboto', sans-serif;
    padding: 10px 15px 10px 0;
	width: 150px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:14px;
}
.propInfo .infoLabel::after {
    content: ":";
    position: absolute;
    right: 8px;
}
.propInfo .labelVal {padding: 10px 0;border-bottom:1px solid #dfdfdf; font-size:14px;}
.propInfo .imgBtm {width: calc(100% - 105px)}
.propColInner .imgBtn .btnPrimary {
    margin: 24px 0;
}
.tab {
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 30px
}
ul.tabNav {
	margin-bottom: 0;
	padding: 0;
	border-bottom: 1px solid #efefef;
	background-color: #f5f5f5;
}

ul.tabNav li {
    padding: 0px 15px;
    list-style: none;
	font-weight: 500;
	float: left;
	cursor: pointer;
	background-color: #efefef;
	transition: all linear 0.2s;
	opacity: 0.5;
}
ul.tabNav li:hover{
	opacity: .9;
	color: #f89e33;
}
ul.tabNav li.active{
	background-color: #f89e33;
	color: #fff;
	opacity: 1;
} 
.tabContent .tabCont {
	margin-top: 10px;
	display: none;
}
.tabContent .tabCont.active {
	display: block;
}
.colorRed {color: #FF0000;}
.propColInner .graph-box {overflow: auto;}
.tenantDoc .tenantImg {max-width: 150px; display: inline-block; vertical-align: middle;}
.account-left-box.new {position: relative;}
.account-left-box.new .menu-page.innerHead {
    margin: 0 -15px 15px;
}
.edit-dlt-propery-box .edit-table-box {overflow: auto}
.edit-dlt-propery-box .edit-table-box table {min-width: 970px}
.edit-dlt-propery-box .edit-table-box.smallTable table {min-width: 100%}
.propInfo h4.infoLabel {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.propInfo h2.labelVal {
    font-size: 20px;
    font-weight: 800;
}
.imagePopUp {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0px 5px;
    padding: 15px 10px;
    border:1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
	
	min-width: 100px;
	
}
.imagePopUp:hover {
	background-color: #f89e33;
	color: #fff;
}
.imagePopUp span{display: block}
.imagePopUp i {
    font-size: 23px;
    display: block;
    margin-bottom: 12px;
}
#tenantEID .modalClose {
    font-size: 20px;
    position: absolute;
    right: -15px;
    z-index: 99;
    width: 30px;
    height: 30px;
    top: -15px;
    border-radius: 50%;
    border: 2px solid #f89e33 !important;
    background-color: #fff !important;
    opacity: 1 !important;
}
#tenantEID .modalClose:hover {
    color: #fff;
    background-color: #f89e33 !important;
}
/************responsive queries written by arun***********/
@media only screen and (max-width:1259px) {
	.account-menu-page .account-menu-box {width: calc(33.33% - 20px)}
	.account-menu-page.topRow .account-menu-box{width: calc(50% - 20px); margin: 0 10px 20px}
}
@media only screen and (max-width:1259px) {
	.edit-dlt-propery-box .edit-table-box {
		overflow: auto;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.top-section .nav-box {padding-top: 9px; }
	.propertyList .propertyCol {width: calc(25% - 20px)}
}
@media only screen and (max-width:991px) {
	.hide-sm{display: none}
	.show-sm {display: block;}
	.top-section{padding: 12px 0}
	.account-inner-section .graph-box {
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.menu-box #mobile-btn {margin-bottom: 15px;}
	.account-menu-page .account-menu-box {width: calc(50% - 20px)}
	.account-menu-page.quickLinks .account-menu-box {margin-bottom: 20px;}
	.account-menu-page.quickLinks .account-menu-box a{padding:20px; }
	.sideBar {
		position: fixed;
		left: -290px;
		top: 0px;
		height: 100%;
		overflow: auto;
		width: 270px;
		z-index: 999;
		box-shadow: 0px 0px 10px rgba(0,0,0,.5);
		transition: all linear 0.3s;
		padding-top: 10px !important
	

	}
	/* .sideBar.show_menu {
		left: 0;
	} */
	.sideBar .logo {
		padding: 20px 20px 0;
	}
	.sideBar .logo a {
		max-width: 200px;
	}
	.closeBtn {
		display: block;
	}
	.edit-dlt-propery-box .edit-table-box table {min-width: 900px !important;}
	.propColInner .edit-dlt-propery-box .edit-table-box table {min-width: 600px;}
	.propColInner .propImg {max-width: 400px; height: auto; margin: 0 auto 10px;}
}

@media only screen and (max-width:767px) {
	.tableLayout{box-shadow: none; overflow: visible;}
	.tableLayout .tableCell.leftCol{padding: 40px 20px;}
	.tableLayout .tableCell {display: block; width: 100%; max-width: 360px; margin: 0 auto; box-shadow: 0px 2px 10px rgba(0,0,0,.2); border-radius: 4px;}
	.tableLayout .tableCell + .tableCell {margin-top: 30px;}
	.propertyList .propertyCol {width: calc(50% - 20px)}
	.mobileMenu {display: inline-block;font-size: 28px; padding: 4px 0 0;}
	.top-section .nav-box {padding: 8px 0;}
	.top-section .nav-box ul { display: none;}
	.top-section .nav-box a.call .fa {font-size: 22px; margin: 0;}
	.top-section .nav-box a.call span{display: none;}
}
@media only screen and (max-width:639px) {
	.account-menu-page .account-menu-box {
		width: calc(50% - 10px);
		margin: 0 5px 10px; 
	}
	.account-menu-page .account-menu-box a {
		padding: 10px;
	}
	.account-menu-page .account-menu-box .image, 
	.account-menu-page .account-menu-box .menu-name {
		position: static;
		transform: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 15px;
	}
	.account-menu-page .account-menu-box .image {margin-bottom: 10px; width: 35px; height: 35px;}
	.account-menu-page.quickLinks{padding: 5px 5px 0px}
	.account-menu-page.quickLinks .account-menu-box {
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}
	.filterLocation {display: none; width: 100%}
	.filterBox .filterIcons a.mobileSearch {display: inline-block;}
	.receiptTop .col-xs-6{ width:100%; float: none;}
	.receiptFrom {max-width: none;}
	.receiptBox{padding: 20px 10px;}
	.listContainer {font-size: 14px;}
	.view-report.btnPrimary {margin-top: 0}
	
	.filterLocation.pdcSearch .searchQuery .searchText,
	.filterLocation .searchQuery {
		float: none;
		width: 100%;
		margin-left: 0;
	}
 }
@media only screen and (max-width:479px) {
	.account-menu-page.quickLinks .account-menu-box a {padding: 10px; min-height: 110px;}
	.account-menu-page.quickLinks .account-menu-box a i { margin-bottom: 10px; margin-top: 10px; font-size: 30px; }
	.account-menu-page.quickLinks .account-menu-box .menu-name {
		text-overflow: unset;
		white-space: normal;
	}
	.account-menu-page.quickLinks .account-menu-box a .count{font-size: 30px; font-weight: 700; top: 10px; right: 10px;}
	.propertyList{margin: 0;}
	.filterLocation {padding: 10px;}
	.propertyList .propertyCol {width: 100%; margin: 10px auto;}
	.filterLocation .searchQuery select, .filterLocation .searchQuery .searchText, .filterLocation .searchQuery {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.search-icon-box a, .filterIcons a {width: 30px; height: 30px; padding: 8px 3px; font-size: 14px;}
	.receiptBtmStrip ul li{display: block; border: none !important;}
	.propInfo .infoLabel {float: none !important;
		white-space: normal;
		text-overflow: unset;
		width: 100%;
	}
	.propInfo .infoLabel::after{position: static;}
	.propInfo .labelVal {
		padding: 0px 25px 10px;
	}
}

/* ------------- new css --------- */

.top-section li span.user {color:#494749; }
.top-section li span.fa { color:#494749;}

.top-section .fa-bell:before {color:#494749 !important;}
.top-section .fa-sign-out:before {color:#494749 !important;}
.nav-box .cfx .fa-user{font-size:20px!important;}
.nav-box .cfx .fa-sign-out{font-size:20px!important;}
.nav-box .cfx .fa-bell {font-size:10px!important;}

/*.menu-name b {color:#0f87c9;}
.menu-name b {color:#e0596e;}
.menu-name b {color:#31b087;}
.menu-name b {color:#d78548;}*/

.menu-name b {font-size:24px;}
/*.menu-page {color:#ffffff!important; background-color:#e0942f!important;}
.menu-page .fa {color:#ffffff!important;}*/
.account-menu-box .menu-name {color:#494749!important;}
.top-section .logo-box {max-width:190px!important;}
/*.container-col {display:table; width:100%;}
.col-height {display:table-cell; }*/
.canvasjs-chart-credit {display:none;}
.barchartdiv {height:239px;  }
.doughnutchartdiv {height:220px;  }

@media only screen and (min-width:320px) and (max-width:812px) {
.account-inner-section {padding-right:0px!important; padding-left:0px; }
.menu-box {height:auto !important; }
}