/*
orange: #ea7712
Green: #82ac01
blue: #1e5372;
blue in place of green: #1b3289
new orannge in place of orange: #ff6000
*/

.padding-bottom {
	padding-bottom: 15px;
}

.padding-top {
	padding-top: 10px;
}

.padding-left {
	padding-left: 12px;
}

.padding-left15 {
	padding-left: 15px !important;
}

.padding-right {
	padding-right: 14px;
}

body {
	overflow: visible;
}

* {
	outline: none;
}

.right {
	float: right;
}

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

.clear {
	clear: both;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 10px;
	padding-right: 10px;
}

.logo-position {
	position: fixed;
	bottom: 0px;
	left: 0;
}

.logo {
	z-index: 1400;
}

.fixed .sub-header {
	margin-top: 58px;
	padding: 10px 0 10px 10px;
	margin-left: 230px;
	transition: margin-left 0.3s ease-in-out;
	display: block;
	color: #333;
	z-index: 1000;
	background: #fff;
}

.breadcrumb {
	padding: 0px;
	margin-bottom: 0px;
	list-style: none;
	background-color: #eaeaea !important;
	z-index: 990;
}

.content-header > .breadcrumb {
	display: none;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 100 !important;
	border-radius: 3px;
}

.breadcrumb > li > span.active {
	color: #5f5f5f;
	/*font-weight:600;*/
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #959595;
}

.navbar .c-logo {
	display: inline;
}

	.navbar .c-logo img {
		/*background: url(../images/logo-placeholder-sm.jpg) #bebec0 no-repeat top left;*/
		color: #FFF;
		text-align: center;
	}

	.navbar .c-logo span b {
		line-height: 56px;
		font-size: 16px;
		margin: 0px 8px;
		font-weight: 100;
	}

	.navbar .c-logo span b {
		font-weight: 100;
	}

.fixed .dropdown-menu {
	z-index: 3000 !important;
}


/*------------- Street View customization-------------------*/

 .widget-scene-canvas{
	min-height:259px;
	height:auto;
	min-width:100%;
	width:auto;
}


/*------------- Start E Signature-------------------*/
.esignature{
	margin-bottom: 10px;
    margin-left: 4px;
}
.esignature h5{
	padding-bottom: 0px;
}
.esignature a{
	text-decoration:underline;

}

.e-notification .col-sm-1{
	width: 3% !important;
    padding-left: 5px;
}

.e-notification p{
	margin-top:3px;
	font-size: 14px;
}

.esignaturehistory_header{
	margin: 30px 0 0 20px;
    padding-bottom: 4px;
	border-bottom: 1px solid #e0e0e0;;
	width: 96%;
}
.esignaturehistory_header h6{
	font-size: 12px;
	color: #337ab7 !important;
	margin-bottom: 6px;
}

.esigtable{
	margin: 30px 0 0 20px;
	width:96%;
}

.esignaturenohistory {
    padding: 10px 0 20px 41px;
    font-size: 12px;
}

.esigdetail ul li{
	list-style: none;
	padding: 0 5px;
    display: inline-block;

}

 .esigdetail{

	margin:10px 0;

 }

 /* .esigsettingDetail{
	 margin-left:14px;
 } */

.esigtable tr th{
	font-weight: light;
	color: #337ab7;


}

.custom-table-grid.esigtable tr th{
	border-bottom:1px solid#337ab7 !important;
}

.esigtable label{
	padding-left:0 !important;
}

.esigtable ul{
	padding-left:0;
}

.unit-name{
	margin-bottom: 5px;
    display: block;
}
.badge.unit-status-badge{
	background-color: #777;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 9px;
	padding: 3px 2px;
	border: 0px;
	margin-top:2px;
	letter-spacing: 1px;
	float: right;
	width: 48%;
	text-align: center;
	white-space: inherit;
	font-weight: 300;
}

/*------------- End E Signature-------------------*/

/*------------- Start SMS Section-------------------*/

.smsdetail{
	margin-left:10px;
}
.sms-notification{
	padding-left: 3px;
}

.sms-notification img{
	float: left;
	vertical-align: middle;
}

.sms-notification h5{
	float: left;
	margin: 4px 14px 0px 13px;
	color:#222 !important;
}

.sms-notification a{
	text-decoration: underline;
}

.sms-notification h4{
	float: left;
    margin: 4px 14px 14px 13px;
    color: #337ab7;
    font-size: 15px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    width: 48%;
}

.phone-history h5{
	color: #337ab7;
	border-bottom: 1px solid #337ab7;
	padding-bottom: 10px;
    margin-bottom: 20px;
}

.phone-history .checkbox {
	margin-top:5px;
}

.phone-history input[type="text"]{
	padding: 2px 6px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.phone-history span{
	padding-top: 6px;
    display: block;
}

.phone-list-table{
	width:51%;
}
.phone-list-table th{
	color: #337ab7;
	font-weight: 500;
}

.listGroupDropDown ul{margin:0px; padding:0px; list-style: none;}
.listGroupDropDown ul li {margin:0px; padding:0px; list-style: none;}
.grpTitleTx {     font-weight: bold;
	border-left: 3px solid #1e5372;
	display: block;
	width: 100%;
	padding-left: 10px;
	padding: 1px 6px;
	margin-left: 4px;
	margin-top: 2px;}
.listGroupDropDown ul li ul {margin-left:10px; width:90%;}
.listGroupDropDown ul li ul li{     border-bottom: 1px solid #ccc;
	padding: 3px 0px 3px 0px;
	margin-left: 12px; cursor: pointer;}
.sms-section .listGroupDropDown{
	width: 290px;
	position: absolute;
	top: 35px;
	z-index: 444;
	background: #fff;
	box-shadow: 2px 3px 6px #444; }
	.custominputSelectBox{ border:1px solid #bdbdbd; border-radius: 6px; font-size: 12px;}
/*------------- End SMS Section-------------------*/


/*------------- Start Dashboard-------------------*/
.welcome_msg h1{
	color: #404040;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.welcome_msg img{
	max-width:100%;
	width:30%;
}

.welcome_msg p{
	color: #787878;
    font-size: 17px;
    padding: 10px 45px;
}
/*------------- End Dashboard-------------------*/

/*------------- Start unit Status-------------------*/
.unit-status .selectize-dropdown-content{
	max-height: 144px !important;
  }

  /*------------- End unit Status-------------------*/
/*------------- Start Search-------------------*/
  .envelopeDetailsList-search li{
	list-style: none;
	display:inline-block;
	padding:0 5px;
  }

  .search-doc{
	float: left;
    margin-left: 15px;
  }
  .search-upload{
    float: left;
    margin-left: 10px;
  }
 /*------------- End Search-------------------*/
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 22px;
		padding-bottom: 16px;
	}
}

.messages-menu span, .notifications-menu span, .tasks-menu span {
	border-radius: 3px;
	background-color: #eb9800 !important;
	/*padding: 5px 2px !important;*/
}

.user-menu {
	/*background-color: #fff;*/
}

.get-started {
	background-color: #fff;
	box-shadow: 0px 3px 15px 0px #bdbdbd;
	overflow: hidden;
	border: 1px solid #ffa500;
}

	.get-started .box {
		margin-bottom: 0;
		background: #ffffff;
		border-top: none;
	}

	.get-started span {
		cursor: pointer;
	}

	.get-started h5 {
		color: #404040;
		font-size: 18px;
		letter-spacing: 0.03em;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}

		.get-started h5 span {
			color: #404040;
			display: block;
			font-weight: 400;
			text-transform: none;
			margin: 8px 0 0 0;
		}

	.get-started h4 {
		color: #000;
		font-size: 15px;
		line-height: 16px;
		margin-bottom: 3px !important;
		font-weight: normal;
	}

	.get-started .col-sm-12 {
		padding: 0;
	}

.box-header .box-title {
	color: #404040;
	font-size: 12px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-bottom: 0px;
	line-height: 30px;
	text-transform: uppercase;
}

.pie-panel {
	overflow: hidden;
	height: 100%;
	display: block;
	text-align: center !important;
}

img.pie {
	text-align: center;
	padding-left: 20px;
}

.border-right {
	border-right: 1px solid #d7d7d7;
}

.middle-panel .form-group label, .middle-panel .form-group select {
	font-weight: 300;
	font-size: 11px;
}

.middle-panel .form-group label, .middle-panel .form-group select {
	position: relative;
	left: -35px;
	top: 10px;
	width: 100% !important;
}

.middle-panel .form-group select {
	position: relative;
	left: 5px;
	top: -15px;
}

.middle-panel .form-group .form-control {
	padding: 1px 4px;
	height: 25px;
}

.highlight {
	text-align: center;
	padding: 41px 0;
}

	.highlight .count {
		font-size: 80px;
		color: #e13932;
		font-weight: 100;
		display: inline;
		line-height: 110px;
	}

	.highlight .number {
		font-size: 16px;
		color: #404040;
		position: relative;
		top: -30px;
		font-weight: 400;
		display: inline;
	}

	.highlight p {
		font-size: 16px;
		margin: -10px 0 0 0;
		padding: 0;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.small-box .box-body {
	padding: 0;
	display: block;
	text-align: center;
}

	.small-box .box-body i {
		font-size: 30px;
		font-weight: 300;
		padding-right: 2px;
	}

	.small-box .box-body .invoice-paid, .small-box .box-body .invoice-open {
		padding: 0px 0px 0 0;
		text-align: center;
		margin-right: 10px;
		display: inline-block;
		color: #75b20b;
		font-size: 36px;
		font-weight: 300;
	}

		.small-box .box-body .invoice-paid p, .small-box .box-body .invoice-open p {
			font-size: 14px;
			padding: 5px 0px 0 0;
		}

	.small-box .box-body .invoice-open {
		color: #404040;
	}

	.small-box .box-body .line {
		width: 52px;
		border-bottom: 1px solid #818181;
		transform: translateY(-20px) translateX(5px) rotate(111deg);
		position: absolute;
		top: 102px;
		left: 81px;
	}

.small-box .box-footer {
	padding: 0px 10px 5px 10px;
}

.due {
	padding: 12px 5px 5px 10px;
	font-weight: 400;
}

/* .maintanance  ul li.maint-content:nth-child(1){
	margin:9px 0;
	} */
li.maint-top {
	margin: 20px 0 0 0 !important;
}

.maintanance ul li.maint-content {
	padding: 0px;
	width: 100%;
	margin: 2px 0;
	display: inline-block;
}

	.maintanance ul li.maint-content h6 {
		color: #1e5372;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 13px;
		padding: 0;
		margin: 0;
	}

	.maintanance ul li.maint-content p {
		font-size: 12px;
		display: inline-block;
		margin: 0;
		font-weight: 400;
		line-height: 18px;
	}

		.maintanance ul li.maint-content p span {
			color: #57800f;
			display: block;
			font-size: 11px;
			font-weight: 300;
		}

	.maintanance ul li.maint-content div.due-date {
		display: inline-block;
		color: #e34e49;
		font-size: 11px;
		line-height: 13px;
		margin-right: 18px;
		margin-top: -12px;
	}

		.maintanance ul li.maint-content div.due-date span {
			font-size: 14px;
			display: block;
			padding: 0;
			margin: 0;
		}

.maintanance li.maint-content span.tick, .maintanance li.maint-content span.tick-sm {
	float: left;
	color: #75ae13;
	padding: 1px 4px;
	margin: -2px 6px 0 -1px;
}

.maintanance li.maint-content span.tick-sm {
	color: #cecece;
	font-size: 8px;
	margin: 2px 6px 0 1px;
}

/* header icon */
.search-icon i {
	font-size: 14px;
}

.notifications-menu small {
	color: #e34e49;
	font-size: 11px;
	margin: 11px 5px 0 0;
}

.notifications-menu a {
	font-size: 12px;
}

.page-head h3.box-title {
	color: #e13932;
}

.sidebar-menu i {
	font-size: 18px;
	color: #FFF;
}
/*-------------------Amrita -----------*/
.dropdown-width {
	width: 35%;
	float: right;
	margin-top: 10px;
}

	.dropdown-width label {
		position: relative;
		top: 2px;
		left: 0;
	}

	.dropdown-width select {
		position: relative;
		top: -30px;
		left: 70px;
		width: 20%;
	}

	.dropdown-width .form-control {
		width: 48%;
	}

.claer {
	clear: both;
}

.log .box-tools {
	right: -69px;
}

.panel-height {
}

.calender img {
	width: 100%;
	margin: 8px 0;
}


/* .box-widget .no-gutter [class*="-3"]:nth-child(5){
	padding-left:0px;
    padding-right:15px;
}
 */
.box {
	margin-bottom: 10px;
}
/*  .box-widget .no-gutter [class*="-3"]:nth-child(7){
 padding-left:15px;
padding-right:0px;
} */
.maintanance ul {
	padding: 0;
	margin: 0px;
	list-style: none;
	background: url(../images/dot.png) repeat-y 8px 12px;
}
/*19-01 css amrita */
/*-------------------ui grid css-----------*/

i.red {
	background-color: #d40707;
	border-radius: 50%;
	height: 6px;
	width: 6px;
	position: relative;
	top: 2px;
	left: 11px;
	margin: 5px 5px 0 5px;
	display: inline-block;
}
/*.ui-grid-top-panel {
    position: relative;
    overflow: hidden;
    background: #d3d3d3;
    color: #161616;
}*/
.ui-grid-row .ui-grid-cell {
	border-right: 0px solid #bebebe;
	border-bottom: 1px solid #d8d8d8;
}

.ui-grid-row:last-child .ui-grid-cell {
	border-bottom-color: #d8d8d8;
	border-bottom-style: solid;
}

.ui-grid-header-cell {
	border-right: 0px solid #d3d3d3 !important;
}

.ui-grid {
	border: 0px !important;
}

.ui-grid-row {
	height: 40px !important;
	line-height: 10px;
	background-color: #fff;
}

.ui-grid-canvas .ui-grid-row:nth-child(1) {
	margin: 9px 0 0 0;
}

.box-widget .no-gutter-first [class*="-3"] {
	padding-left: 15px;
	padding-right: 0px;
}

ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.box-widget .no-gutter-first [class*="-9"] {
	padding-left: 15px;
	padding-right: 15px;
}

.box-widget .no-gutter-second [class*="-3"] {
	padding-left: 0px;
	padding-right: 15px;
}

.box-widget .no-gutter-second [class*="-9"] {
	padding-left: 15px;
	padding-right: 15px;
}

.mCustomScrollbar {
	height: 160px !important;
	overflow: hidden;
}

	.mCustomScrollbar li {
		border-bottom: 1px solid #f4f4f4;
		overflow: hidden;
	}

.menu .mCustomScrollbar {
	height: auto !important;
}

.mCustomScrollbar li a {
	margin: 0;
	padding: 10px 10px;
	display: block;
	color: #404040;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 72%;
}

	.mCustomScrollbar li a:hover, .mCustomScrollbar li a h3:hover {
		color: #7d7d7d;
	}

	.mCustomScrollbar li a h3 {
		color: #404040;
		font-size: 12px;
		padding: 0;
		margin: 0 0 0 0px;
	}

	.mCustomScrollbar li a h4 {
		padding: 0;
		margin: 0 0 0 0px;
		color: #404040;
		font-size: 12px;
		position: relative;
	}

		.mCustomScrollbar li a h4 small {
			text-align: right;
		}

	.mCustomScrollbar li a p {
		margin: 0 0 0 0px;
		font-size: 12px;
		color: #888888;
	}

h2.setting {
	color: #ff6000;
	font-size: 14px;
	font-weight: normal;
	padding: 9px 0 6px 10px;
	margin: 0 0 0 -3px;
}

ul.setting-panel li {
	padding-left: 0px;
}

ul.setting-panel .mCustomScrollbar {
	height: 500px !important;
}

md-calendar {
	width: 100%;
	height: 100%;
}

.nav-panel a.active {
	color: #ff4a43;
}

.nav-panel a {
	color: #404040;
}

	.nav-panel a:hover {
		color: #75b20c;
	}

	/*19-01 css amrita end*/
	/*-------------------Amrita css end-----------*/


	/*------added on 20Jan Amrita ------*/

	.nav-panel a.active {
		color: #ff4a43;
	}

.nav-panel a {
	color: #404040;
}

	.nav-panel a:hover {
		color: #75b20c;
	}

md-tabs .md-tab.md-active {
	color: #75b20c;
}

.btn {
	font-size: 14px;
	text-transform: capitalize;
}

.display-inline {
	display: inline-block;
	/*padding-bottom:4px;*/
}

	.display-inline i {
		/* 	margin: 0 7px;
		color: #727272;
		font-size: 14px;*/
		cursor: pointer;
	}

	.display-inline .add-new i {
		color: #404040;
		margin: 0 2px 0 2px;
		font-weight: 200px;
		font-size: 12px;
	}

	.display-inline .add-new {
		color: #404040;
		cursor: pointer;
		/* background-color:#1e5372; */
		padding: 3px 6px !important;
	}

.md-tab {
	text-transform: capitalize;
}



/*----------------------Amrita 21jan-----------------------*/

.inputdemoErrors .inputErrorsApp {
	min-height: 48px;
}

.inputdemoErrors md-input-container > p {
	font-size: 0.8em;
	text-align: left;
	width: 100%;
}

form h6.padding {
	padding-top: 20px;
}

.add-role {
	color: #404040;
	cursor: pointer;
	float: right;
	margin: 0px 0px 0 5px;
	line-height: 20px;
	height: 30px;
	position: relative;
	top: 10px;
	background-color: #fafafa;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	padding: 5px 3px 3px 3px !important;
}

.add-new i {
	margin-right: 2px;
}

.role ul {
	margin: 0 0 0 15px;
	padding: 0;
}

	.role ul li {
		margin: 8px 0 0 0px;
	}

		.role ul li a {
			color: #404040;
		}

			.role ul li a:hover {
				color: #75b20c;
			}

.padding-button {
	padding-top: 22px;
}

.padding-form {
	padding-top: 15px;
}

.ui-grid-canvas {
	background-color: #fff;
	font-size: 13px;
}

.comment-btn {
	float: right;
	margin-top: 0px;
	margin-right: 4px;
	cursor: pointer;
	display: block;
	margin-bottom: 18px;
}

/* select {
	border: 0px !important;
	border-bottom: 1px solid #c3c3c3 !important;
	padding-bottom: 3px;
} */


/*-------------------Arindam-----------*/

button, html, input, select, textarea {
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; /*letter-spacing:0.05em;*/
}

@-webkit-keyframes autofill {
	to {
		color: #666;
		background: transparent;
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

md-input-container {
	margin: 10px 12px 5px 12px !important;
}

.md-inline-form md-checkbox {
	0 0 18px !important;
}

md-checkbox .md-container {
	height: 24px !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
	color: #1e5372 !important;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
	background-color: #1e5372 !important;
}

.layout-column {
	flex-direction: row !important;
}

md-radio-button.md-default-theme.md-checked .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple {
	color: #1e5372 !important;
}

md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
	color: #1e5372 !important;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
	border-color: #1e5372 !important;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
	background-color: #1e5372 !important;
}

md-radio-button .md-container {
	top: 30% !important;
}

.md-inline-form md-radio-group {
	margin: 0 !important;
}

.radioButtondemoBasicUsage p {
	width: 25%;
}

form h5 {
	padding-bottom: 20px;
	color: #1e5372 !important;
}

md-input-container .md-char-counter, md-input-container .md-input-message-animation {
	font-size: 10px !important;
}

.listdemoBasicUsage md-divider {
	margin-top: 10px;
	margin-bottom: 0;
}

md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar {
	width: 130px;
	height: 130px;
	border: 4px solid #d6d6d6;
}

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
	background: #FFF;
	border-radius: 10px;
}

	md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
		font-size: 11px !important;
		font-weight: 300 !important;
	}

md-divider {
	margin: 17px 0 !important;
	border: none;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
	color: #1e5372;
	background: #1e5372;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
	color: #191919;
}

.md-tab {
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 300;
}

.mdonefourth {
	width: 22%;
}

.mdmidtxt {
	text-align: center;
}

	.mdmidtxt h3 {
		font-size: 35px !important;
		font-weight: 300 !important;
		color: #1e5372;
		line-height: 12px;
	}

	.mdmidtxt p {
		text-transform: uppercase;
	}

md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
	overflow: visible;
}

.md-list-item-text ul li {
	list-style: none;
	line-height: 30px;
}

.md-button.md-raised:not([disabled]) {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	border: 1px solid #1e5372;
	color: #1e5372;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 30px;
	min-height: 30px;
}

.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
	background: #1e5372;
	border: 1px solid #1e5372;
	color: #FFF;
	height: 36px;
	min-height: 36px;
}

	.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover {
		background: #1e5372; /* border:1px solid #8fb90c; */
		color: #FFF;
	}

.md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised, .md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab {
	background: #fff;
	border: 1px solid #999;
	color: #999;
}

.md-button.md-default-theme.md-warn.md-raised,
.md-button.md-warn.md-raised,
.md-button.md-default-theme.md-warn.md-fab,
.md-button.md-warn.md-fab {
	background: #fff;
	border: 1px solid #999;
	color: #999;
	height: 36px;
	min-height: 36px;
}

	.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover {
		background: #999;
		border: 1px solid #999;
		color: #fff;
	}

md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb {
	background: #1e5372;
}

md-switch.md-default-theme.md-checked .md-ink-ripple, md-switch.md-checked .md-ink-ripple {
	color: #1e5372;
}

md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
	background-color: rgba(168,168,168,0.5);
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
	color: rgba(0,0,0,0.5);
}

md-input-container .md-errors-spacer {
	min-height: 9px;
}

md-switch {
	margin: 0;
}

.md-inline-form md-switch {
	margin: 0 0 10px;
}

.md-padding {
	padding: 16px 0;
}

label {
	margin-bottom: 0;
}

md-input-container.md-default-theme label, md-input-container label, md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder, md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
	color: #888 !important;
	font-weight: 200;
}
/*md-content.md-default-theme, md-content{color:#3d3d3d !important; font-weight:600;}*/
/*-------------------Arindam ---------------------*/

i.green {
	background-color: green;
	border-radius: 50%;
	height: 6px;
	width: 6px;
	position: relative;
	top: 2px;
	left: 11px;
	margin: 5px 5px 0 5px;
	display: inline-block;
}
.m-r-0{
	margin-right: 0px !important;
}
span.red {
	color: red;
}

span.green {
	color: green;
}

span.orange {
	color: orange;
}

span.gray {
	color: gray;
}
/*.form-control {
	font-size:12px;
	border-radius:3px;
	margin:5px;
	}*/
md-input-container .md-input, md-content.md-default-theme, md-content, md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
	color: #383838 !important;
	font-size: 13px;
	font-weight: 400;
}

.md-select-value > span:not(.md-select-icon) .md-text {
	font-weight: normal;
}

/*----------Soham S 03.02.17---------------*/
.md-input-focused input.md-input, md-select:not([disabled]):focus .md-select-value {
	border-bottom: 1px solid #1b3289 !important;
}




.md-button.md-primary.md-raised:not([disabled]).md-focused {
	background-color: #1e5372;
}

.md-button.md-warn.md-raised:not([disabled]).md-focused { /*************SOHAM 06.02.17 **************/
	background-color: #767976;
}

.right-nav {
	color: #444;
	display: block;
	padding: 0;
	position: relative;
}

.spprt-nav {
	color: #444;
	display: block;
	padding: 0;
	position: relative;
}

.md-select:not([disabled]):focus .md-select-value {
	border-bottom: 1px solid #1b3289 !important;
}


/*------------------Amrita -------------------*/

.md-block label span {
	color: #df0a0a;
}

form h5 {
	padding-bottom: 20px;
	color: #1e5372 !important;
	font-weight: normal;
}

form h6.padding {
	padding-top: 0px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-left: 12px;
	color: #1b3289;
}

.dispaly-block {
	display: block;
}

.uploader {
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #b3b3b3;
}

	.uploader img {
		border: 1px solid #909090;
	}

	.uploader span {
		color: #5a8a07;
	}

	.uploader .md-button {
		margin-left: 0;
	}

.accounts {
	padding: 5px 10px;
}

	.accounts h5 {
		color: #1e5372;
		font-size: 16px;
		margin-bottom: 15px;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	.accounts h6 {
		color: #333;
		font-size: 14px;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		display: block;
	}

.box-grey {
	background-color: #f0f0f0;
	padding: 5px 10px;
	margin: 10px 0 0px 0;
}

.box-grey-outline {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding: 5px 10px;
	margin: 10px 0 0px 0;
}

.box-grey-outline_com {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding: 15px 10px;
	margin: 10px 0 0px 0;
}

.accounts .box.box-solid.box-success > .box-header {
	background-color: #74a225;
	color: #fff;
}

.accounts .box-header .box-title, .accounts .box-header h3.box-title {
	color: #fff;
	text-align: center !important;
}

	.accounts .box-header h3.box-title span {
		font-size: 24px;
		font-weight: 200;
	}

.accounts .box.box-solid.box-success {
	border: 1px solid #74a225;
}

.accounts .box-body ul {
	padding: 0 0 0 15px;
}

	.accounts .box-body ul li {
		margin-bottom: 10px;
	}

.accounts p.link {
	padding: 10px 0 0 16px;
	font-size: 14px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0px 0 10px 0;
	line-height: 40px;
}

.accounts small {
	font-size: 16px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #dc2a23;
}

.accounts .btn-small {
	cursor: pointer;
	display: inline-block;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 22px 0 0;
}

.accounts .brdr {
	border-bottom: 1px dotted #b0b0b0;
	padding: 10px 0 0 0;
}

.right-nav .box-header {
	padding: 5px 0 0 0;
}

.right-nav ul { /*-------------Soham S-----------------*/
	padding: 0;
	color: #9c9c9c;
	list-style-type: none;
	margin-bottom: 0;
}

.right-nav li {
	display: block;
	border-bottom: 1px dotted #ccc;
}

	.right-nav li a {
		color: #777;
		padding: 0 0 0 10px;
		line-height: 36px;
		display: block;
		font-size: 13px;
		font-weight: normal;
	}

		.right-nav li a i {
			display: none;
		}

		.right-nav li a:hover {
			background-color: #f5f5f5 !important;
			color: #000;
		}

		.right-nav li a.active {
			background-color: #eee !important;
			font-weight: normal;
			color: #ff6000;
		}

.right-nav h3.box-title {
	padding: 3px 0 3px 8px;
	font-weight: normal;
	font-size: 14px;
	color: #1e5372;
	border-bottom: 1px solid #1e5372;
	display: block;
}

/*---------30-Jan-------------*/
.accounts .leftBrdr {
	border-left: 1px dotted #cecdcd;
	padding-left: 10px;
}

.accounts .nopadding {
	padding-top: 0px;
	padding-bottom: 0px;
}

.addTicket {
	background-color: #f0f0f0;
	padding: 20px 0 50px 0;
	text-align: center;
	min-height: 420px;
}

	.addTicket h3 {
		color: #b63929;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		padding: 120px 0 40px 0;
	}

	.addTicket a {
		font-size: 14px;
		color: #fff;
		padding: 7px 18px;
		background-color: #74a225;
		border-radius: 5px;
	}

		.addTicket a:hover {
			background-color: #5e841c;
		}

.content-min {
	background-color: #fafafa;
	min-height: 500px;
}

.content-header > .breadcrumb > li > a:hover {
	text-decoration: underline;
	color: #444;
}

.fileUpload.layout-column {
	flex-direction: column !important;
	width: 100%;
}

md-radio-button .md-label {
	top: -3px;
	margin-left: 23px;
}
/*---------30-Jan-------------*/
.fa-ellipsis-v {
}

.color {
	padding: 3px 8px;
	color: #999;
	position: relative;
	top: -10px;
	font-size: 20px !important;
}

.color-dot {
	/* 	background-color:#fff;
 */ border-radius: 50%;
	padding: 0px;
	color: #999;
	font-size: 17px !important;
}

	.color-dot:hover, .color:hover {
		color: #1e5372;
	}

md-content {
	overflow-x: hidden;
	overflow-y: hidden;
}

.position {
	position: relative;
	right: 0px !important;
}

.properties-icon {
	margin: 0px;
	position: relative;
}

	.properties-icon i {
		margin: 0 0px 0 0px;
		font-size: 14px;
		cursor: pointer;
	}

	.properties-icon .md-button {
		min-width: 0;
		margin: -1px 0 6px 2px;
	}

h6.upload {
	font-size: 12px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #1e5372;
}

.commentPadding {
	padding-top: 10px !important;
}

i.drop-down {
	position: relative;
	top: -3px;
	font-size: 18px;
}

.tab-panel .md-button {
	margin: 0 15px 0 0px;
}

	.tab-panel .md-button.md-raised {
		/* box-shadow:0 0 0 0;

	text-transform:capitalize;*/
		border-radius: 3px;
	}

.tab-panel .border-bottom {
	margin-top: 1px;
	border: 0;
	margin-left: 15px;
	border-bottom: 2px solid rgb(250,250,250);
	border-radius: 0px;
	box-shadow: 0 0 0 0;
	border-radius: 0px;
	background: none;
}

	.tab-panel .border-bottom:hover, .border-bottom.active {
		border-bottom: 2px solid #1e5372;
		border-radius: 0px;
		margin-top: 1px;
	}

	.tab-panel .border-bottom:hover, .border-bottom:active, .tab-panel .md-focused {
		border-bottom: 2px solid #1e5372;
		border-radius: 0px;
		margin-top: 1px;
	}

.tab-panel .md-button.md-default-theme.md-raised, .md-button.md-raised {
	color: rgb(33,33,33);
	background-color: rgb(250,250,250);
}

/* .tab-panel .md-button.browse-btn {
	background-color:#a8a8a8 !important;
	border-radius:3px;
	margin-top:2px;
	}
	 */
/*-------------------06-02 -------------*/
.unit-position {
	margin-top: -20px;
}

.top-padding {
	margin-top: -13px;
}

.collaspe-panel {
	padding: 0;
	border-top: 0px;
	border: 1px solid #e2e2e2;
}

	.collaspe-panel h3 {
		color: #c15b01;
		font-size: 22px;
		padding: 0;
		margin: 0;
	}

		.collaspe-panel h3 i {
			color: #9b9b9b;
			font-size: 16px;
			margin-left: 5px;
		}

	.collaspe-panel i {
		font-size: 16px;
		font-weight: 200;
	}

.fileUpload-small.layout-column {
	flex-direction: column !important;
	width: 65%;
}

.color-head {
	color: #1e5372;
	font-size: 16px;
}

h4.assets {
	color: #1e5372;
	font-size: 16px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.picThumb {
	margin: 0 0 4px 0;
	height: 285px;
	padding: 0px 5px 0 5px;
}

	.picThumb li {
		margin-right: 0px;
		margin-bottom: 10px;
		float: left;
		list-style: none;
		width: 96px;
		height: 68px;
		overflow: hidden;
		position: absolute;
		-webkit-transition-property: left, top, width, height;
		-webkit-transition-duration: 1s;
		transition-property: left, top, width, height;
		transition-duration: 1s;
	}

		.picThumb li:first-child {
			width: 307px;
			height: 207px;
			left: 10;
			top: 0px;
		}

		.picThumb li.active {
			border: 4px solid #fa6900;
		}

		.picThumb li:nth-child(2) {
			left: 15px;
			top: 216px;
		}

		.picThumb li:nth-child(3) {
			left: 120px;
			top: 216px;
		}

		.picThumb li:nth-child(4) {
			left: 227px;
			top: 216px;
		}

.BtnCircle {
	border-radius: 50%;
	padding: 4px 7px;
	border: 1px solid #b8b8b8;
	margin: 4px 3px;
	color: #595959;
}

	.BtnCircle:hover {
		background-color: #cbcaca;
	}

.btn-pos {
	margin-right: 12px;
	margin-bottom: 10px;
}

.unit-dropdown {
	margin: -10px 0 0 -15px;
}

.add-doc {
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	margin: 5px 0 0 0;
	color: #404040;
}

.property-panel {
	background-color: #fff;
	border-radius: 3px;
	padding: 13px 0 0 0;
	border: 1px solid #cecece;
	overflow: hidden;
}

ul.asset-list li md-checkbox {
	list-style: none;
	display: inline;
}

ul.asset-list li {
	list-style: none;
	/*margin:10px 0;*/
	display: inline;
}

	ul.asset-list li .md-checked {
		padding: 0 !important;
		margin: 0 !important;
	}

	ul.asset-list li md-input-container {
		padding: 0 !important;
		margin: -6px 2px !important;
	}
/*ul.asset-list md-checkbox .md-label {
	margin-top:-7px;
	}
ul.asset-list li md-input-container input{
	width:70px;
	position:relative;
	top:-10px;
	}*/

.searchtoolbar {
	background-color: #FFFFFF !important;
}

.addNewDocModal {
	max-width: 65% !important;
	min-width: 30% !important;
	max-height: 67% !important;
	min-height: 40% !important;
	z-index: 5000 !important;
	overflow-x: hidden !important;
}

	.addNewDocModal .md-toolbar-tools {
		background: #fff;
		border-bottom: 2px solid #1e5372 !important;
		color: #1e5372;
		font-size: 20px;
	}

	.addNewDocModal md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, .addNewDocModal md-toolbar:not(.md-menu-toolbar) md-icon {
		color: #666;
	}

.padding-left {
	padding-left: 12px;
}

.width30 {
	width: 30%;
}

.dropDwn-Heading, .collaspe-panel .md-select-value > span:not(.md-select-icon) .md-text {
	color: #404040 !important;
	font-size: 22px;
	padding: 0;
	margin: 0;
	font-weight: 200 !important;
}

.collaspe-panel .md-select-icon {
	color: #404040 !important;
}

.collaspe-panel i.big {
	font-size: 20px;
	font-weight: 200;
}

.content-Details {
	width: 100%;
	z-index: 5000;
}

.nobrdr {
	border-bottom: 0px;
}

	.nobrdr img {
		border: 1px solid #909090;
		margin-bottom: 5px;
	}

.icon-button {
	border-style: none !important;
	background: none !important;
}

h2.content-head {
	margin: 0 0 15px 5px;
	padding: 0 0 5px 0;
	color: #ff6000;
	border-bottom: 1px solid #ddd !important;
	width: 100%;
}
/* .grid-icon i{
	padding:0 0 0 0;
	margin-top:22px;
	} */
.set-icon {
	margin-top: 25px;
	padding-right: 20px;
}

.setposition {
	margin-top: -6px;
}

.grid-button {
	line-height: 3rem !important;
	width: 13rem !important;
	height: 7rem !important;
	padding: 1px 10px 49px 9px !important;
	margin: -1px -12px 54px 13px !important;
	padding-bottom: 45px !important;
}

.set-button {
	margin: 5px 139px 2px 499px !important;
	width: 18rem !important;
}

i.inactive {
	color: #bcbcbc !important;
}

.tab-brdr {
	border-bottom: 1px solid #ddd !important;
	width: 100%;
	overflow: hidden;
	padding: 0 !important;
}

.mdContent-height {
	min-height: 487px;
}

.elliipsisPos {
	margin-top: -15px;
	margin-right: -10px;
}

md-checkbox.grid-mdChkbox .md-container {
	height: 20px !important;
}

.start-action {
	text-transform: Uppercase;
	color: #1e5372;
	font-size: 12px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 0 12px;
}

	.start-action i {
		margin: 2px 0 0 0;
	}

.opencase-no {
	border-radius: 3px;
	padding: 1px 3px;
	font-size: 8px;
	color: #fff;
	margin: 0 2px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #ff6000;
}

.push {
	float: left;
	position: relative;
	right: 30px;
}

.asset-dialog {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	padding: 5px 10px;
}

.checkboxlistscroll {
	overflow-y: scroll !important;
	height: 185px !important;
	overflow-x: hidden !important;
	margin: 0 10px 10px 0;
}

.sub-head {
	margin: 15px 0 10px 10px;
	padding: 0;
	color: #1e5372;
	font-size: 22px;
}

.white-box {
	background: #fff;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #f1f1f1;
}

.border-button {
	background: #fff;
	border-radius: 3px;
	color: #1e5372;
	padding: 2px 10px;
	border: 1px solid #1e5372;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

	.border-button:hover {
		background: #fff;
		border: 1px solid #1e5372;
	}

.push-row {
	background: #fff;
	margin: 0px 0;
	border-radius: 3px;
	padding: 7px 10px 0 0;
	overflow: hidden;
	border: 1px solid #f1f1f1;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
	right: 0px !important;
	left: 4px !important;
}

.md-datepicker-input-container {
	width: 190px;
}

.md-datepicker-button {
	display: none;
}

.md-icon-button + .md-datepicker-input-container {
	margin-left: 1px;
}

.md-datepicker-expand-triangle {
	border-top: 0px solid !important;
}

md-input-container .calender-button {
	border-style: none !important;
	background: none !important;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 170px;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
	padding: 10px;
	background-color: transparent;
}

.document-width {
	overflow-y: hidden !important;
	width: 490px !important;
	/* height: 1050px !important; */
	padding-bottom: 5px !important;
}

.document-scroll {
	overflow-y: scroll !important;
	height: 332px !important;
	overflow-x: hidden !important;
	margin: -25px 0px 5px 0;
	padding-top: 10px;
	border-bottom: 1px solid #d0d0d0;
}

.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container {
	height: 180px;
}

	.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container .lf-ng-md-file-input-drag-text {
		font-size: 44px;
	}

.checkPost {
	font-size: 9px;
	color: #ff6000;
	margin-top: -18px;
	margin-right: -20px;
	cursor: pointer;
}

.sqMeter {
	position: relative;
	font-size: 11px;
	top: 45px;
	right: 3px;
}

.small-height {
	min-height: 20px;
	line-height: 20px;
}

.box-header .television {
	margin: -35px 0px 8px 170px;
	font-size: 22px;
	color: #c15b01 !important;
	font-weight: 200 !important;
}

	.box-header .television label {
		font-size: 22px;
		font-weight: 200 !important;
	}

.search-panel {
	border: 1px solid #d0d0d0;
	background-color: #FFF;
	padding: 5px 10px 0 10px;
	border-radius: 5px;
	overflow: hidden;
}


	.search-panel input {
		border: 0px;
		background-color: transparent;
		padding: 3px 0 3px 0px;
		width: 250px;
		margin-left: 0px;
	}

	.search-panel i {
		color: #ababab;
	}


	.search-panel .search-button, .search-panel .search-button-grey, .blue-button {
		margin: 5px 10px 0 0;
		background-color: #1e5372;
		border-radius: 20px;
		color: #FFFFFF;
		font-size: small;
		padding: 2px 15px;
		display: inline-block;
		border: 0px;
	}
	.advBtn{
		margin-left: 11px;
	}
	.advBtn .search-button, .advBtn .search-button-grey, .blue-button {
		margin: 5px 10px 0 0;
		background-color: #1e5372;
		border-radius: 20px;
		color: #FFFFFF;
		font-size: small;
		padding: 2px 15px;
		display: inline-block;
		border: 0px;
	}

.buttonBeside {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: #ababab;
}

.blue-button {
	display: inline;
	line-height: 25px;
}

.search-panel .search-button-grey {
	background-color: #d4d4d4;
	color: #323232;
}

.advBtn .search-button-grey {
	background-color: #d4d4d4;
	color: #323232;
}

.search-panel .search-button:hover, .upgrade-button:hover {
	background-color: #1e5372;
}

.search-panel span.searchtxt {
	display: inline-block;
	font-size: 12px;
	margin: 4px 30px 0 0;
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.property {
	overflow: hidden;
}

.search-result {
	background-color: transparent;
}

.search-panel h4 {
	font-size: 16px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #ff6000;
	padding: 0px 0 10px 10px;
	margin: 0;
}

.search-panel h5 {
	color: #11a9a4;
}

	.search-panel h5:hover {
		color: #11a9a4;
		text-decoration: underline;
	}

.search-panel p {
	color: #838383;
	font-size: 12px;
	/*line-height: 10px;*/
}

	.search-panel p span {
		color: #f37e00;
	}

.search-result-list {
	padding: 10px 0;
	border-bottom: 1px dotted #d1d1d1;
	overflow: hidden;
}

	.search-result-list-hd:last-child, .search-result-list:last-child {
		border: none;
	}

	.search-result-list img {
		margin-right: 20px;
	}

.search-result-list-hd {
	border-bottom: 1px dotted #d1d1d1;
}



.top-margin {
	margin-top: 20px;
}
/*------------------user profile -------------------*/
.user-section {
	padding: 0;
	background: #fff;
}

.user-bg {
	width: 100%;
	height: 160px;
	background: url(../images/user-profile-bg.jpg) no-repeat 0 0;
	background-size: cover;
}

.user-section .user {
	padding: 15px 0 0 5px;
	margin-top: 0px;
	width: 100%;
}

.profile-user .link {
	padding: 5px 10px 0 0;
	margin: 0;
	color: #fff;
	position: relative;
	top: 0px;
	right: 0px;
	font-size: 12px;
}

	.profile-user .link a {
		font-size: 12px;
		color: #fff;
	}

.user-section .user img, .user-pic img {
	position: relative;
	height: 180px;
	width: 180px;
	margin-top: 30px;
	margin-left: 18px;
	border: 3px solid #fff;
	/*background:url(../images/profile-pic-placeholder.jpg) #bdbec0 no-repeat top left;*/
	background: #bdbec0;
}

.user-section .user a {
	display: block;
	color: #fff;
	font-size: 12px;
	margin: 0 0 5px 0;
}

	.user-section .user a:hover {
		text-decoration: underline;
	}

.user-postion {
	margin: 0px 0 0 0;
	padding-left: 220px;
	overflow: hidden;
	height: 90px;
}
/* .user-section .user .user-name {
	margin:0px 0 0 220px;
	top:0px;
	 }*/
.user-section .user h4 {
	color: #1e5372 !important;
	font-size: 22px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.user-section .user a {
	color: #333;
	font-size: 14px;
}

.user-section .user .display-inline, .user-section .user p.display-inline {
	float: left;
}

.user-section .user i {
	margin: 12px 5px 0 0;
}

.user-section .user .padding-left {
	margin-left: 0;
}

.user-section i.edit-user {
	margin: 46px 0 0 0px;
	/*font-size:40px;*/
	color: #fff;
	text-align: right;
	float: right;
	cursor: pointer;
}

.user-section .user p.display-inline {
	width: 80% !important;
	margin: 10px 0px 0 0;
}

.user-section .user p.phnInfo {
	width: 50% !important;
	margin: 10px 0px 0 0;
}

.user-section .info-box {
	border: 0px solid #d2d6de;
	padding: 0px;
	border-radius: 3px;
	background: transparent;
}

	.user-section .info-box h3, .user-section .security h3 {
		color: #333;
		font-size: 18px;
		padding: 4px 0px 6px 2px;
		margin: 0;
		display: block;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #dedede;
	}

	.user-section .info-box .property-info {
		border-bottom: 1px solid #dedede;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		padding: 10px 0px 4px 10px;
		display: block;
		background-color: #fcfcfc;
	}

		.user-section .info-box .property-info:hover {
			background-color: #f4f4f4;
		}

		.user-section .info-box .property-info img {
			width: 60px;
			height: 60px;
			margin: 0 9px 0 0;
			padding: 0;
			border: 2px solid #dedede;
			/*background: url(../images/logo-placeholder-sm2.jpg) #bebec0 no-repeat top left;*/
			color: #FFF;
			text-align: center;
		}

		.user-section .info-box .property-info h4 {
			font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 16px;
			padding: 0;
			margin: 0;
		}

	.user-section .info-box .property-info {
		font-size: 12px;
	}

		.user-section .info-box .property-info i {
			padding-right: 6px;
		}

		.user-section .info-box .property-info span {
			color: #1e5f8d;
			line-height: 24px;
			font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}

.user-section .box {
	border: 0;
}

.user-section .security h3.box-title {
	font-size: 14px;
	color: #333;
	border: 0;
}

.user-section .security {
	margin: 7px 0 0 0;
}

ul.notification-list {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0px;
}

/* .bottom-position {
	margin-top: -50px;
}
 */
.account-bg {
	background: #ededed;
	margin-top: 10px;
}

/*---------------propwerty View Section ------------------*/

.property-view {
	padding: 10px 0 0 0;
}
	/*.property-view img {
	width:100%;
	border:2px solid #c0c0c0;
	}*/
	.property-view .view-all a {
		position: relative;
		bottom: 24px;
		left: 185px;
		background: #000;
		padding: 1px 10px;
		font-size: 12px;
		color: #fff;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	.property-view .show-status, .show-status {
		margin: 5px 10px 0 0;
		background-color: #82ac01;
		border-radius: 3px;
		color: #FFFFFF;
		font-size: small;
		padding: 4px 7px;
		border: 0px;
	}

	.property-view .display-inline {
		float: left;
	}

	.property-view p {
		margin: -4px 0 0 5px;
		line-height: 20px;
	}

		.property-view p.pro-type {
			font-size: 16px;
			font-weight: 200;
			color: #1e5f8d;
			display: block;
			clear: both;
			padding: 20px 0 0 0;
		}

	.property-view md-tab img {
		margin: 3px 0 0 0;
	}

	.property-view .unitLink span {
		display: block;
		padding: 5px 0 6px 3px;
		cursor: pointer;
	}

		.property-view .unitLink span:hover {
			color: #1e5f8d;
		}

	.property-view .unit-info {
		font-size: 14px;
		display: block;
		margin: 5px 0px 0px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #cfcfcf;
	}

		.property-view .unit-info .statusGreen, .property-view .unit-info .statusorange, .property-view .unit-info .statusexpire {
			color: #799d0c;
		}

		.property-view .unit-info .statusorange {
			color: #eb550b;
		}

		.property-view .unit-info .statusexpire {
			color: #ceae02;
		}

/* .property-view .ui-grid-top-panel {
		height: 40px;
	} */
/*------------------Amrita -------------------*/

/*-------------------SOHAM ---------------------*/
.menudemoBasicUsage .md-menu-demo {
	padding: 25x;
}

.menudemoBasicUsage .menu-demo-container {
	min-height: 200px;
}

.grayunderline {
	border-bottom: 1px solid #ddd !important;
	width: 65%;
}

.menudemoBasicUsage .md-menu-demo {
	padding: 24px;
}

.menudemoBasicUsage .menu-demo-container {
	min-height: 200px;
}

.grayunderline {
	border-bottom: 1px solid #ddd !important;
	width: 65%;
}

.grayunderlinefull {
	border-bottom: 1px solid #ddd !important;
	width: 100%;
	padding: 0 !important;
}

.redtwoline {
	color: red;
	font-size: 14px;
	float: right;
	padding-left: 22px;
}

	.redtwoline .tinyfont {
		font-size: 10px !important;
	}

.blueunderline {
	color: #7fcaf9;
	font-size: 14px;
	float: right;
	padding-left: 5px;
	text-decoration: underline;
}

.boxborderblue {
	border: 1px solid #7fcaf9;
	background-color: white;
	z-index: 999;
	padding: 5px;
	-webkit-box-shadow: 10px 23px 48px -12px rgba(0,0,0,0.65);
	-moz-box-shadow: 10px 23px 48px -12px rgba(0,0,0,0.65);
	box-shadow: 10px 23px 48px -12px rgba(0,0,0,0.65);
}

.commentsection {
	width: 75%;
}

	.commentsection .box-footer {
		width: 100% !important;
	}

.attachfilemultidiv {
	padding-bottom: 10px !important;
	border-bottom: 1px solid #ececed;
	width: 100%;
	margin-bottom: 20px;
}

.custom-search {
	margin-top: 12px !important;
}

	.custom-search input {
		outline: none !important;
	}

		.custom-search input[type=search] {
			-webkit-appearance: textfield !important;
			-webkit-box-sizing: content-box !important;
			font-family: inherit !important;
			font-size: 100% !important;
		}

		.custom-search input::-webkit-search-decoration,
		.custom-search input::-webkit-search-cancel-button {
			display: none !important;
		}


		.custom-search input[type=search] {
			background: #FFF url("/images/search2.png") no-repeat 4px 7px !important;
			background-size: 16px 16px !important;
			border: solid 1px #ccc !important;
			/* border-bottom: solid 1px #ccc  !important; */
			padding: 0px 0px 0px 0px !important;
			height: 30px !important;
			width: 200px !important;
			/*content: "\f002";
			font-family: FontAwesome;
			 -webkit-border-radius: 15em !important;
	-moz-border-radius: 10em !important;
	border-radius: 10em !important; */
			-webkit-transition: all .5s !important;
			-moz-transition: all .5s !important;
			transition: all .5s !important;
			border-radius: 5px 0px 0px 5px;
			border-right:0px !important;
		}

			.custom-search input[type=search]:focus {
				width: 130px !important;
				background-color: #FFF !important;
				border: solid 1px #ccc !important;
				border-color: #1e5372 !important;
				border-radius: 5px 0px 0px 5px;
				/* -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5) !important;
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5) !important;
	box-shadow: 0 0 5px rgba(109,207,246,.5) !important; */
	border-right:0px !important;
			}


			.custom-search
			.custom-search {
			 margin-top: 13px !important;
			}

			 .custom-search input {
			  outline: none !important;
			 }

			  .custom-search input[type=search] {
			   -webkit-appearance: textfield !important;
			   -webkit-box-sizing: content-box !important;
			   font-family: inherit !important;
			   font-size: 100% !important;
			  }

			  .custom-search input::-webkit-search-decoration,
			  .custom-search input::-webkit-search-cancel-button {
			   display: none !important;
			  }


			  .custom-search input[type=search] {
			   background: #FFF url("/images/search2.png") no-repeat 4px 7px !important;
			   background-size: 16px 16px !important;
			   border: solid 1px #ccc !important;
			   /* border-bottom: solid 1px #ccc  !important; */
			   padding: 0px 0px 0px 0px !important;
			   height: 30px !important;
			   width: 200px !important;
			   /*content: "\f002";
			   font-family: FontAwesome;
				-webkit-border-radius: 15em !important;
			 -moz-border-radius: 10em !important;
			 border-radius: 10em !important; */
			   -webkit-transition: all .5s !important;
			   -moz-transition: all .5s !important;
			   transition: all .5s !important;
			   border-radius: 5px 0px 0px 5px;
			   border-right:0px !important;
			  }



			   .custom-search input[type=search]:focus {
				width: 130px !important;
				background-color: #FFF !important;
				border: solid 1px #ccc !important;
				border-color: #1e5372 !important;
				border-radius: 5px 0px 0px 5px;
				/* -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5) !important;
			 -moz-box-shadow: 0 0 5px rgba(109,207,246,.5) !important;
			 box-shadow: 0 0 5px rgba(109,207,246,.5) !important; */
			 border-right:0px !important;
			   }


			  .custom-search input:-moz-placeholder {
			   color: #999 !important;
			  }

			  .custom-search input::-webkit-input-placeholder {
			   color: #999 !important;
			  }

			 /* Demo 2 */
			 .custom-search #demo-2 input[type=search] {
			  width: 180px !important;
			  padding-left: 25px !important;
			  cursor: pointer !important;
			  margin-right: 0px;
			 }

			  .custom-search #demo-2 input[type=search]:hover {
			   background-color: #FFF !important;
			  }

			  .custom-search #demo-2 input[type=search]:focus {
			   width: 318px !important;
			   padding-left: 32px !important;
			   color: #000 !important;
			   background-color: #FFF !important;
			   cursor: auto !important;

			  }

			 .custom-search #demo-2 input:-moz-placeholder {
			  color: #999 !important;
			 }

			 .custom-search #demo-2 input::-webkit-input-placeholder {
			  color: #999 !important;
			 }

			 .custom-search #demo-2 input:focus:-moz-placeholder {
			  color: #999 !important;
			  /* color: transparent !important; */
			 }

			 .custom-search #demo-2 input:focus::-webkit-input-placeholder {
			  color: #999 !important;
			  /* color: transparent !important; */
			 }


.menudemoBasicUsage .md-menu-demo {
	padding: 24px;
}

.menudemoBasicUsage .menu-demo-container {
	min-height: 200px;
}




.mainList {
	height: auto;
	width: 100%;
}

.mainListItem {
	width: 100%;
	height: 200px;
	background: #FFF;
	border-radius: 10px;
	height: auto;
	min-height: 72px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	padding: 0 16px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	display: flex;
}

.cardWrap {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	/*-webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
	flex-direction:column;
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;*/
}

.cardListItem {
	/*height: 416px;*/
	margin: 0 1% 20px 1%;
	background: #FFF;
	border-radius: 10px;
	position: relative;
	padding: 0px 10px 5px 10px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !impossssrtant;
	-moz-box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !important;
	box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !important;
	/*text-align:center;*/
}

@media (min-width: 640px) {
	.cardListItem {
		width: 48%;
	}
}

@media (min-width: 900px) {
	.cardListItem {
		width: 31.33%;
	}
}

@media (min-width: 1200px) {
	.cardListItem {
		width: 23%;
	}
}

@media (min-width: 1400px) {
	.cardListItem {
		width: 18%;
	}
}
/* .cardListItem:hover{ border:1px solid #1e5372;} */
.cardListItem span.enlarge {
	font-size: 24px;
}

.cardImgWrap {
	border: 2px solid #ebebeb;
	text-align: center;
	height: 150px;
	overflow: hidden;
	border-radius: 7px;
	margin: auto;
	background: #f8f8f8;
	line-height: 140px;
}

	.cardImgWrap img {
		/*max-width: 100%;*/
		max-height: 100%;
	}

.right-dots-menu {
	position: absolute;
	right: 0;
	top: 15px;
}

.no-right-brdr.ui-grid-header-cell .sortable {
	border-right: 0px solid #fff !important;
}

.innerListItem-donefourth {
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: auto;
	text-overflow: ellipsis;
	float: left;
	width: auto;
	width: 22%;
}

.innerListItem-midtxt {
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: auto;
	text-overflow: ellipsis;
	float: left;
	width: auto;
	text-align: center;
}

.mainListDivider {
	display: block;
	margin: 17px 0 !important;
	border: none;
}

.innerListAvatar {
	margin-top: 12px;
	width: 130px;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
	margin-bottom: 8px;
	margin-right: 16px;
	border-radius: 50%;
	box-sizing: content-box;
	height: 130px;
	border: 4px solid #d6d6d6;
	background: #FFF;
	border-radius: 10px;
}

.margin-top-negative {
	margin-top: -8px;
}
/*-------------------SOHAM-30thJan ---------------------*/



.insuranceHeader {
	margin-bottom: 5px;
}

	.insuranceHeader h4 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 0.5px solid #ddd !important;
		width: 100%;
	}

.insuranceTxt {
	float: left;
	width: 60%;
	color: #1e5372;
	display: inline-block;
	font-size: 14px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.insuranceDel {
	float: right;
	width: 10%;
	color: #e13932;
	display: inline-block;
	font-size: 14px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.insuranceBody {
	padding-top: 5px;
	margin-top: 5px;
}

.mortageHeader {
	margin-bottom: 5px;
}

	.mortageHeader h4 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 0.5px solid #ddd !important;
		width: 100%;
	}

.mortgageTxt {
	float: left;
	width: 60%;
	color: #1e5372;
	display: inline-block;
	font-size: 14px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.mortgageDel {
	float: right;
	width: 10%;
	color: #e13932;
	display: inline-block;
	font-size: 14px !important;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.mortgageBody {
	padding-top: 5px;
	margin-top: 5px;
}

.formDateLarge {
}

.threedotImg {
	width: auto;
	height: 40px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -19px;
}

.propDetailTable {
	border-collapse: collapse;
}

	.propDetailTable th {
		padding-bottom: 15px !important;
		border-bottom: 1px solid #ddd;
	}

	.propDetailTable .pl10 {
		padding-left: 10px !important;
	}

.showIndividualSave {
	padding-bottom: 10px !important;
}


/*-------------------SOHAM-30thJan ---------------------*/


/*-------------------SOHAM-2ndFeb ---------------------*/

.grayunderlinecomplete {
	border-bottom: 1px solid #ddd !important;
	width: 100%;
}

.unitLocation .box {
	border: 1px solid #d2d6de !important;
	border-left: 0px !important;
	border-right: 0px !important;
	/*height:293px;*/
}

/* .unitLocation .box label {
		margin-top: 28px;
	} */

.unitLocation .box-header {
	background-color: rgba(236,236,237,0.46);
}

	.unitLocation .box-header.with-border {
		border-bottom: 1px solid #1b3289 !important;
	}

/* .unitLocation  .md-button.md-raised{
	color: #fff !important;
} */


.dialogdemoBasicUsage #popupContainer {
	position: relative;
}

.dialogdemoBasicUsage .footer {
	width: 100%;
	text-align: center;
	margin-left: 20px;
}

	.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
		font-size: 0.8em;
		margin-top: 50px;
	}

.dialogdemoBasicUsage button {
	width: 200px;
}

.dialogdemoBasicUsage div#status {
	color: #c60008;
}

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
	margin-bottom: 0;
}

}


md-toolbar {
	min-height: 30px !important;
	background: none;
}


.addNewDocModal .md-datepicker {
	max-height: 20px !important;
}

.fullwidth {
	width: 100% !important;
}



.width-33 {
	width: 32.5% !important;
}

.addNewDocClass {
	outline: none;
}

	.addNewDocClass:focus {
		outline: none;
	}

	.addNewDocClass i:focus {
		outline: none;
	}

.padding-top-5 {
	padding-top: 5px !important;
}
/*-------------------SOHAM-2ndFeb ---------------------*/



/*-------------------SOHAM ---------------------*/
.big-date._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
	width: 150px;
}

md-switch .md-label {
	font-weight: normal;
}
/*.ui-grid-header { border-bottom:2px solid #1e5372 !important;}*/
.ui-grid-top-panel {
	position: relative;
	overflow: hidden;
	background: #FFF !important;
	border-bottom: 2px solid #1e5372 !important;
	color: #1e5372 !important; /*font-weight:bold;*/
	font-size: 13px;
	height: 26px;
}

.grayunderline-small {
	border-bottom: 1px solid #ddd !important;
	width: 20%;
}

.almostfullwidth {
	width: 95% !important;
}

h2.property-name {
	margin: 0;
	padding: 0;
	width: auto;
	display: inline;
	/*color: #04a493;*/
	font-size: 22px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal !important;
}

h4.property-name {
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 22px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h2.property-name div .fa-star-o {
	color: #929292;
	/*font-size: 19px;*/
}

h2.property-name div .fa-star {
	color: #ffa500;
}
/*-------------------SOHAM-16Feb ---------------------*/
.unitLocation .box-body {
	max-height: 240px;
	min-height: 240px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	white-space: nowrap;
	padding: 5px;
}

.commonToAllClass h3 {
	text-align: left !important;
	padding-left: 15px !important;
}

.commonToAllClass .box-body {
	width: 98% !important;
	padding: 10px !important;
}

.selectdemoSelectHeader {
	/* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

	.selectdemoSelectHeader .demo-header-searchbox {
		border: none;
		outline: none;
		height: 100%;
		width: 100%;
		padding: 0;
	}

	.selectdemoSelectHeader .demo-select-header {
		box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
		padding-left: 10.667px;
		height: 48px;
		cursor: pointer;
		position: relative;
		display: flex;
		align-items: center;
		width: auto;
	}

	.selectdemoSelectHeader md-content._md {
		max-height: 240px;
	}
/*-------------------SOHAM-16Feb ---------------------*/


/*----------------------for scheduler start------------------------*/
.maintenanceWidth {
	width: 730px;
	padding-bottom: 10px;
	text-transform: none;
}

.textInMiddle {
	line-height: 57px;
}

.textInMiddle2 {
	line-height: 34px;
}

.numberAlignment {
	position: relative;
	top: 3px;
}
/*----------------------for scheduler end------------------------*/



.paddingbottomnone {
	padding-bottom: 0px !important;
}

.padding-top5 {
	padding-top: 5px !important;
}

.content-large .content {
	min-height: 532px !important;
}

.boxNoBorder .box {
	border-top: 0px !important;
}
/*---------------- Sanhita for breadcrumb -------------*/
.content-header-new > .breadcrumb {
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 0px;
	/* position: absolute;
	top: -7px;
	left: 10px;
	border-radius: 2px;
	-webkit-box-shadow: inset -1px 3px 3px -1px rgba(210,210,210,1);
	-moz-box-shadow: inset -1px 3px 3px -1px rgba(210,210,210,1);
	box-shadow: inset -1px 3px 3px -1px rgba(210,210,210,1);*/
}

	.content-header-new > .breadcrumb > li > a:hover {
		text-decoration: underline;
		color: #444;
	}

.breadcrumbWrap {
	background-color: #eaeaea !important;
	padding-left: 10px;
	line-height: 28px;
	height: 30px !important;
	min-height: 30px !important;
	border-radius: 0px !important;
	margin-bottom: 0px !important;
}

	.breadcrumbWrap ol {
		background-color: rgba(0,0,0,0) !important;
	}

		.breadcrumbWrap ol li a {
			color: #777;
		}

.breadcrumb > li + li:before {
	content: "/";
}

.breadcrumb {
	list-style: none;
}
/*----------------- Sanhita for breadcrumb -------------*/
.topMinusmargin {
	margin-top: -34px;
}
/*----------------- Soham for Right Panel -------------*/
.rightPaneFilterModal {
	max-width: 20%;
	min-height: 100%;
	z-index: 9999999999;
}

.rightPanelModalClass {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 20000 !important;
}

	.rightPanelModalClass md-toolbar {
		height: 58px !important;
		max-height: 58px !important;
		min-height: 58px !important;
		background-color: #1e5372 !important;
	}

		.rightPanelModalClass md-toolbar h2 {
			width: 65%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.rightPanelModalClass .md-toolbar-tools {
		height: 58px !important;
		max-height: 58px !important;
		min-height: 58px !important;
		/*background-color: #1e5372 !important;*/
		background: #fff;
		border-bottom: 2px solid #1e5372 !important;
		color: #1e5372;
		font-size: 20px;
	}

md-backdrop.md-opaque {
	opacity: 0 !important;
}

.md-whiteframe-4dp, .md-whiteframe-z2, md-dialog {
	box-shadow: 0px 7px 19px 7px rgba(0,0,0,.2), 0px 8px 16px 6px rgba(0,0,0,.14), -2px 9px 16px 11px rgba(0,0,0,.12);
}
/*----------------- Soham for Drag and Drop -------------*/
.cloudImg .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container {
	/*background:url("../images/Upload-To-Cloud-Small-Icon.png");
	 -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	background-repeat: no-repeat;
	background-position: center;  */
	position: relative;
	z-index: 1;
}

	.cloudImg .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container:before {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .4;
		z-index: -1;
		background: url("../images/Upload-To-Cloud-Small-Icon.png") 50% 30px no-repeat;
		background-size: 12% 24%;
	}

.loginBg {
	/* background: rgba(169,181,244,1);
background: -moz-linear-gradient(left, rgba(169,181,244,1) 0%, rgba

(189,205,255,1) 28%, rgba(128,171,239,1) 66%, rgba(130,130,130,1)

100%);
background: -webkit-gradient(left top, right top, color-stop(0%,

rgba(169,181,244,1)), color-stop(28%, rgba(189,205,255,1)), color-

stop(66%, rgba(128,171,239,1)), color-stop(100%, rgba

(130,130,130,1)));
background: -webkit-linear-gradient(left, rgba(169,181,244,1) 0%,

rgba(189,205,255,1) 28%, rgba(128,171,239,1) 66%, rgba(130,130,130,1)

100%);
background: -o-linear-gradient(left, rgba(169,181,244,1) 0%, rgba

(189,205,255,1) 28%, rgba(128,171,239,1) 66%, rgba(130,130,130,1)

100%);
background: -ms-linear-gradient(left, rgba(169,181,244,1) 0%, rgba

(189,205,255,1) 28%, rgba(128,171,239,1) 66%, rgba(130,130,130,1)

100%);
background: linear-gradient(to right, rgba(169,181,244,1) 0%, rgba

(189,205,255,1) 28%, rgba(128,171,239,1) 66%, rgba(130,130,130,1)

100%);
filter: progid:DXImageTransform.Microsoft.gradient(

startColorstr='#a9b5f4', endColorstr='#828282', GradientType=1 ); */
 	background: url(../images/login-page-cover.jpg) 0 0 no-repeat;
	background-attachment: scroll;
	background-position: center;
	background-size: cover; 
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: 300;
	/*width: 70px;*/
}

.profile-pic {
	font-size: 35px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: 300;
}

.login-logo a,
.register-logo a {
	color: #444;
}

.login-logo .login-img,
.register-logo .login-img {
	width: 40px;
	/*margin-left: 200%;*/
}

.login-page,
.register-page {
	background: #d2d6de;
}

.login-box,
.register-box {
	width: 460px;
	/* margin: 5% auto;*/
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	webkit-backface-visibility: hidden;
	/*backface-visibility: hidden;*/
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

@media (max-width: 768px) {
	.login-box,
	.register-box {
		width: 90%;
		margin-top: 20px;
	}
}

.login-box-body,
.register-box-body {
	background: #fff;
	/*padding: 10px 5px;*/
	border-top: 0;
	color: #666;
	border-radius: 5px;
	width: 100%;
}

	.login-box-body img,
	.register-box-body img {
		text-align: center;
	}

	.login-box-body .form-control-feedback,
	.register-box-body .form-control-feedback {
		color: #777;
	}

.login-box-msg,
.register-box-msg {
	margin: 0;
	text-align: center;
	padding: 0 20px 20px 20px;
}

.social-auth-links {
	margin: 10px 0;
}

/*.login-footer-msg {
	margin: 0;
	text-align: center;
	padding: 20px 20px 20px 20px;
	color: rgba(255,255,255,0.8);
}*/

.login-box input {
	border: 0;
	outline: 0;
	border-bottom: 1px solid #e5e5e5;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
	width: 600px;
	margin: 20px auto 0 auto;
}

@media (max-width: 991px) {
	.error-page {
		width: 100%;
	}
}

.error-page > .headline {
	float: left;
	font-size: 100px;
	font-weight: 300;
}

@media (max-width: 991px) {
	.error-page > .headline {
		float: none;
		text-align: center;
	}
}

.error-page > .error-content {
	margin-left: 190px;
	display: block;
}

@media (max-width: 991px) {
	.error-page > .error-content {
		margin-left: 0;
	}
}

.error-page > .error-content > h3 {
	font-weight: 300;
	font-size: 25px;
}

@media (max-width: 991px) {
	.error-page > .error-content > h3 {
		text-align: center;
	}
}

/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
	line-height: 34px;
}

.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
	line-height: 46px;
}

.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
	line-height: 30px;
}

.signUpImg img {
	width: 95% !important;
	height: 95% !important;
	margin: auto !important;
	padding: 2px !important;
}

.facebookButton {
	padding: 0 6px 0 6px;
	margin: 6px 8px 6px 8px;
	min-width: 88px;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: rgb(109, 132, 180) !important;
	color: white !important;
}

	.facebookButton:hover {
		padding: 0 6px 0 6px;
		margin: 6px 8px 6px 8px;
		min-width: 88px;
		border-radius: 3px;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		border: none;
		outline: none;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		background-color: rgb(59, 89, 152) !important;
		color: white !important;
	}

.gPlusButton {
	padding: 0 6px 0 6px;
	margin: 6px 8px 6px 8px;
	min-width: 88px;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: rgb( 211, 72, 54) !important;
	color: white !important;
}

	.gPlusButton:hover {
		padding: 0 6px 0 6px;
		margin: 6px 8px 6px 8px;
		min-width: 88px;
		border-radius: 3px;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		border: none;
		outline: none;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		background-color: rgb(181, 50, 33) !important;
		color: white !important;
	}

.linkedInButton {
	padding: 0 6px 0 6px;
	margin: 6px 8px 6px 8px;
	min-width: 88px;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: rgb(41, 173, 234) !important;
	color: white !important;
}

	.linkedInButton:hover {
		padding: 0 6px 0 6px;
		margin: 6px 8px 6px 8px;
		min-width: 88px;
		border-radius: 3px;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		border: none;
		outline: none;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		background-color: rgb(0, 123, 181) !important;
		color: white !important;
	}

.no-text-transform {
	text-transform: none !important;
}

.radio-button-sidebyside {
	/* float:left; */
	display: inline-block !important;
	padding-right: 5px;
}
/*----------------- Chhattu 27 feb -------------*/
.strikethrough {
	text-decoration: line-through;
}

/*.disabled {
	cursor: not-allowed;
	color: #bcbcbc !important;
}*/

/*----------------- UI Grid Scroll style -------------*/

.ui-grid-viewport::-webkit-scrollbar-track {
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 4px;
}

.ui-grid-viewport::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}

.ui-grid-viewport::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: transparent;
}

.ui-grid:hover .ui-grid-viewport::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cccccc;
}

/*-------------------------------Arindam----------------------*/
.unitTopIcon {
	margin: 8px 7px;
	color: #8F8F8F;
}

.addUnit {
	background: #ECECEC;
	border: 2px dotted #ccc;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}

.addUnitBut {
	width: 100%;
	height: 286px;
	font-size: 20px;
	border: 0px;
}

.box .md-button.md-icon-button {
	padding: 0px;
	margin: 0;
	width: 35px;
}

.green-circle {
	color: #82ac02;
	font-size: 14px !important;
}

.orange-circle {
	color: #ff6000;
	font-size: 14px !important;
}

.occupancy {
	font-size: 18px !important;
}

.cardUnit {
	font-size: 13px;
	margin-top: 6px;
}

.unitMid {
	text-align: center;
	border-bottom: 1px dashed #B5B5B5;
	min-height: 75px;
}

	.unitMid h3 {
		width: 98%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: normal;
		margin-bottom: 0;
		margin-top: 5px;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #727272;
	}

.unitLink {
	margin-top: 7px;
}

	.unitLink div {
		padding: 4px 0 4px 0;
		/*font-size: 15px;*/
	}

.unitNot {
	text-align: center;
	border-top: 1px dashed #B5B5B5;
	padding-top: 12px;
	margin: 8px 0;
}

.unitGo {
	position: absolute;
	top: 135px;
	right: 8px;
	color: #b4b4b4;
	font-size: 37px;
}

	.unitGo i {
		background: #80A7BE;
		border: 3px #FFF solid;
		color: #FFF;
		border-radius: 50%;
		padding: 2px 0 0 17px;
		width: 50px;
		height: 50px;
		-webkit-box-shadow: 5px 6px 13px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 6px 13px -4px rgba(0,0,0,0.75);
box-shadow: 5px 6px 13px -4px rgba(0,0,0,0.75);
	}

ul.unitNotDetail {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: .81em;
	text-transform: none;
}

	ul.unitNotDetail li {
		padding: 3px 0;
	}

.unitNotDetail span {
	color: #ff6000;
}

.accListItem {
	width: 40%;
	height: 330px;
	margin: 0 1% 20px 1%;
	background: #FFF;
	border-radius: 10px;
	position: relative;
	padding: 0px 10px 5px 10px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !important;
	-moz-box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !important;
	box-shadow: 2px 1px 10px rgba(8,8,8,0.1) !important;
	text-align: center;
	text-transform: none;
}

	.accListItem h4 {
		font-size: 28px !important;
		margin: 3px 0;
	}

	.accListItem h5 {
		border-bottom: 1px dashed #B5B5B5;
		margin: 3px 0;
		padding-bottom: 10px;
		text-transform: uppercase;
	}

		.accListItem h5 i {
			font-size: 11px;
			margin-top: 0;
			color: #ccc;
		}

.accMid {
	text-align: center;
	border-bottom: 1px dashed #B5B5B5;
	font-size: 14px;
}

.accListItem .pull-right {
	position: absolute;
	top: 0;
	right: 0;
}

.accMid p {
	margin: 0 0 4px;
}

.accMid span {
	color: #ff6000;
}

.ui-grid-header {
	border-bottom: none !important;
}
/*--------------------------------Arindam----------------------*/
/*---------------------Search--------------------*/
.serach-popup {
	background: url(../images/search-Pop-bg.gif) #FFF left top repeat-y;
	padding: 10px 10px 0 10px;
	margin: 0px;
	width: 350px;
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 4px 8px 0px #ababab;
	font-size: 12px;
	position: absolute;
	top: 100%;
	left: auto;
	z-index: 3000 !important;
}
/*.serach-popup .col-sm-3{border:1px solid red}
.serach-popup .col-sm-9{ border:1px solid blue}*/
.filteringItems ul {
	margin-left: -40px;
}

.filteringItems a {
	float: left;
	white-space: nowrap;
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filteringItems ul li {
	list-style: none;
	margin: -10px 0 10px 5px;
	line-height: 25px;
}

.filteringItems span {
	float: right;
}

.filteringItems ul li a:link {
	color: #099b66;
}

.filteringItems ul li a:hover {
	color: #099b66;
	text-decoration: underline;
}

.serach-popup .filteredItemsno {
	/*padding: 5px 0 0 10px;*/
	text-transform: uppercase;
	font-size: 1em;
	text-align: right;
}

.search-brdr .col-sm-3 {
	padding-left: 0 !important;
	padding-right: 3px;
}


.filteredItemsno .fa-meh-o {
	font-size: 20px;
	color: #8b8b8b !important;
	margin-right: 20px !important;
}


.serach-popup a.view-all {
	text-transform: capitalize;
	font-size: 10px;
	color: #099b66;
}

	.serach-popup a.view-all:hover {
		text-decoration: underline;
		cursor: pointer;
	}

.search-brdr {
	border-bottom: 1px solid #d1d1d1;
	padding: 5px 3px;
	margin: 0 -8px;
}

	.search-brdr:last-child {
		border: none;
	}

.color-txt {
	color: #1e5372;
	font-size: 12px;
}
/*-------------------Search---------------*/
/*--------------------------------Soham 08-03-17 ----------------------*/
.account-bg-no-margin {
	background: #ededed;
}

img.profile-Pic {
	width: 100%;
	height: 10%;
	border: 2px solid #d1d1d1;
	display: block;
	margin: 0px 0 0 0;
	/*background: #bdbec0 no-repeat top left;*/
}

.edit-user-icon {
	margin: 63px 0 0 0px !important;
	font-size: 34px;
	color: #fff;
	text-align: right;
	float: right;
	cursor: pointer;
	border: 2px solid #FFF;
	border-radius: 50%;
	padding: 10px;
	background: #ffa500;
	height: 60px;
	width: 60px;
}

.noMargin {
	margin-right: 0 !important;
}
/*--------------------------------Soham 08-03-17 ----------------------*/

.cardListItem .md-menu {
	position: relative;
	right: -20px;
}

.cardListItem {
	box-shadow: 4px 4px 10px rgba(8,8,8,0.2) !important;
}
/*-------------------notification ------------------*/

/*.notification-panel h4 {
	border-bottom: 1px dotted #d1d1d1 !important;
	width: 100%;
	color: #333;
	font-size: 16px;
	padding-left: 10px;
}

.notification-panel {
	border-bottom: 1px dotted #d0d0d0;
}*/

/*.notification {
	background: #fff;
}*/

.icon-panel, .newNotification {
	float: left;
}

.icon-panel {
	width: 33px;
}

.notification {
	padding: 1px 4px 0px 0px;
	overflow: hidden;
}

	.notification h4 i {
		color: #ababab;
		width: 30px;
		font-size: 20px;
		line-height: 12px;
	}

	.notification a {
		font-size: 13px;
	}

	.notification .fa-bell-o {
		font-size: 12px;
		margin: 5px;
		border-radius: 50%;
		border: 1px solid #d1d1d1;
		padding: 3px;
		background: #d66d10;
		color: #FFF;
	}

/*.notification-button {
	margin: -2px 10px 0 0;
	background-color: #11a9a4;
	border-radius: 11px;
	color: #FFFFFF;
	font-size: small;
	padding: 3px 7px;
	border: 0px;
}

.notificationHd {
	padding-bottom: 20px;
	background: url(../images/dot.png) repeat-y 19px 0px;
}

.notificationHdTop .notificationHd:last-child {
	background: none;
}*/
.notificationHdTop {
	padding: 0;
	background: url(../images/dot.png) repeat-y 16px 12px;
}

	.notificationHdTop .viewed .notification-panel {
		background: #fafafa;
	}

	.notificationHdTop .viewed .fa-bell-o {
		background: #dbdbdb;
	}

.circle-icon, .circle-icon-dollar {
	background: #b2cc8a;
	padding: 12px;
	border-radius: 50%;
	color: #fff;
}

.circle-icon-dollar {
	padding: 11px 15px;
}

.notifiactionNum {
	background: #11a9a4;
	padding: 15px 17px;
	border-radius: 50%;
	color: #fff;
}

.newNotification {
	width: 96%;
}

.newNotification {
	padding: 0 0 0 20px;
}

	.newNotification h4 {
		font-size: 24px;
		margin-top: -2px;
	}

/*.notification-panel p {
	font-size: 14px;
	line-height: 25px;
	padding: 1px 4px 0px 44px;
}*/

.notification h6 {
	color: #099b66;
	/*border-top: 1px dotted #d1d1d1 !important;
	display: block;
	padding: 8px 10px;*/
}

	.notification h6 i {
		color: #666;
	}

.load {
	font-size: 12px;
	margin: 0px 0px 0px 40px;
}

.notiPos {
	margin: 17px 0 0 0;
}
/* -----------------------------Custom Scroll using css----------------------------- */
div.myautoscroll {
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0;
}

	div.myautoscroll:hover {
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 0px;
	}

/*div.myautoscroll span {
		padding-right: 0px;
	}

	div.myautoscroll:hover span {
		padding-right: 0px;
	}*/


.myautoscroll::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.myautoscroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
}

	.myautoscroll::-webkit-scrollbar-thumb:hover {
		border-radius: 4px;
		background-color: rgba(0,0,0,.2);
	}

.viewIconShareUnits {
	color: #8F8F8F;
	padding-top: 9px;
	padding-right: 10px;
	margin: 0 !important;
	padding-bottom: 11px;
}
/* -----------------------------Custom Scroll using css----------------------------- */

/*-----------------------accounts billing upgrade ---------------------*/

.plans {
	padding: 0;
	text-align: center;
	border-right: 1px dashed #d0d0d0;
	padding: 10px 40px 10px 20px;
}

.paln-no-brdr {
	border-right: 0px !important;
}

.plans h4 {
	font-size: 18px;
	color: #1e5372;
	padding: 5px;
	background: #ebebeb;
	border-radius: 3px;
}

.plans .charges i {
	font-size: 14px;
	position: relative;
	top: -10px;
}

.plans .charges span {
	font-size: 40px;
	padding: 0 0 0 3px;
}

.plans p {
	text-transform: none !important;
	font-size: 14px;
}

	.plans p.colortext {
		color: #ff6000;
	}

.plans h5 {
	color: #2f2f2f;
	text-align: left;
	font-size: 18px;
}

.plans ul {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
	text-align: left;
}

	.plans ul li {
		padding: 4px 0 0 0px;
		list-style: square;
		text-align: left;
		font-size: 14px;
	}

.upgrade-button, .upgrade-button-active {
	margin: 5px 10px 0 0;
	background-color: #1e5372;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: small;
	padding: 10px 25px;
	display: inline-block;
	border: 0px;
}

a i.info-icon {
	color: #333;
	position: relative;
	left: 20px;
	top: 4px;
}

a.contact {
	padding: 10px 0 0 20px !important;
	text-transform: none !important;
	display: block;
}

.upgrade-button-active {
	background-color: #dd6802;
}

	.upgrade-button-active:hover {
		background-color: #c96003;
	}
/*-----------------make-payment------------*/
.subtotal {
	border-bottom: 2px dotted #818181;
	padding: 15px 0 0 0;
}

.card-button {
	border: none;
}

.card-option li {
	list-style: none;
	float: left;
}

.inline-radio {
	display: inline;
	padding-right: 166px;
}

md-radio-button.inline-radio .md-container {
	top: 42% !important;
}

.savepercentage {
	padding: 0px;
	margin: -434px;
	color: #82ac01;
}
/*-------------Make payment-----------*/

.pw-check {
	width: 15%;
}

/* -----------------------Soham 15th March----------------------- */
.need-help-wrapper {
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	margin: auto;
	padding: 0.01em .05em;
	width: 21px;
	height: 21px;
	background: #FFF;
	margin: 0 3px;
	text-align: center;
}

.need-info {
	border-radius: 50%;
	height: 21px;
	margin: 0 3px;
	text-align: center;
}

	.need-info i {
		color: #dbdbdb;
	}

.text-center .need-help-wrapper {
	padding: 0;
}

.choose-plan-wrapper {
	background-color: #FFF;
	width: auto;
	border: 1px solid #dedede;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 4px;
	/*margin-left: 10px;*/
}

.plan-basic {
	width: auto;
	white-space: nowrap;
	height: 25px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 5px;
	padding-top: 2.5px !important;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.plan-offer {
	width: auto;
	white-space: nowrap;
	height: 25px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 5px;
	padding-top: 2.5px !important;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.plan-active {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 50px;
	background-color: #417ea3 !important;
	color: #fff !important;
	/* transition-delay: 0.1s; */
}

.plan-active-property {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 50px;
	background-color: #417ea3 !important;
	color: #fff !important;
	margin: 0 2px;
	/* transition-delay: 0.1s; */
}

.need-help {
	font-size: 12px !important;
}

/****************css for cases *********************/

.custom-btn {
	/*font-size: 14px !important;*/
	border: 0px;
	margin: 6px;
	background-color: #1e5372;
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

	.custom-btn:hover, .open > .dropdown-toggle.btn-primary:hover {
		border: 0px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	}

	.custom-btn.active, .custom-btn:active, .open > .dropdown-toggle.custom-btn {
		background-color: #1e5372 !important;
	}

.dropdown-menu-pos {
	margin-top: -1px !important;
}

h6.caseCreator {
	margin: -3px 0;
	font-size: 12px !important;
	border-radius: 5px;
	color: #9e9e9e;
}

	h6.caseCreator span {
		color: #1e5372;
	}

.caseReview p.caseInfo {
	font-size: 14px !important;
	margin: -8px 0 10px 5px;
	line-height: 26px;
	color: #434343;
}

.caseReview p {
	font-size: 14px !important;
	margin: -18px 20px 10px 9px;
	line-height: 26px;
	color: #434343;
}

.caseReview p {
	margin: 0;
}

/*.caseReview .box {
	border:1px solid #d2d6de !important;
	width:96%;
	}*/
.task-box span.status {
	font-size: 12px !important;
	color: #ff6000 !important;
	/*margin-right: -10px;*/
}

	.task-box span.status.complete {
		color: #008d4c !important;
	}

.status-width {
	width: 24%;
	float: right;
}

span.due-text {
	clear: both;
	font-size: 12px;
	color: #9e9e9e;
}

/*.task-panel {
	padding: 0 0 0 10px;
}*/

.task-panel h4 {
	font-size: 14px !important;
	color: #1e5372;
	margin-left: 3px;
}

.task-panel ul {
	padding: 0;
	/*margin: 0px 0 0 10px;*/
	list-style: none;
	/*background: url(../images/dot.png) repeat-y 19px 16px;*/
}

.task-panel li {
	margin: 0;
	background: url(../images/dot.png) repeat-y 19px 16px;
}

.task-panel ol li {
	background: none;
}

/*.task-panel li:last-child {
	background: nonr;
}*/

.task-panel span, .task-panel .task-box {
	display: inline-block;
}

.task-panel .task-box {
	border: 1px solid #cfcfcf;
	padding: 8px 15px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	border-radius: 4px;
	margin-left: 10px;
	background: #FFF;
	/*padding: 21px 24px;
	width: 93%;*/
}

.task-panel span.alphabet, .name-holder {
	float: left;
	height: 40px;
	width: 40px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	padding: 1px 4px;
	margin: 1px;
	background: #b2cc8a;
	border-radius: 50%;
	text-transform: uppercase;
}

.task-panel img.alphabet {
	float: left;
	height: 40px;
	width: 40px;
	line-height: 37px;
	color: #fff;
	text-align: center;
	margin: 1px;
	border-radius: 50%;
}

.task-panel span.alphabetSm {
	float: left;
	height: 30px;
	width: 30px;
	line-height: 27px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 1px 4px;
	margin-left: 13px;
	background: #b1b1b1;
	border-radius: 50%;
	text-transform: uppercase;
}

.task-panel img.alphabetSm {
	float: left;
	height: 30px;
	width: 30px;
	line-height: 27px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-left: 13px;
	border-radius: 50%;
	/*margin-top: 30px;*/
}

.task-panel span.alphabetSm:nth-child(1) {
	background: #b6d7d4;
}

.task-panel span.alphabetSm:nth-child(2) {
	background: #0098c4;
}

.task-panel span.alphabetSm:nth-child(3) {
	background: #00c498;
}

.task-panel span.alphabetSm:nth-child(4) {
	background: #86c400;
}

.task-panel span.alphabetSm:nth-child(5) {
	background: #c4ab00;
}

.task-panel span.alphabetSm:nth-child(6) {
	background: #c37fbf;
}

.name-holder {
	height: 30px;
	width: 30px;
	line-height: 27px;
	font-size: 12px;
	margin: 0 0 0 10px;
	background: #e2e2e2;
	color: #333;
}

.direct-chat-text {
	font-size: 12px !important;
	background: #f4f4f4 !important;
}

	.direct-chat-text:before {
		border-right-color: #ebebeb !important;
	}

	.direct-chat-text i {
		margin: 0 0 0 5px;
	}

.radio-left {
	padding-left: 20px;
}

.case-status {
	margin: -39px 0px 1px 46px;
}

.circle-icon {
	background: #d1cfcf;
	color: black;
	border-radius: 50%;
}

.case-icon {
	padding-top: 10px;
	margin: 0px 0px 0px 0px;
}

	.case-icon span {
		margin: 0px 0px 0px 11px;
	}

	.case-icon p {
		margin: -14px 0px 0px 44px;
		color: #1e5372 !important;
	}

.case-border {
	border-right: solid 1px !important;
}

.contactDetails p {
	margin: 0;
}

.contactDetails .md-container {
	position: relative;
	top: -5px;
	left: 15px;
}

/* -----------------------Soham Right Filter Pane----------------------- */

.md-datepicker-calendar-pane {
	z-index: 20001 !important;
}

.md-select-menu-container {
	z-index: 20001 !important;
}
/*****************sanhita*********/
.settingsWidth {
	width: 600px;
	height: 250px;
	text-transform: none;
}

.chkContainer {
	height: 250px;
	padding-top: 0px !important;
	overflow-y: auto;
	overflow-x: hidden;
}
/*****************sanhita*********/
/*--------------------SohamS-------------------*/
.md-width {
	width: 615px;
}

.taskmargin {
	margin-bottom: 10px !important;
}

.gripopupWidth {
	overflow-y: hidden !important;
	width: 900px !important;
	height: 1050px !important;
	padding-bottom: 5px !important;
}
/*--------------------ChhattuD-------------------*/
.panel-body md-input-container {
	margin: 30px 0px 0px -10px !important;
}

.panel-primary > .panel-heading {
	color: #000 !important;
	background-color: #f2f2f2 !important;
	border-color: #cfcfcf !important;
}

.panel-primary {
	border-color: #cfcfcf !important;
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}
/*--------------------Arindam------------------*/
.timePicker {
	position: absolute;
	top: 4px;
	right: 22px;
	border: none;
	background: none;
}

.erMsg {
	font-size: 10px !important;
}

.erMsgTop {
	font-size: 12px;
	color: rgb(221,44,0);
	margin: -10px 0 24px 0;
	text-align: center;
}
/*-----------------menuDropDown Chhattu-------------------*/
.sidebar-open .menudropdown {
	left: 180px;
}

.menudropdown {
	margin: 0px 0px 0px 10px;
	z-index: 1031;
	position: absolute !important;
	background-color: #fff;
	width: 290px;
	box-shadow: 0px 4px 8px 0px #ababab;
	border-color: #eee;
}

	.menudropdown span {
		line-height: 40px;
		font-size: 20px;
		margin: 0px 8px;
		font-family: 'pmfontface-medium', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 16px;
	}

	.menudropdown ul {
		margin-bottom: 0;
	}

		.menudropdown ul li {
			list-style: none;
			border-bottom: 1px solid #ececec;
		}

	.menudropdown img {
		/*margin-left: auto;
padding:0px;*/
		width: 64px !important;
		height: 56px !important;
		background: #bdbec0;
		text-align: center;
		color: #FFF;
	}

	.menudropdown ul li:hover {
		background-color: #EAEAEA;
	}

.c-logo img {
	/*width: 64px;
	height: 58px;
	width: 52px;
	height: 52px;
	margin: 2px 0 0 2px;
	float: left;*/
	width: auto;
	height: 52px;
	margin: 2px 0 0 2px;
	float: left;
	max-width: 250px;
}

/* .dropdown-enlarge:hover{
	font-size: 24px !important;
	font-weight: bolder !important;
} */
/*----------------Bootstrap Carousel------------------*/

.carousel-wrapper h4 {
	margin: 20px 10px 10px;
}

.carousel-wrapper p {
	margin: 10px;
}

.carousel-wrapper #carousel-example-generic {
	margin: 20px auto;
	width: 400px;
}

.carousel-wrapper #carousel-custom {
	margin: 20px auto;
	/* width: 400px;*/
}

	.carousel-wrapper #carousel-custom .carousel-indicators {
		margin: 10px 0 0;
		overflow: auto;
		position: static;
		text-align: left;
		white-space: nowrap;
		width: 100%;
	}

		.carousel-wrapper #carousel-custom .carousel-indicators li {
			background-color: transparent;
			-webkit-border-radius: 0;
			border-radius: 0;
			display: inline-block;
			height: auto;
			margin: 0 !important;
			width: auto;
		}

			.carousel-wrapper #carousel-custom .carousel-indicators li img {
				display: block;
				opacity: 0.5;
			}

			.carousel-wrapper #carousel-custom .carousel-indicators li.active img {
				opacity: 1;
			}

			.carousel-wrapper #carousel-custom .carousel-indicators li:hover img {
				opacity: 0.75;
			}

	.carousel-wrapper #carousel-custom .carousel-outer {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		webkit-backface-visibility: hidden;
		/*backface-visibility: hidden;*/
		transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		width: 100%;
	}

.carousel-indicators img {
	height: 50px !important;
	width: 100px !important;
}

.carousel-inner img {
	/* height:auto !important;
	width:400px !important; */
}

.carousel-caption {
	position: absolute !important;
	bottom: -18px !important;
	left: 5% !important;
	z-index: 20 !important;
	color: white !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
	margin: 1px 14px 0px 343px !important;
	font-size: 9px !important;
	opacity: 1 !important;
}

.carousel-tittle {
	position: absolute !important;
	left: 5% !important;
	z-index: 20 !important;
	color: white !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
	margin: 2% !important;
	font-size: 12px !important;
}

.caption-background {
	width: 100%;
	bottom: -1px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	opacity: 0.6;
	height: 35px;
}

.carousel-control > .fa {
	font-size: 70px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -40px;
	margin: -19px 0px 21px -15px;
	cursor: pointer;
}

.carousel-dialog {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

.carouselModal {
	/* height:auto !important; */
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	border-radius: 0;
	background: rgba(0,0,0,0.9);
}

.rightFilterClass md-input-container {
	padding-top: 25px;
}
/*------------Arindam-04042017-------------*/
md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
	border-width: 0 0 1px !important;
}

.margintop {
	margin-top: 20px;
}

.forgotPass {
	font-size: 12px;
	line-height: 12px;
	padding: 0 15px;
}

.backtoLog {
	margin: 10px;
}

.signUpFrm .form-group {
	margin-bottom: 2px !important;
}

.signUpfld {
	width: 44.5%;
}

.signUpOfr {
	width: 40%;
	margin-top: -15px;
}

.unitLocation .box-body p {
	margin: 0;
	width: 70%;
	margin-top: 5px;
}

.unitLocation .box-body md-input-container {
	margin: 0 !important;
}

.unitLocation h4 {
	margin: 5px 0;
}

.unitLocation .pull-left p {
	font-size: 14px;
	line-height: 0.8em;
}

.unitLocation .layout-padding > * {
	padding: 2px;
}

.imgdivwid {
	width: 325px;
}
/*-----------------------------------------*/

/*-----------------LOADER CSS------------------------*/
.loadWrap {
	background-color: rgba(255,255,255,0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 66666666;
}

.loader {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}

	.loader,
	.loader:after {
		border-radius: 50%;
	}

.errorMsgClass h2, .successMsgClass h2, .warningMsgClass h2 {
	background: #cc0000;
	color: #fff;
	display: block;
	width: 100%;
	padding: 20px 14px 13px 15px;
}

.successMsgClass h2 {
	background: #82ac01;
}

.warningMsgClass h2 {
	background: #f98d07;
}

.alert-succes {
	width: 400px;
}

	.alert-succes md-toolbar {
		background: none !important;
	}

	.alert-succes .md-toolbar-tools {
		padding: 0px !important;
		height: 40px !important;
		max-height: 40px !important;
	}

/* ===================================SOHAM - 18 - 04 - 17 =================================== */
.checkboxlistscrollcontent {
	padding: 5px;
	height: 240px !important;
	margin: 0 5px 5px 0;
}

.profile-upload {
	position: relative;
	overflow: hidden;
	width: 18px;
	height: 20px;
	cursor: pointer;
	float: left;
	margin-right: 5px;
	padding-top: 2px;
}

	.profile-upload i {
		cursor: pointer;
	}

	.profile-upload input[type='file'] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
/* ===================================SOHAM - 18 - 04 - 17 =================================== */
.postalDown {
	position: absolute;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px #ababab;
	z-index: 1000;
	min-height: 100px;
	max-height: 200px;
}

	.postalDown div {
		border-bottom: 1px solid #f4f4f4;
		display: block;
		font-size: 12px;
		padding: 10px;
	}

		.postalDown div:hover {
			background: #f4f4f4;
		}

.navbar-nav > .user-menu .user-image {
	background: #bdbec0;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
	background: #bdbec0;
}

md-select.ng-required.ng-invalid .md-select-value span:first-child:after, md-select[required].ng-invalid .md-select-value span:first-child:after {
	content: ' ';
}

.gridBtn {
	margin: 5px 0 0 5px !important;
	background: none;
	text-decoration: none;
}

	.gridBtn:hover {
		background: none !important;
		color: #1e5372;
		text-decoration: underline;
	}

md-dialog md-dialog-content {
	overflow-x: hidden !important;
	overflow-y: auto;
}

.upload-Pic {
	width: 98%;
	height: 60px;
	border: 1px solid #d1d1d1;
	display: block;
	margin: 2px 0 10px 5px;
	background: url(../images/DocUpBg.jpg) repeat top left;
	text-align: center;
}

	.upload-Pic input {
		width: 400px;
		height: 60px;
		cursor: pointer;
	}

.signUpOfr md-input-container {
	margin: 10px 12px 0px 12px !important;
}

.grid-icon .md-button.md-icon-button {
	margin: -18px 0 0 0 !important;
}

.captcha-holder div {
	width: 100% !important;
	text-align: center;
}

.icon-Top {
	background: #FCFCFC;
	border-radius: 5px;
	padding: 3px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
	margin: 0 0 5px 15px;
	text-align: center;
}

.unitAlign {
	position: relative;
	top: 7px;
	display: inline;
}

.uploadedDocName {
	width: 98%;
	height: 60px;
	border: 1px solid #d1d1d1;
	display: block;
	margin: 2px 0 10px 5px;
	background: url(../images/DocUpBg.jpg) repeat top left;
	text-align: center;
}

.docNameTextField {
	background: none !important;
	border: none !important;
	width: 100%;
	text-align: center;
	font-size: 13px !important;
}



.loaderSmall {
	margin-top: 20px !important;
}

.crossBtn {
	position: absolute;
	top: 0;
	right: 5px;
	background: #828282;
	color: #FFF;
	padding: .05em .35em .05em .42em;
	border-radius: 50%;
	display: block;
}

.mngGrp {
	padding: 8px 0 15px 15px;
}

.unitLocation .commonToAllClass .box-body {
	max-height: 240px;
	min-height: 2px;
	/* overflow: auto; */
	white-space: nowrap;
}

.ui-grid-vcenter div {
	text-align: right;
	vertical-align: middle !important;
}

.selectAllCheckbox {
	margin-left: 11px !important;
	margin-right: 0 !important;
}

.loginBtnPos {
	margin-right: 18px;
}

.main-footer, .login-footer-msg {
	font-size: 11px;
}

.atlwdg-trigger.atlwdg-TOP {
	left: 100% !important;
	top: 100% !important;
	margin: -63px 0 0 -150px;
}

.atlwdg-trigger {
	visibility: hidden;
}

	.atlwdg-trigger:after {
		background: #1e5372 !important;
		padding: 5px 25px !important;
		border: none !important;
		color: white !important;
		display: block;
		white-space: nowrap;
		text-decoration: none !important;
		font-family: 'pmfontface-medium', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px !important;
		border-radius: 5px !important;
		height: 36px;
		min-height: 36px;
		font-weight: 400 !important;
		line-height: 30px !important;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
		text-transform: uppercase;
		content: "Raise A Case" !important;
		visibility: visible;
	}

.ui-grid-canvas .md-button {
	margin: -8px 0 0 7px !important;
	padding: 0 !important;
}

md-toast {
	position: fixed;
	z-index: 10000 !important;
	bottom: 5px !important;
	right: 3px !important;
	max-width: 400px;
}

md-toast-animating {
	overflow: hidden !important;
}

body.md-toast-animating {
	overflow: auto !important;
}

body._md-toast-animating {
	overflow: auto !important;
}

.vertical-align {
	margin: 15% auto 15% auto;
}

@media (min-width: 1920px) {


	.grid-total-value-tx{    margin-right: 46px !important;}
	.findtxnparty{ width: auto !important;}
	.vertical-align {
		margin: 20% auto 15% auto;
	}
}

.md-calendar-month-label span {
	color: #ea7712;
	text-decoration: underline;
}

	.md-calendar-month-label span:hover {
		color: #ea7712;
		text-decoration: underline;
	}

.iconBdrCircle {
	font-size: 12px !important;
	text-align: right;
	float: right;
	cursor: pointer;
	border: 1px solid #cccccc;
	border-radius: 50%;
	padding: 5px;
	background: #FFFFFF;
	width: 24px;
	height: 24px;
}


.spinnerInput {
	width: 40px;
}

.btnSm {
	padding: 2px 7px;
	margin-top: 5px;
}

.overflw {
	overflow: hidden;
}

.whiteBox {
	background: #fff;
	padding: 10px;
	border: 1px solid #cfcfcf !important;
	border-radius: 5px;
	margin-bottom: 15px;
}

	.whiteBox h4 {
		padding: 0;
		margin: 6px 0 23px 11px;
		color: #666;
	}

.whiteBox-no-gutter [class*="-4"] {
	padding-left: 0px;
	padding-right: 15px;
}

.whiteBox-no-gutter8 [class*="-8"] {
	padding-left: 0px;
	padding-right: 0px;
}

.whiteBox h4.entityHead {
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 23px 0;
	padding: 0 0 5px 0;
	color: #666 !important;
}

.property-dot {
	position: relative;
	top: -2px;
	right: -16px;
	/* background-color: #a2a2a2 !important;*/
	border-radius: 5px !important;
	padding: 0px;
	color: #888;
	height: 23px !important;
	line-height: 8px !important;
	width: 24px !important;
	min-height: 22px !important;
}

.option-disabled .md-text {
	color: rgba(189,189,189,0.87);
}

.fntSm {
	font-size: 12px;
}

.selectArwPos {
	position: absolute;
	margin: 10px 0 0 -10px;
}

.strteditPos {
	position: relative;
	top: -29px;
	right: 3px;
}



.selectDropPos {
	margin-top: -27px;
}

.txtEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
}

@media (min-width: 1920px) {
	.addNewDocModal {
		max-height: 44% !important;
	}
}

.unit-dropdown .md-button {
	text-transform: capitalize;
}

.selectDropPos {
	margin-top: 30px;
}

.no-margin {
	margin-right: 0px !important;
}

.dropDwn-Heading {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

md-dialog .md-dialog-content {
	padding: 10px 20px 0 20px !important;
}

.md-dialog-content .spinnerInput {
	margin-top: -3px !important;
}

.addNewMaintModal {
	max-width: 65% !important;
	min-width: 30% !important;
	max-height: 67% !important;
	min-height: 25% !important;
	z-index: 5000 !important;
	overflow-x: hidden !important;
}

	.addNewMaintModal .md-toolbar-tools {
		background: #fff;
		border-bottom: 2px solid #1e5372 !important;
		color: #1e5372;
		font-size: 20px;
	}

	.addNewMaintModal md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, .addNewMaintModal md-toolbar:not(.md-menu-toolbar) md-icon {
		color: #666;
	}

	.addNewMaintModal .md-datepicker {
		max-height: 20px !important;
	}

@media (min-width: 1920px) {
	.addNewMaintModal {
		max-height: 40% !important;
	}
}

.addNewContentModal {
	max-width: 65% !important;
	min-width: 40% !important;
	max-height: 67% !important;
	min-height: 25% !important;
	z-index: 5000 !important;
	overflow-x: hidden !important;
}

	.addNewContentModal .md-toolbar-tools {
		background: #fff;
		border-bottom: 2px solid #1e5372 !important;
		color: #1e5372;
		font-size: 20px;
	}

	.addNewContentModal md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, .addNewMaintModal md-toolbar:not(.md-menu-toolbar) md-icon {
		color: #666;
	}

	.addNewContentModal .md-datepicker {
		max-height: 20px !important;
	}

@media (min-width: 1920px) {
	.addNewContentModal {
		max-height: 40% !important;
	}
}

.fldWdth20 {
	width: 20%;
}

.fldWdth40 {
	width: 40%;
}

.fldWdthHalf {
	width: 47.5%;
}


md-input-container.md-input-invalid .md-datepicker-input {
	border-color: #1b3289 !important;
}

.customCheckBox {
	margin: 11px !important;
}

label.md-container-ignore {
	display: none;
}

.md-checkbox-enabled[selected] .md-icon {
	background-color: #1e5372 !important;
}

.customCheckBox .md-label {
	color: rgba(33,33,33,0.87);
}

.unitEditPos {
	position: absolute;
	margin-top: -35px;
	right: 13px;
	z-index: 2;
}

.disabledCond {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}
/*.md-whiteframe-z1{box-shadow:none !important}*/
md-toast .md-toast-content {
	padding: 0;
	background: #FFF;
	color: #5B5B5B;
}


	md-toast .md-toast-content .icon-cancel {
		color: #5B5B5B;
	}

.md-toast-text {
	padding: 0;
}

	.md-toast-text i {
		color: #FFF;
		position: absolute;
		height: 100%;
		width: 60px;
		border-radius: 2px 0 2px 0;
	}

	.md-toast-text div {
		padding-left: 65px;
	}

md-toast .md-button {
	margin-right: 10px;
}


.md-toast-content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	display: flex;
	margin: 0;
}

	.md-toast-content ul li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		align-items: center;
		padding-left: 2%;
		padding-right: 2%;
	}

		.md-toast-content ul li p {
			width: 100%;
			width: 100%;
			padding: 0px !important;
			margin: 0px !important;
		}

		.md-toast-content ul li button {
			background: none !important;
		}

		.md-toast-content ul li:nth-child(1) {
			width: 20%;
			flex-grow: 1;
		}

		.md-toast-content ul li:nth-child(2) {
			width: 60%;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			box-flex: 1;
		}

		.md-toast-content ul li:nth-child(3) {
			width: 20%;
			flex-grow: 1;
		}

		.md-toast-content ul li.successToastClass {
			background: #739800;
			color: #fff;
		}

		.md-toast-content ul li.warningToastClass {
			background: #f27800;
			color: #fff;
		}

		.md-toast-content ul li.errorToastClass {
			background: #c30000;
			color: #fff;
		}
/* added for responsive */
@media (min-width: 1440px) {
	.cardListItem {
		/*height: 390px;*/
	}

	.unitLink div {
		padding: 3px 0 5px 0;
		font-size: 12px;
	}

	.unitMid .truncate {
		font-size: 13px;
	}

	.cardUnit {
		font-size: 14px;
	}

	ul.unitNotDetail li {
		padding: 0px 0 !important;
	}

	ul.unitNotDetail {
		position: relative;
		top: -11px;
	}
}

md-input-container.auto-complete input[type=search] {
	box-shadow: 0px 0px 0px 3px #fff !important;
	border: 0px !important;
	border-bottom: 1px solid rgba(0,0,0,0.12) !important;
	background: url(../images/drop-arrow.png) no-repeat 97%;
}

	md-input-container.auto-complete input[type=search].md-input-focused {
		border-color: rgb(63,81,181) !important;
	}

md-autocomplete button {
	background: #fff !important;
}

md-autocomplete[md-floating-label] button {
	bottom: 1px;
}

div.md-virtual-repeat-scroller {
	overflow: hidden !important;
}

	div.md-virtual-repeat-scroller:hover {
		overflow: auto !important;
	}

	div.md-virtual-repeat-scroller span {
		padding-right: 0px !important;
	}

	div.md-virtual-repeat-scroller:hover span {
		padding-right: 0px !important;
	}


.md-virtual-repeat-scroller::-webkit-scrollbar {
	-webkit-appearance: none !important;
	width: 5px !important;
}

.md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
	border-radius: 4px !important;
	background-color: rgba(0,0,0,.2) !important;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5) !important;
}
/*----CROP IMAGE-----*/
.cropArea {
	background: #E4E4E4;
	overflow: hidden;
	width: 100%;
}

.cropWindow {
	position: absolute;
    width: 1000px;
    top: 7%;
    left: 16%;
    margin: 50px 0 0 -50px;
    background-color: #FFF;
    box-shadow: 0px 3px 15px 0px #bdbdbd;
    z-index: 9999999;
    /* margin: 0px auto; */
}

	.cropWindow .md-toolbar-tools {
		background: #fff;
		border-bottom: 0px solid #1e5372 !important;
		color: #1e5372;
		font-size: 20px;
	}
	.cropWindow  .md-toolbar-tools{    color: #333333;
		padding-left: 5px;     font-size: 18px;}
		.cropWindow	.fa-times {font-size: 21px;
			font-weight: 700;
			line-height: 1;
			color: #000;
			text-shadow: 0 1px 0 #fff;
			filter: alpha(opacity=20);
			opacity: .2;}

/*.galleryClass{margin-top: 20px;height:330px;}*/
.galleryClass .topPanel {
	height: 35px;
	padding: 5px;
	font: 14px/25px bold;
	background-color: #f9f9fb;
}
/*.galleryImg{width:100px;height:100px; float:left; margin:5px 10px; border:1px solid #ccc; position:relative;}*/
.whiteBox .galleryImg .icon-pos {
	top: 6px !important;
	right: 5px !important;
	margin-bottom: 0 !important;
}
/*.galleryImg .preview{height:100%;}*/
.galleryImg {
	border: 1px solid #ccc;
	text-align: center;
	height: 116px;
	width: 116px;
	float: left;
	margin: 5px 0px 0px 5px !important;
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
}

	.galleryImg img {
		max-height: 100%;
	}
/*.imageDiv{ height: 215px; overflow: hidden;}*/
@media (min-width: 768px) {
	.galleryImg {
		height: 243px;
		width: 243px;
	}
}

@media (min-width: 1024px) {
	.galleryImg {
		height: 86px;
		width: 86px;
	}
}

@media (min-width: 1224px) {
	.galleryImg {
		height: 102px;
		width: 102px;
	}
}

@media (min-width: 1360px) {
	.galleryImg {
		height: 124px;
		width: 124px;
	}
}

@media (min-width: 1524px) {
	.galleryImg {
		height: 153px;
		width: 153px;
	}
}

@media (min-width: 1824px) {
	.galleryImg {
		height: 177px;
		width: 177px;
	}
}

@media (min-width: 2400px) {
	.galleryImg {
		height: 265px;
		width: 265px;
	}
}

@media (min-width: 2800px) {
	.galleryImg {
		height: 414px;
		width: 414px;
	}
}

@media (min-width: 3500px) {
	.galleryImg {
		height: 563px;
		width: 563px;
	}
}

.edit-input-text {
	padding: 0px !important;
	margin: 0px !important;
}

	.edit-input-text .md-input {
		border-bottom-width: 1px;
	}

		.edit-input-text .md-input[disabled] {
			border-bottom: 0px;
		}

.height-auto {
	max-height: 100% !important;
}

.roomName .md-text {
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px !important;
	color: #ff6000 !important;
}

.addLabel label {
	display: none !important;
}



/* for Agent  */
.contract-btnDisable, .contract-btnActive {
	background: #fff;
	border-radius: 3px;
	color: #1e5372;
	padding: 2px 10px;
	border: 1px solid #1e5372;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

.contract-btnActive {
	background: #1e5372;
	color: #fff;
}

.contract-btnDisable:hover {
	background: #fff;
	border: 1px solid #1e5372;
}

.contract-btnActive:hover {
	background: #344c96 !important;
}

.viewCase {
	font-size: 16px;
	margin: 16px 3px 0 3px;
}

	.viewCase span {
		color: #1e5372;
	}

ul.uiList {
	list-style: none;
	padding: 2px;
}

	ul.uiList li {
		list-style: none;
		padding: 3px 1px;
	}

.md-tab {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 300;
}

.fldWdth30 {
	width: 30%;
}

.disable-header {
	color: #c1c1c1 !important;
	background: #edecec !important;
	background-color: #edecec !important;
}

	.disable-header .box-title {
		color: #c1c1c1 !important;
	}

.border-bottom {
	border-bottom: 1px dotted #b3b3b3;
	padding-bottom: 2px;
	overflow: hidden;
}

.border-top {
	border-top: 1px dotted #b3b3b3;
}

/*  md-tabs .md-tab.md-active {
	color:#ededed;
	background-color:#1e5372;
	} */
md-pagination-wrapper {
	right: 0 !important;
}
/*------------Upload picture----------*/
.cropperImg {
	position: relative;
	overflow: hidden;
	width: 18px;
	height: 20px;
	cursor: pointer;
	float: left;
	margin-right: 5px;
	padding-top: 2px;
}

	.cropperImg i {
		cursor: pointer;
	}

	.cropperImg input[type='file'] {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}

.cropperImgUp {
	width: 98%;
	height: 100%;
	border: 1px solid #d1d1d1;
	display: block;
	margin: 2px 0 10px 5px;
	background: url(../images/DocUpBg.png) repeat top left;
	text-align: center;
}

	.cropperImgUp input {
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

img.cropImgArea {
	width: 100%;
	height: 100%;
	display: block;
	margin-top: -5px; /*border:2px solid #d1d1d1; background: #bdbec0 no-repeat top left;*/
}

.dviderLft {
	border-left: 1px dotted #cecdcd;
}

.imgHover {
	background: url(../images/DocUpBg.png) repeat top left;
	display: block;
}

.icon-pos {
	z-index: 10;
	position: absolute;
	top: 14px;
	right: 20px;
}

.whiteBox .icon-pos {
	top: 25px;
	right: 36px;
}

.iconRgtGap {
	margin-right: 32px;
}
/*-----------------property view--------------*/

.property-view .unitLink {
	margin: 0;
}

.property-view .unitLink {
	border-left: 1px dashed #d9d9d9;
	padding: 0px 0 0 15px;
}

	.property-view .unitLink span {
		display: block;
		padding: 0px 0 16px 3px;
		cursor: pointer;
	}

		.property-view .unitLink span:hover {
			color: #1e5f8d;
		}

	.property-view .unitLink small {
		/*color: #ff9600;*/
		font-size: 14px;
		margin-left: 5px;
	}

	.property-view .unitLink i {
		width: 25px;
		height: 25px;
		background: #fff;
		border: 1px dotted #999;
		border-radius: 50%;
		padding: 4px 0 0 5px;
	}

	.property-view .unitLink .fa-gbp {
		padding: 4px 0 0 8px !important;
	}

	.property-view .unitLink .fa-user-o {
		padding: 4px 0 0 6px !important;
	}

.rentalText {
	overflow: hidden;
}

	.rentalText i {
		margin-right: 3px;
		margin-top: 3px;
	}

.moreText {
	color: #ea7712;
	padding: 0 0 0 3px;
}

.imgSize {
	width: 100%;
}

.paddingCommon {
	padding: 10px;
}


.unit-border {
	border-bottom: 1px solid #c5c5c5;
	overflow: hidden;
	/* margin:0px 7px 6px 7px;
	padding:3px 2px 2px 5px;*/
}

.unit-details ul {
	list-style: none;
	padding: 5px 0 0 0;
}

	.unit-details ul li, ul.room-level li {
		list-style: none;
		dispaly: block;
		padding: 4px 5px;
		border-bottom: 1px solid #c5c5c5;
	}

		.unit-details ul li:nth-first-child(0), ul.room-level li:nth-first-child(0) {
			border-top: 1px solid #c5c5c5;
		}

.unit-head {
	font-size: 15px;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	line-height: 1.16;
}

.unit-brdr {
	border-right: 1px solid #c5c5c5;
}

.count-head {
	color: #1e5372;
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	display: block;
}

.occupied, .vacant, .naColor {
	background-color: #82ac01;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 9px;
	padding: 3px 2px;
	border: 0px;
	letter-spacing: 1px;
	display: inline-block;
	width: 50%;
	text-align: center;
}

.vacant {
	background-color: #ea7712;
}

.naColor {
	background-color: #c5c3c3;
}


.status_green, .status_amber, .status_grey, .status_blue {
	background-color: #82ac01 !important;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 9px;
	padding: 2px 2px;
	border: 0px;
	letter-spacing: 1px;
	display: block;
	text-align: center;
}

.status_amber {
	background-color: #ea7712 !important;
}

.status_grey {
	background-color: #c5c3c3 !important; 
}

.status_blue {
	background-color: #1e5372 !important; 
}

.icon-padding i {
	margin: 7px 18px 0 0 !important;
}

.notification-no {
	display: inline;
}

	.notification-no span {
		position: relative;
		top: -1px;
		left: -16px;
		background-color: #ff0000 !important;
		padding: 1px 3px;
		font-size: 8px;
		border-radius: 8px;
	}

.view-top {
	padding-top: 16px;
}

.allPadding {
	padding: 20px 0;
}

.selected-room {
	margin: 0px;
	/* box-shadow: 0px 3px 15px 1px #bdbdbd ; */
	padding: 13px 0px 0 0 !important;
	border: 1px solid #c5c5c5;
	background: #f8f8f8;
}

v-accordion.room-level {
	margin: 18px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	-webkit-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	-moz-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	box-shadow: 0 8px 6px -6px #d9d9d9;
}

v-accordion.content-level {
	margin: 0px;
}

.content-color {
	background: #fff !important;
}

.shadow-box {
	-webkit-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	-moz-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	box-shadow: 0 8px 6px -6px #d9d9d9;
	overflow: hidden;
	margin: 10px;
}

.line-border {
	border-bottom: 1px solid #c5c5c5;
	padding: 5px 0 5px 0;
}

.selected-unit {
	margin: 0 10px 10px 10px;
	box-shadow: 0px 3px 8px 3px #bdbdbd;
}

	.selected-unit .v-pane-content {
		border-top: 1px solid #c5c5c5;
	}

.unit-border {
	border-bottom: 1px solid #c5c5c5;
}

.non-selected-unit {
	margin: 0px auto;
	/* box-shadow: 0px 3px 8px 3px #bdbdbd ; */
	width: 94%;
	padding: 4px 0 0 0;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
	-webkit-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	-moz-box-shadow: 0 8px 6px -6px #d9d9d9, 0 8px 6px -6px #d9d9d9;
	box-shadow: 0 8px 6px -6px #d9d9d9;
}

	.non-selected-unit:nth-child(1) {
		border-top: 1px solid #c5c5c5 !important;
	}

v-pane.shadow-box {
	box-shadow: 0px 1px 0px 0px #bdbdbd !important;
	overflow: hidden;
	margin: 0px !important;
}

v-pane.is-expanded {
	margin-bottom: 15px;
	margin-top: 15px;
	width: 98%;
	border-bottom: 1px solid #c5c5c5 !important;
}

	v-pane.is-expanded v-pane.is-expanded {
		background: #fff;
		margin: 0px;
		box-shadow: 0px 0px 1px 1px #cdcdcd !important;
		width: 102%;
		position: relative;
		left: -8px;
	}

	v-pane.is-expanded v-pane-content {
	}

	v-pane.is-expanded v-pane.is-expanded v-pane-header {
		background: #f9f9fb;
		border-bottom: 1px solid #c5c5c5;
	}

	v-pane.is-expanded v-pane.is-expanded v-pane-content {
		background: #fff !important;
	}

	v-pane.is-expanded v-pane.is-expanded v-pane.is-expanded {
		background: #000;
	}

v-pane.no-children v-pane-content {
	display: none;
}

.loaderSmallPos {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	margin: -8px 0 0 -8px;
}

.loaderSmallPosCases {
	position: absolute;
	top: 50%;
	right: 0%;
	z-index: 5;
	margin: -8px 0 0 -8px;
}

/*************** accounts n Billing ***********/
.nopadding {
	padding: 0px !important;
}

.no-card {
	background: url(../images/creditcard.png) no-repeat 3px 16px;
	display: block;
	padding: 10px 0 0 56px;
	margin: 15px;
}

	.no-card h4 {
		font-size: 20px;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.no-card h5 {
		font-size: 16px;
		padding: 0;
		margin: 0 0 8px 0;
		text-decoration: underline;
	}

/* card details popup */

.addcardDetails .input-sec .icon-sec {
	position: relative;
	top: 30px;
	left: 11px;
	color: #1a911c;
}

.addcardDetails .input-sec .icon-sec-cvv {
	position: relative;
	top: 26px;
	left: -2px;
	color: #1a911c;
}

.cvvPos {
	margin-top: -18px;
}

.postcodePos {
	margin-top: -10px;
}

.addcardDetails .input-sec input {
	width: 100%;
}

	.addcardDetails .input-sec input.email, .addcardDetails .input-sec input.zip, .addcardDetails .input-sec input.cardno {
		/* border: 1px solid #bdbdbd; */
		border-radius: 5px;
		padding: 9px 2px 9px 30px;
	}

	.addcardDetails .input-sec input.email {
		padding: 9px 2px 9px 12px;
	}

	.addcardDetails .input-sec input.cvv {
		/* border: 1px solid #bdbdbd; */
		border-radius: 5px;
		padding: 9px 2px 9px 22px;
		margin-left: -9px;
	}

	.addcardDetails .input-sec input.cvv {
		width: 75%;
	}

.top-margin {
	margin-top: 20px;
}

.cardEditForm select.select-box, .addcardDetails select.select-box, .cardEditForm select {
	border-radius: 5px;
	padding: 4px 0;
	width: 100%;
}

.cardEditForm select, .addcardDetails select, select.form-control {
	border: 1px solid #bdbdbd;
}

.helpPos {
	position: relative;
	top: -41px;
	right: 16px;
}

.card-type img {
	float: right;
	position: relative;
	top: 30px;
	right: 6px;
}

.card-details {
	padding: 16px 8px 10px 0;
	background: #f7f7f7;
	overflow: hidden;
}

	.card-details .form-group {
		padding: 0px 0 0px 0;
		display: block;
		overflow: hidden;
	}

		.card-details .form-group label, .card-details .form-group {
			font-weight: 200;
			font-size: 13px;
		}

			.card-details .form-group .form-control {
				border: 1px solid #bdbdbd !important;
				border-radius: 5px;
				height: 30px;
			}

			.card-details .form-group .small-textbox {
				display: inline;
				width: 32%;
				margin: 0 2px;
			}

.expLineHt {
	line-height: 32px;
}

.account-accordian {
	margin: 0 10px 10px;
}

	.account-accordian v-pane.non-selected-unit, .subscription-sec v-pane.non-selected-unit {
		width: 100% !important;
	}

	.account-accordian a, .subscription-sec a {
		color: #1e5372;
		text-decoration: underline;
		font-size: 13px;
		margin-left: 16px;
	}

	.account-accordian v-pane.is-expanded {
		margin-top: 0px !important;
	}

.subscription-sec {
	margin: 5px;
}

	.subscription-sec .checkbox {
		margin-bottom: 5px;
	}

	.subscription-sec .non-selected-unit p {
		display: block;
		padding-left: 12px;
	}

	.subscription-sec .non-selected-unit small {
		display: block;
		font-size: 9px;
		color: #5c5c5c !important;
	}

	.subscription-sec .ellipsis-top {
		padding-top: 5px;
	}

	.subscription-sec .vAccordion--default v-pane-header {
		padding: 4px 0 5px 0;
	}

	.subscription-sec h5 {
		padding: 0 0 8px 5px;
		margin: 0;
		font-size: 14px;
	}

	.subscription-sec .pad-left {
		padding: 3px 0 4px 15px;
	}

	.subscription-sec .bar {
		border-right: 1px solid #d9d9d9;
		min-height: 100px;
	}

	.subscription-sec p {
		display: block;
		clear: both;
		padding: 8px 5px 0 5px;
		font-size: 10px;
		color: #383838;
	}

	.subscription-sec .checkbox {
		width: 40%;
	}

.changePlan {
	width: 100% !important;
	max-width: 100% !important;
}

.plan-summary h6 {
	padding: 0 0 0px 0;
	margin: 0;
	font-size: 15px;
}

.plan-summary p {
	padding: 2px 0 5px 0;
	font-size: 12px;
}

.base-plan h5 {
	padding: 15px 0 7px 12px;
	margin: 0;
	color: #333 !important;
	font-size: 16px;
}

.base-plan .grey-btn, .base-plan .blue-btn {
	border-radius: 5px;
	padding: 3px 5px;
	margin: 0 0 6px 0;
	background: #c5c3c3;
	color: #fff;
	font-size: 11px;
	display: block;
	width: 150px;
}

.base-plan h4, .plan-summary h4 {
	margin-bottom: 4px;
}

.base-plan .blue-btn {
	background: #1e5372;
}

.base-plan-text {
	font-size: 12px;
	padding: 5px;
	background: #f7f7f7;
	overflow: hidden;
}

.base-plan p {
	font-size: 11px;
}

.discount {
	background: url(../images/discount_icon.png) no-repeat top left;
}

.base-brdr {
	border-right: 1px solid #d9d9d9;
	min-height: 400px;
}

.base-plan ul {
	margin: 0 0 0 11px;
	padding: 0;
}

	.base-plan ul li {
		list-style: disc;
		font-size: 12px;
		padding: 3px 2px;
		margin: 0;
		color: #333;
	}

.plan-brdr {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
}

.base-plan input {
	position: relative;
	top: 2px;
}

.helpBtn {
	position: fixed;
	top: 53px;
	right: 0;
	font-size: 27px;
	color: #336685;
	/*border-radius: 5px;*/
	background: none !important;
	/*padding: 0 5px;*/
	border: none !important;
	font-family: 'pmfontface-medium', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*color: white !important;
	display: block;
	white-space: nowrap;
	text-decoration: none !important;*/
	z-index: 1035;
}

.helpIcon {
	z-index: 300;
	font-size: 16px;
	margin: -4px !important;
}

.toggleArrow {
	position: relative;
	left: -20px;
	float: left;
	top: -11px;
	display: none;
}

	.toggleArrow i {
		background: #FFF;
		padding: 16px 0 16px 4px;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-radius: 3px 0 0 3px;
		font-size: 20px;
	}

.rightPanelModalClass iframe {
	border: none;
	position: absolute;
	z-index: 200;
	overflow: hidden !important;
}

.iframeHolder iframe {
	border: none;
}

.md-toolbar-tools h2:nth-child(2) {
	color: #383838;
}

.task-detail-icon i {
	margin: 0 0px 0 0px;
	font-size: 20px;
	cursor: pointer;
}

.task-detail-icon .md-button {
	min-width: 0;
	margin: 0px 0px 0px 0px;
}

.upload-doc {
	display: block;
	overflow: visible;
	/*cursor: pointer;*/
	line-height: 16px;
	/*padding: 10px;*/
	position: relative;
}

	.upload-doc input[type='file'] {
		position: absolute;
		top: 0px;
		left: 10px;
		margin: 0;
		padding: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		width: 43px;
		height: 40px;
		cursor: pointer;
	}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	margin: 0 auto;
}

.input-browse {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-color: transparent;
	color: transparent;
	width: 68px;
	height: 36px;
}

.commentWAttach {
	padding-left: 35px;
	min-height: 36px;
	max-height: 50px;
}

.pmbs .form-group input[type=text], .pmbs .form-group textarea {
	width: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	height: 33px;
	font-size: 13px;
}

.pmbs .form-group input[disabled] {
	padding-left: 5px;
}

.pmbs .form-group textarea {
	height: 56px;
	padding: 3px 5px;
	resize: none;

}

.pmbs .form-group input[type="radio"] {
	height: 16px !important;
	width: 20px;
}

.pmbs .form-group input[type=text] {
	padding-left: 5px;
}

.pmbs .form-group select[disabled] {
	background: #ebebe4;
}

.pmbs .form-group label {
	line-height: 30px;
	/*margin-top:11px;*/
}

.pmbs label.radioLabel {
	line-height: 24px;
	padding-right: 6px;
}

.pmbs .row {
	margin-bottom: 10px;
}

.pmbs .form-group option {
	padding: 7px 0 !important;
	line-height: 40px;
}

trix-toolbar .button_group .quote {
	display: none;
}

.uploadCaseDoc {
	width: 100%;
	height: 100%;
	border: 1px solid #d1d1d1;
	display: block;
	margin: -1px 0 10px 0;
	background: url(../images/DocUpBg.jpg) repeat top left;
	text-align: center;
	border-radius: 3px;
	min-height: 115px;
    padding-top: 20px;
}

	.uploadCaseDoc input {
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

.pmbs .profile-upload {
	float: none;
	margin: 0;
}

.pmbs .uploadedDocName {
	border: 1px solid #d1d1d1;
	display: block;
	margin: 2px 0 10px 5px;
	background: url(../images/DocUpBg.jpg) repeat top left;
	text-align: center;
	height: none;
}

.noTopSpace {
	padding-top: 4px !important;
}

.pmbs .form-group {
	margin-bottom: 3px;
}

.uploadedDoc {
	/* margin-top: 5px; */
}

	.uploadedDoc ul li {
		list-style: none;
		border-radius: 5px;
		border: 1px solid #d1d1d1;
		margin: 2px 0;
		padding: 5px;
		background: none;
	}

	.uploadedDoc span {
		float: right;
	}
	/*	.uploadedDoc ul {
		margin-left: -40px;
	}*/
	.uploadedDoc label {
		white-space: nowrap;
		width: 90%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.uploadedDoc i {
		/*float: right;*/
		margin-top: 3px;
		background: #FFF;
		line-height: 0px;
		padding: 10px 5px;
		border-radius: 50%;
		border: 1px solid #d1d1d1;
	}

.inputPop input {
	width: 90%;
	border-radius: 5px 0 0 5px;
	float: left;
	background: #fafafa;
	padding-left: 5px;
	cursor: pointer;
}

/*.inputPop input {
	width: 90% !important;
}*/
.wtIcon .col-sm-4 {
	width: 29%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 10px;
}

.wtIcon .need-help {
	font-size: 20px !important;
	margin: 12px 0;
	color: #909090;
}

.inputPop .popIcon {
	height: 31px;
	float: right;
	width: 10%;
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #bdbdbd;
	margin-top: -32px;
	margin-right: 1px;
	background: #FFF;
	text-align: center;
	line-height: 30px;
}

.cursorDefault {
	cursor: default !important;
}

.jstree-node ul li .jstree-themeicon {
	background-position: -198px -66px;
}

.jstree-node ul li ul li .jstree-themeicon {
	background-position: -260px -66px;
}

.jstree-node ul li ul li ul li .jstree-themeicon {
	background-position: -228px -66px;
}

#map, #pano {
	float: left;
	height: 300px;
	width: 100%;
}



/* ui datepicker */
.date-pick {
	position: relative;
	top: -29px;
	right: 2px;
	border: 0px;
	background: none !important;
}

.task-panel .task-box ul li {
	/*list-style: circle;
	margin: 3px 30px;*/
	background: none;
}

.task-panel .task-box .uploadedDoc ul li {
	list-style: none;
	margin: 2px 0;
	background: none;
}

.task-panel .task-box .cmntBox ul li {
	list-style: none;
	margin: 2px 0;
	background: none;
}

.task-panel ul li ul {
	margin: 0px 0 0 0px;
}

.task-panel li ul li {
	margin: 10px 0;
}

.ui-datepicker {
	height: 40px !important;
}

	.ui-datepicker .dropdown-menu {
		top: auto;
		background: #fff;
	}

	.ui-datepicker .btn-info.active, .ui-datepicker .btn-info {
		background-color: #417ea3;
		box-shadow: none;
	}

	.ui-datepicker table .btn-default {
		border-color: #FFF !important;
	}

	.ui-datepicker table .uib-left, .ui-datepicker table .uib-right, .ui-datepicker table .uib-title {
		background-color: #FFF;
		border-color: #FFF;
	}

	.ui-datepicker table .uib-title {
		color: #417ea3;
		font-weight: normal;
	}

		.ui-datepicker table .uib-title:hover {
			color: #417ea3;
			font-weight: normal;
			text-decoration: underline;
		}

	.ui-datepicker .text-info {
		font-weight: bold;
		color: #ffa500;
	}

	.ui-datepicker .btn-info.active .text-info {
		color: #FFF;
		font-weight: normal;
	}

.text-indent {
	padding-left: 5px;
}

.addNote {
	border: 1px solid #4e5b84;
	background: #FFF;
	border-radius: 5px;
	overflow: visible;
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

	.addNote .item1 {
		-webkit-flex: 1; /* Safari 6.1+ */
		-ms-flex: 1; /* IE 10 */
		flex: 1;
		text-align: center;
	}

		.addNote .item1 .upload-context-menu {
			text-align: left !important;
		}

	.addNote .item3 {
		-webkit-flex: 2; /* Safari 6.1+ */
		-ms-flex: 2; /* IE 10 */
		flex: 2;
		text-align: center;
	}

	.addNote .item2 {
		-webkit-flex: 16; /* Safari 6.1+ */
		-ms-flex: 16; /* IE 10 */
		flex: 16;
	}

	.addNote .item1 .fa-paperclip, .addNote .item3 .icon-send {
		font-size: 28px;
		color: #417ea3;
	}

	.addNote .item1 .fa-paperclip {
		margin-top: 40%;
	}

	.addNote .item3 .icon-send {
		margin-top: 17%;
		margin-bottom: 7%;
	}

	.addNote .item3 .need-help-wrapper {
		width: 14px;
		height: 14px;
		font-size: 8px;
		margin: 3px;
	}

	.addNote .item3 div i {
		margin-right: .19em;
		font-size: 12px;
		color: #bdbdbd;
	}

	.addNote .item3 .choose-plan-wrapper {
		margin: 1px;
		padding: 1px;
		border-radius: 3px;
	}

		.addNote .item3 .choose-plan-wrapper p {
			font-size: .6em !important;
			line-height: .57em !important;
			margin: 1px 0px 0px 0px !important;
		}

	.addNote .item3 .plan-active, .addNote .item3 .plan-basic, .addNote .item3 .plan-offer {
		height: 12px;
		border-radius: 2px;
	}

	.addNote .item3 .selectorSm {
		margin-left: 12%;
	}

	.addNote.edit .item3 .icon-send {
		margin-top: 25%;
		margin-bottom: 7%;
		margin-left: 26%;
	}

	.addNote span {
		font-size: 15px;
	}

	.addNote textarea {
		margin: -1px 0;
		height: 74px;
		border-color: #4e5b84;
	}


@media (min-width: 1920px) {
	.addNote .item3 .selectorSm {
		margin-left: 22%;
	}

	.addNote textarea {
		margin: -1px 0;
		height: 85px;
	}

	.addNote.edit .item3 .icon-send {
		margin-top: 21%;
		margin-bottom: 7%;
		margin-left: 20%;
	}
	
}

@media (max-width: 1024px) {
	.addNote .item3 .selectorSm {
		margin-left: 12%;
	}

	.addNote .item1 .icon-plus-t2, .addNote .item3 .icon-send {
		font-size: 30px;
	}

	.addNote textarea {
		margin: -1px 0;
		height: 77px;
	}

	.addNote .item3 .choose-plan-wrapper p {
		font-size: .56em !important;
		line-height: .8em !important;
	}
}

.btnIcon {
	background: none !important;
}

.addNote .col-sm-11 {
	padding: 0 !important;
	width: 86.666667%;
}

.addNote .btn {
	padding: 4px !important;
}

.task-panel .cmntBox li {
	margin: -1px 0;
}

.task-panel .cmntBox ul {
	background: none;
	/*margin: 0px 10px !important;*/
}

.minusMargin {
	margin-top: -10px;
}

.commentHover {
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	padding: 3px;
	margin: -3px 0;
	box-shadow: 0px 3px 10px 0px #bdbdbd;
}


.greenTxtBg {
	background: #679604;
	border-radius: 10px;
	color: #FFF;
	padding: 5px;
}

.amberTxtBg {
	background: #ff9800;
	border-radius: 10px;
	color: #FFF;
	padding: 5px;
}

.no-margin md-input-container {
	margin: 0px !important;
	padding: 0px !important;
}

.select2 > .select2-choice.ui-select-match {
	/* Because of the inclusion of Bootstrap */
	height: 29px;
}

.selectize-control > .selectize-dropdown {
	top: 36px;
}

.ui-select-container.ui-select-multiple .ui-select-search {
	width: 100% !important;
}

.task-link a {
	color: #000 !important;
	font-size: 12px !important;
	text-decoration: underline;
	margin: 0 10px 0 0 !important;
}

.inTaskBy {
	font-size: 12px;
	color: #9e9e9e;
	margin-bottom: 2px;
}
/*.inTaskBy span{margin-right:30px}*/
.inTaskData {
    font-size: 12px;
    color: #5a5a5a;
    margin-bottom: 2px;
    border-top: 1px dotted #ddd;
    padding-top: 4px;
}

	.inTaskData p {
		font-size: 12px !important;
		line-height: 0px !important;
		display: inline;
		color: inherit !important;
		margin-left: 3px !important;
		padding-bottom: 1px;
	}

	.inTaskData span {
		margin-right: 30px;
	}

		.inTaskData span:nth-child(1) {
			color: #3f51b5;
		}

		.inTaskData span:nth-child(2) {
			color: #009688;
		}

		.inTaskData span:nth-child(3) {
			color: #00a0d4;
		}

		.inTaskData span:nth-child(4) {
			color: #14990a;
		}

		.inTaskData span:nth-child(5) {
			color: #c87700;
		}
/*.caseReview .col-sm-12 {padding-left:5px; width:99%}*/
.caseReview .col-sm-12 .box {
	width: 99%;
}

.commentHover ul li {
	display: inline;
}

.need-help-wrapper a:link {
	color: #717171;
	text-decoration: none;
}

.helpiq_tooltip {
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 12px;
	background: #ffffff !important;
	border: 1px solid #FFFFFF !important;
	border-radius:3px !important;
}
.helpiq_tooltip p{ margin-bottom: 4px !important; text-align: left;}
.helpiq_tooltip p strong{color:#417ea3 !important;}

trix-toolbar .code {
	display: none;
}

.task-box .md-button.md-icon-button {
	height: 10px;
	width: 10px;
	padding: 0;
	margin: 0;
}

.pmbs .has-error .form-control, .pmbs .has-error .selectize-input,
.pmbs .has-error .text-indent, .pmbs .has-error textarea {
	border-color: #a94442 !important;
}

.docListView .list-group-item {
	border-top: 1px solid #ddd;
	border-bottom: none;
	border-left: none;
	border-right: none;
	min-height: 40px;
	clear: both;
}

	.docListView .list-group-item:last-child {
		border-radius: none;
	}

	.docListView .list-group-item:first-child {
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}

.list-group-item i {
	margin: 0 5px;
}

.list-group-item .withContant {
	white-space: nowrap;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.aprRej {
	text-align: right;
}

.pmbs .form-group input[type=password], .pmbs .form-group input[type=email] {
	width: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	height: 35px;
	padding-left: 3px;
}

span.required {
	color: #dd2c00;
	padding-left: 3px;
}

input.required {
	border: 1px solid #dd2c00 !important;
}

.login-footer-msg {
	margin: 0;
	/*padding: 20px 20px 20px 20px;*/
	color: rgba(255,255,255,0.8);
	position: fixed;
	bottom: 10px;
	width: 100%;
}

	.login-footer-msg a {
		color: #85c8f3;
	}

		.login-footer-msg a:hover {
			color: #85c8f3;
			text-decoration: underline;
		}

.has-feedback label ~ .form-control-feedback {
	top: 36px;
}

.loginPadding {
	padding: 0 10px;
}

.loginBS .form-group label {
	line-height: 2px !important;
	font-size: 13px;
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-weight: normal;
}

.loginBS .multi-Top label {
	line-height: 1.4em !important;
}

.loginBS .form-group input {
	margin-top: 0 !important;
}

.pmbs .loginBS .row {
	padding-bottom: 2px;
	margin-bottom: 0;
}

.offerCode {
	width: 38% !important;
	margin-left: 5px;
	height: 33px !important;
}

.log-icon {
	margin-top: -27px;
	margin-right: 10px;
}

.forgotPass {
	font-size: 12px;
	line-height: 12px;
	padding: 3px 0px;
}

.labelWdth10 {
	width: 10%;
}

.labelLineHt .form-group label {
	line-height: 35px !important;
}

.box-padding {
	padding: 0px 20px;
}

.blockLabel {
	display: block;
	margin-left: 10px;
}

.blockLabelTeam {
	display: block;
	margin-left: 10px;
}

.commentHover i {
	display: inline;
	border-right: 1px dotted #d1d1d1;
	padding: 5px 8px;
}

	.commentHover i:last-child {
		border-right: none;
	}

	.commentHover i:first-child {
		padding: 4px 8px;
	}

.task-box .fa-unlock-alt {
	margin: 0 7px;
}

.task-box .fa-paperclip span {
	background: #ffdc70;
	position: relative;
	top: -6px;
	left: -2px;
	border-radius: 50%;
	font-size: 10px;
	padding: 2px 4px;
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.linkDocPop input {
	border-radius: 5px 5px 0 0;
}

.linkDocPop div {
	margin-top: -6px;
	border-radius: 0 0 5px 5px;
}

.hide {
	display: none;
}

.number-picker .form-control {
	margin: 0px !important;
	text-align: center;
	vertical-align: middle;
	/*padding: 0px !important;*/
	line-height: 22px !important;
}

.number-picker .input-group-addon {
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	background-color: #eee !important;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

	.number-picker .input-group-addon:first-child {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-right: 0 !important;
	}

	.number-picker .input-group-addon:last-child {
		border-left: 0 !important;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}

.blockLabel {
	display: block;
	margin-left: 7px;
	margin-bottom: 5px;
}

.btnPadRight {
	margin-right: 4px;
}

.teamModal {
	max-width: 78% !important;
	max-height: 72% !important;
}

.whiteBox.allSidePadding {
	padding: 5px 18px !important;
}

.caseBoxDiv {
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

.contactBox {
	margin-left: 20px !important;
}

.updateBtn {
	margin-right: 6px;
}

.popup-container-fixed-height {
	height: 350px !important;
	padding-bottom: 10px;
	overflow-y: auto;
}

.form-flex {
	flex: 1;
	display: flex;
}
/* form field */

.btnBottomPos {
	padding-bottom: 4px;
}

.pmbs.rowHt .row {
	margin-bottom: 3px !important;
	padding-left: 10px;
	padding-right: 10px;
}

.inputGap {
	margin-left: -5px;
}

.emailPs {
	margin-left: -14px;
}
.emailPs input[type="text"]{
	height:32px !important;
}

.team-postal{
	padding-left: 5px;
}

.team-phone{
	background: transparent !important;
	padding: 16px 18px 1px 3px !important;
}

.ui-selectGap {
	position: relative;
	top: 4px;
}

.ui-selectlabel {
	padding-top: 5px;
}

.addressPad {
	padding: 0 15px;
}

.showAddressFields {
	padding: 0 6px;
	margin-top: -18px;
}

.addressFields {
	margin-top: -18px;
	padding: 0 6px;
}

.postLoader {
	position: relative;
	top: -6px;
	right: 6px;
}

.postcodeHead {
	margin-top: -16px;
}

.contenentSec.selectize-input {
	position: relative;
	top: 2px;
}

@media (min-width: 768px) {
	.modal-sm {
		width: 400px!important;
	}
}
@media (min-width: 768px) {
	.modal-m {
		width: 575px!important;
	}
}
@media (min-width: 992px) {
	.modal-lg {
		width: 900px!important;
	}
}


.iconBdrCirclestreet, .unit-edit-icon {
	font-size: 14px !important;
	text-align: right;
	float: right;
	cursor: pointer;
	/* border: 1px solid #cccccc; */
	border-radius: 5px;
	padding: 4px 6px 2px 6px;
	/* background: #FFFFFF; */
}

.no-radio-paddings {
	margin-top: 0;
	margin-bottom: 0px;
}

.box-body.min-height {
	min-height: 400px !important;
}

.modal-body {
	padding: 15px 20px 0 20px;
}

.uploadCaseDoc span {
	font-size: 14px;
	color: #09667d;
	margin-top:10px;
	display:block;
}

.list-group-item {
	overflow: hidden;
}

.list-group {
	margin-bottom: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-bottom: 2px solid #1e5372;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #1e5372;
}

.nav-tabs > li > a {
	border: none;
	color: #1e5372;
}

ul.notification-list li {
	margin: 6px 0;
}

.accessErr {
	color: #FFF;
}

	.accessErr h1 {
		font-size: 5.09em;
		margin: 0px !important;
	}

	.accessErr h2 {
		font-size: 3.7em;
		margin: 0px !important;
	}

	.accessErr h5 {
		font-size: 1.1em;
	}

	.accessErr i {
		font-size: 75px;
		margin: 0px !important;
		line-height: 12px;
		color: #A3A3A3;
	}

	.accessErr a:link {
		color: #ff9c00;
	}

	.accessErr a:hover {
		color: #ff9c00;
		text-decoration: underline;
	}

.accessErrPg .login-box {
	top: 35% !important;
}

.formBoxdiv {
	display: -webkit-flex;
	display: flex;
}

.flexForm {
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	padding: 0 10px;
}

	.flexForm:first-child {
		padding: 0 10px 0 0;
	}

	.flexForm:last-child {
		padding: 0 0px 0 10px;
	}

.postalCodeSp {
	padding-top: 20px !important;
}

.phone-box {
	background: #f8f8f8;
	padding: 16px 18px 1px 18px;
	border: 0px solid #222;
	border-radius: 3px;
	margin: 0 8px;
}

.contentFormSp {
	padding-left: 26px;
}

.addressTopmargin {
	margin-top: -16px;
}

.box-body.inventory-min-height {
	min-height: 200px !important;
}

.small-text-area {
	height: 70px !important;
}

.contentBoxDiv {
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

	.contentBoxDiv.header {
		background-color: #f2f2f2;
		border-radius: 3px 3px 0 0;
		border: 1px solid #cfcfcf;
		padding: 3px;
	}

	.contentBoxDiv.tblrow {
		background-color: #fff;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		padding: 3px;
	}

	.contentBoxDiv div:nth-child(1) {
		flex: 1;
	}

	.contentBoxDiv div:nth-child(2) {
		flex: 2;
	}

	.contentBoxDiv div:nth-child(3) {
		flex: 3;
	}


.contentBoxDivInner {
	width: 90%;
	display: -webkit-flex;
	display: flex;
}

	.contentBoxDivInner div:nth-child(1) {
		flex: 1;
		margin-top: 2px;
	}

	.contentBoxDivInner input:nth-child(2) {
		flex: 1;
		margin-left: 10px;
	}


.repeater-header-round-btn {
	margin-top: -5px;
	margin-left: 10px;
}

.no-child {
	padding: 0 0px 0 0px !important;
}

.formConPad {
	padding-left: 10px;
}

.formBoxdiv {
	display: -webkit-flex;
	display: flex;
}

.width100prcn {
	width: 100%;
}


.invent ul {
	margin-left: 0;
	padding-left: 0;
}

	.invent ul li {
		clear: both;
		list-style: none;
		display: flex;
		margin: 5px 0;
	}

.invent i {
	margin: 6px 5px 6px 0;
}

.invent .smallMargin {
	margin-top: 5px !important;
}

.round-button-height {
	height: 26px !important;
}

/* custom ui select */
.customSelect {
	margin-top: 5px;
	margin-left: 5px;
}

	.customSelect.selectize-control.single .selectize-input {
		border: 0px !important;
		border-bottom: 1px solid rgba(0,0,0,0.12) !important;
	}

	.customSelect.selectize-control.single .selectize-input {
		background-color: #f9f9f9;
		background-image: none !important;
		background-image: none !important;
		background-image: none !important;
		background-image: none !important;
		background-image: none !important;
		background-repeat: repeat-x;
		/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); */
		-webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 0.8);
		box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 0.8);
	}

	.customSelect span:nth-child(2) {
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 16px !important;
		color: #383838 !important;
	}

	.customSelect input {
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		border-radius: 0px;
		font-size: 16px !important;
		color: #383838 !important;
		letter-spacing: 0px !important;
	}

.pmbs .unitrow .row {
	margin-bottom: 0px;
}

.historyBox {
	border: 1px solid #ededed;
	padding: 10px;
	margin: 0 0 15px 0;
	clear: both;
}

.historyBrdr {
	border-bottom: 1px dotted #e0e0e0;
	padding: 0 0 14px 0;
}

.invent ul li {
	width: 100% !important;
	border-bottom: 1px dotted #A0A0A0;
}

	.invent ul li label {
		white-space: nowrap;
		width: 85%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.formConPos {
	margin-top: -52px;
}

.whiteBox h4.contentHead {
	margin: 6px 0 6px 4px;
}

.pmbs-no-row, .pmbs.pmbs-no-row .row {
	margin-bottom: 0 !important;
}

.unit-space .form-control {
	margin: 0px;
}

.num-picker label {
	margin-top: 0px !important;
}

.num-picker .input-group {
	margin-top: 4px;
	margin-bottom: 4px;
}

.num-picker .myautoscroll .number-picker span {
	padding-right: 10px;
}

.num-picker .unit-label {
	padding-top: 10px;
	padding-left: 10px;
}

.pmbs .unitStyle .form-group input {
	border: 0px solid #cfcfcf;
	border-bottom: 1px solid #b1b1b1;
	background: transparent;
	padding-left: 3px;
	margin-top: 8px;
}

	.pmbs .unitStyle .form-group input[disabled] {
		border: 0px solid #cfcfcf;
		background: transparent;
		margin-top: 8px;
	}

.unit-header {
	padding: 0 8px 0 8px;
}

.vertical-scroll {
	overflow-x: hidden;
}

.unit-editPad {
	padding-top: 4px;
}

.unitLocation div.myautoscroll {
	padding-right: 5px !important;
}

.bothSpace {
	padding: 0 13px;
}

ul.asset-list {
	margin: 3px;
	padding: 0px;
}

.add-content .myautoscroll .number-picker span {
	padding-right: 10px;
}

.propetyviewPos {
	margin-top: 5px;
	margin-left: 5px;
}

.loaderSmallCropper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}


.custom-date-picker {
	height: 35px !important;
	display: table;
}

	.custom-date-picker input[type=text] {
		height: 35px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-right: 0px !important;
		font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 100% !important;
		color: #000 !important;
	}

	.custom-date-picker .input-group-addon {
		border-top-right-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
		cursor: pointer;
		display: table-cell !important;
	}

	.custom-date-picker .dropdown-menu {
		margin-left: 10px !important;
		/*width: 80%;*/
	}

	.custom-date-picker .datetime-picker-dropdown {
		z-index: 3001 !important;
		/*width: 96% !important;*/
	}

	.custom-date-picker .dropdown-menu li {
		margin: 0px !important;
		list-style: none !important;
	}

.dropdown-menu > .divider {
	background-color: #eee !important;
}

.custom-date-picker .dropdown-menu li a {
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 100% !important;
	color: #000 !important;
}

.logoTxt {
	background-color: #FFF;
	background: rgba(232,232,232,1);
	background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(254,254,254,1) 11%, rgba(240,240,240,1) 92%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,1)), color-stop(11%, rgba(254,254,254,1)), color-stop(92%, rgba(240,240,240,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(254,254,254,1) 11%, rgba(240,240,240,1) 92%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(254,254,254,1) 11%, rgba(240,240,240,1) 92%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(254,254,254,1) 11%, rgba(240,240,240,1) 92%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(232,232,232,1) 0%, rgba(254,254,254,1) 11%, rgba(240,240,240,1) 92%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#fefefe', GradientType=0 );
	-webkit-box-shadow: 0px 10px 20px -6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 10px 20px -6px rgba(0,0,0,0.25);
	box-shadow: 0px 10px 20px -6px rgba(0,0,0,0.25);
	text-align: center;
	width: 80%;
	padding: 15px;
	border-radius: 2px 2px 5px 5px;
	margin: -20px 0 20px 0;
}

	.logoTxt img {
		/*width: 63%;*/
	}

.no-resize {
	resize: none;
}

.propety-panel {
	padding: 0 13px;
}

.pmbs .form-group textarea.textarea-size {
	height: 70px;
}

h4.soldHead {
	padding: 0;
	margin: 0;
}

.pmbs .form-group input.area-input {
	padding-right: 40px !important;
}


.custom-search input[type=search].loading {
	background: none !important;
}

.cancel-search {
	position: absolute;
	top: 8px;
	right: 45px;
	display: inline-block;
	cursor: pointer;
}

.unit-edit-icon {
	background: #fff;
}

.cursor-pointer {
	cursor: pointer;
}

.contract-link a {
	margin-top: 5px;
}

	.contract-link a i {
		margin: 0 3px;
	}

.labelLineHt .form-group .chkBoxLineHt label {
	line-height: 18px !important;
}

.load-search {
	position: absolute;
	top: 3px;
	left: 4px;
	display: inline-block;
}

.col-pos {
	margin-top: -11px;
}

.pmbs .box-header .row {
	margin-bottom: 0;
}

.emailAlign {
	padding-left: 15px;
}

.caseReview .plan-basic p, .caseReview .plan-offer p {
	margin: 0 0 10px !important;
	line-height: 1.42857143 !important;
}

.caseReview .plan-active p {
	color: #fff !important;
}

md-sidenav {
	width: 25%;
	max-width: none;
}

.filter-panel div:first-child .multi-Top {
	margin-top: 0px !important;
}

.notificationbodytext {
	margin: 0 0 0px !important;
}

.notificationbodylink span {
	font-size: 12px !important;
	margin-right: 2px !important;
}

.notificationbodylink {
	color: #808080 !important;
}

.entityLabel {
	padding-top: 8px;
}

.phn-icon-pos {
	margin-top: 7px !important;
	margin-right: 6px;
}

.room-align {
	padding-top: 5px;
	padding-bottom: 5px;
}

.notificationHdTop .icon-agent {
	color: #64a54d;
}

.notificationHdTop .fa-user-o {
	color: #009688;
}

.notificationHdTop .fa-building-o {
	color: #b348b4;
}

.notificationHdTop .icon-tenant {
	color: #71aa03;
}

.notificationHdTop .icon-case {
	color: #ffa500;
}

.detailsTop {
	padding-top: 5px;
}

.add-content .myautoscroll {
	padding-right: 5px;
}

.btn-sec {
	padding: 5px;
}

	.btn-sec button {
		margin-right: 4px;
	}

.content-search input[type=search] {
	background: #FFF url("/images/search2.png") no-repeat 4px 7px !important;
	background-size: 16px 16px !important;
	border: solid 1px #ccc !important;
	padding: 0px 0px 0px 26px !important;
	height: 30px !important;
	width: 97% !important;
	/*content: "\f002";
			font-family: FontAwesome;
			 -webkit-border-radius: 15em !important;
	-moz-border-radius: 10em !important;
	border-radius: 10em !important; */
	-webkit-transition: all .5s !important;
	-moz-transition: all .5s !important;
	transition: all .5s !important;
	border-radius: 5px;
}

.content-search-new input[type=search] {
	background: #FFF url("/images/search2.png") no-repeat 4px 7px !important;
	background-size: 16px 16px !important;
	border: solid 1px #ccc !important;
	padding: 0px 0px 0px 26px !important;
	height: 30px !important;
	width: 86% !important;
	/*content: "\f002";
			font-family: FontAwesome;
			 -webkit-border-radius: 15em !important;
	-moz-border-radius: 10em !important;
	border-radius: 10em !important; */
	-webkit-transition: all .5s !important;
	-moz-transition: all .5s !important;
	transition: all .5s !important;
	border-radius: 5px;
}

.gBox {
	background: #f2f2f2;
	border: 1px dotted #cecece;
	border-radius: 3px;
	padding: 10px;
}

	.gBox h4 {
		margin: 0;
	}

	.gBox .whiteBox {
		margin-bottom: 0;
	}

		.gBox .whiteBox h4 {
			white-space: nowrap;
			width: 85%;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.gBox textarea {
		resize: none;
	}

.invent li:nth-child(1) .fa-file-image-o, .invent li:nth-child(6) .fa-file-image-o {
	color: #3f51b5;
}

.invent li:nth-child(2) .fa-file-image-o, .invent li:nth-child(7) .fa-file-image-o {
	color: #009688;
}

.invent li:nth-child(3) .fa-file-image-o, .invent li:nth-child(8) .fa-file-image-o {
	color: #00a0d4;
}

.invent li:nth-child(4) .fa-file-image-o, .invent li:nth-child(9) .fa-file-image-o {
	color: #14990a;
}

.invent li:nth-child(5) .fa-file-image-o, .invent li:nth-child(10) .fa-file-image-o {
	color: #c87700;
}

.contcond i {
	font-size: 25px;
	margin-top: 5px;
}

.avg {
	color: #ffba00;
}

.good {
	color: #62ab03;
}

.poor {
	color: #d11001;
}

.contentType {
	color: #E0E0E0;
	font-size: 45px;
}

.chkContainer.myautoscroll {
	padding-right: 5px;
}

.ellipsis-panel {
	width: 200px;
	border: 1px solid #e1e1e1;
	box-shadow: 2px 3px 14px #d7d7d7;
	position: absolute;
	right: 14px;
	top: 26px;
	z-index: 3;
	background: #fff;
}

	.ellipsis-panel ul {
		padding: 0px;
		margin: 0;
		list-style: none;
		background: #fff;
	}

		.ellipsis-panel ul li {
			padding: 10px 10px;
			list-style: none;
			cursor: pointer;
			margin: 0px !important;
		}

			.ellipsis-panel ul li:hover {
				background: #f3f3f3;
			}

.color-ellipses i {
	color: #a2a2a2;
	width: 8px;
	height: 15px;
	text-align: center;
}

.ellipsesPos {
	margin: 8px 8px 0 0;
}

.task-ellipsis {
	margin: 2px 8px 0 10px;
}

.customSelect .selectize-input {
	border-radius: 0px;
}

.custom-header h4 {
	padding: 0;
	margin: 0;
}

/* Side Nav Bootstrap Start */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1050;
	top: 0;
	right: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	border-left: 1px solid #ccc;
}

	/*.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}*/

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav a {
			font-size: 18px;
		}
}

.sideNavHead {
	border-bottom: 2px solid #1e5372;
	color: #1e5372;
}

/* Side Nav Bootstrap End */
photo-gallery button {
	background: none;
	border: none;
	margin: 0 5px;
}

	photo-gallery button .fa-upload {
		font-size: 16px;
	}

	photo-gallery button .fa-angle-right, photo-gallery button .fa-angle-left {
		font-size: 30px;
		margin-top: -7px;
	}

.filterLoader {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	position: absolute;
	z-index: 15;
	top: 68.3%;
	left: 38%;
	margin: -30px 0 0 -30px;
}

.labelCustom {
	display: inline-block;
	/* display: inline; */
	padding: .2em 0.6em .3em;
	font-size: 61%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	margin-top: 4px;
	display: inlime;
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}

.labelCustomChild {
	display: inline-block;
	/* display: inline; */
	padding: .2em 0.6em .3em;
	font-size: 61%;
	/*font-weight: 700;*/
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	margin-top: 4px;
	display: inlime;
	float: left;
	margin-top: 5px;
	margin-left: -2px;
}

.toggleButton {
	margin: 3px;
}

.agencyUnitTxt {
	height: 63px !important;
	resize: none !important;
}

.iconCircleLg {
	font-size: 18px !important;
	cursor: pointer;
	border: 1px solid #cccccc;
	border-radius: 50%;
	padding: .05em .47em;
	background: #FFFFFF;
	width: 24px;
	height: 24px;
}

.newLbl, .alphabetNewLbl, .alphabetNewLblSm {
	font-family: 'pmfontface-regular', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: #ffa500;
	font-size: 0.59em;
	border-radius: 2em 2em 0 2em;
	padding: .38em .3em;
	line-height: 1;
	color: #fff;
	border: 1px solid #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

.alphabetSm .newLbl {
	position: relative;
	top: -35px;
	left: -27px;
	border-radius: 2em 2em 0 2em;
	padding: 1em .29em .64em .28em;
	font-size: 0.59em;
	font-family: 'pmfontface-regular', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.alphabet .newLbl {
	position: relative;
	top: -62px;
	left: 20px;
	border-radius: 2em 2em 2em 0;
	padding: 1em .29em .64em .28em;
	font-size: 0.59em;
	font-family: 'pmfontface-regular', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.alphabetNewLbl {
	position: absolute;
	border-radius: 2em 2em 2em 0;
	height: 22px;
	line-height: 17px;
	text-transform: uppercase;
	top: -15px !important;
	left: 30px !important;
}

.alphabetNewLblSm {
	position: absolute;
	height: 22px;
	line-height: 17px;
	text-transform: uppercase;
	top: -4px !important;
	left: -10px !important;
}

.alphabetDiv {
	position: relative;
}

.cardViewBot {
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

	.cardViewBot div {
		font-size: 12px;
		padding: 10px 10px 6px 10px;
		border-right: 1px dashed #ccc;
		text-align: center;
		flex: 1;
		color: #727272;
	}

		.cardViewBot div i {
			font-size: 20px;
		}

		.cardViewBot div:nth-child(4) {
			border: none;
		}

		/* .cardViewBot div:hover {
			background: #417ea3;
			color: #FFF !important;
		}

			.cardViewBot div:hover i {
				display: none;
			}

		.cardViewBot div span {
			line-height: 25px;
		}

		.cardViewBot div.landlordIcon:hover span:after {
			content: 'Landlord';
		}

		.cardViewBot div.agentIcon:hover span:after {
			content: 'Agency';
		}

		.cardViewBot div.tenantIcon:hover span:after {
			content: 'Tenancy';
		}

		.cardViewBot div.invoicesIcon:hover span:after {
			content: 'Transactions';
		}

		.cardViewBot div.casesIcon:hover span:after {
			content: 'Cases';
		} */

.item:hover a p.new-label:after {
	content: 'ADD';
}

.unitCusSel {
	width: 171px;
}

.propertyview-load {
	height: 30px;
}

.btn-group.open .dropdown-toggle:hover, .open > .dropdown-toggle.custom-btn:hover {
	font-size: 14px !important;
	padding: 6px 12px !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
	border: 1px solid #1e5372 !important;
}

.btn-group .dropdown-menu {
	min-width: 110px;
	padding: 0 0;
}

	.btn-group .dropdown-menu li a, .dropdown-menu > li > a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 10px;
	}

		.dropdown-menu > li > a:hover {
			background: #e2e2e2 !important;
		}

.customToggleLabl {
	float: left !important;
	margin-left: 31px !important;
	margin-top: 11px !important;
	margin-right: 17px !important;
}

.relative {
	position: relative;
}
/*------------------Notification---------------*/

.notification-panel {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #FFF;
	/*border: 1px solid #ebebeb;*/
	margin: 5px 0 0 50px;
	color: #444444;
	box-shadow: 0px 2px 3px 0px #dbdbdb;
}

.intCircle {
	float: left;
	height: 35px;
	width: 35px;
	line-height: 37px;
	font-size: 12px;
	color: #000;
	text-align: center;
	padding: 1px 4px;
	background: #FFF;
	border-radius: 50%;
	text-transform: uppercase;
	box-shadow: 0px 2px 3px 0px #dbdbdb;
}

.notificationHdTop .margintop {
	background: url(../images/dot2.png) repeat-x 16px 18px;
}

.notificationHdTop .viewed .intCircle {
	background: #fafafa !important;
	color: #FFF !important;
}

	.notificationHdTop .viewed .intCircle i {
		color: #999 !important;
	}

.notifyIcon i {
	font-size: 18px;
	padding: 5px;
	margin-left: 6px;
	margin-top: 8px;
}

.notificationHdTop .selected .notification-panel {
	background: #f7fffe;
}

.notificationHdTop .selected .intCircle {
	background: #f7fffe !important;
}

.number-picker input {
	width: 100%;
	height: 30px;
	text-align: center;
	border: 1px solid #ccc;
	top: 0px !important;
}

.columnCusSel {
	width: 231px !important;
}
/*---------------------------------------------*/

.login-padding {
	padding-bottom: 30px;
}

.chkboxtop {
	margin-top: 27px;
}

.margin8 {
	margin-top: 8px;
}

.fa-disabled {
	opacity: 0.6;
	cursor: not-allowed !important;
}

.margin2 {
	margin-top: 2px;
}

.margin12 {
	margin-top: 12px;
}

.margin5 {
	margin-top: 5px;
}

.chkBoxLineHtDoc label {
	line-height: 19px !important;
}

.sideNavHead i {
	font-size: 14px;
	margin-left: 10px;
}
.attachedTool{
	margin-left:-18px !important;
}
.attachedToolCheck{
	margin-left:-104px !important;
	margin-top:-4px !important;
}
.margin10 {
	margin-top: 10px;
}
.margin8 {
	margin-top: 8px !important;
}
.margin6 {
	margin-top: 6px;
}
.margin4 {
	margin-top: 4px;
}

.margin3 {
	margin-top: 3px;
}

.chkBoxGap {
	margin-top: 6px !important;
}

.showMoreClass {
	display: inline-block;
	margin-top: 13px;
	margin-left: 51px;
}

.toggleButtonNotification {
	margin-top: 3px !important;
}

.marginTypeLabel {
	margin-left: 6px;
	margin-top: 4px;
}

.termsClass {
	display: inline-block;
	margin-bottom: 10px !important;
	font-size: 13px !important;
}

.icon-link span {
	padding-left: 3px !important;
}

.gridHelpTip .need-help-wrapper {
	line-height: 20px !important;
	margin-left: 5px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.mergeRight {
	margin-right: 23px !important;
}

.overflow-hidden {
	overflow: hidden;
}

.margin-top-minus-2 {
	margin-top: -2px;
}

.customMargin {
	top: 6px !important;
	right: 28px !important;
}

.info-box-icon .icon-view-fill {
	color: #69acb4;
}

.info-box-icon .icon-entity {
	color: #aeaf3f;
}

.info-box-icon .icon-profile {
	color: #9e8da4;
}

.info-box-icon .icon-create-tenant {
	color: #c99a3e;
}

.info-box-icon .icon-create-property {
	color: #9eb7ba;
}

.getStarted {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	width: 100%;
	padding: 0 10px;
}

	.getStarted .pull-left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		margin: 0 1em;
	}

.uploadedDoc ul {
	padding: 0;
	margin: 0;
}

.iconDiv {
	height: 42px !important;
}

.customNewWindow {
	width: 0px !important;
	font-size: 11px !important;
	margin-top: 12px !important;
	background-color: none !important;
	margin-left: -8px;
}

.unavailableText {
	text-align: center;
}

.maintTxt {
	display: inline-block;
	margin-top: 8px;
	font-size: 14px;
	margin-bottom: 7px;
}

.comment-box {
	min-height: 100px;
	border: 1px solid #bdbdbd;
	border-radius: 10px !important;
	margin-top: 30px !important;
	margin-left: 5px !important;
	width: 74%;
}

.pmbs .form-group .custom-date-picker.has-error input[type=text] {
	border-color: #a94442 !important;
	border-right: 0px !important;
}

.mrgTop {
	margin-top: 9px;
}

.ellipsisButtonBeside {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	margin-right: 5px;
}

.right-none {
	right: 0px !important;
	left: auto !important;
}

.right-5 {
	right: 5px !important;
}

.top-20 {
	top: 20px !important;
}

.activePos {
	margin-top: -20px;
}

.subscription-sec .vAccordion--default v-pane-header::after, .arrow-pos v-pane-header::after {
	top: 28% !important;
}

.creditcard-sec .vAccordion--default v-pane-header::after, .arrow-pos v-pane-header::after {
	top: 34% !important;
}

.large-text {
	font-size: 14px;
}

.smallText {
	font-size: 10px;
	line-height: 17px;
}

.margin20 {
	margin-right: -20px;
}

.hr-line {
	background: url(../images/hr-line.png) repeat-x 0px 6px;
	display: block;
}

	.hr-line label {
		background-color: #fff;
		padding: 0 4px;
	}

.pad-left-15 {
	padding-left: 15px;
}

.pad-right-15 {
	padding-right: 15px;
}

.no-margin-bottom {
	margin-bottom: 0px !important;
}

.no-padding-bottom {
	padding-bottom: 0px !important;
}

.left10 {
	padding-left: 10px;
}

.reset-btn {
	border-radius: 50px;
	background-color: #417ea3 !important;
	border: 0px;
	color: #fff;
	padding: 2px 10px;
	font-size: 12px;
}

	.reset-btn:hover {
		color: #fff;
	}

.filterTxt {
	color: #6b6b6b;
	font-size: 12px;
}

.spnStyl {
	float: left;
	margin-top: 6px;
}

.mrgLft {
	margin-left: 18px !important;
}

.brand-name-select .selectize-control {
	margin-top: 6px;
}

.brand-name-select .selectize-input {
	border: none !important;
	/* height: 58px !important; */
	width: 240px !important;
	font-size: 16px !important;
	background-color: transparent !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 30px !important;
	line-height: 30px;
}

.navbar .c-logo.brand-name-select span {
	line-height: 30px !important;
	margin: 0 !important;
	font-size: 16px !important;
}

.cusMarin {
	float: left;
	margin-left: 22px;
}

.merge10 {
	margin-left: 10px;
}

.leftAlignCls {
	margin-left: 35px;
}

.brand-name-select .selectize-input.focus {
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.brand-name-select input {
	font-size: 16px !important;
}

.brand-name-select .selectize-dropdown .active {
	color: #383838;
	background-color: #f0f0f0 !important;
}

/*.chip {
	padding: 5px 10px !important;
	background: #eee;
	border-radius: 15px;
	margin: 5px 1px;
	display: inline-block;
}*/
.chip {
	padding: 5px 15px !important;
	background: #f3f3f3;
	border-radius: 40px;
	color:#666 !important;
	font-size:12px;
	margin: 5px 1px;
	display: inline-block;
   }
   .chip .fa-times{color:#ff1414; }

.addContentModal .form-group label {
	line-height: 19px;
}

/*.addContentModal .input-group-addon {
	padding: 7px;
}*/

.modal-open {
	overflow: auto !important;
}


.upload-context-menu {
	width: 225px;
	border: 1px solid #e1e1e1;
	box-shadow: 2px 3px 14px #d7d7d7;
	position: absolute;
	left: 0px;
	top: -75px;
	z-index: 9999;
	background: #fff;
}

	.upload-context-menu ul {
		padding: 0px;
		margin: 0;
		list-style: none;
		background: #fff;
	}

		.upload-context-menu ul li {
			padding: 10px 10px;
			list-style: none;
			cursor: pointer;
			margin: 0px !important;
		}

			.upload-context-menu ul li:hover {
				background: #f3f3f3;
			}

.cmntRsize {
	resize: none;
}

.inTaskBy .fa-clipboard {
	color: #e9b25b;
}

.inTaskBy .fa-envelope {
	color: #cfc466;
}

.addcontentPop {
	height: 440px !important;
}

	.addcontentPop h4 {
		padding: 0;
		margin: 0 0 20px 0;
	}

.customHelpMargin {
	margin-right: 111px !important;
	margin-top: 2px !important;
}

.linkCaseDocType {
	margin-left: -36px !important;
	margin-top: 5px !important;
}

.bigMer {
	margin-left: 169px !important;
}

.contentUtilitySelectAllCheckbox {
	font-size: 16px !important;
	border-bottom: 1px solid #cccccc;
}

.room-align .color-ellipses {
	margin-top: 5px;
}

.margin-right6 {
	margin-right: 6px;
}

.disabledAgent {
	opacity: 0.1;
	cursor: not-allowed;
}

.nomarginBot {
	margin-bottom: 0 !important;
}

/********************** css added for responsive ui starts************************************/

@media (min-width:320px) and (max-width: 414px) {
	.breadcrumbWrap {
		line-height: 27px;
		white-space: nowrap;
		margin-top: 48px !important;
		position: relative;
		left: 0px !important;
	}

	.main-header .sidebar-toggle {
		float: left;
		background-color: #fafafa;
		background-image: none;
		color: #383838;
		padding: 14px 15px 14px 17px;
		font-size: 14px;
		font-family: fontAwesome;
	}

	.skin-blue .main-header .navbar {
		background-color: none;
		margin-left: 43px;
	}

	.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {
		background-color: #fafafa;
	}

	.navbar .c-logo span b {
		line-height: 49px;
		font-size: 14px;
		margin: 0px 0px;
	}

	.brand-name-select {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 96px;
	}

	li.custom-search {
		display: block;
	}

	.custom-search #demo-2 input[type=search] {
		width: 0px !important;
		margin-right: 0px;
	}

	.custom-search input[type=search] {
		background: #fafafa url("/images/search2.png") no-repeat 4px 4px !important;
		border: 0px !important;
		background-size: 16px 16px !important;
		height: 22px !important;
		/* border: solid 1px #ccc !important; */
	}

	.custom-search #demo-2 input[type=search]:focus {
		width: 18px !important;
		padding-left: 30px !important;
		color: #000 !important;
		background-color: #FFF !important;
		cursor: auto !important;
	}

	.navbar-custom-menu > .navbar-nav {
		margin-right: 50px;
	}

	.user-menu {
		background-color: #fafafa;
	}

	.nav > li > a {
		padding: 10px 11px;
	}

	.skin-blue .main-header .navbar.content-header-new {
		margin-left: -43px !important;
	}

	.main-sidebar, .left-side {
		margin-top: 48px;
	}

	.helpBtn {
		top: 42px;
	}

	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
		top: 48px;
		right: 12% !important;
	}
	/* .user-menu .dropdown-menu{
	left:59px !important;
	} */
	.skin-blue .main-header .navbar .dropdown-menu li a {
		color: #ff6000;
	}

	.notifications-menu li a {
		color: #404040 !important;
	}

	.navbar-nav > .notifications-menu > .dropdown-menu {
		width: 282px;
	}

		.navbar-nav > .notifications-menu > .dropdown-menu .mCustomScrollbar li a {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 59%;
		}

	.main-sidebar, .left-side {
		padding-top: 0px;
	}

	.fixed .content-wrapper {
		padding-top: 50px;
	}

	.get-started {
		overflow: initial;
	}

		.get-started h5 {
			padding-top: 9px;
		}

	.md-button {
		font-size: 11px;
	}

	.plan-basic {
		padding: 1px;
	}

	.choose-plan-wrapper p {
		font-size: 11px;
	}

	h2.property-name {
		font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 59%;
	}

	.toggleArrow i {
		background: #fafafa;
		padding: 16px 0 16px 3px;
		border: 0px dotted #cccccc;
		border-radius: 0px 0 0 0px;
		font-size: 20px;
		color: #fafafa;
	}

	.activity-panel, .calender-panel {
		margin: 10px 24px !important;
	}

	.cardListItem {
		width: 98%;
	}

	.whiteBox-no-gutter [class*="-4"], .whiteBox-no-gutter8 [class*="-8"] {
		padding-right: 7%;
	}

	.customSelect span:nth-child(2), .customSelect input {
		font-size: 12px !important;
	}

	.brand-name-select .selectize-control {
		margin-top: 0px;
		margin-left: -7px;
		width: 76px;
	}

	.brand-name-select .selectize-input {
		width: 105px !important;
	}

	.navbar .c-logo.brand-name-select span, .brand-name-select input {
		font-size: 12px !important;
	}

	.brand-name-select {
		margin-left: -10px;
	}

	.btn-group {
		margin-bottom: 4px;
		margin-top: 4px;
	}

	.input-group-addon {
		width: 0%;
	}

	.leftAlignCls {
		margin-left: 0;
	}

	.user-postion {
		margin: 24px 0 0 0;
		padding-left: 18px;
		height: auto;
	}

	.user-section .user h4 {
		font-size: 16px;
	}

	.login-box {
		top: 45%;
	}
}

@media (min-width: 768px) {
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
		right: 0.41% !important;
	}


	.brand-name-select .selectize-input {
		width: 200px !important;
	}
}

@media (max-width: 768px) {
	.custom-search #demo-2 input[type=search] {
		width: 89px;
	}

		.custom-search #demo-2 input[type=search]:focus {
			width: 130px;
		}
}

@media (max-width: 320px) {
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
		right: 15% !important;
	}

	.md-button {
		font-size: 9px !important;
	}

	.choose-plan-wrapper p {
		font-size: 9px !important;
		line-height: 20px !important;
	}

	.whiteBox-no-gutter [class*="-4"], .whiteBox-no-gutter8 [class*="-8"] {
		padding-right: 21%;
	}

	.formConPos {
		margin-top: 0;
	}

	.brand-name-select .selectize-input {
		width: 66px !important;
	}

	.brand-name-select {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 66px;
	}
}

@media (min-width: 728px) {
	.skin-blue .main-header .navbar {
		background-color: none;
		margin-left: 50px;
	}

	.main-header .sidebar-toggle:active {
		background-color: #336685;
	}

	.main-header .sidebar-toggle {
		background-color: #336685;
		color: #FFF;
		padding: 19px 15px 14px 19px;
	}

	.helpBtn {
		top: 50px;
	}
	/* .breadcrumbWrap{
	margin-top:8px !important;
	} */
	.skin-blue .main-header .navbar.content-header-new {
		margin-left: 0px !important;
	}

	.navbar-custom-menu .navbar-nav > li > a {
		padding-top: 17px;
		padding-bottom: 19px;
	}

	.main-header > .navbar {
		min-height: 56px;
		height: 56px;
	}
}
/********************** css added for responsive ui ends************************************/

.cc-revoke, .cc-window {
	font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.cc-banner .cc-message {
	margin-right: 10px;
}

.cc-compliance {
	font-size: 18px;
	font-weight: normal;
}

.active-filter-container {
	border: 1px solid #ffa500;
	padding: 1px 5px;
	border-radius: 10px;
}

	.active-filter-container i {
		color: #ffa500;
	}

.upload-context-menu.small-top {
	top: -40px !important;
}

.comment-box-disabled {
	min-height: 100px;
	border: 1px solid #bdbdbd;
	border-radius: 10px !important;
	margin-left: 10px !important;
	width: 81%;
}

.ui-grid-viewport {
	overflow-anchor: none;
}


.form-hint {
	font-size: 7pt;
	line-height: 9pt;
	margin: -5px auto 5px;
	color: #999;
}

	.form-hint.error {
		color: #C00;
		font-weight: bold;
		font-size: 8pt;
	}

.password-count {
	float: right;
	position: relative;
	bottom: 35px;
	right: 30px;
}

.strength-meter {
	position: relative;
	height: 3px;
	background: #DDD;
	margin: 0px auto 5px;
	border-radius: 3px;
}

	.strength-meter:before,
	.strength-meter:after {
		content: '';
		height: inherit;
		background: transparent;
		display: block;
		border-color: #FFF;
		border-style: solid;
		border-width: 0 5px 0 5px;
		position: absolute;
		width: 22%;
		z-index: 10;
	}

	.strength-meter:before {
		left: 18%;
	}

	.strength-meter:after {
		right: 18%;
	}

.strength-meter-fill {
	background: transparent;
	height: inherit;
	position: absolute;
	width: 0;
	border-radius: inherit;
	transition: width 0.5s ease-in-out, background 0.25s;
}

	.strength-meter-fill[data-strength='0'] {
		background: darkred;
		width: 20%;
	}

	.strength-meter-fill[data-strength='1'] {
		background: orangered;
		width: 40%;
	}

	.strength-meter-fill[data-strength='2'] {
		background: orange;
		width: 60%;
	}

	.strength-meter-fill[data-strength='3'] {
		background: yellowgreen;
		width: 80%;
	}

	.strength-meter-fill[data-strength='4'] {
		background: green;
		width: 100%;
	}


.loginBS .form-group label.label-help {
	line-height: 18px !important;
}

.bodyMidTxt {
	text-align: center;
	background: url(../images/pm-body-bg.png) no-repeat top center;
	padding-top: 150px;
}

.loginBS .form-group label.resetLnHgt {
	line-height: 23px !important;
}

.marginMin4 {
	margin-top: -4px !important;
}

.passwordCheckPanel {
	display: inline-block;
	margin-bottom: -5px !important;
}

.margin0 {
	margin: 0px !important;
}

.pmbs .form-group textarea.large {
	height: 100px !important;
}

.isPaidFlag h5 {
	line-height: 25px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.padding5 {
	padding: 5px !important;
}

body.modal-open {
	padding-right: 0 !important;
}

.doc-repo .ui-select-choices-row span {
	font-size: 11px !important;
}

.doc-repo .ui-select-choices-row {
	border-bottom: 1px solid #9e9e9e;
}

.disabled-box {
	pointer-events: none;
	opacity: .4;
}

.mergeBottom {
	margin-bottom: 7px;
	display: inline-block;
}

.invoice-panel {
	border: 1px solid #cfcfcf;
	padding: 8px 10px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	border-radius: 4px;
	/*margin-left: 10px;*/
	background: #FFF;
}

.marginLeft {
	margin-left: 6px;
}

.invoiceBlanceDue {
	color: #cfcfcf !important;
}

.marginRight {
	margin-right: 5px !important;
}

.buttonNavBar {
	background: #dde8ef;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 9px;
}

.fixedFooter {
	width: 100%;
	clear: both;
	background: #dde8ef;
	position: fixed;
	bottom: 0;
	height: 50px;
	border-top: 1px solid #d2d6de;
}

.invoice-line ul {
	margin: 0px 5px !important;
	padding: 0px !important;
}

	.invoice-line ul li.invoiceLineHeader {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}

	.invoice-line ul li .select {
		margin: 5px 0 0 0;
	}

		.invoice-line ul li .select.vat .ui-select-choices-row span {
			font-size: 11px !important;
		}

		.invoice-line ul li .select.vat .ui-select-choices-row {
			border-bottom: 1px solid #cccccc;
		}

		.invoice-line ul li .select.vat .ui-select-match {
			display: block !important;
		}

		.invoice-line ul li .select.account .ui-select-choices-row span {
			font-size: 11px !important;
		}

		.invoice-line ul li .select.account .ui-select-choices-row {
			border-bottom: 1px solid #cccccc;
		}

		.invoice-line ul li .select.account .ui-select-match {
			display: block !important;
		}

		.invoice-line ul li .select.vat .ui-select-match:nth-child(1) {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 85%;
		}

.invoice-line .dragHandle {
	line-height: 45px;
}

.cursor-move {
	cursor: move;
}

	.cursor-move i {
		color: #727272;
		font-size: 13px;
		line-height: 46px !important;
	}

.invoice-line .editInvoiceLine {
	line-height: 45px !important;
	text-align: center;
}

.invoice-line ul li label {
	text-overflow: ellipsis;
	line-height: 16px !important;
	padding: 14px 0 !important;
}

.invoice-line .editInvoiceLine i {
	margin-right: 3px;
}

.invoice-line-list > div > span {
	padding: 0 15%;
}


.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.invoice-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.invoice-line-list > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.invoice-line-list > div:nth-child(1) {
			flex: 0.3;
			border-left: 1px solid #ccc;
			background: #eee;
		}

		.invoice-line-list > div:nth-child(2) {
			flex: 0.5;
		}

		.invoice-line-list > div:nth-child(3) {
			flex: 3;
		}

		.invoice-line-list > div:nth-child(4) {
			flex: 4.5;
		}

		.invoice-line-list > div:nth-child(5) {
			flex: 3;
		}

		.invoice-line-list > div:nth-child(6) {
			flex: 2;
		}

		.invoice-line-list > div:nth-child(7) {
			flex: .75;
		}

	.invoice-line-list.selected {
		box-shadow: 2px 3px 15px -3px;
	}

	.po-line-list > div:nth-child(1) {
		flex: 0.2;
		border-left: 1px solid #ccc;
		background: #eee;
	}

	.po-line-list > div:nth-child(2) {
		flex: 0.4;
	}

	.po-line-list > div:nth-child(3) {
		flex: 2.5;
	}

	.po-line-list > div:nth-child(4) {
		flex: 3.4;
	}

	.po-line-list > div:nth-child(5) {
		flex: 2.5;
	}

	.po-line-list > div:nth-child(6) {
		flex: 1.8;
	}
	.po-line-list > div:nth-child(7) {
		flex: 1.8;
	}
	.po-line-list > div:nth-child(8) {
		flex: 1.9;
	}
	.po-line-list > div:nth-child(9) {
		flex: 2.3;
	}
	/* .po-line-list > div:nth-child(10) {
		flex: .75;
	} */

.bill-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.bill-line-list > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.bill-line-list > div:nth-child(1) {
			flex: 0.5;
			border-left: 1px solid #ccc;
		}

		.bill-line-list > div:nth-child(2) {
			flex: 0.5;
		}

		.bill-line-list > div:nth-child(3) {
			flex: 4;
		}

		.bill-line-list > div:nth-child(4) {
			flex: 4;
		}

		.bill-line-list > div:nth-child(5) {
			flex: 1.5;
		}

		.bill-line-list > div:nth-child(6) {
			flex: 3;
		}

		.bill-line-list > div:nth-child(7) {
			flex: 3;
		}

		.bill-line-list > div:nth-child(8) {
			flex: 2;
		}

		.bill-line-list > div:nth-child(9) {
			flex: 1;
		}

		.bill-line-list > div > span {
			padding: 0 15%;
		}


.bill-line ul {
	margin: 0px !important;
	padding: 0px !important;
}

	.bill-line ul li.invoiceLineHeader {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}

	.bill-line ul li .select {
		margin: 5px 0 0 0;
	}

		.bill-line ul li .select.vat .ui-select-choices-row span {
			font-size: 11px !important;
		}

		.bill-line ul li .select.vat .ui-select-choices-row {
			border-bottom: 1px solid #cccccc;
		}

		.bill-line ul li .select.customer .ui-select-choices-row span {
			font-size: 11px !important;
		}

		.bill-line ul li .select.customer .ui-select-choices-row {
			border-bottom: 1px solid #cccccc;
		}

		.bill-line ul li .select.account .ui-select-choices-row span {
			font-size: 11px !important;
		}

		.bill-line ul li .select.account .ui-select-choices-row {
			border-bottom: 1px solid #cccccc;
		}

		.bill-line ul li .select.vat .ui-select-match {
			display: block !important;
		}

		.bill-line ul li .select.customer .ui-select-match {
			display: block !important;
		}

		.bill-line ul li .select.account .ui-select-match {
			display: block !important;
		}

		.bill-line ul li .select.vat .ui-select-match:nth-child(1) {
			overflow: hidden;
			text-overflow: ellipsis;
			width: 85%;
		}

.invoice-line .dragHandle {
	line-height: 45px;
}

.bill-line .dragHandle {
	line-height: 45px;
}

.bill-line .editInvoiceLine {
	line-height: 45px !important;
	text-align: center;
}

	.bill-line .editInvoiceLine i {
		margin-top: 14px;
		margin-right: 6px;
	}



.removeColor {
	color: #616f61;
}

.addColor {
	color: #ff8c00;
	font-size: 13px;
}

.margin-left-40 {
	margin-left: 40px;
}

.invoiceSection .whiteBox {
	border: 1px solid #cfcfcf !important;
}

.whiteFont {
	color: #ffffff !important;
	margin-left: 16px;
	margin-top: 3px;
}

.no-left-margin {
	margin-left: 0px !important;
}


.payment-line ul {
	margin: 0px !important;
	padding: 0px !important;
}

	.payment-line ul li.header {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}


.payment-line-list-left-border {
	border-left: 1px solid #ccc;
}

.payment-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.payment-line-list > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.payment-line-list > div:nth-child(1) {
			flex: 0.5;
			border-left: 1px solid #ccc;
		}

		.payment-line-list > div:nth-child(2) {
			flex: 4;
		}

		.payment-line-list > div:nth-child(3) {
			flex: 2;
		}

		.payment-line-list > div:nth-child(4) {
			flex: 2;
		}

		.payment-line-list > div:nth-child(5) {
			flex: 2;
			border-right: 1px solid #ccc;
		}

		.payment-line-list > div:nth-child(6) {
			flex: 3;
			border-right: 1px solid #ccc;
		}

		.payment-line-list > div > label {
			padding-top: 8px;
		}

	.payment-line-list.header > div > label, .credit-line-list.header > div > label {
		padding-top: 2px;
	}

	.payment-line-list .checkbox, .credit-line-list .checkbox {
		padding-left: 27px !important;
	}

	.payment-line-list.payment-line-row .checkbox {
		margin-top: 14px;
		margin-bottom: 0px;
	}

.no-padding-top {
	padding-top: 0px !important;
}

.uploadedDoc .selectize-input {
	padding: 7px 8px 5px 8px;
}

.unit-edit-icon-grey {
	background: #bdbdbd;
}

.cusWidth {
	width: 220px;
}

.cusWidthProperty {
	width: 145px;
}

.credit-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.credit-line-list > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.credit-line-list > div:nth-child(1) {
			flex: .7;
			border-left: 1px solid #ccc;
		}

		.credit-line-list > div:nth-child(2) {
			flex: 4;
		}

		.credit-line-list > div:nth-child(3) {
			flex: 3;
		}

		.credit-line-list > div:nth-child(4) {
			flex: 3;
		}

		.credit-line-list > div:nth-child(5) {
			flex: 3;
		}

		.credit-line-list > div:nth-child(6) {
			flex: 3;
		}

		.credit-line-list > div > label {
			padding-top: 5px;
		}

	.credit-line-list.payment-line-row .checkbox {
		margin-top: 12px;
		margin-bottom: 3px;
	}

.uploadedDoc .selectize-input {
	padding: 7px 8px 5px 8px;
}

.unit-edit-icon-grey {
	background: #bdbdbd;
}

.padding-left-0 {
	padding-left: 0px !important;
}

.ui-autocomplete {
	border: 1px solid #ccc;
	background-color: #fff;
	display: inline-block;
	max-height: 300px;
	overflow-y: auto;
	padding-left: 0px;
}

.ui-menu-item {
	margin: 0px;
	padding: 10px 0 10px 5px;
	width: 100%;
	list-style: none;
	cursor: default;
}

	.ui-menu-item:hover {
		background-color: #eee;
	}

.related-receipts {
	padding: 0px !important;
}

	.related-receipts ul {
		padding: 0px;
		margin-bottom: 0px !important;
	}

		.related-receipts ul li {
			list-style: none;
			margin: 0px;
			border-bottom: 1px solid #ccc;
			padding: 10px;
		}

.marginLeft9 {
	margin-left: 9px !important;
}

.txn-button-group {
	position: absolute;
	top: 50px;
	right: 15px;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.currency {
	text-align: right;
}

	.currency .ui-grid-cell-contents {
		padding-right: 15px !important;
	}

		.currency .ui-grid-cell-contents:before {
			content: '\00A3';
			margin-right: 5px;
		}

.report-widget > .panel > .panel-body > h4 {
	border-bottom: 1px solid #9e9e9e;
	margin: 0px !important;
	padding-bottom: 5px;
}

.report-widget > .panel > .panel-body {
	height: 175px;
}

.tb-report-grid ul {
	margin: 0px !important;
	padding: 0px !important;
}

	.tb-report-grid ul li.header {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}

.tb-report-grid-row {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.tb-report-grid-row > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.tb-report-grid-row > div:nth-child(1) {
			flex: 5;
			border-left: 1px solid #ccc;
		}

		.tb-report-grid-row > div:nth-child(2) {
			flex: 2;
		}

		.tb-report-grid-row > div:nth-child(3) {
			flex: 2;
			border-right: 1px solid #ccc;
		}

.leftTag {
	position: absolute;
	top: 0;
	left: 0;
}

.reportgrid h2 {
	padding: 0;
	margin: 0 0 10px 0;
}

.reportgrid h5 {
	padding: 0;
	margin: 10px 0;
}

.reportgrid i {
	font-size: 18px;
	margin-left: 10px;
	/*border-radius: 0 10px 0 0;
	color: #FFF;*/
}

.reportgrid p {
	margin-left: 60px;
}

.reportgrid .fa-file-pdf-o {
	background: #fff;
	color: #d90202;
}

.reportgrid .fa-file-excel-o {
	background: #fff;
	color: #7ead00;
}

.tb-report-grid-row h4 {
	padding: 5px 0 0 0;
	margin: 0;
	height: 30px;
}

.currencyHeader {
	text-align: right;
}

	.currencyHeader .ui-grid-header-cell-label {
		float: right;
	}

.rediness-line ul {
	margin: 0;
	padding: 0;
	height: 300px;
}

	.rediness-line ul li.redinessHeader {
		border-top: 1px solid #ccc;
	}

.rediness-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.rediness-line-list-propName {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rediness-line-list > div {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

	.rediness-line-list > div:nth-child(1) {
		flex: 0.3;
		border-left: 1px solid #ccc;
		background: #eee;
	}

	.rediness-line-list > div:nth-child(2) {
		flex: 2;
	}

	.rediness-line-list > div:nth-child(3) {
		flex: 3;
	}



.rediness-line-list.selected {
	box-shadow: 2px 3px 15px -3px;
}

.width100 {
	width: 100px;
}

.openInvColor {
	color: #1e5372;
	font-size: 10px;
}

.height79 {
	height: 79px;
}

.dashbordprop-line ul {
	margin: 0 -15px;
	padding: 0;
}

	.dashbordprop-line ul li.dashbordpropHeader {
		border-top: 0.5px solid #f7f7f7;
	}

.dashbordprop-line-list {
	font-size: 10px !important;
	width: 94%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 0.5px solid #f7f7f7;
}

.dashbordprop-line-list-propName {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dashbordprop-line-list > div {
	padding: 2px;
	border-right: 0.5px solid #f7f7f7;
	text-align: right;
}

	.dashbordprop-line-list > div:nth-child(1) {
		flex: 3.3;
		border-left: 0.5px solid #f7f7f7;
	}

	.dashbordprop-line-list > div:nth-child(2) {
		flex: 2;
	}

	.dashbordprop-line-list > div:nth-child(3) {
		flex: 3;
	}

	.dashbordprop-line-list > div:nth-child(4) {
		flex: 3;
	}

.marginBottom10 {
	margin-bottom: 10px;
}

.margin-bottom-8 {
	margin-bottom: 8px !important;
}

.fontWght {
	font-weight: normal !important;
	font-size: 1.2em !important;
	color: #6a9906;
}

.fontWghtLft {
	text-align: left !important;
}

.bottom18 {
	bottom: 18px !important;
}


.invoice-lines-total > ul > li {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
}

	.invoice-lines-total > ul > li > div {
		padding-left: 5px;
		padding-right: 5px;
	}

		.invoice-lines-total > ul > li > div:nth-child(1) {
			flex: 10.3;
		}

		.invoice-lines-total > ul > li > div:nth-child(2) {
			flex: 3;
		}

		.invoice-lines-total > ul > li > div:nth-child(3) {
			flex: .75;
		}

		.invoice-lines-total > ul > li > div h4 {
			margin-bottom: 5px;
		}

		.invoice-lines-total > ul > li > div h3 {
			margin-top: 0px;
		}

		
.invoice-lines-total-without-vat > ul > li {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
}

	.invoice-lines-total-without-vat > ul > li > div {
		padding-left: 5px;
		padding-right: 5px;
	}

		.invoice-lines-total-without-vat > ul > li > div:nth-child(1) {
			flex: 7.3;
		}

		.invoice-lines-total-without-vat > ul > li > div:nth-child(2) {
			flex: 3;
		}

		.invoice-lines-total-without-vat > ul > li > div:nth-child(3) {
			flex: .75;
		}

		.invoice-lines-total-without-vat > ul > li > div h4 {
			margin-bottom: 5px;
		}

		.invoice-lines-total-without-vat > ul > li > div h3 {
			margin-top: 0px;
		}


.journal-report-grid ul {
	margin: 0px !important;
	padding: 0px !important;
}

	.journal-report-grid ul li.header {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}

.journal-report-grid-row {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.journal-report-grid-row > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.journal-report-grid-row > div:nth-child(1) {
			flex: 1;
			border-left: 1px solid #ccc;
		}

		.journal-report-grid-row > div:nth-child(2) {
			flex: 1;
		}

		.journal-report-grid-row > div:nth-child(3) {
			flex: 1;
		}

		.journal-report-grid-row > div:nth-child(4) {
			flex: 1;
		}

		.journal-report-grid-row > div:nth-child(5) {
			flex: 5;
			border-right: 1px solid #ccc;
			width: 100%;
			display: -webkit-flex;
			display: flex;
		}

			.journal-report-grid-row > div:nth-child(5) > ul {
				margin: 0px !important;
				padding: 0px !important;
				width: 100%;
			}

				.journal-report-grid-row > div:nth-child(5) > ul > li {
					width: 100%;
					display: -webkit-flex;
					display: flex;
					list-style: none;
				}

					.journal-report-grid-row > div:nth-child(5) > ul > li > div:nth-child(1) {
						flex: 2;
						padding-left: 5px;
						padding-right: 5px;
						border-right: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
					}

					.journal-report-grid-row > div:nth-child(5) > ul > li > div:nth-child(2) {
						flex: 1;
						padding-left: 5px;
						padding-right: 5px;
						border-right: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
					}

					.journal-report-grid-row > div:nth-child(5) > ul > li > div:nth-child(3) {
						flex: 1;
						padding-left: 5px;
						padding-right: 5px;
						border-right: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
					}

					.journal-report-grid-row > div:nth-child(5) > ul > li > div:nth-child(4) {
						flex: 1;
						padding-left: 5px;
						padding-right: 5px;
						border-bottom: 1px solid #ccc;
					}

			.journal-report-grid-row > div:nth-child(5) > div:nth-child(1) {
				flex: 2;
				padding-left: 5px;
				padding-right: 5px;
				border-right: 1px solid #ccc;
			}

			.journal-report-grid-row > div:nth-child(5) > div:nth-child(2) {
				flex: 1;
				padding-left: 5px;
				padding-right: 5px;
				border-right: 1px solid #ccc;
			}

			.journal-report-grid-row > div:nth-child(5) > div:nth-child(3) {
				flex: 1;
				padding-left: 5px;
				padding-right: 5px;
				border-right: 1px solid #ccc;
			}

			.journal-report-grid-row > div:nth-child(5) > div:nth-child(4) {
				flex: 1;
				padding-left: 5px;
				padding-right: 5px;
			}

.totalList > div {
	border-bottom: none !important;
}

	.totalList > div > label {
		font-weight: bold !important;
		font-size: 15px !important;
	}

.report-header {
	display: inline-block !important;
	padding: 0 0 5px 0 !important;
}

	.report-header .btn.btn-default {
		margin-top: -4px;
		padding: 3px 10px;
	}

.journal-report-grid-row.journal-report-total > div:nth-child(1) {
	border-right: 1px solid #fff;
}

	.journal-report-grid-row.journal-report-total > div:nth-child(1) > h4 {
		margin: 10px 0 10px 10px !important;
	}

.journal-report-grid-row.journal-report-total > div:nth-child(2) {
	border-right: 1px solid #fff;
}

.journal-report-grid-row.journal-report-total > div:nth-child(3) {
	border-right: 1px solid #fff;
}

.journal-report-grid-row.journal-report-total > div:nth-child(4) {
	border-right: 1px solid #fff;
}

.journal-report-grid-row.journal-report-total > div:nth-child(5) > ul > li > div:nth-child(1) {
	border-right: 1px solid #fff;
	border-bottom: none;
}

.journal-report-grid-row.journal-report-total > div:nth-child(5) > ul > li > div:nth-child(2) {
	border-bottom: none;
}

.journal-report-grid-row.journal-report-total > div:nth-child(5) > ul > li > div:nth-child(3) {
	border-bottom: none;
}

.journal-report-grid-row.journal-report-total > div:nth-child(5) > ul > li > div:nth-child(4) {
	border-bottom: none;
}

.journal-report-grid-row.journal-report-total > div:nth-child(5) > ul > li > div > h4 {
	margin: 10px 0 10px 10px !important;
}

.cusWidthFinancialYear {
	width: 200px;
}

.cusWidthFinancialAcMtd {
	width: 160px;
}

h5.property-name {
	margin: 0;
}

.transaction-dtl-record-grid ul {
	margin: 0px !important;
	padding: 0px !important;
}

	.transaction-dtl-record-grid ul li.header {
		border-top: 1px solid #ccc;
		height: 35px;
		line-height: 30px;
	}

.border-bottom-details {
	border-bottom: 1px solid #cccccc;
}

.totalForAccount {
	font-weight: bold;
}

.marginRight130 {
	margin-right: 172px;
}

.pwd-strength-error {
	font-size: 10px;
	color: #a94442 !important;
}

.excelExport {
	border-right: 1px solid #ccc;
	padding-right: 6px;
}

.noPaddingInline {
	display: inline;
	padding-left: 0px !important;
}

.marginLeft127 {
	margin-left: 140px !important;
}

.form-flex06 {
	flex: 0.6;
	display: flex;
}

.form-flex08 {
	flex: 0.8;
	display: flex;
}

.transactionDashFooter {
	position: relative;
	top: 14px;
}

.transactionDashMoney {
	position: relative;
	top: 16px;
}

.tenancyFooter {
	position: relative;
	top: 7px;
}

.margin-right7 {
	margin-right: -7px;
}

.accountHeading {
	padding-left: 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #f1f1f1 !important;
}


.transaction-dtl-record-grid-row {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

	.transaction-dtl-record-grid-row > div {
		padding-left: 5px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}

		.transaction-dtl-record-grid-row > div:nth-child(1) {
			flex: .75;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(2) {
			flex: .75;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(3) {
			flex: 1;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(4) {
			flex: 1;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(5) {
			flex: 1.5;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(6) {
			flex: 1;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(7) {
			flex: .75;
			border-right: 1px solid #ccc;
		}

		.transaction-dtl-record-grid-row > div:nth-child(8) {
			flex: .75;
			border-right: 1px solid #ccc;
		}


	.transaction-dtl-record-grid-row.totalFooter > div:nth-child(1) {
		flex: 6;
		padding-right: 60px;
	}

	.transaction-dtl-record-grid-row.totalFooter > div:nth-child(2) {
		flex: .75;
	}

	.transaction-dtl-record-grid-row.totalFooter > div:nth-child(3) {
		flex: .75;
	}


.overDueColor {
	color: #ED7D31;
	font-size: 10px;
}

.colorOpen {
	color: #ED7D31;
}

.colorPaidTotal {
	color: #1e5372;
}

.positMinus2 {
	position: relative;
	top: -8px;
}

mwl-calendar .event {
	width: 8px !important;
	height: 8px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-left-35 {
	padding-left: 35px !important;
}

.posRelatRead {
	position: absolute;
	bottom: 26px;
	left: 20px;
}

.posCustomRelatRead {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.text-center .icon-certificate2 {
	font-size: 27px;
}

.text-center .icon-alarm {
	font-size: 30px;
}

.transactionTabSet .nav-tabs > li.active > a {
	background: transparent;
}

.ui-grid-vcenter div.ellipsesPos {
	margin: 5px 8px 0 0 !important;
}

.marginLeft0 {
	margin-left: 0px !important;
}

.pointer-events-none {
	pointer-events: none;
}

.pointer-events-all {
	pointer-events: all;
}

.changePlan v-pane > v-pane-header::after {
	display: none;
}

.changePlan v-pane.is-expanded > v-pane-header::after {
	display: block;
	pointer-events: all;
}

.js-tree-height {
	height: 300px;
	overflow-y: auto;
}

.custset {
	overflow: hidden;
	padding-bottom: 2px !important;
}

.billMarg {
	margin-left: -8px !important;
}

.position-relative {
	position: relative;
}

.email-copy {
	color: #00a0d4;
	cursor: pointer;
}

.copy-box-container {
	margin-right: 0px !important;
	font-size: 12px;
	font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.copy-box {
	position: absolute;
	opacity: 1;
	color: #fff !important;
	padding: 4px;
	background-color: #00a0d4;
}

	.copy-box.move {
		-webkit-animation: scaleme 4s;
	}

@-webkit-keyframes scaleme {
	0% {
		top: 30px;
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		top: -120px;
		-webkit-transform: scale(1);
		opacity: 0;
		display: none;
		-webkit-animation-play-state: paused;
	}
}

.img-carousel-footer {
	color: #fff !important;
	text-align: center;
	font-size: 15px !important;
	padding: 10px;
}


.md-dialog-container {
	z-index: 2000 !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.upload-invalid {
	border: 1px solid #a94442;
}

.upload-option {
	max-height: 115px;
	padding-right: 10px !important;
}

.contractDocumentPop {
	max-height: 440px !important;
	overflow-y: auto;
}

.ui-datepicker.top-right > .datetime-picker-dropdown {
	left: -175px !important;
	top: -315px !important;
}

.labelSeperator {
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}

.transactionUl {
	padding: 0px;
	margin: 0;
	list-style: none;
	background: #fff;
}

	.transactionUl li {
		padding: 5px 0px;
		list-style: none;
		margin: 0px !important;
	}

.transaction-failed-height {
	height: 150px;
	overflow-y: auto;
}

.small-text {
	font-size: 10px !important;
}

.transactionResultBox {
	border: 1px solid #d9d9d9;
	padding-top: 8px;
}

.transactionFailedLi {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: 10px;
	background: #000000;
	margin-bottom: 2px;
}

.customSettingsGroup {
	border-bottom: 1px solid #d9d9d9;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

	.customSettingsGroup h5 {
		padding-bottom: 5px !important;
		margin-bottom: 0px !important;
	}

.marginMin1 {
	margin-top: -1px !important;
}

.marginTop10 {
	margin-top: 10px !important;
}

.loaderImageInventory {
	position: absolute;
	top: 45%;
	left: 13%;
	margin: -8px 0 0 -8px;
}

.scheduleOfContentLoader {
	position: absolute;
	left: 50%;
	margin: -8px 0 0 -8px;
}

.customImageMargin {
	margin: -4px 0px 0px 23px !important;
}

.marginLeft8 {
	margin-left: 8px !important;
}

.searchPageLoader {
	position: absolute;
	left: 20px;
	display: inline-block;
	margin-top: 2px;
}

.bottom-grey-border {
	border-bottom: 1px solid #c7c7c7;
}

.searchLoaderSpan {
	display: inline-block;
	width: 16px;
}

.plan-noneselected {
	font-size: 12px;
	margin: 0 2px;
	color: #ccc !important;
}

.searchShortDesc {
	font-size: 10px !important;
	color: #ccc;
}

.caseFilterLoader {
	margin: -4px 0px 0px 22px;
}

.teamViewPopupHeight {
	height: 456px;
	overflow-y: auto;
}

.isNotUpload {
	border-color: #a94442 !important;
}

.noUnreadNotif {
	text-align: center;
	padding: 9px 0px 9px 0px;
}

.activeTab {
	background: #ccc;
	border-radius: 12px;
	cursor: default !important;
}

.filterCalendarDiv {
	display: inline-block;
	padding: 0px 8px 2px 8px;
	cursor: pointer;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.ui-grid-pager-panel {
	text-align: center;
}

.ui-grid-pager-container {
	float: none;
	display: inline-block;
}

.ui-grid-pager-count abbr, .ui-grid-pager-max-pages-number abbr {
	cursor: default;
	text-decoration: none !important;
	border-bottom: none !important;
}

.ui-pagination {
	float: right;
	margin-right: 20px;
	line-height: 25px;
}

	.ui-pagination select {
		padding-top: 3px;
	}

	.ui-pagination input {
		width: 44px;
		padding: 5px 0px;
		text-align: center;
	}

	.ui-pagination button {
		background: none !important;
		border: none !important;
		padding: 0 10px;
	}

.ui-grid-pager-count {
	margin-left: 3px !important;
}

.form-flex5 {
	flex: 0.5;
}

.form-flex4 {
	flex: 0.4;
}

.form-flex6 {
	flex: 0.6;
}

.form-flex7 {
	flex: 0.7;
}

.midPanelHgtNoData {
	min-height: 234px;
}

.appTextColor {
	color: #337ab7 !important;
}

.hdCircleGlobal {
	text-align: center;
}

	.hdCircleGlobal img {
		width: 35%;
		border: 2px solid #FFF;
		border-radius: 50%;
		text-align: center;
		margin-right: 1.2em;
	}

.leftPanelClass {
	padding-bottom: 10px;
}

	.leftPanelClass label {
		padding-top: 10px !important;
	}

.sunDescColr {
	color: #ababab !important;
	font-size: 11px !important;
}

.font16 {
	margin-top: 10px;
	font-size: 13px !important;
}

.user-details-height {
	height: 200px;
	overflow-y: auto;
}

.submittedbyclass {
	color: #9e9e9e !important;
	border-bottom: 1px dashed #9999994a;
}

.width90 {
	width: 90% !important;
}

.userDetailsLink {
	border-bottom: 1px dashed #9999994a;
}

.whitelabelDesc {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	color: #337ab7;
}

.deleteAppLogo {
	margin-top: 36px;
	margin-left: 6px;
	font-size: 16px !important;
}

.billCodeInfo ul {
	margin-left: -27px;
}

.logoImgSpn img {
	/*width: 98px;
	height: 98px;
	width: 52px;
	height: 52px;*/
	width: auto;
	height: 52px;
	max-width: 250px;
	min-width: 52px;
}

.middlAlignDiv {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	/*webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

.middlAlignDiv p {
		font-size: 15px;
		color: #a3a3a3;
	}


	.middlAlignDiv i {
		font-size: 75px !important;
		color: #A3A3A3;
	}

	/*add new style 29/05/2018 */
.customheader{ float: left;margin-bottom: 10px;padding-top: 5px !important;padding-bottom: 2px !important;}
.font-size-12{ font-size: 12px;}
.add-new-btn-style{padding:3px 10px 4px 10px !important; font-size:11px !important;}
.custom-btn-group .btn-left-border,.custom-btn-group .btn-left-border:hover,.custom-btn-group .btn-left-border:active, .custom-btn-group .btn-left-border:focus {border-left:1px solid #fff !important;}
.custom-btn-group .btn-left-border i{color:#fff !important;}
.add-new-btn-style,.add-new-btn-style:hover{border-right:1px solid #fff !important;}

.custom-property-header{ width:100%; float:left;}
.btn-primary
.custom-btn-group .btn-right-border{ border-left:1px solid #fff !important;}
.custom-btn-group>.btn+.dropdown-toggle, .custom-btn-group.open .dropdown-toggle:hover{ padding:1px 10px 1px 10px!important;}
.custom-drop-menu{ padding: 0px !important;
    margin: 0px;
    min-width: 108px  !important;
	border-radius: 0px !important;
	box-shadow: 2px 3px 14px #d7d7d7;
}
.custom-drop-menu a{ padding:6px 5px !important;/* border-bottom: 1px solid #ccc !important; */
display: block;margin: 0px; color:#383838 ; }
.custom-drop-menu a:hover{background: #f3f3f3;}


.custom-plan-wrapper{ padding:2px  !important; margin-right:10px;}
.custom-plan-wrapper .plan-offer { height:19px; font-size:11px; padding: 0px 14px !important;
    padding-top: 0.094em !important;}
.properties-icon-wrapper .md-button{margin-right: 0px; min-height: 20px !important; line-height:25px !important;}
.link-bottom-border-slide a {color: #cccccc;position: relative;	display: inline-block;
	font-size:14px;padding:0px 7px;cursor: pointer;}
	.link-bottom-border-slide a:hover{ color:#337ab7 !important;}
.link-bottom-border-slide a.active{ color:#337ab7 !important;}
.link-bottom-border-slide a::after {content: "";background: #337ab7;height: 3px;position: absolute;
	bottom: -9px;transition: .16s all 0.025s;}
.link-bottom-border-slide a.active::after {content: "";background: #337ab7;height: 3px;position: absolute;
		bottom: -9px;transition: .16s all 0.025s; width:100%; left:0px; right:0px;}
  .link-bottom-border-slide a::after {left: 100%;right: 0; }
  .link-bottom-border-slide a:hover ~ a::after {left: 0;right: 100%;}
   .link-bottom-border-slide a:hover::after {left: 0;right: 0;}
   .link-bottom-border-slide a.acive::after {left: 100%;right: 0; }
   .show-tooltip-on-click { position: relative;}
   .custom-info-tooltip { position:relative; top:0;}
   .custom-info-tooltip i.fa-circle{ right: -10px;color: #ffc718;font-size: 8px !important;top: -2px;position: absolute;}
   .custom-info-tooltip:hover i{ color:#ffc718;}
   .tooltipbodyText ul{margin:0px; padding:0px; list-style:none;}
   .tooltipbodyText ul li:first-child{ padding-bottom:0px;}
   .tooltipbodyText ul li{margin:0px; padding:10px 0px 0px 0px !important;color:#000 !important; list-style:none; font-size:13px !important; text-align:left !important; border-bottom:0px !important;}
   .property-groups-info{color: #383838 !important;padding-left: 0px;padding-right: 5px; max-width: 50%;; float:left;
	white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
	.property-groups-info-big{max-width: 80%!important;}
.propertyGroupInfo{ border-left:3px solid #337ab7 ; height:10px;margin-right:2px;}



   .customCardview div:hover{ background:none !important;}
   .customCardview div:hover i{ display:inline-block !important; color:#09667d;}
   .customCardview div:hover i.fa-circle{ font-size:10px;display: inherit !important;  color:#ffc718 !important; font-size:8px !important;}
   .tooltip1 {position: relative; display: inline-block;}
   .tooltip1 .tooltiptext {width: 271px;
	   box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
	   background-color: #f2f2f2;
	   color: #444;
	   text-align: center;
	   border-radius: 3px;
	   padding: 5px 0;
	   position: absolute;
	   z-index: 1;
	   bottom: 45px;
	   left: 50%;
	   margin-left: -54px;
	   transition: opacity 0.3s;
	   /* border: 1px solid #ccc; */
   }
   .tooltiplinkBtn{ color:#337ab7; text-decoration: underline;}
   .nodataintooltip{ color: #8e8e8e;padding: 20px 0px 0px 0px;text-align: center;font-size: 12px;}
   .vis{display:none;}
   .tooltip1 .tooltiptext::after {
	   content: "";
	   position: absolute;
	   top: 100%;
	   left: 17%;
	   /* box-shadow: 0px 1px 6px rgba(0,0,0,0.2); */
	   margin-left: -5px;
	   border-width: 11px;
	   border-style: solid;
	   border-color: #e7e6e2 transparent transparent transparent;
   }
   .tooltip-arrow-right .tooltiptext{ margin-left: -152px !important;}
   .tooltip-arrow-right .tooltiptext::after {left: 88% !important;}

   /* .tooltip1:hover .tooltiptext {
	   visibility: visible;
	   opacity: 1;
   } */
   .toolTipContent{ margin:0px; padding:0px; list-style:none;}
   .toolTipContent li{ margin:0px; padding:1px 10px; list-style:none; color:#fff;  text-align:left; font-size:11px;  }
   .toolTipContent li:first-child{ border-bottom:1px solid #ccc; color:#337ab7; padding-bottom:8px;}
   .toolTipContent li:last-child{ padding:10px 10px 10px 10px;font-size:13px;border-top: 0px solid #5ad3f1;color: #337ab7;text-align: left;}
   .toolTipContent li ul li:last-child{ border-top:0px !important;}

   .toolTipHeaderText{ font-size:15px !important;}
   .tooltipbodyText span{ font-size:11px; color:#fff;}
   .tooltipbodyText { color:#fff;}
   .tooltipbodyText ul li{ background: url(../images/info.png) left 15px no-repeat !important;
	   padding-left: 15px !important;}

	   .tooltipbodyText ul li,.tooltipbodyText ul li p{white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;}
   .tooltipbodyText ul li p{margin-bottom:0px;}

   .custom-info-tooltip .ng-hide.fa-circle:before{display: none !important;}
  /* position tooltip*/
  .toolTipagent .tooltiptext{ margin-left:-33px !important;}
  .toolTipagent .tooltiptext::after{left: 11%  !important;}
  .transactionsTooltip .tooltiptext{ margin-left:-110px !important;}
  .transactionsTooltip .tooltiptext::after{left: 39%  !important;}
  .tooltipCases .tooltiptext{ margin-left:-161px  !important;}
  .tooltipCases .tooltiptext::after{left: 58%  !important;}
  .iconPosition .transactionsTooltip .tooltiptext {margin-left: -118px !important;}
  .iconPosition .transactionsTooltip .tooltiptext::after {left: 42%  !important;}
  .iconPosition .tooltipCases .tooltiptext {margin-left: -193px !important;}
  .iconPosition .tooltipCases .tooltiptext::after {left: 69% !important;}
.tooltipLease .tooltiptext{ margin-left:-238px  !important;}
.tooltipLease .tooltiptext::after{left: 84%  !important;}



.propertyGroupsbreadcrumbs{overflow: hidden; margin-bottom: 15px;}
.propertyGroupsbreadcrumbs ul{ margin:0px; padding:0px; list-style:none;}
.propertyGroupsbreadcrumbs ul li{ margin:0px; padding:0px; list-style:none;overflow: hidden;}
.propertyGroupsbreadcrumbs ul li .back-arrow{ float:left;padding: 0px 6px 0px 10px; }
.propertyGroupsbreadcrumbs ul li p{ float:left;margin-bottom: 3px;color:#555; border-left:3px solid #337ab7; font-size:12px; padding-left:6px;}
.propertyGroupsbreadcrumbs ul li p span{ font-size:17px; color:#666;}
.propertyGroupsbreadcrumbs ul ul li{ float:left; padding:0px 10px 0px 0px; width:auto;}
.propertyGroupsbreadcrumbs ul ul li:first-child{ padding-left:34px;}
.propertyGroupsbreadcrumbs ul ul li a{ font-size:10px; text-decoration: underline; cursor: pointer;}
.custom-table-grid tr th,.custom-table-grid tr td{ padding:5px 10px 5px 0px !important;     border-bottom: 1px solid #ccc !important;}
.custom-table-grid th{ font-weight: normal;}
.custom-table-grid tbody{ border:0px !important;}
.custom-table-grid tfoot tr td{ border-bottom:0px !important; padding-top:5px !important;}
.add-option-link{ text-decoration: underline !important; font-size:12px; cursor: pointer;}
.padding-top-bottom-btn{ padding-top:6px !important; padding-bottom:6px !important;}
.sub-title-ver-align{ padding-bottom: 6px !important;font-size: 12px;
    margin-top: 3px;margin-left: 5px;margin-bottom: 8px;border-bottom: 1px solid #ccc;}
.horizontal-form-wrapper .label-vertical-align { line-height:23px;}
.pmbs .row.horizontal-form-wrapper{ margin-bottom:15px !important; font-size:12px;}

.pmbs .row.horizontal-form-wrapper .form-control{padding: 0px 5px;height: 26px;font-size: 12px;width: 64%;
    float: left;}
.horizontal-form-wrapper ul{ margin:0px; padding:0px; list-style:none; margin-left:5px;}
.horizontal-form-wrapper ul li {margin-bottom:5px; margin-bottom: 4px; overflow: hidden;}
.horizontal-form-wrapper ul li .room-type-name{ width:25%;line-height: 22px;}
.horizontal-form-wrapper ul li .delete-icon-wrapper{ width:5%; line-height:23px;}
.unit-setup-wrapper{font-size:12px; overflow:hidden; background: #f2f2f2; border:1px solid #ccc; padding-top: 10px;padding-bottom: 10px; margin-bottom: 8px;}
.unit-setup-wrapper-newUnit{font-size:12px; background: #f2f2f2; border:1px solid #ccc; padding-top: 10px;padding-bottom: 10px; margin-bottom: 8px;}
.unit-view-block h3{ font-size:15px; margin-top:0px; margin-bottom: 0px;}
.unit-view-block ul{ margin:0px; padding:0px; list-style: none;}
.unit-view-block p{ padding-bottom:0px;  font-size:11px; margin-bottom:0px !important; font-size:11px;}
.unit-view-block ul li{ float:left; margin-right:10px; list-style: none;  font-size:11px;}
.unit-setup-wrapper .form-control { font-size:12px;}
.unit-setup-wrapper:hover{background: #dfdfdf !important;  -webkit-box-shadow: -1px 1px 5px 0px rgba(214,214,214,1);
	-moz-box-shadow: -1px 1px 5px 0px rgba(214,214,214,1);
	box-shadow: -1px 1px 5px 0px rgba(214,214,214,1);  -webkit-transition: width 2s; /* Safari */
	transition: width 2s;}
	.unit-disabled-setup:hover{background: #f6f6f6 !important; box-shadow: none !important;}

.unit-disabled-setup{ background:#f6f6f6 !important;}
.unit-disabled-setup h3, .unit-disabled-setup .unitTypeTx,.unit-disabled-setup .roomCountTx {color:#b5b5b5 !important;}
.unit-link-left{padding-left:10px;}
/*document upload*/
.marginTop20{margin-top: 9px !important;float: left !important; width:100%;}
.docuemnt-upload-wrapper {height:450px; overflow-y:auto;overflow-x:hidden; padding-left:30px !important; padding-right:30px !important;}
.docuemnt-upload-wrapper .blue-box-contant{ border-radius:0px  !important; overflow:hidden;  border-color:#ccc !important; padding-bottom:0px;}
.docuemnt-upload-wrapper h2{color: #337ab7;font-size: 14px;margin: 0px;padding-left: 5px;}
.docuemnt-upload-wrapper h3{color: #666;margin:11px 0px 0px 0px !important; font-size: 18px;margin: 0px;padding: 0px 0px 6px 0px; border-bottom:1px solid #e0e0e0 ; padding-left:0px;}
.docuemnt-upload-wrapper .link-bottom-border-slide a{ font-size: 12px; }
.docuemnt-upload-wrapper .link-bottom-border-slide { width:100%; padding-bottom: 7px;border-bottom: 1px solid #ccc;margin-bottom:0px;}
.docuemnt-upload-wrapper .uploadCaseDoc{ margin-bottom:10px !important;}
.document-manager-title{color: #333333; padding-left: 5px;}
.pdf-custom-font i {font-size: 20px !important;color: #337ab7 !important;margin-top: 6px;margin-right: 15px;}
.width7{width:7%;}
.width80{width:80%;}
.list-file-items li{ margin-bottom: 5px !important;}
.sort-amount-top{ padding-top:5px;}
.list-file-items li:hover{/* -webkit-box-shadow: 1px 6px 5px -4px rgba(176,176,176,1);
	-moz-box-shadow: 1px 6px 5px -4px rgba(176,176,176,1);
	box-shadow: 1px 6px 5px -4px rgba(176,176,176,1); */ border:1px solid #337ab7;}
.list-file-items li.selected-file:hover{margin-top:0px !important;}
.fnt11{font-size:11px;}
.selected-file{border:1px solid #337ab7; -webkit-box-shadow: 1px 6px 5px -4px rgba(176,176,176,1);
	-moz-box-shadow: 1px 6px 5px -4px rgba(176,176,176,1);
	box-shadow: 1px 6px 5px -4px rgba(176,176,176,1);  }
.select-icon-tick {     margin-top: 15px;}
.select-icon-tick i{font-size: 20px; color:#337ab7; }
.colorgrayLight{ color:#777;}
.span-link-list a{ margin-right:10px;}
.file-left-nav{ background: #f2f2f2;min-height: 300px;margin-left: -5px;}
.sidebar-left-menu{ margin:0px; padding:0px; list-style:none !important;}
.sidebar-left-menu li i img{width:20px;}
.sidebar-left-menu li .google-drive-color{ display: none;}
.sidebar-left-menu li:hover .google-drive-grey{ display: none;}
.sidebar-left-menu li.selected-active-link .google-drive-color, .sidebar-left-menu li.selected-active-link:hover .google-drive-color{ display: inline-block !important;}
.sidebar-left-menu li.selected-active-link .google-drive-grey, .sidebar-left-menu li.selected-active-link:hover .google-drive-grey{ display: none !important;}
.sidebar-left-menu li:hover .google-drive-color{ display: inline-block;}
.sidebar-left-menu li a span{font-size: 14px;line-height: 24px;padding-left: 10px;}
.sidebar-left-menu li a:hover{color:#949494 !important; background:#e1e1e1;}
.sidebar-left-menu li a { padding:6px 10px; margin:0px; cursor: pointer; display: block;}
.custom-blue-btn{box-shadow:none !important; font-size:12px; text-transform: inherit !important;}
.drive-content-middle{ padding-top:65px;}

/* popup content width  */
@media (min-width: 768px){
	.modal-dialog {
		width: 700px;
		margin: 30px auto;
	}
}
@media (min-width: 768px){
	.modal-xl-dialog {
		width: 1000px;
		margin: 30px auto;
	}
}
@media (min-width: 768px){
	.modal-mxl-dialog {
		width: 900px;
		margin: 30px auto;
	}
}
@media (min-width: 1600px){
	.modal-mxl-dialog {
		width: 1400px;
		margin: 30px auto;
	}
	.attdocuemnt-upload-wrapper.document-no-record{ height: 120px !important;}
	.attdocuemnt-upload-wrapper{ height: 70vh !important;}
	.col-date-width{ width:120px;}
	.col-type-width{ width:200px;}
	.col-ref-width{ width:220px;}
	.col-name-width{ width:250px;}
	.col-property-width{ width:250px;}
	.col-name-width .pytDescriptionEllp  {width:90% !important; max-width: 90% !important;}
}
@media (min-width: 768px){
	.modal-xmd-dialog {
		width: 1100px;
		margin: 30px auto;
	}
}
@media (min-width: 768px){
	.modal-xlm {
		width: 1152px;
		margin: 30px auto;
	}
}

@media (min-width: 768px){
	.modal-xmd {
		width: 814px;
		margin: 30px auto;
	}
}
.showHideContent{ display: none;}
.propertyLocationGroups ul {margin-bottom:20px;}
.propertyLocationGroups ul li p{ border-left:0px !important;}
.propertyLocationGroups ul li p span {color:#337ab7;}
.subGroupsList {  list-style: none !important;display: block;float: left; margin-bottom:0px !important;
    width: 100%;}
.subGroupsList li{ color:#888888 !important ; font-size:12px !important; background: url(../images/list-style.png) 0px 12px no-repeat; margin:0px; padding:6px 12px 0px 12px !important;}
.withoutborder{ padding:0px 17px 0px 9px;}
.largeIconSize{font-size:23px !important;}
.propertyLocationGroups ul h3{ font-size:13px !important; margin:0px; margin-top:3px; padding:0px; }
.iconInfoWIthBorder{border: 1px solid #337ab7; color:#337ab7;border-radius: 50%;padding: 5px 0px 0px 9px;width: 25px;height: 25px;}
.withoutborderRight{padding:2px 22px 0px 9px;}
.iconTxBlue{ color:#337ab7;}
.subGroupsListFloatNone li{ float:none !important; margin-left:5px !important;}
.subGroupsListFloatNone li.viewallngbg{ background: none;}
.padding-left-link{padding-left:13px;}
.no-border-whiteBox{ border:0px !important;}
.listpullWidth{ width:100% !important; float:none;}
.viewallngbg{background:none !important;}
.paddingBottom62{padding-bottom:62px !important;}
.subGroupsList li.paddingBottom62{padding-bottom:62px !important;}
.marginBottomNone{margin-bottom:0px !important;}
.box{ box-shadow:none;}
.propertygrpactive{background: #337ab7;height: 3px;position: absolute;
	bottom: -9px;transition: .16s all 0.025s;}
.formGroupLineHeight label{line-height:42px !important;}
.roomListWrapper .number-picker input{width:30px!important}
.srcRoomContent {width:98%; overflow-y:auto; overflow-x: hidden; min-height: 100px; max-height:375px;}
.rowMarginTop{ margin-top:10px;}
.rowMarginTop15{ margin-top:15px;}
.checkBoxfontsize{font-size: 13px;line-height: 19px;}
.galleryHeight{min-height:342px;     border: 1px solid #cfcfcf !important;}
.subDomainList{ margin: 0px 0px 0px 6px; padding:0px; list-style:none;}
.subDomainList li{ float:left; margin-right:10px;}
.subDomainList li:first-child{width:94px; margin-right: 0px;}
.subDomainList  .marRightInput {margin-right:4px;}
.vLink a{ text-decoration: underline;   text-transform: capitalize;}
.showRoomAreaList{margin-left:25px !important;}
.showRoomAreaList li .room-type-name-alt{margin-right:10px;}
.showRoomAreaList .roomNameinput{width: 70% !important;}
.unitListInputwidth .form-control{ width:100% !important;}
.fullwidthLeft{width:100%; float: left; margin-bottom: 6px;}
.unitTypeTx{font-size: 11px !important;}
.roomCountTx{font-size: 13px !important;}
.unitListInputwidth .btn-default,.unitListInputwidth .btn-default:hover,.unitListInputwidth .btn-default:focus{	   
	 padding: 2px 15px !important;
    margin-right: 5px !important;
    background: #f3f3f3 !important;
    border: 0px !important;
    border-radius: 40px;
    font-size: 12px;
    color: #666 !important;
    margin: 2px 0px 2px 1px !important;
    display: inline-block;
    box-shadow: none !important;}
.unitListInputwidth .close {color: #ff1414 !important;
		opacity: 1;
		font-size: 16px !important;
		margin-top: 3px; position: relative; z-index: 444;}
.unitListInputwidth	.dropdown-menu {
			border: 1px solid #e1e1e1;
			box-shadow: 2px 3px 14px #d7d7d7;
			position: absolute;
			border-radius:0px !important;
			left: -5px !important;

			background: #fff}
.unit-setup-nohidden{overflow: inherit !important; width:100%; float:left;}
.unitListInputwidth .ui-select-bootstrap .ui-select-choices-row.active > span{background:#f4f3f2 !important;}
.unitListInputwidth input[type="search"]{        height: 12px !important;
				margin-top: 8px;}

.unitListInputwidth .ui-select-container{padding-bottom: 5px !important;}
.unitListInputwidth .ng-not-empty input[type="search"]{ width:50px !important; background:none !important;}
.disabledVlink{color:#ccc !important; cursor: not-allowed;}
.galleryClass .nophotoTx h4{ font-size:12px;margin-top: 28%;text-align:center;}
.galleryClass .need-help-wrapper{    position: absolute;
	top: 10px;
	/* z-index: 333333333; */
	right: 6px;}
.galleryClass .uploadIconBtn{position: absolute;top: 12px;right: 37px;}
.preBtnposition{position: absolute;right: 69px;top: 11px;	}
.nextBtnposition{position: absolute;right: 91px;top: 11px;	}
.galleryHeight{min-height:336px;}
	.unitHover {
		background: #FFF;
		border-radius: 5px;
		border: 1px solid #d1d1d1;
		padding: 3px;
		margin: -3px 0;
		box-shadow: 0px 3px 10px 0px #bdbdbd;
	}
	.unitHover ul li {
		display: inline;
	}

	.unitHover i {
		display: inline;
		border-right: 1px dotted #d1d1d1;
		padding: 5px 8px;
	}


		.unitHover i:last-child {
			border-right: none;
		}

		.unitHover i:first-child {
			padding: 4px 8px;
		}
		.propertyNameWidth {
			width: 175px;
		}

.cardUnitwidth{width: 90%;}
.toggleWrapper{
	/*border-bottom: 1px solid #ccc;*/
	background: #fff;overflow: hidden; padding: 3px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 10px -1px rgba(235,235,235,1);
	-moz-box-shadow: 0px 0px 10px -1px rgba(235,235,235,1);
	box-shadow: 0px 0px 10px -1px rgba(235,235,235,1);
	margin-bottom:4px;
}
.toggleBg{
    padding: 3px 0px 6px 0px;

    width: 100%;
    float: left;}
.toggleBg ul{margin:0px; padding:0px; list-style:none;}
.toggleBg h3{margin:0px; font-size: 13px !important;    line-height:28px;}
.showtoggleDiv{background: #fff; border:0px solid #ccc; border-top:0px; width:100%; float:left; }
.showtoggleDiv p{padding:10px 10px;}
.toggleArrowright{padding:0px 10px 0px 0px}
.toggleArrowright i{font-size:26px;}
.toggleWrapper .withoutborderRight { padding-right:10px;}
.uploadedDocMargin {
    margin-bottom: 9px !important;
    margin-top: 9px !important;
    float: left !important;
    width: 100%;
}
.customutilPop .number-picker input{width:30px!important}

.margin-left-5{margin-left:5px;}
.noTopBottomPad {padding-top : 2px !important;padding-bottom : 2px !important;}
.overlap {position: absolute !important;z-index: 900 !important;}
.loadImage { background: url('../images/loader-sm.gif') right center no-repeat;}


/* add new css 16072018 */
.search-wrapper{ width:231px; margin-top: 13px; }     /*Dibyo old->300px*/
.search-wrapper input[type=search] {
	border: solid 1px #ccc !important;
	/* border-bottom: solid 1px #ccc !important; */
	padding: 0px 0px 2px 42px !important;
	height: 30px !important;
	width: 350px !important;    /*Dibyo old->300px*/
	-webkit-transition: all .5s !important;
	-moz-transition: all .5s !important;
	transition: all .5s !important;
	border-radius: 5px 0px 0px 5px;
	border-right: 0px !important;
}
.searchLeftIconBg{border-radius: 6px 0px 0px 6px;
	background: #1e5372;
	display: block;
	width: 34px;
	height: 33px;
	position: absolute;}
.searchLeftIconBg i{     color: #fff;
	margin-left: 11px;
	margin-top: 9px;}
.iconwithBorderSmall {
	border: 1px solid #337ab7;
	color: #337ab7;
	border-radius: 50%;
	padding: 1px 0px 0px 4px;
	width: 13px;
	height: 13px;
	font-size: 9px !important;
	position: relative;
	top: -1px;
	}
.searchPropertyItem{margin: 0px; padding:0px; list-style:none;}
.searchPropertyItem li{float:left; border-left:1px solid #ccc; padding:0px 0px; padding-right:5px;}
.searchPropertyItem li:first-child{border-left:0px; }
.inactiveStyle{color: #000000 ;border-radius: 13px;background: #a6a6a6;padding: 0px;/* width: 20px; */
			height: 10px;padding: 0px 16px;}
	/*.statusInfoBg{color:#ffffff;border-radius:13px;background:#ff9d42; padding: 0px 16px; height: 10px;}*/
.statusInfoBgOrange{color:#ffffff;border-radius:13px;background:#ea7712; padding: 0px 16px; height: 10px;}
.statusInfoBgGreen{color:#ffffff;border-radius:13px;background:#4b9c14; padding: 0px 16px; height: 10px;}
.statusInfoBgDarkblue{color:#ffffff;background: #1e5372;border-radius:13px;padding: 0px 16px; height: 10px;}
.statusInfoBgLightGreen{color:#ffffff;background: #53AB7E;border-radius:13px;padding: 0px 16px; height: 10px;}
.statusInfoBgDarkGreen{color:#ffffff;background: #096335;border-radius:13px;padding: 0px 16px; height: 10px;}
.statusInfoBgGrey{color:black;background: #d4d4d4;border-radius:13px;padding: 0px 16px; height: 10px;}
.statusInfoBgRed{color:#ffffff;background: #e72323;border-radius:13px;padding: 0px 16px; height: 10px;}
.iconBlueColor{color:#336585 !important;}
.iconGreyColor{color:#838383 !important;}
.searchCategory-top{padding-top: 15px;}
.tenant-search-icon{padding-top:16px; font-size:30px;color:#336585 !important;}
.navbar-form-top-align{margin-top:0px; margin-bottom:0px;}
#demo-2 .custom-search-btn {    padding: 5px 10px;margin: 0px;border-left: 0px;}
 #demo-2 .custom-search-btn:hover{ border-left:0px !important;}
.serach-popup-go-Btn {
    left: 15px !important;
    width: 384px;
}
.advSecBg {
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    border: 0px solid #cc0000;
    margin: 0px -10px;
    padding: 10px 0px 12px 0px;
	font-size: 13px;

	-webkit-transition: all 1s !important;
			-moz-transition: all 1s !important;
			transition: all 1s !important;
}


.epcTopHeader{height:75vh;overflow-y:scroll;overflow-x:hidden}
.epcTopHeaderBorder{border-top: 1px solid #e4dbdb;}
.enegryLabel{margin-top: 12px;font-size: 20px;}
.epcheaderLabel {margin-top: 10px;font-size: 20px; padding-left:4px !important;}
.epcAssessment{font-weight: bold}
.noEpcMessage{top: 38px;margin-left: 17px;color: red;position: absolute;}
.noEpcRecordMessage{top: 38px;margin-left: 17px;position: absolute;}

.epcAdress{margin:0px; padding:0px 0px 10px 0px; font-size: 15px;}
.epcList {margin:0px; padding:0px; list-style:none;}
.epcList  li{float:left; width:33%; font-size:12px; }
.epc-modal-header{padding-top: 5px; padding-bottom: 5px;}
.epc-modal-header .close {
	position: absolute;
	right: 12px;
	top: 18px;
	/* border: 1px solid #cc0000; */
	background: #fff!important;
	width: 16px;
	height: 22px;
	z-index: 999999;}
	.epcPropertySummary h5{     border-bottom: 1px solid #ccc;
	font-size: 17px;
	padding: 10px 0px;
}
.epc-footer-button a{ margin-right:10px; cursor: pointer; text-decoration: underline;}
.worningNote p{ border: 1px solid #ccc;
	color: #cc0000;
	padding: 11px 10px;
	margin-top: 10px;
	/* font-weight: bold; */
	font-size: 13px;
}
.ratingTxColor{color:#336685;}
.properyt-Details-title{     margin: 18px 0px 20px 0px !important;border-bottom: 1px solid #e0e0e0 !important;
	padding-bottom: 7px !important;overflow: hidden;margin-left: -4px !important;}
.row-left{ padding-left:0px;}
.properyt-Details-title.properyt-definition-title{    margin-top: 0px !important;
	margin-bottom: 10px !important;
	margin-left: 0px !important;}

.properyt-Details-title.properyt-unit-title{    margin-top: 10px !important;
	margin-bottom: 5px !important;
	margin-left: 0px !important;}
.propConTop{margin-top: 5px;}
.row-left-margin{ padding-left:0px;}
.whiteBoxMarginBottom{margin-bottom:0px !Important;}
.paddingTop15{padding-top: 17px;}
.qus-i-position i {position: relative;top: -2px;left: 0px;}
.margin-10{margin-top:-10px;}
.serach-popup-hide{padding: 0px 0px 0 0px!important}
.serach-popup-hide-padding{padding: 0px 0px 0 0px!important}
.documentSorting{
    top: 35px;
    background: white;
    z-index: 9999;
    right: 16px;
    width: 204px;
    position: absolute;
    border: 1px solid #e1e1e1;
}
.documentSorting ul{margin-left: 0px;padding:0; margin:0px;}
.documentSorting ul li{list-style-type: none;border-bottom: 0px solid #f1f1f1;
    text-align: left;
    padding: 10px 10px;
    font-weight: 300;}
.documentSorting ul li:hover{font-weight:500;}
.documentSorting ul li:first-child{border-top:0px;}
.customCheckBoxh4 {font-size: 13px !important; color:#333 !important;}
.active-filter-color {color: #ffa500; border: 1px solid #ffa500; border-radius: 50%; padding: 4px;}
.checkBoxTopMargin{margin-top:-3px;}
.active-click-item{font-weight:bold !important;}

.inputGroupWidth{ width:96px;}
.custom-select-chip  .btn-default ,.custom-select-chip  .btn-default:hover, .custom-select-chip  .btn-default:focus{ 
	padding: 3px 15px !important;
    background: #f3f3f3 !important;
    border-radius: 40px !important;
    box-shadow: none !important;
    border: 0px !important;
    color: #666 !important;
    font-size: 12px !important;
    margin: 0px 1px 3px 0px !important;
    display: inline-block !important;
}
	.custom-select-chip .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
        color: #ff1414;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.9;
	    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.0em !important;
}
.custom-select-chip  .ui-select-search{ font-size: 12px !important;}
.custom-select-chip .ui-select-bootstrap .ui-select-choices-row.active > span ,.custom-select-chip .ui-select-choices-row-inner { font-size: 12px !important;}

.custom-select-chip  .ng-not-empty  input.ui-select-search {width:20% !important; background:none !important;}
.document-uoload-footer .modal-footer{padding-right: 38px;}
.customDatepikarposition .datetime-picker-dropdown{top:-314px !important;}
.settTabWraper{padding-bottom: 7px !important;}
.settTtle{padding-right: 0px;  }
.settTtle h2{padding-bottom:17px;}
.settTtle  h5{font-size: 14px;margin-top: 6px;}
.marginLeft12px{margin-left:12px;}
.TextTopAlign{padding-top:7px;}
.subdomain-tx-right{padding-right:5px;}
 .subdomain-tx-right  .line-height-label {line-height:35px !important;}
 .domain-input-wraper .line-height-label, .domain-input-wraper .vLink {line-height:35px !important;}
 .domain-input-wraper .verifiedandnotverified{line-height:35px !important; margin-left:12px; line-height:36px !important;}
 .domain-input-wraper .verifiedandnotverified .fa { margin-right:6px; }
 .domain-input-wraper {margin-bottom:8px;}
 .sidebar-menu .treeview-menu > li > a{font-size: 12px; color:#fff;}
 .sidebar-menu .treeview-menu i {
    font-size: 12px;
    color: #FFF;
}
/*add new css 24/07/2018 */
.documentGridWrapper{ padding:0px; margin-top:18px;}
.whiteBoxBottomMargin{ margin-bottom:0px;}
.paddingleftright2{padding-left:2px;padding-right:2px;}
.sidebar-menu .treeview-menu span{margin-left:10px;}
.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}

.customAdvWidht .serach-popup-go-Btn { width:88% !important; left:6% !important; display:inline-block; transition: visibility 0s, opacity 0.5s linear;;  transition-duration:none !important; }
.serach-popup-go-Btn { width:82% !important;  left:9% !important;  transition-duration: 0.4s; display:none; transition: visibility 0s, opacity 0.5s linear;}
.colPaddingRight0{ padding-right:0px;}
.colPaddingLeft0{ padding-left:0px;}
.colPaddingright6{ padding-right:6px;}
.treeview-menu li i{width:auto !important; font-size: 15px !important;}
.sidebar-menu .treeview-menu li:first-child span{ margin-left:8px !important;}
.addressIconAling{    padding-right: 23px;margin-left: 6px;}
.addressInfoRightAlign{padding-right: 19px;}
.noImageAlign{margin-left: 19px !important;margin-right:31px !important;}
.additionalEmailInput{width:23%!important}
.spanBulletpoint{
	border-radius: 6px;
	display: inline-block;
	height: 6px;
	width: 6px;
	background-color: rgb(25, 112, 100)
}
.searchDocHover{
	background-color: #f2f2f2;
    left: 31px;
    position: absolute;
    z-index: 9999;
}
.more-list-file li{ width: 100%;float: left ; overflow: inherit !important;}
.file-more-link{ position:relative !important; }
.file-more-link .file-hover-info{display: none;}
.file-more-link:hover .file-hover-info{ width:260px; border:1px solid #ccc; display: block; z-index: 444; position: absolute !important; top:14px; background:#fff;}
.file-more-link:hover a{border:0px !important; padding:0px !important;}
.list-file-items .file-hover-info li:hover{ border:0px !important;}
.list-file-items .file-hover-info li.tooltipbodyText {padding-top:0px !important; padding-bottom:0px !important;}

.file-hover-info .toolTipContent li ul li{ border-bottom:0px !important;}
.file-hover-info .toolTipContent li ul li a{ border-bottom:0px !important;}
.more-list-file:last-child .file-hover-info .toolTipContent li:first-child{border:0px !important;}

.more-list-file:last-child  .file-hover-info {top: inherit !important; bottom:16px !important;  }


.file-hover-info .toolTipContent li:first-child{border:0px !important;}

.phone-group-left{     padding-left: 3px !important;}
.phone-group-left-field{    padding-left: 10px !important;}
.absoluteHelpHoverStyle{    position: absolute;
    right: 0;
	top: -41px;}

	.typeaheadWrapper{        padding: 3px 15px !important;
		background: #f3f3f3 !important;
		border-radius: 40px !important;
		box-shadow: none !important;
		border: 0px !important;
		color: #666 !important;
		font-size: 12px !important;
	    margin: 3px 0px 0px 3px !important;
		display: inline-block !important;}
		.typeaheadWrapper .fa-times{color:#ff1414;}
		.typeAheadInputWidth {    width: 100px !important;
			border: 0px !important;
			float: left;}

			typeahead {
				float: left;
				border: 1px solid #ccc !important;
				width: 100% !important;
				display: block !important;
				border-radius: 6px;
				cursor: text;
				background: #fff !important;
			}
			
			gridtypeahead {
				float: left;
				border: 1px solid #ccc !important;
				width: 100% !important;
				display: block !important;
				border-radius: 6px;
				cursor: text;
				background: #fff !important;
			}
			
			.tenantPopHeight {

				min-height:135px !important;
				max-height:300px!important;
			}
			.supplierContactPopHeight {
				height: 305px !important;
			}
.customEmailSettings{ margin:0px; padding:0px; list-style:none; overflow: hidden; margin-bottom:10px;}
.customEmailSettings li{float:left;}
.customEmailSettings li input[type="text"]{width:300px;}
.customEmailSettings li:first-child{padding-top: 7px;padding-right: 0px; }
.emailVerification{    width: 25px;
    height: 20px;}
.removeCycle{    border: 2px solid #ff1414;
	color: #ff1414;
	font-size: 10px !important;
	line-height: 9px !important;
	border-radius: 50%;
	padding: 2px 0px 0px 3px;
	width: 17px;
	height: 17px;}

.checkTickGreen {
	color: #82ac02;
	font-size: 14px !important;
}

.exclamationColor {
	color:#ff6000;
}
.verificationTitleleft{    margin-left: 5px;}

.emailDataWrapper:first-child .emailDataAlign{margin-left:44px;}
.emailDataWrapper:nth-child(2) .emailDataAlign{margin-left:15px;}
.emailContainHeight{    min-height: 95px;}

.paddingandRight5{padding-left:5px !important; padding-right:5px !important;}
.colpaddingleft5px{padding-left:5px !important;}
.phoneNocol3 .row .col-sm-3:first-child{padding-left:5px !important;}
.fromGroupPosition{ position: relative;}
.fromGroupPosition .editIconPosition {    position: absolute !important;bottom: 0px !important;top: inherit !important;}
.popcheckBoxAlign{    margin-bottom: 0px !important;margin-top: 6px;}
.footerCheckBoxTick label::after{    margin-left: -22px !important; }
.footerCheckBoxTick{margin-left:5px;}
.headerTitleLeft{margin-left:5px;}
.textDecorationLink, .textDecorationLink:hover{text-decoration: underline; color:#09667d; cursor: pointer; }
.bootconfirmclass{
	z-index: 3333!important;
}
.floordropdown .selectize-input{height:26px!important}
.floordropdown .selectize-control{height:26px!important}
.floordropdown .selectize-input > input{margin-top: -4px!important;position: absolute!important;}
.floordropdown .selectize-control > .selectize-dropdown{top: 27px!important;}
.relatedcaseSelector .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	     background-color: #fff!important;
}


/* selectize email start*/
.multiple_emails-container {
	padding: 0;
    margin: 0;
    cursor: text;
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-height: 38px;
    padding-left: 3px;
    padding-bottom: 5px;
}

.multiple_emails-container input {
	border: 0;
    min-width: 100px;
    max-width: 150px;
    outline: none;
    margin-top: 5px;
    border: 0px !important;
    padding-left: 5px;
    display: inline-block;
    padding: 0px;
    height: 24px !important;



}

.multiple_emails-container input{
	border: 0 !important;
}

.multiple_emails-container input.multiple_emails-error {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
	outline: thin auto red !important;
}

.multiple_emails-container ul {
	list-style-type:none;
	padding-left: 0;
    display: inline;

}

.multiple_emails-email {
	padding: 5px 15px !important;
    background: #f3f3f3 !important;
    border-radius: 40px !important;
    box-shadow: none !important;
    border: 0px !important;;
    color: #666 !important;
    font-size: 12px !important;
    margin: 5px 1px 0px !important;
    display: inline-block !important;
    background-color: white
}

.multiple_emails-close {
	float: right;
    margin: 2px 0px 0px 8px;
    text-decoration: none;
    font-size: 11px;
    color: #cc0000;
    font-family: arial;
    font-weight: bold;
}
/* selectize email End*/

.unitSelectBox{ width: 200px; margin-left:10px; position:relative;}
.roomTxBox{height: 35px !important; width:100% !important; }
.form-control-100{width:100% !important;}

.maintenanceTx{    font-size: 1.7em !important;
    margin-top: 14px;
	color: #ddd;}
.maintenanceTxsM{ color: #ddd; font-size: 1.0em !important; line-height: 1.5em;}
.smileIconPosition{position: absolute;
	top: 19px;
	left: 30px;}

#typeAheadLst{width:auto !important; max-width:94.7% !important; min-height:20px !important; max-height:258px !important; height:auto !important; border: 1px solid #ddd !important; background:#fff; margin-left: -1px !important; border-radius:1px; border:1px solid #ccc;box-shadow: 0px 2px 6px #d1d1d1;}

#typeAheadLst::-webkit-scrollbar {
    width: 5px;
}

#typeAheadLst::-webkit-scrollbar-track {
    background: #fff;
}

#typeAheadLst::-webkit-scrollbar-thumb {
  background-color: #fff;

}


#typeAheadLst:hover::-webkit-scrollbar-thumb {
  background-color: #cccccc;

}


#typeAheadLst .list-group-item a{border:0px !important ;border-bottom:1px solid #ddd !important;}
#typeAheadLst .list-group-item{
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin-bottom:0px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	border-right: 0px !important;
	margin-bottom:0px;
	padding: 5px 7px !important;
}
.referenceNoClass{
	margin-top: 14px !important;
	font-size: 10px !important;
}

.multiple_emails-container.disabledInputBox{    background-color: rgb(235, 235, 228) !important;}
.box-body.minlease-height {
	min-height: 313px !important;
}


.find-address-in {border:0px solid #ccc !important; border-radius: 6px; }
.positionRelative{position:relative;}
.findAddressTxPosition{     position: absolute;right: 10px;top: 11px;}
.input-address-box{border:1px solid #bdbdbd; border-radius: 5px;}
.right95{right:95px !important;}
.disabledFindaddress{color:#bdbdbd !important;cursor: default}
.streetEditDropdown{
	right: 12px;
    float: right;
    bottom: 27px;
}
.tenantDocUploadHeight{height:315px !important}
.red-icon {color:#cc0000 ;}
.roomAddIconBorder{
	border: 1px solid #337ab7;
    color: #337ab7;
    border-radius: 50%;
    padding: 1px 0px 0px 5px;
    width: 15px;
    height: 15px;
}

/* add new css for dropdown-menu 21-09-2018  */
.fileUploadDropLink, .fileUploadDropLink:hover{ position: relative; text-decoration: underline !important; color:#09667d;}
.file-list-link-item{margin:0px;padding:0px;list-style: none;width:100%;/* overflow: hidden; */border: 1px solid #ccc;}
.drop-menu-wrapper{     position: absolute;
    width: 200px;
    position: absolute;
    right: -22px;
    top: 13px;
    display: block;
	z-index:3333;
	   box-shadow: 2px 3px 14px #d7d7d7;
	   background: #fff;
    }
.file-list-link-item i{float:left;padding: 0px;margin: 0px;}
.file-list-link-item .itemTx {float: left;margin: 0px;padding: 0px 0px 0px 10px;line-height: 27px;}
.file-list-link-item li:first-child{border-bottom:0px;}
.file-list-link-item li{ cursor: pointer; margin:0px;padding: 10px 10px;background: #fff;overflow: hidden; border-top:1px solid #ccc;}
.iconAnglePosition{ position: absolute;top: -3px; right: -23px;}
.drop-menu-wrapper-alt {
    border: 0px solid #e1e1e1;
    box-shadow: 2px 3px 14px #d7d7d7;
	background: #fff;
    position: absolute;
    z-index: 9999;
	width: 220px !Important;
    right: -3px;
    top: 20px;

	}
.drop-menu-wrapper-left-alt {
    border: 0px solid #e1e1e1;
    box-shadow: 2px 3px 14px #d7d7d7;
	background: #fff;
    position: absolute;
    z-index: 9999;
	width: 220px !Important;
    left: 3px;
    top: 20px;

	}
	.uploadIconPosition{
	position: relative;
    top: -29px;
    right: 44px;
	}
	.uploadIconPosition1{
		position: absolute;
		top: 11px;
		right: 44px;
	}

	.documentUploadRight{ border-right: 1px solid #888; }
	.documentsRTopTitle h3{    font-size: 14px;
		padding:0px 0px;
		/* color: #cc0000; */
		color: #337ab7 !important;}
	.documentsRTopTitle {background: none !important; padding-bottom:5px; border-bottom:1px solid #09667d; margin-bottom: 10px;}
	.panelForDocumentList{background: none !important; border:0px !important;}
	.fileListSeg{border:1px solid #a6a6a6 !important; border-top:0px;}
	.fileListSeg li{ border:0px !important; border-top:0px solid #a6a6a6 !important;}
	.fileListSeg li i{color:#337ab7 !important;}


	.envelopeTitle{    font-size: 15px;
		margin-bottom: 4px;}
	.envelopeDetailsList { margin:0px; padding:0px; list-style: none; width:100%; float:left;  }
	.envelopeDetailsList li  {
		margin: 0px 0px 10px 0px;
		padding: 0px 20px 0px 15px;
		float: left;
		background: url(../images/list-style.png) left center no-repeat;
	}
.tabCircleList{     margin: 0px;
    padding: 0px;
    list-style: none;
    width: 617px;
    float: left;
    border-bottom: 4px solid #ccc;
    margin-bottom: 30px;}
.tabCircleList li { float: left;
    /* width: 30%; */
    text-align: center;
    margin: 0px 140px 0px 0px;
}
.tabCircleList li:last-child{margin-right:0px;}


.tabCircleList p{margin-bottom:0px; font-size:12px; color:#ccc;}
.tabCircleList li.active p{color:#000;}
.tabCircleList li a{  border-radius: 50%;
    border: 4px solid #d9d9d9;
    background: #d9d9d9;
    position: relative;
    margin-bottom: -19px;
    display: inline-block;
    width: 30px !important;
	height: 30px !important;}

.tabCircleList li a.active{     border-radius: 50%;
    border: 4px solid #ccc;
    background: #09667d;
    position: relative;
    margin-bottom: -19px;
    display: inline-block;
    width: 30px !important;
    height: 30px !important;}
.stepTitleTx{font-weight: bold;}
.enableHeaderForm {    margin-bottom: 11px;}
.enableHeaderForm a{ text-decoration: underline; font-size: 11px; color:#337ab7;}
.showEnvelopeHeaderLeft{ margin-left:10px;}
.signerPartiesDrgList .invoice-line ul li.invoiceLineHeader { border-bottom:1px solid #ccc;}
.dragItemContain{margin:0px; padding:0px;}
.dragItemContain li { float: left;}
.envelopeDetailsTopBottom{margin-top:10px; margin-bottom: 10px;}
.sendReminderBtnWrap .btn{font-size: 12px !important;}
.sigListItem {margin:0px; padding: 0px; list-style: none;}
.sigListItem li{ float: left;}
.sigListItem li:first-child{background: none;border: 0px;padding-top:2px; position: relative;}
.sigListItem li{  border: 1px solid #548235;background: #c5e0b4;padding: 2px 10px;margin-right: 10px;}
.sigListItem li:nth-child(2) {border: 1px solid #bf9000;background: #fff2cc;margin-right: 10px;}
.sigListItem li:nth-child(3) {border: 1px solid #548235;background: #c5e0b4;margin-right: 10px;}
.sigListItem li:first-child custom-tooltip{position: absolute; top:5px;}
#document-reader .dragOutItem {
	max-width: 117px;
    border: 1px solid #bf9000;
    background: #fff2cc;
    margin-right: 10px;
	padding: 2px 10px;
	overflow: hidden;
	height:25px;}
#document-reader .clickDragItemDrop {      background: #fff;
    box-shadow: 1px 1px 9px #ccc;
    margin-top: 10px;
    width: 300px !important;
    padding: 15px 20px 10px 20px;
    border-radius: 10px;
    border: 1px solid #bfbfbf;
}
#document-reader .clickDragItemDrop .form-control{    padding: 0px 0px;
    /* line-height: 20px; */
    height: 28px;
	font-size: 12px;}
	#document-reader .clickDragItemDrop .btn{font-size: 12px;  padding: 2px 10px !important;}
	#document-reader .clickDragItemDrop .row{margin-bottom: 5px !important;}
.dragDropItemTitle {border-bottom:1px solid #bfbfbf; padding-bottom: 8px;}
.dragDropItemTitle h3{     font-size: 12px;
    padding: 0px;
    margin: 0px}
.dragDropItemTitle a {color: #cc0000;font-size:11px; text-decoration: underline;}
.envelopeFormLeftALign{padding-left:10px;}
.stepOneWrapper{padding: 0px 20px 0px 20px;}

.closeIt{
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 50%;
    /* width: 20px; */
    /* height: 20px; */
    display: inline-block;
    text-align: center;
    padding: 0px;
    height: 12px;
    width: 12px;
    /* float: right; */
    line-height: 7px;
    position: relative;
    top: -1px;
    left: 5px;
}

.closeIt i{font-size: 8px;}
.sigListItem .closeIt {display: none;}
.saveBtnPosition{margin-left: 6px;margin-top: 11px;}
.signabletypeaheadAlign{padding:10px 20px;}
.signabletypeaheadAlign .typeAheadInputWidth {   margin-bottom: 10px;
    margin: 0px 4px 10px 4px;
    width: 97% !important;
    border-radius: 0px;
    border: 0px solid #ccc !important;}
	.envelopePartyTxarea{     margin: 12px 0px 0px 0px;
		width: 100% !important;
		border: 0px !important;
		border-radius: 0px !important;
		height: 120px !important;}
	.signabletypeaheadAlign .typeaheadWrapper{    position: absolute;
		margin-top: 3px !important;}
	.signabletypeaheadAlign .selectize-input{ border:0px !important; border-radius:0px !important; }

	.signOrderListContain .invoice-line-list > div {border:0px !Important;}
	.signOrderListContain.invoice-line ul li.invoiceLineHeader {border-top: 0px solid #ccc !important;}
	.signOrderListContain .invoice-line-list {border-bottom:0px !important;}
	.invoicelistFastChild{border-bottom:1px solid #a6a6a6 !important;}
	.invoicelistlastChild{border-top:1px dashed #a6a6a6 !important;}
	.invoicelistlastChild:last-child a{text-decoration: underline; display: block; margin-top:10px;}
	.signOrderListContain .invoice-line-list:first-child > div:nth-child(1) {background: none !important}
	.signOrderListContain .invoice-line-list:last-child > div:nth-child(1) {background: none !important}
	.signOrderListContain.invoice-line ul li:first-child{border-bottom:1px solid #000 !important;}
	.signOrderListContain.invoice-line ul li:nth-child(1){border-top:0px !important;}
	#startEsignature{    font-size: 12px;}

	.stepOneWrapper .envelopePartyTxarea {padding:5px 10px !important; border:1px solid #efefef !important;}
	.stepOneWrapper textarea:-ms-input-placeholder {color: #bdbdbd;  }
	.stepOneWrapper textarea::-webkit-input-placeholder {color: #bdbdbd;}

	.stepOneWrapper input:-ms-input-placeholder {color: #bdbdbd;  }
	.stepOneWrapper input::-webkit-input-placeholder {color: #bdbdbd;}
	.stepOneWrapper input[type=text]{border:1px solid #efefef !important;}

	.closeEnvelopeParty {
	 padding: 0px !important;

	 text-align: center;
	 padding: 0px;
	 height: 15px;
	 width: 15px;
	 /* float: right; */
	 line-height: 9px;

	}


	.signabletypeaheadAlign .typeAheadInputWidth {border:1px solid #efefef !important; border-radius: 0px !Important;}
	.stepOneWrapper .selectize-input {border:1px solid #efefef !important;}

	.externalInput{width:97.5% !important; border-radius:0px !important;}
	.clonedElemText{
		width: 81px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		float: left;
	}

.partyDropdown .need-help-wrapper{
	margin-left: 122px;
    margin-top: -24px;
}
.signable-page-style{
	margin-bottom: 5px;
    border: 1px solid #ece4e4;
}
/* Added for Subscription page Design*/
.subscription-pop-wrapper {height:533px; overflow-y:auto;overflow-x:hidden; padding-left:30px !important; padding-right:30px !important;}
.subscription-pop-wrapper .blue-box-contant{ border-radius:0px  !important; overflow:hidden;  border-color:#ccc !important; padding-bottom:0px;}
.subscription-pop-wrapper h2{color: #337ab7;font-size: 14px;margin: 0px;padding-left: 5px;}
.subscription-pop-wrapper h3{color: #666;margin:11px 0px 0px 0px !important; font-size: 18px;margin: 0px;padding: 0px 0px 6px 0px; border-bottom:1px solid #e0e0e0 ; padding-left:0px;}
.subscription-pop-wrapper .link-bottom-border-slide a{ font-size: 12px; }
.subscription-pop-wrapper .link-bottom-border-slide { width:100%; padding-bottom: 7px;border-bottom: 1px solid #ccc;margin-bottom:0px;}
.subscription-pop-wrapper .uploadCaseDoc{ margin-bottom:10px !important;}


/* add new css 30-10-2018 */
.addKpmCreadit{ margin:0px; padding:0px; list-style: none;}
.addKpmCreadit li{ margin:0px; padding:0px;}
.addKpmCreadit li .addKpmCLink{     background: url(../images/nonotification.png) 0px 2px no-repeat;
    display: block;
    background-size: 15px 15px;
    padding: 0px 0px 0px 20px;
    margin: 15px 0px 15px 10px;
	text-decoration: underline;
	font-size: 13px;
}
.subscrCode h3{     font-size: 27px;
    margin-top: 12px;}
.subscrData { text-align: center; color:#ffa500 !important;}
.subscrData  .info-box-text {  color:#ffa500 !important;}

.subscrDataAlt { text-align: center; color:#a6a6a6 !important;}
.subscrDataAlt  .info-box-text {  color:#a6a6a6 !important;}
.getStartedWrap .info-box:hover {background: none;}
.subscrDataBtns{text-align: center;     margin-top: 0px;}
.subscrDataBtns a:hover{background: none !important;}
.subscrDataBtns .editSubLInk {     color: #337ab7 !important;
    margin-bottom: 9px !important;
    text-decoration: underline;
    display: block;}
.subscrDataBtns .cancelSubLInk { color:#ff9f00 !important;  text-decoration: underline;}
.getStartedWrap h4{     line-height: 20px;
    margin-top: 7px; }
.getStartedWrap {margin-top: 0px ; height:55px;}
.planWrapperBody{background:#f0f0f0;}
.planWrapperBody h4{color: #336685 ;
    border-bottom: 1px solid #336685  !important;
    padding-bottom: 5px;
    padding-left: 7px;
    font-size: 15px;}
.subscriptionsDataList li {width:100%; margin-left:9px;}
.basePlanDataList{margin-left:10px !important;}
.planWrapperBody .esigtable{
	margin-left: 7px;
	width: 99.4%;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}
.costTxColor{color: #ffa500 !important;}
.planWrapperBody .getStarted {padding-right:0px;}
.basePlanDataList h5{font-size:17px;}
.planDataXScroll {width:88%; overflow-x: auto; overflow-y:hidden;white-space: nowrap; text-align: center; margin-bottom: 20px; margin-left:6%;}
.planDataXScroll .plan-card-style {
    margin-bottom: 10px;
    background: #f2f2f2;
    box-shadow: 3px 1px 6px #999999;
    width: 303px;
    min-height: 264px;
    margin-right: 31px;
    text-align: center;
    display: inline-block;
	border: 1px solid #d9d9d9 !important;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	padding-bottom: 10px;
}
.planCardDescription{width:100%;     overflow: hidden;
    white-space: initial;}
	.planCardDescription h5{
		font-size: 17px;
		color: #000 !important;
		padding-bottom: 0px !important;
		display: inline-block;
		height: 37px;
		overflow: hidden;
	    padding-top: 2px !important;
    margin-bottom: 0px;


	}

	.plan-card-wrapper .currentActivePlan {padding-top:11px;  }
	.plan-card-wrapper .currentActivePlan .planFrequency label{font-size: 14px;}

	.plan-card-wrapper .currentActivePlan .envelopeDetailsList li { font-size: 12px;}
	.plan-card-wrapper .currentActivePlan .cardPlanBoxHeight {
	 height: 122px;
	 overflow: hidden;
	}
	.plan-card-style.currentActivePlan  {  width: 333px;  transition-property: width; padding-bottom: 20px;}

	.plan-card-wrapper .currentActivePlan .envelopeDetailsList li { font-size: 13px;}


	.plan-card-wrapper .currentActivePlan h5{font-size: 20px;
	    font-size: 20px;
    background-size: 20px 20px !important;
    background: url(../images/tick_saved.png) 0px 4px no-repeat;
    /* padding-left: 10px; */
    /* margin-left: 9px; */
	padding-bottom: 3px !important;
	margin-top:0px !important;
	height: 45px !important;
	padding-left:32px !important;

	}

	.plan-card-wrapper .wordWrapText.currentActivePlan h5 {
		font-size: 20px;
		background-size: 20px 20px !important;
		background: url(../images/tick_saved.png) 0px 4px no-repeat;
		padding-left: 10px !important;
		margin-left: 9px;
		text-align: center !important;
		margin-bottom: 0px !important;
		margin-left: 10px;

	}
	.plan-card-wrapper .wordWrapText.currentActivePlan h5 span {margin-left: 10px; display: block; }



		.planDataXScroll .btn {font-size:12px !important; padding:5px 10px !important; min-width:93px;}
.planDataXScroll .btn-default { background: #7f7f7f !important; color:#fff !important;}
.cardPlanBoxHeight{
    height: 108px;
    overflow: hidden;
    }
.cardPlanBoxHeight .envelopeDetailsList {margin-left:10px;margin-top:10px;padding-right: 11px;padding-left: 11px;}
.cardPlanBoxHeight .envelopeDetailsList li{
    width: 50%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-overflow: ellipsis; */
    /* word-break: normal; */
    padding-left:16px;
    padding-right: 13px;
    text-align:left;
    font-size: 11px;
    margin-bottom: 5px !important;
}
	.showMorePlan {width: 100%;
		/* margin-bottom: 12px; */
		margin-bottom: 15px;
		margin-top: 10px; }
	.showMorePlan a{ text-decoration: underline; color:#336685  !important;}
	.subscription-pop-wrapper .need-help-wrapper {line-height: 14px !important;}
	.planFrequency label{ font-size:12px;}
	.orSectioon{margin:0px; padding:0px; list-style:none; width:88%; margin-left:6%;}
	.orSectioon li{margin:0px; padding:0px; list-style:none; float:left;}
	.orSectioon li:nth-child(1){ width:45%; border-top:1px solid #ccc;}
	.orSectioon li:nth-child(2){    width: 10%;
		margin-top: -10px;
		text-align: center;
		font-size: 15px;}
	.orSectioon li:nth-child(3){ width:45%;  border-top:1px solid #ccc;}

	.placeHolderInput input::placeholder {
		color: #cccccc;
		font-size:12px;
	  }
.placeHolderInput{ position:relative;}
.verifyInputLink{     right: -288px;
    top: -1px;
    color: #888;
	text-decoration: underline;
	position:absolute;
}
.enternewcode{
	color: #bdbdbd;
    position: absolute;
    right: -472px;
	top: 0px;
	text-decoration: underline;
}
.subscription-pop-wrapper h3.hPopALignLeftRight{padding-top:0px !important; margin-right:13px !important; margin-left:13px !important; overflow:hidden;     border-bottom: 1px solid #337ab7;}
.popFootRightAlign{margin-right:26px;}

.planDataXScroll::-webkit-scrollbar {
	width: 5px;
	height: 4px;
	background:#ffffff !important;
}

.planDataXScroll::-webkit-scrollbar-track {
    background:#ffffff !important;
    border-radius: 10px;
}

.planDataXScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#cccccc !important;
}

/*Added CSS 31_10_2018*/
.costTxRedColor{color: #ff3b00 !important;}
.subscrDataBtns .cancelRSubLInk { color:#ff3b00 !important;  text-decoration: underline;}


.creditWrapperBody h4{color: #336685 ;
    padding-bottom: 5px;
    padding-left: 7px;
	font-size: 15px;
	float: left;
	width:100%;
}


.creditWrapperBody .esigtable{
	margin-left: 7px;
	width: 99.4%;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}
.creditHistory
{
	border-bottom: 1px solid #336685 !important;
}
.creditBalance{
	padding-left:20px;
}

/* Subscription alert css*/

.credit-alert span{
	margin-right: 7px;
}

.credit-alert i{
	color: red;
}

.credit-alert-message{
	color: red;
	margin-top:1px;
}

.verify-plan{
	text-align: center;
}

.CurrentPrepaid, .creditBalance {  color: #337ab7;
    padding-right: 6px;
}


	.modal-xlmx {
		width: 1152px;
		margin: 30px auto;
	}


	.currentPrepaidTitle{margin-top:3px; margin-bottom:5px; list-style: none; }
	.alertIconBgCreditNote{ margin:0px; padding:0px; list-style: none; margin-bottom:5px !important;}
	.alertIconBgCreditNote li{     margin: 1px 0px;
		padding: 2px 10px 0px 38px;
		line-height: 30px;
		list-style: none;
		list-style: none;
		background: url(../images/alert.png) left center no-repeat;
		background-size: 24px 24px; margin-left: 6px; font-size: 14px;}
		.alertNotificationIcon li { background: url(../images/nonotification.png) 0px 5px no-repeat !important; background-size: 24px 24px !important ;}
		.alertNotificationIcon {margin-bottom:10px !important;}
		.creditHistory{color:#336685; margin-left:5px !important;}


	.settingsIconColor{ width: 39px;
	margin-top: -12px; }

	.subscriIconColor{color:#ED7D31 !important;}
	.settingsIconColor{ width: 39px;
	margin-top: -12px; }

	.chart-dashboard-fix{
		margin-top: 17px;
		margin-bottom: 17px;
	}

	/*added for subscription addon group*/
	.has-addon-group{margin-left: 26px;}
	.basePlanTotal{margin: 0px; padding:0px; list-style: none; border:1px solid #337ab7 !important; min-height:200px;}
	.basePlanTotal{ margin:0px; padding: 0px;  list-style: none;}
	.basePlanTotal li {margin: 0px 0px 11px 10px;padding: 0px;list-style: none;width: 94%;overflow: hidden;}
	.basePlanTotal li h3.hPopALignLeftRight{ padding-top:1px; margin-left: 0px !important;margin-right: 0px !important;     border-bottom: 1px solid #337ab7;}
	.basePlanTotal li .planTxWidth { width:80%;}
	.basePlanTotal li .planValTx { width:15%; color: #337ab7; text-align:right; }

	.basePlanTotal li.totalPlanFooter {border-top:1px solid #337ab7; padding-top: 10px;}

	.basePlanTotal li.totalPlanFooter .planTxs{
		font-size:16px;
		width:70%;
		}
		.basePlanTotal li.totalPlanFooter .planValTx{

			font-size:16px;
			}

		.basePlanTotal li.totalPlanFooter p{overflow: hidden; width:100%;}
		.selectedPlanHeight{    margin: 0px;
			padding: 0px;
			min-height: 200px;}

			.pricetoVat{     background: url(../images/nonotification.png) 0px 2px no-repeat;
				display: block;
				background-size: 16px;
				padding: 0px 0px 5px 29px;
				font-size: 13px;}
.groupNameTitle{     display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
    font-size: 15px;
    color: #337ab7;}
 .checkbox .numberPickerLabel label::before{ display: none !important ;}
.checkbox .numberPickerLabel  label {padding-left:0px !important;}
.selectedPlanHeight .planTxs{width:70%;}
.numberPickerLabel.activeNumberBox .input-group-addon{     background: #1e5372 !important;
    color: #fff;
 border: 1px solid #1e5372 !important; }

 .numberPickerLabel.activeNumberBox .input-group-addon .number-picker input {

  border: 1px solid #1e5372;

 }
 .creditAlert{
	display: block;
	padding: 3px 0px 5px 29px;
	font-size: 14px;
	color:red;}

	.listGroupDropDown ul{margin:0px; padding:0px; list-style: none;}
	.listGroupDropDown ul li {margin:0px; padding:0px; list-style: none;}
	.grpTitleTx {     font-weight: bold;
		border-left: 3px solid #1e5372;
		display: block;
		width: 100%;
		padding-left: 10px;
		padding: 1px 6px;
		margin-left: 4px;
		margin-top: 2px;}
	.listGroupDropDown ul li ul {margin-left:10px; width:90%;}
	.listGroupDropDown ul li ul li{     border-bottom: 1px solid #ccc;
		padding: 3px 0px 3px 0px;
		margin-left: 12px; cursor: pointer;}
	.listGroupDropDown{
		width: 200px;
		position: absolute;
		top: 35px;
		z-index: 444;
		background: #fff;
		box-shadow: 2px 3px 6px #444; }
		.custominputSelectBox{ border:1px solid #bdbdbd; border-radius: 6px; font-size: 12px;}

		@media (min-width: 768px){
.modal-smm {
    width: 450px!important;
}
}

.asign-tx-Align{padding-top:8px;}

.selectDownArrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #999;
    position: absolute;
    right: 19px;
    top: 14px;
  }
  .emailconfirmation{    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;}
  .emailconfirmation li{ margin:0px; padding:0px; list-style:none; float:left; }
  .emailconfirmation li:first-child{width:40%;border-right:1px solid #ccc;}
  .emailconfirmation li:nth-child(2){width: 60%;}
  .emailconfirmation li input{    border: 0px;
    width: 100%;
    font-size: 12px;
	padding: 7px 6px;}
	.emailconfirmation li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #ccc;
		opacity: 1; /* Firefox */
	}
	.emailconfirmation .EnterFriendlyName{width:100% !important; border-right:0px !important;}
    .addEmailIdKPM{padding: 6px 0px 0px 5px;}
	.changeEmailIdKPM{padding: 6px 6px 0px 0px;}
	.changeEmailIdKPM a{ text-decoration: underline;}

	.rowMarginTopBottom{margin-top:20px; margin-bottom:20px;}

	.tick-save-info {margin:0px; padding:0px; list-style: none;}
	.tick-save-info li {margin:0px; padding:0px; list-style: none; width:100%;}
	.tick-save-info li.activeStatusIcon {
	    background: url(../images/tick_saved.png) 0px 3px no-repeat;
    display: block;
    background-size: 10px 10px;
    padding: 0px 0px 0px 20px;


	}

	.tick-save-info li.inActiveStatusIcon {
		background: url(../images/red-alert.png) 0px 3px no-repeat;
		display: block;
		background-size: 10px 10px;
		padding: 0px 0px 0px 20px;
	}
	.iconSizeLarge{    background-size: 22px !important;
		margin-top: 3px !important;
		padding-bottom: 9px !important;}

	.domainInformation li:nth-child(1) {width: 17% !important;padding: 6px 0px 7px 4px;}
	.domainInformation li:nth-child(2) {width: 43% !important;}
	.domainInformation li:nth-child(3) {width: 40% !important;border-left: 1px solid #ccc;padding: 0px 0px 7px 0px !important;}
	.tick-save-info-text li{font-size:11px !important; margin-top:6px !important;}
	.add-credit-vat{
		background: url(../images/nonotification.png) 0px 2px no-repeat;
		display: block;
		background-size: 15px 15px;
		padding: 1px 0px 5px 23px;
		font-size: 12px;
		margin-top: -8px;
		float: left;
	}

	/* ### KPM Domain ### */

.kpmDomainEmailList{ margin:0px; padding:0px; list-style:none;}
.kpmDomainEmailList li {margin:0px; padding:0px; list-style:none; width:100%; overflow: hidden;}
.kpmDomainEmailList li h5.kpmDomainBg{
    width: 100%;
    margin: 0px;
    padding: 10px 0px 2px 30px;
    background: url(../images/domain.png) left 8px no-repeat;
    background-size: 23px;
    margin-bottom: 5px;
}

.kpmDomainEmailList li h5.kpmGroupMailBg{  width: 100%;margin: 0px;
	padding: 10px 0px 5px 30px;
	background: url(../images/email.png) left 8px no-repeat;
	background-size: 23px;
    margin-bottom: 5px;
}

.kpmDomainEmailList li h5.manageDeligate{  width: 100%;margin: 0px;
	padding: 10px 0px 5px 30px;
	background: url(../images/delegations.png) left 8px no-repeat;
	background-size: 23px;
    margin-bottom: 5px;
}
.kpmDomainEmailList li h5.kpmCntrctMailBg{  width: 100%;margin: 0px;
	padding: 10px 0px 5px 30px;
	background: url(../images/contract-document.png) left 8px no-repeat;
	background-size: 23px;
    margin-bottom: 5px;
}
.kpmDomainEmailList li h5.calendarBg{  width: 100%;margin: 0px;
	padding: 10px 0px 5px 30px;
	background: url(../images/calender-bg.png) left 8px no-repeat;
	background-size: 23px;
    margin-bottom: 5px;
}

.kpmDomainEmailList li h5.kpmPhoneNoBg{  width: 100%;margin: 0px;
	padding: 10px 0px 5px 30px;
	background: url(../images/phone.png) left 8px no-repeat;
	background-size: 23px;
    margin-bottom: 5px;
}
.kpmDomainEmailList li h5 span{     border-bottom: 1px solid #337ab7 !important;
    margin-left: 0px;
    display: block;
    padding-bottom: 5px;}
.kpmDomainEmailList ul{margin:0px 0px 0px 28px; padding:0px; list-style: none;}
.kpmDomainEmailList ul li{margin:0px;padding: 3px 0px 6px 0px;list-style: none;}

.text-underline{ text-decoration: underline; cursor: pointer;}
.confirgGrpLeft{    margin-left: 65px;
    margin-top: 10px;}

.mailBoxGrid { border-bottom: 1px solid #337ab7 !important;
    padding-bottom: 0px;
    margin-bottom: 7px;}

.mailBoxGrid  tr th{    border-bottom: 1px solid #337ab7 !important; color:#337ab7;
    padding: 5px 10px !important;
    border-left: 1px solid #ccc;}
.mailBoxGrid  tr:first-child th:first-child{border-left:0px;}
.mailBoxGrid  tr td{border-bottom:1px solid #337ab7 !important; padding: 5px 10px !important;}

.mailGridWrapper{ margin-left:31px;}

.redAlertCreditIcon{ margin-left:10px;}
.redAlertCreditIcon img{width:20px; margin-right:10px;}
.palnGridHeaderColor{color:#777 !important;}
.currentPlanUpgMsg{      border: 1px solid #ccc;
    background: #f3f3f3 url(../images/exclamation.png) 8px 7px no-repeat;
    background-size: 20px;
    padding: 7px 35px;
    font-size: 13px;
    padding-right: 10px;
    line-height: 18px;
    padding-bottom: 9px;
    margin: 0px 15px;
 box-shadow: 1px 1px 4px #f1f1f1;
 min-height: 35px;

}

	/* ####  summer note contain ### */

.summarNoteWrapper{ border: 1px solid #f2f2f2;
    background: #ffffff;
	padding: 0px 6px; border-top:0px;  padding-bottom: 0px;     margin: 10px 0px;
    border-top: 1px solid #f2f2f2;
}
.summarNoteWrapper input{ border:0px !important; font-size:15px;}
.summarNoteWrapper .note-editor{border:0px !important;}
.summarNoteWrapper .note-headline { display: none !important;}
.summarNoteWrapper .note-insert {border:0px !important;}

.summarNoteWrapper .note-editor.note-frame {
    border-top: 1px solid #f1f1f1 !important;
    border-radius: 0px;
}

.summarNoteWrapper .fa-font {    border-bottom: 1px solid #000;
    padding: 0px 2px;}
.uoloadBtnIcon{ display: block; background: url(../images/upload_btn.png) left center no-repeat; width: 20px; height:20px; background-size:15px ; margin-left:10px; 
    margin-top: 6px;
    margin-bottom: 7px;
}
.toggleSummartyIcon{margin-top: 8px !important;}
.summarNoteWrapper .panel {margin-bottom: 0px;}
.uploadFileList{width: 100%;}

.uploadFileList ul{margin:0px; padding:0px; list-style: none;}
.uploadFileList ul li{    margin: 10px 10px 0px 0px;
    padding: 3px 0px 6px 30px;
    list-style: none;
    float: left;
    border: 1px solid #ccc;
    background: #f2f2f2;
    border-radius: 5px;
    background:#f2f2f2 url(../images/attach-file.png) 5px 5px no-repeat;
    background-size: 17px; cursor: pointer;  }
.uploadFileList ul li .viewHover { display: none;  margin-top:3px;}
.uploadFileList ul li span{ padding-right:6px;}
.uploadFileList ul li:hover{ box-shadow: 2px 2px 4px #cccccc; }
 .uploadFileList ul li:hover .viewHover{ display: block; color:#337ab7 ;font-size: 14px; }
.uploadFileList ul li .cancelCircle {    font-family: arial;
    border-radius: 50%;
    border: 1px solid #cc0000;
	padding: 1px 0px 0px 0px;
    font-size: 10px !important;
    width: 14px;
    height: 14px;
    color: #cc0000 !important;
    text-align: center; }

	.uploadFileList .uploadDocItem {
		padding: 3px 0px 6px 30px;
		list-style: none;
		border: 1px solid #ccc;
		background: #f2f2f2;
		border-radius: 5px;
		background:#f2f2f2 url(../images/attach-file.png) 5px 5px no-repeat;
		background-size: 17px; cursor: pointer;
		width: fit-content;
    	height: 30px;
		margin-bottom: 4px;
	}

	.uploadFileList .uploadDocItem .viewHover { display: none;  margin-top:3px;}
	.uploadFileList .uploadDocItem span{ padding-right:6px;}
	.uploadFileList .uploadDocItem:hover{ box-shadow: 2px 2px 4px #cccccc; }
	.uploadFileList .uploadDocItem:hover .viewHover{ display: block; color:#337ab7 ;font-size: 14px; }
	.uploadFileList .uploadDocItem .cancelCircle {    font-family: arial;
		border-radius: 50%;
		border: 1px solid #cc0000;
		padding: 1px 0px 0px 0px;
		font-size: 10px !important;
		width: 14px;
		height: 14px;
		color: #cc0000 !important;
		text-align: center; }


	.inputEditViewTx{margin:0px 0px; margin-bottom:10px; /* overflow: hidden; */float: left;width: 100%;padding-bottom: 5px !important;}
	.inputEditViewTx input{border:0px !important; background: none !important;}
	.inputEditViewTx .edit-text-box {height: 27px;}
	.inputEditViewTx .dropdown-toggle::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
	}
	.inputEditViewTx .dropdown-item {
		display: block;
		width: 100%;
		padding: .25rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #212529;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}

	.inputEditViewTx .inprogressdrop .dropdown-toggle{
		background: #ffd966;
		border-radius: 10px;
		padding: 2px 10px;
		font-size: 12px;
	}


	.inputEditViewTx .maintenanceDropBg .dropdown-toggle{
		background: #337ab7 !important;
		border-radius: 10px;
		padding: 2px 10px;
		font-size: 12px;
		color:#fff !important;
	}

	.inprogressdrop {margin-left:20px;}
	.inprogressdrop .dropdown-item{    font-size: 12px;
		padding-left: 9px;
		padding-bottom: 7px;}

		.selectedItemHeader{width: 100%; float:left; font-size: 11px;}

	 .selectedItemHeader ul{ margin:0px; padding:0px; list-style: none;}
	 .selectedItemHeader ul li{     margin: 0px;
	  padding: 2px 20px 2px 22px;
	  list-style: none;
	  float: left;
	 }
	 .selectedItemHeader ul li.caseDateTime{ background:url(../images/clock-circular-outline.png) left center no-repeat;
	  background-size: 16px;

	 }

	 .selectedItemHeader ul li.caseReviewNoteHeader{ 
		background: url(../images/flag-red-case.png) 0px 4px no-repeat;
		background-size: 14px;
		height: 20px;
  
	}
	.selectedItemHeader ul li.grouplinkView{background:url(../images/group-link-icon.png) left center no-repeat;
		background-size: 16px;}
	.rightArrowTx{    background: url(../images/arrow-right-icon.png) 0px 4px no-repeat;
		background-size: 9px;
		padding-left: 12px;}


.grouplinkView span{     margin-right: 7px;     margin-right: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;}
.selectedItemHeader ul li.caseProfilebg{background:url(../images/user-profile.png) left center no-repeat;
	background-size: 16px;}
/* ####  For Unassigned case ### */
.selectedItemHeader ul li.caseProfilebgred{background:url(../images/user-profile-red.png) left center no-repeat;
	background-size: 16px;}
.selectedItemHeader ul li.manwithbrefcase{background:url(../images/manwithbrifcase.png) left center no-repeat;
		background-size: 16px;}

.selectedItemHeader ul li.dateIconBg{background:url(../images/set-timer-button.png) left center no-repeat;
		background-size: 16px;}

.selectedItemHeader ul li.dateTimeIconBg{background:url(../images/set-alarm.png) left center no-repeat;
			background-size: 16px;}

.selectedItemHeader ul li.moreInfoProfileBg{background:url(../images/more-info-icon.png) left center no-repeat;
				background-size: 16px;}
.viewProfileTx{width: 100%; float:left; padding-bottom: 0px;}


.viewProfileTx .gradientText {
    margin-top: 14px;
    margin-left: 25px;
    margin-right: 25px;
    /* height: 43px; */
    margin-bottom: 0px;
    font-size: 11px;
    width: auto !important;
    max-width: 92%;
}

.msgTxtEdit{
    overflow: hidden;
    min-height: 33px;
}

.msgTxtEdit .editIconTxt{
	display:none;
}

.msgTxtEdit:hover .editIconTxt{
	display:inline-block;
}

.viewProfileTx .gradientText.expandTxAllTx{ height: auto !important; background:none !important; -webkit-text-fill-color: inherit !important; }

.caseTabtabLinklink{width:100%;float:left;}
.expandMoreText a{ color:#337ab7 !important; margin-left:25px; margin-top:4px; text-decoration: underline; cursor: pointer; }
.caseTabtabLink{float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 7px;
	margin-top: 10px;
	padding-left: 15px;}
	.addDesOnclick {display: none;}
	.adddescrTx {    margin-top: 6px;
		margin-bottom: 0px;}
	.adddescrTx a {
    cursor: pointer;
    font-size: 12px;
    color: #555;
    margin-bottom: 0px;
    width: 200px;
    display: block;
    padding: 6px ;
	 margin-left: 20px;
}
.adddescrTx a:hover {
    background: #ebeae8;
    font-size: 12px;
}

	.addDesOnclick{    width:300px;
		background: #ebeae8;
		padding: 10px 20px;
		font-size: 16px;
		margin-left: 25px; }

	.summerNoteDes{margin-left:25px;}
	.summerNoteDes .note-editor.note-frame {
    border: 1px solid #f2f2f2;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #f1f1f1;
    margin-left: 15px;
    margin-right: 15px;
}
	.textEditIcon{    color: #ccc;
    font-size: 16px;
    margin-top: 20px;}

		/*Custom Title*/
		.customtitle {
  display: none;
  position: absolute;
  background-color: #336685;
  padding: 7px 10px;
  border-radius:5px;
  font-size:11px; 
  max-width: 250px;
  color: #fff;
  box-shadow: 0px 0px 10px #ccc;
}

.customtitle-show {
  display: inherit;
  z-index: 999999;
}

.customtitle-arrow {
  position: absolute;
	width: 0;
	height: 0;
}

.customtitle-down .customtitle-arrow {
  top: -5px;
  left: 50%;
  margin-left: -5px;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-bottom: 5px solid #336685;
}

.customtitle-up .customtitle-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  	border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #222;
}

.customtitle-right .customtitle-arrow {
  left: -5px;
  top: 50%;
  margin-top: -3px;
  	border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-right: 5px solid #222;
}

.customtitle-left .customtitle-arrow {
  right: -5px;
  top: 50%;
  margin-top: -3px;
  	border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 5px solid #222;
}
/*Custom title End*/

.singLogo{     margin-top: 6px;width: 137px;}
#subscriptionMsg, .paddingTopEsign{padding-top:4px;}
.esigSettingsUl {
	list-style:none !important;
	display:inline-block;
}
.esigSettingsUl li{
	color: #888888 !important;
    font-size: 12px !important;
    background: url(../images/list-style.png) 0px 12px no-repeat;
    margin: 0px;
    padding: 6px 12px 0px 12px !important;
}
@media (max-width: 1024px){
	.modal-xlmx {
	 width: 800px !important;
	 margin: 30px auto;
	}
   }

  .nameCustomToolTip {
    padding: 0px;
    line-height: 19px !important;
    margin-top: 5px;

   }
   .forLabel{padding-right: 0px !important;}
.docuemnt-pop-overflow{overflow: inherit !important; height: auto !important;}

.maintenanceWrapper {background: #fff !important;}
.maintenanceWrapper .wrapper{background: #fff !important;}
.maintenanceWrapper h2{ font-size: 33px; color:#000; margin-top:10px !important;}
.maintenanceWrapper h5{ font-size: 17px; color:#000; margin-top:27px !important;}
.server-down-main{width:60%; margin-top:5%;}
.drowImg{margin-top:20px;}
.liveDateStyle{
	font-weight: bold !important;
    color: #346686 !important;
    font-size: 26px !important;
}


/*Message inbox*/
.newMsgWrapper { border: 1px solid #f4f4f4  ; padding:0% 0%; margin-bottom:10px; width:100%; float:left; border-radius:5px;}
.newMsgWrapper h3{ font-size: 13px;
    color: #337ab7;
	margin: 12px 0px 12px 0px !important;}
.newMsgWrapper .caseTabtabLink{ padding-left:0px !important;  }
.newMsgWrapper .link-bottom-border-slide a{font-size: 11px !important;}
.toMailWrapper{ border:0px solid #f2f2f2; width:100%; float:left;}
.rounded-form-input{border-radius: 5px; height: 29px;}
.emailBoxWrapper{     border-bottom: 1px solid #f4f4f4  !important;
    width: 100%;
	padding: 3px 10px 4px 10px;  }
.formToLabel{ line-height: 29px; color: #999;}
.toEmailBox{ width: 94%;}
.ccbccbox a{     margin: 7px 5px;
    text-decoration: underline;
    display: inline-block;
    font-size: 11px; cursor: pointer;}
.newMsgWrapper .row{ margin-bottom:0px !important;}

/* .inTaskDatamarginwrap{margin-left:0px; overflow: hidden;} */

.inTaskDatamarginwrap{    margin-left: 0px;
    /* overflow: hidden; */
    /* float: left; */
    width: 100%;
    padding-bottom: 16px;
    display: block;}


.inTaskDatamarginwrap span{color:#a2a2a2 !important;;}
.userInfoWrapper{
    width: 100%;
   background: none !important; 
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 0px 0px;
    padding-top: 8px;
    margin-bottom: 10px;
    float: left;
	padding-bottom: 10px;
	box-shadow: 0px 0px 5px #e3e3e3;
}
	.userInfoWrapper h3{     color: #555;
		font-size: 15px;
		margin: 0px;
		padding: 0px 10px 16px 10px;}



.userInfoWrapper ul {margin:0px; padding:0px 27px; list-style: none;}
.userInfoWrapper ul li{margin:0px; padding:0px; list-style: none; float:left; width:95%;}
.userInfoWrapper ul li:first-child{width:5%;}
.infoLeftArrow {
    position: relative;
    background: #fff;
    border-radius: 15px;
    padding: 10px 20px;
    border: 1px solid #e8e8e8 !important;
    line-height: 20px;
    box-shadow: 0px 0px 11px #ececec;
    width: 100%;
    float: left;

}
.infoLeftArrow .gradientText{background: -webkit-linear-gradient(#000, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.infoLeftArrow .gradientText.expandTxAllTx{ height: auto !important; background:none !important; -webkit-text-fill-color: inherit !important; }

.infoLeftArrow:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: -8px;
    top: 11px;
    transform: translate(-10%, 10%) rotate(45deg);
    background-color: #fff;
    /* box-shadow: 0 1px 8px rgba(0,0,0,0.5); */
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;



}

.rounded-profile-img-box-small{ width:40px; height:40px; border-radius:50%;}
.userSmsProfileArea{margin-bottom: 20px !important; width:100%; float:left;}

.textEditIcon{    color: #ccc;
    font-size: 16px;
	margin-top:12px;}

	.messageFooterWrapper {margin:0px; padding:0px !important; list-style:none;}
.messageFooterWrapper  li { float:left; padding: 0px 0px 0px 22px !important;
    background-size: 15px !important;
    width: auto !important;
    margin-right: 20px !important;
    background-position: 0px 3px !important; font-size: 12px; }
.messageFooterWrapper  li.msgInfoBg{ background: url(../images/mail-msg.png) left top no-repeat;}
.messageFooterWrapper  li.emailInfoBg{ background: url(../images/email-icon.png) left top no-repeat;}
.messageFooterWrapper  li.attachInfoBg{ background: url(../images/attach-file.png) left top no-repeat;}
.messageFooterWrapper  li.replyBgMsg{ background: url(../images/back-info.png) left top no-repeat;}
.messageFooterWrapper  li.fowardBgMsg{ background: url(../images/forward-msg.png) left top no-repeat;}
.messageFooterWrapper  li.sendToMsg{ background: url(../images/to-button.png) left top no-repeat;}
.messageFooterWrapper  li.wpInfoBg{ background: url(../images/wp-image.png) left top no-repeat;}

 @media (max-width: 1024px){
	.modal-xlmx {
		width: 800px !important;
		margin: 30px auto;
	}
}
.edit-case-name {
    display: block !important; float:left; width:100% !important;}
.note-summary-text .edit-show-onhover, .edit-case-name .edit-show-onhover {color:#ccc; display: none;}
.note-summary-text:hover .edit-show-onhover, .edit-case-name:hover .edit-show-onhover{ display: inline-block;}
.edit-case-name .icon-edit5{ font-size:15px; color:#9c9c9c !important;}

.selectedItemHeader ul li {position: relative;}
.selectedItemHeader ul li .icon-edit5{ color: #9c9c9c; display: none;}
.selectedItemHeader ul li:hover .icon-edit5{ position:absolute; display: inline-block;     right: 6px; cursor: pointer;
    top: 4px; }
.selectedItemHeader ul .grouplinkView .icon { display: none;}
.selectedItemHeader ul .grouplinkView:hover .icon { display: inline-block; cursor: pointer;}
.editCasePosition {position: relative;padding-right: 25px;margin-top: 2px; max-width:68%;} 
.editCasePosition .icon {position: absolute; right: 0; top:0px;}

.summarNoteWrapper .note-editor .btn{border: 0px !important;
    padding-left: 5px;
	padding-right: 5px; padding-top:0px !important; padding-bottom:0px !important;line-height: 16px !important;}
	.selectedItemHeader ul li.caseProfilebg .userEditView{

	}
	.selectedItemHeader ul li.caseProfilebg .userEditView li{  margin:0px; padding:0px; float:left; padding:4px 5px }
	.selectedItemHeader ul li.caseProfilebg .userEditView li img{margin-top:6px;}
	.userEditView::before{
	    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #1e5372 transparent;

	}
	.userEditView select{    border: 1px solid #d1d1d1 !important;
		font-size: 12px;
		padding: 0px 0px;
		height: 32px;
		width: 168px;
		margin-right: 10px;

	}




 .bottomTooltip {
	min-width: 294px;
    /* max-width: 400px; */
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 9px 11px;
    padding-bottom: 7px;
    color: #666666;
    background-color: #fff;
    font-weight: normal;
    font-size: 13px;
    border-radius: 5px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 0px 5px rgba(0,0,0,0.5);

	}

 .bottomTooltip i.arrowTopToolTip {
		position:absolute;
		bottom:100%;
		left:50%;
		margin-left:-12px;
		width:24px;
		height:12px;
		overflow:hidden;
	}

 .bottomTooltip i.arrowTopToolTip::after {
		content:'';
		position:absolute;
		width:12px;
		height:12px;
		left:50%;
		transform:translate(-50%,50%) rotate(45deg);
		background-color:#fff;
		box-shadow:0 1px 8px rgba(0,0,0,0.5);
	}
	/*message Inbox*/
	.default-mailbox{
		background-color: #82ac01;
    border-radius: 7px;
    color: #FFFFFF;
    font-size: 9px;
    padding: 3px 2px;
    border: 0px;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
}
#sms-counter{margin:0px; padding:0px; list-style: none;}
#sms-counter li{     float: left;
    /*margin-right: 19px;*/
	font-size: 12px; margin-top:5px; color: #337ab7}
	#sms-counter li span{ color: #777;}
	.rounded-input{border-radius:5px; font-size:12px;     border: 1px solid #ccc !important ;}

#casetypeAheadLst{
    width: auto !important;
    max-width: 94.7% !important;
    height: auto !important;
    border: 1px solid #ddd !important;
    background: #fff;
    margin-left: -1px !important;
    border-radius: 1px;
    border: 1px solid #ccc;
    min-width: 200px;
    box-shadow: 0px 0px 9px #ddd;
    width: 91%;
    overflow-x: hidden;
    margin-left: -6px;
    border: 1px solid #ddd;
    border-radius: 6px;
	border: 1px solid #ccc;
	max-height: 300px;
}
.editnoteTypeDropHeight{max-height:250px; overflow-y:auto; }
.editnoteTypeDropHeight::-webkit-scrollbar {width: 5px;}
.editnoteTypeDropHeight::-webkit-scrollbar-track {background: #fff;}
.editnoteTypeDropHeight::-webkit-scrollbar-thumb {background-color: #fff;}
.editnoteTypeDropHeight:hover::-webkit-scrollbar-thumb {background-color: #cccccc;}

#casetypeAheadLst .list-group-item a{border:0px !important ;border-bottom:1px solid #ddd !important;}
#casetypeAheadLst .list-group-item{
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin-bottom:0px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	border-right: 0px !important;
	margin-bottom:0px;
	padding: 5px 7px !important;
	display: block;
}
casetypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
	background:#fff !important;
}
.SelectCaseDropStyle{     max-width: 138px;
    font-size: 11px;
	margin-top: 3px;
	min-width:100px;
 }
.SelectCaseDropStyle .selectize-input{
	padding: 1px 5px 1px 10px !important;
    font-size: 11px;
    border-radius: 19px;
    border: 0px;
    background: #ffd966 !important;  }
.SelectCaseDropStyle input{font-size: 11px;}

.SelectCaseDropStyle .selectize-dropdown {
    top: 22px !important;
    font-size: 11px !important;
}

.SelectMainteDropStyle{ max-width:402px; min-width:130px; font-size: 11px;    margin-top: 3px; }
.SelectMainteDropStyle.single .selectize-input:after{right: 10px;     margin-top: -1px;}
.SelectCaseDropStyle.single .selectize-input:after{right: 10px;     margin-top: -1px;}

.SelectMainteDropStyle .selectize-input{
	padding: 1px 35px 1px 10px !important;
    font-size: 11px;
    border-radius: 19px;
    border: 0px;
	background: #337ab7 !important; color:#fff;  }

.SelectMainteDropStyle input{font-size: 11px; color:#fff;}
.SelectMainteDropStyle .selectize-dropdown, .priorDropStyle .selectize-input {
    top: 11px !important;
    font-size: 11px !important; 
}
.SelectMainteDropStyle.single .selectize-input:after{    border-color: #fff transparent; }
.SelectMainteDropStyle ::placeholder{color:#fff !important;}
.priorDropStyle .selectize-input{
	padding: 1px 35px 1px 10px !important;
    font-size: 11px;
    border-radius: 15px;
    border: 0px;
	border:1px solid #ccc;
  }

.editControlAlign{ margin-top:3px;}
.editControlAlign img{margin-left:5px;}
.tooltipIconTopALign{ padding-top: 3px; text-align: right;}
.bottomTooltip .row{margin-bottom: 0px !important;}
.casetooltipDatePic .custom-date-picker input[type=text]{width:172px  !important; border:1px solid #ccc;
    height: 25px !important;
}
.casetooltipDatePic .dropdown-menu  {    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 1px;
	border-top: 0px; 
	box-shadow: 0px 3px 7px #cccccc;   
	border-radius:0px 0px 4px 4px !important;
	padding-top: 6px;

    }
.casetooltipDatePic .dropdown-menu li{margin:0px; padding:0px; font-size: 11px; width:100%;}
.bottomTooltip .selectize-input {padding: 3px 6px !important;
	font-size: 11px;}
	.approveCancelIcon img{ margin-left:4px;}
	.tooltipDropDownStyle  .selectize-dropdown {
		top: 28px !important;
		font-size:11px !important; 
	}
	.tooltipDropDownStyle input {font-size:11px !important; }

.custom-tooltip-date-picker .input-group-addon	{
	display: block !important;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    height: 25px;
    padding: 5px 18px 10px 7px;
	}
	.custom-tooltip-date-picker input[type=text]{ font-size: 11px !important;}
	.custom-tooltip-date-picker {height: auto !important;}
	.datepickertooltipWrapper{padding-left: 18px;padding-bottom: 10px;}
	.bottomTooltip .typeAheadInputWidth{     margin-top: 3px;   min-width: 35px !important;}
	.bottomTooltip .typeaheadWrapper{      margin-bottom: 3px !important;
		margin-bottom: 2px !important;
		padding: 2px 5px !important;
		line-height: 18px;
		margin-top: 2px !important;
		margin-left: 2px !important;
		font-size: 11px !important;}
		.bottomTooltip	#typeAheadLst { font-size:11px !important;}

		.customToolTipWidth{    min-width: 401px;}

		.dateTimepickertooltipWrapper {
			padding-left: 18px;
			padding-bottom: 5px;
		}

		.toolTipchipBox {
			padding: 0 8px;
			height: 23px;
			font-size: 11px;
			line-height: 21px;
			border-radius: 25px;
			background-color: #f1f1f1;
			float: left;
			/* margin-top: 2px; */
			margin-bottom: 2px;
			margin-right: 2px;
		  }
		  
		  .toolTipchipBox i {
			  color:#ff0000;
		
		  }
		  .roundedPlusBox{        width: 10px;
			height: 10px;
			line-height: 10px;
			font-size: 17px;
			border-radius: 50%;
			border: 1px solid #337ab7;
			width: 23px;
			height: 23px;
			color: #337ab7 !important;
			line-height: 19px;
			/* margin-top: 3px; */
			float: left;
			margin-top: 1px;
			margin-left: 5px;
			margin-bottom: 4px;
			margin-right: 6px;
			margin-top: 3px;}
		  .chipboxListWrapper{margin:0px; padding:0px; list-style: none;}
		  .chipboxListWrapper li{float: left; margin:0px !important; padding:0px !important;}
		  .typeAheadWrapperBox{ float: left; min-width:100px; }
		  .tooltipMoreView{    left: 24%;}
		  .tooltipMoreView .typeaheadWrapper {margin:2px 2px !important; padding: 1px 5px !important; }
		  .cancelTooltipMoreWrapper{ margin-top:3px;}

		  
		  /*message Inbox*/

	.link-underline{ text-decoration: underline; font-size:13px; cursor: pointer; }
	.btn-no-bg{background:none !important; border:0px;}
	 .mailbox-messages {border:1px solid #d0cece;}
	 .btn-round-border{          border: 0px !important;
		border-radius: 30px !important;
		font-size: 12px;
		background: #9cc5d1 !important;
		color: #fff !important;
		box-shadow: none !important;
		line-height: 20px;
		padding: 1px 6px 2px 6px !important;
		margin-right: 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 87px;}
		.vertical-align-tx{ vertical-align: middle !important;}
/* .msg-box{    display: block;
			background: url(../images/message-icon.png) 0px 2px no-repeat;
			background-size: 16px;
			padding: 0px 0px 0px 23px;} */
.mailbox-messages .checkbox, .radio{ margin-top:0px !important;}
.check-box-top-bottom{margin-top:1px !important; margin-bottom:0px !important; }
.btn-no-padding{padding:0px !important;}
.btn-grp-top-align{     margin-top: 5px;
				margin-bottom: 5px; margin-left:4px;}

				.msg-box {white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					max-width: 88%;
					display: block;
				
			
			}

				.msg-box i {
					color: #337ab7;
					font-size: 15px;
					width: 20px;
					text-align: center;

				
				}
				.msg-box i.fa-mobile { font-size: 19px;}
				.msg-box i.fa-envelope-o { font-size: 14px;     margin-top: 1px;}
				
				.inbox-body-tx {margin-top: 1px;}




				
.refresh-top-left{margin-left:10px !important; margin-top: -1px;}
.msg-input-wrapper{background: none !important; border-top:0px;}
.icon-b-color{color: #336685;}
.mailbox-messages table {background: #f2f2f2;}
.mailbox-messages table tr:nth-of-type(odd) {
	background:none !important;
}
.mailbox-messages table tr:nth-of-type(even) {
background:none !important;
	
 }
.mailbox-messages table tr { background-color:#ddd !important;  font-size: 12px !important; }
.mailbox-messages table tr td{background: none !important; border-bottom: 1px solid #ababab !important; vertical-align: middle; padding-right: 0px;}
.mailbox-messages table tr:hover { background-color:#fff !important; cursor: pointer;    box-shadow: 5px 3px 10px #888 !important;}

.icon-group-onhover{ display: none;     height: 20px !important ; overflow:hidden;     margin-top: -2px !important;}
.mailbox-messages table tr:hover .icon-group-onhover{ display: block;}
.inbox-msg-title{ font-size: 18px; margin: 0px;padding: 11px 0px 7px 0px; color: #337ab7;}
.new-msg-link{padding: 5px 0px;
    margin-bottom: 10px;
	display: block;}
	.email-box-menu{background: none !important;}
	.email-box-menu li { background: #fafaf9 !important; border-bottom:0px !important; padding-bottom:5px;}
	.email-box-menu li a{color: #0e6785 !important;
		font-size: 14px;
		padding: 6px 7px; cursor: pointer; 
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	
	}
	.email-box-menu li a:hover, .email-box-menu li.active a{ background:#cadce0 !important; border-radius: 0px 20px 20px 0px; border-color:#cadce0 !important; }

	.input-email-icon{ margin:0px; padding:0px; list-style: none;}
	.input-email-icon li{ margin:0px 0px 0px 13px; padding:0px; list-style: none; float:left;}
	.input-email-icon li:first-child{margin-left:0px;}
	.input-email-icon li i.fa-flag, .input-email-icon li i.fa-briefcase{ font-size:17px; margin-top:3px;}
	.input-email-icon li .grp-inbox{margin-top:5px;}
	.input-email-icon li .email-icon-top{margin-top:4px;}
	.case-mailbox-icon{font-size: 17px;margin-top: 3px;}

	.input-email-icon li .grp-icon-bg{     
		background: url(../images/group-link-icon.png) 0px 3px no-repeat;
		background-size: 19px;
		display: inline-block;
		height: 19px;
		width: 20px !important; }
		.input-email-icon li .grp-icon-bg:hover{     
			background: url(../images/group-link-icon-hover.png) 0px 3px no-repeat;
			background-size: 19px;
			display: inline-block;
			height: 19px;
			width: 20px !important; }
	

		.inbox-icon-groupswrap{ padding:7px 0px 0px 0px !important;}
		.input-email-icon li .email-icon-bg{     
 background: url(../images/email-inbox.png) 0px 3px no-repeat;
    background-size: 15px;
    display: inline-block;
    height: 19px;
	width: 16px !important;
}
.input-email-icon li .email-icon-bg{     
	background: url(../images/email-inbox.png) 0px 3px no-repeat;
	   background-size: 15px;
	   display: inline-block;
	   height: 19px;
	   width: 16px !important;
   }

   .input-email-icon li .email-icon-bg:hover{     
	background: url(../images/email-inbox-hover.png) 0px 3px no-repeat;
	   background-size: 15px;
	   display: inline-block;
	   height: 19px;
	   width: 16px !important;
   }


.input-email-icon li .archive-icon-bg{     
background: url(../images/archive-icon-bg.png) 0px 4px no-repeat;
background-size: 16px;
display: inline-block;
height: 19px;
width: 16px !important; }
.input-email-icon li .archive-icon-bg:hover{     
	background: url(../images/archive-icon-bg-hover.png) 0px 4px no-repeat;
	background-size: 16px;
	display: inline-block;
	height: 19px;
	width: 16px !important; }




	.mailbox-date{ vertical-align: middle !important; text-align: right;}
	.msgPopTitle span{ color:#336685}
	.rounded-input{border-radius:5px; font-size:12px;     border: 1px solid #ccc !important ;}
	.linkMsgList{ margin: 0px; padding:0px; list-style: none;}
	.linkMsgList li{      float: left;
		width: 32.1%;
		margin: 0.5% 0.5%;
		border: 1px solid #ccc;
		padding: 10px;
		min-height: 104px;
		max-height: 104px;
		overflow-y: auto;
		transition: all 0.5s;
		
	}

	.linkMsgList li::-webkit-scrollbar {
		width: 4px;
		background-color: transparent;
	}
	.linkMsgList li:hover::-webkit-scrollbar {
		width: 4px;
		background-color: transparent;
	}
	
	.linkMsgList li:hover::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: transparent;
	}
	
	.linkMsgList li:hover::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: #cccccc;
	}


	.linkMsgList li:hover{ box-shadow: 0px 0px 7px #ccc; cursor: pointer;}
	.linkMsgList li a{text-decoration: underline;}
	
		.linkMsgList li p{   
			margin: 0px;
			padding: 0px;
			line-height: 20px;
			font-size: 12px;			
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;		
		}


			.link-case-drop li a{ font-size:12px;}
			.active-link-list{ background: url(../images/tick_saved.png) 97% 10px no-repeat;transition: inherit !important; background-size: 15px; box-shadow: 2px 2px 4px #999;}
			.link-to-case-back{ overflow: hidden;}
			
			.link-to-case-back h4 {    background-size: 23px !important;
				background: url(../images/arrow-left.png) 0px 2px no-repeat; }
			.link-to-case-back  span.backArrowBorder{      padding-left: 14px;
				border-left: 2px solid #1e5372;
				display: block;
				margin-left: 30px;
				line-height: 26px;
				font-size: 14px;
				color: #337ab7;}
				.link-to-case-back ul {
					margin-left: 43px;
					margin-top: 0px !important;
				}
				.link-to-case-back ul li{margin-top:0px !important;}
				.chooseThread{ overflow: hidden; margin-left:49px;}
				.chooseThread h4{border-bottom: 1px solid #ccc;
					font-size: 13px;
					color: #0e6785 ;
					padding: 9px 0px 6px 0px;}

					.edit-case-ellipsis{margin-top: 9px; margin-left:0px !important; font-size: 12px;}
					.edit-case-ellipsis .ellipsis-panel ul li{padding: 7px 10px;}

					.edit-case-ellipsis .icon-ellipsis {color:#337ab7 !important;}

					.circleExclamation{    border: 1px solid #ccc;
						font-size: 12px !important;
						border-radius: 50px;
						height: 20px;
						width: 20px;
						text-align: center;
						padding-top: 4px; cursor: pointer;
						margin-left: 11px;
						margin-right: 5px;}
						.circleExclamation.clickActiveCheck{ border: 1px solid #ffa500 !important; color:#ffa500 !important;}
					
	.smsPhoneAdEml{ margin:0px; padding:0px; list-style:none;}
	.smsPhoneAdEml li{margin:10px 0px 0px 0px; padding:0px; float:left ; margin-right:20px;}
	.smstitleWrapper{ width:100%; float:left;}
	.smsPhoneAdEml li .blockLabel {margin-left:0px;}
	.domainNameLeft{ margin-left:5px;}
	.phoneNoTopLeft{padding-top:13px;}
messagetypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
}

.tooltipMoreView .overlap {
    position: absolute !important;
    z-index: 900 !important;
    background: #fff;
}

.btn-sm-caseview{         font-size: 11px !important;
    padding: 4px 12px;}
	.col-12-align-box{ padding-left:6px;}

	.summarNoteWrapper  .btn-group.open .dropdown-toggle:hover{	padding: 5px !important;padding-top:0px !important; padding-bottom:0px !important;
	}
	.summarNoteWrapper  .btn-group i{ font-size:10px !important;}
	.tooltipMoreView casetypeahead {margin-top: 2px  !important;}
	.defaultCursor {cursor:default !important;}
	
	
	/* add new css 20-12-2018 */
	.custom-case-tab-links {padding-left:0px; padding-right: 0px;}
	.custom-case-tab-links a{ font-size: 13px;}
	.custom-case-tab-links a:first-child{padding-left:0px; padding-right:0px;}

	.summarNoteWrapper .viewProfileTx p span {
		font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size:11px !important;
	}
.circle-plus-wrap{    border: 1px solid #337ab7;
    border-radius: 50%;
    padding: 0px;
    width: 11px;
    height: 11px;
    line-height: 8px !important;
    font-size: 10px !important;
	text-align: center;}
	.thread-input-style{ margin:0px; width:auto; padding: 0px; list-style: none; border:0px; max-width:58%; height:34px;    padding-bottom: 4px; font-size: 13px; background: none !important;}
    .positionThreadEllipses{     position: absolute;
		right: 8px;
		top: 2px;}
.threadSubHeadTitle{ font-size: 17px !important;
	height: 30px;
	padding-top: 4px !important;}
	
.userInfoSebWrapper .threadSubHeadTitle{ font-size: 17px !important;
	
	background: url(../images/menu-list-icon.png) left top no-repeat;
	background-size: 23px;
	height: 36px;
	padding-left: 35px !important;
	padding-top: 1px !important;}
.positionThreadEllipses .ellipsis-panel ul{ padding:0px !important; margin:0px !important;}
.positionThreadEllipses .ellipsis-panel{z-index: 999999;}
.positionThreadEllipses .ellipsis-panel li{padding:6px 10px !important; font-size: 11px;}
.task-creator-wrapper{      border: 1px solid #f1f1f1;
    float: left;
    width: 96%;
	margin: 9px 2%;
	border-radius:5px;
    background: #fff;
    box-shadow: 0px 0px 11px #e8e8e8;}
	.userInfoSebWrapper{border: 0px !important;
		/* border-bottom: 1px solid #cc0000 !important; */
		height: 34px;
		padding-top: 5px !important;}
	.edit-container-outer .color-ellipses i{ color:#337ab7 ;}
	.padding-left-right-0 {padding-left:0px; padding-right:0px;}
	.userInfoWrapper .col-sm-3 img{      
		margin-right: 6px !important;
		padding: 0px;
		margin: 0px;    }
		.userInfoWrapper .col-sm-3 { line-height: 15px;}
		.positionThreadChild{top:5px;}
		.caseSubIconList {    width: 100%;
		
			float: left;}
		.caseSubIconList li{     padding-left: 20px !Important;
			float: left !important;
			font-size: 11px;
			width: auto !important;
			padding-right: 23px !important;
			padding-top: 1px !important;
			padding-bottom: 1px !important;
			height: 17px;}
			.infoLeftArrow {font-size: 11px;}

			.userInfoSebWrapper .SelectCaseDropStyle{ margin-top:0px !important;}
			.userSmsProfileArea .ellipsisButtonBeside {top:12px; font-size: 12px;}

			.selectedItemHeader .caseSubIconList  li:hover .icon-edit5 {    right:6px;}
			.task-creator-wrapper .summarNoteWrapper {margin-left:15px; margin-right:15px;}
			.margin-bottom-0{margin-bottom:0px !important;}
			.tasks-overview{width:100%; float:left;}
			.editCasePositionMain .edit-show-onhover{ top:5px;}
			.editCasePositionMain {height: 23px; max-width:65%;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
			.height100{height: 100px !important;}			
			.emailElipsisRightDrop{z-index: 1; right:8px;}
			.emailElipsisRightDrop .ellipsis-panel  { margin:0px; padding:0px; list-style: none !important;}
			.emailElipsisRightDrop ul{margin:0px; padding:0px; list-style: none;}
			.emailElipsisRightDrop ul li{margin:0px; padding: 6px 10px !important; width: 100% !important;}
			.emailElipsisRightDrop ul li:first-child{text-align: left !important;}
			.margintop30{ margin-top: 11px !important;}
			.objtypeDocuments .infoLeftArrow:after{ display: none !important; }
			.objtypeDocuments li:first-child{text-align: center;}
			.userSmsProfileArea ul li a{ text-decoration: underline;} 
			.userSmsProfileArea .gradientText{    margin-left: 0px !important; 
			 margin-right:0px !important; }
			 .objtypeDocuments .messageFooterWrapper li {padding-left:0px !important; }
			 .objtypeDocuments .messageFooterWrapper li a{font-size: 11px !important ;}
			 .objtypeDocuments .expandMoreText a { margin-left:1px !important;}
			 .mesgCustomStyle {
				min-height: 29px;
				border-color: #d8d8d8!important;
			}
			 .mesgCustomStyle .typeaheadWrapper {
				padding: 3px 15px !important;
				margin: 2px 0px 2px 1px !important;
			
			}
			.email-select-drop {height: 29px;}
			.email-select-drop .selectize-input{
			
				padding: 5px 8px;			
				border: 1px solid #d8d8d8 !important;
				font-size: 12px;
			
			}
			.mesgCustomStyle .typeAheadInputWidth {margin-top: 3px !important; margin-left: 3px !important;}
			.popemailsummerwrapper .row{margin-bottom: 10px !important;}
			.senderSmsWrapper{
				border: 1px solid #ccc;
				width: 100%;
				display: block;
				min-height: 29px;
				overflow: hidden;
				border-radius: 5px;
				margin-top: 6px;
			}
			.email-select-drop .selectize-dropdown { top: 31px !important;}
			.rowMarginTop5 {
				margin-top: 5px;
			}
			.rounded-input-border-color{    border: 1px solid #d8d8d8 !important;}

			@media (min-width: 1680px) {
				.mailGridWrapperWidth{width: 96.0% !important;}
			.userInfoWrapper ul li:first-child {
				width: 4%;
			}
			.customScrollStyle{overflow-y:auto; max-height:500px; }
		}
.newMsgWrapper .summarNoteWrapper {margin:0px !important; box-shadow: 0px !important;}
/* 27122018 */
.casecreator-input{ color:#000 !important; margin-top:3px;}

.summarNoteWrapper ::placeholder   { /* Microsoft Edge */
	color:#7f7f7f !important;
   }
.toggleSummartyIcon{margin-top: 3px;margin-right: 10px;}

.note-placeholder {color:#7f7f7f !important;}
.taskcreatorFooter{padding-top:8px;}
.customTipDatePicker .input-group-addon{
display: block !important;
float: right;
position: absolute;
top: 0;
right: -15px;
text-align: center;
height: 34px;
padding: 9px 18px 10px 7px;
}
.casetooltipDatePicNew .custom-date-picker input[type=text] {
    width: 180px !important;
    border: 1px solid #ccc;
    height: 34px !important;
}
.casetooltipDatePicNew .casetooltipDatePicAlt input[type=text] { width: 180px !important;}
.customTipDatePicker {position: relative;}
.casetooltipDatePicNew ul li{ font-size:12px;}
.tooltipDropDownStyle .selectize-dropdown {
    top: 36px !important;
    font-size: 11px !important;
}
.custom-date-picker .dropCustomDateWidth {    width: 197px !important;
	margin-top: 0px !important;margin-left:0px !important; padding: 0px;}
	.custom-date-picker .remMeDrop { width: 197px !important;
		margin-top: 0px !important;
		margin-left: 0px !important;
		padding: 0px;}
	
	.confirmCreditAddRight{ margin-right:4px;}
	.kpmCreateTheadTask .summarNoteWrapper{ margin:0px 0px 10px 0px !important; padding-bottom: 0px;}
	.kpmCreateTheadTask .summarNoteWrapper .note-editor.note-frame{    margin: 0px 0px 8px 0px;}
	.kpmCreateTheadTask  .casecreator-input{     font-size: 14px;
		padding-bottom: 3px;
		padding-top: 0px;}
		@media (min-width: 768px){
			.modal-xxlm {
				width: 1241px;
				margin: 30px auto;
			}
			.modal-xxlmp {
				width: 80%;
				margin: 30px auto;
			}
		}

		.kpmCreateTheadTask  .casecreator-input ::placeholder   { /* Microsoft Edge */
			color:#ccc !important;
		   }
.thread-doc-body{font-size: 13px;min-height: 30px; margin-bottom: 3px!important;}
			.thread-doc-detail{font-size: 10px;}
			.note-placeholder{color: #beb8b8!important;}

.newMsgWrapper .panel-body{
    min-height: 38vh !important; /* For 100% screen height */
   
}	
.textBoxHeightScreen{ height: 50vh !important;}
.addNotepopHeihgt  .panel-body {
    color: #444; 
	height: 48vh !important;
}
.modalpopupHeightResize { height: 56vh !important;}

@media (min-width: 1680px){
	.createNewCaseResize .note-editor.note-frame .note-editing-area .note-editable {min-height: 400px;}

	.modal-xxlm {
		width: 1441px;
		margin: 30px auto;
	}
	.newMsgWrapper .panel-body{
		height: 48vh !important; /* For 100% screen height */
	   
	}	
	.newMsgWrapperHeight .panel-body{
		height: 48vh !important; /* For 100% screen height */
	   
	}
	.addNotepopHeihgt  .panel-body {
		color: #444; 
		height: 60vh !important;
	}

	.textBoxHeightScreen{ height: 55vh !important;}
	.sendMailViewText { height: 55vh !important;}
	.modalpopupHeightResize { height: 76vh !important;}
	.phoneNumListWrap{max-height: 70vh !important;}
}

.userSmsProfileArea span.alphabet{

height: 42px;
width: 42px;
line-height: 37px;
color: #fff;
text-align: center;
padding: 4px 4px;
margin: 1px;
background: #b2cc8a;
border-radius: 50%;
text-transform: uppercase;
display:inline-block;
}
.emailTxtEdit{
	overflow: hidden;
	min-height: 30px;
	margin-bottom: -6px;
}
.expandMailTx{ height: auto !important; background:none !important; -webkit-text-fill-color: inherit !important; }
.dateSubChildStyle {margin: 0px !important;
    padding: 0px !important;
    box-shadow: 0px 2px 6px #dddddd !important;
    width: 95%;}
.dateSubChildStyle li { height:auto !important; width: 100%  !important; padding:0px 0px !important; margin:0px !important}
.dateSubChildStyle li a{padding:4px 10px !important;}
.shotSnooZed{ margin:0px 10px 0px 0px;}
.anoozedCheckBoxWrap .checkbox{     margin-top: 0;
    /* border: 1px solid #cc0000; */
    overflow: hidden;
	margin-bottom: 0px;}
	.includeSnoozedMain{     height: 18px;}
	.shotDropStyle li {font-size: 11px;     padding: 6px 10px !important;}
	.caseShowAllLInk {
		text-decoration: underline;
		color: #337ab7 !important;
		font-size: 12px !important;
		background: none;
		border:0px !important;
	}
	.caseShowAllLInk::after{display: none !important;}
	.userInfoWrapper .userInfoSebWrapper { box-shadow: none !important;}
	
.messageFooterWrapper  li.noteInfoBg{ background: url(../images/note.png) left top no-repeat;}

.loadMoreDetails  .inTaskBy h4{      font-size: 9px;
		padding: 0px 0px;
		margin: 0px;}
	.loadMoreDetails  .inTaskBy {       display: inline-block;
	border: 1px dashed #337ab7;
	padding: 7px 10px 8px 10px;
	color: #337ab7;
	background: #fff;}
.inTaskBy:hover{color: #818181; border-color: #818181;}
.custom-documet-grid{ background: #fff !important;}

.mailbox-messages .custom-documet-grid tr:hover  {box-shadow: 5px 4px 8px #ccc !important;}
.custom-documet-grid tr:hover td{ background: #f5f5f5 !important;}
.marginTopM10{margin-top: -10px;}
.documentAttchBg{    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
    box-shadow: 0px 0px 10px #ccc;
    line-height: 31px !important;}

	.tooltipDropDownStyle .selectize-dropdown {
		top: 27px !important;
		font-size: 11px !important;
		padding-right:1px;
	}



   
   .tooltipDropDownStyle .selectize-dropdown-content::-webkit-scrollbar {
	   width: 4px;
	   background-color: transparent;
   }
   
   .tooltipDropDownStyle .selectize-dropdown-content::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: transparent;
   }
   
   .tooltipDropDownStyle .selectize-dropdown-content::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #cccccc;
   }
.emailBodyWrapper {    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 10px;}
.emailBodyWrapper p{margin-bottom:10px;}
.includeSnoozedMain .fa-filter { font-size: 16px !important; margin-right:10px !important;}
.includeSnoozedMain  .fa-sort-amount-asc { font-size: 13px !important; margin-right:10px !important;}
.messageFooterWrapper li.atachFileViewWrapper{  position: relative;}
.atachFileViewWrapper .bottomTooltip {position: absolute;left: 50%;top: 26px;     min-width: 227px;}
.attachVewFiles {     display: block !important;
    width: 97% !important;
    border-bottom: 0px solid #ccc;
	float: left; margin:0px !important; border-top: 1px dashed #ccc; margin-bottom: 3px !important;}
	.attachVewFiles:first-child{border-top:0px;}
.attachVewFiles .attachDocumentName{          display: block;
    line-height: 20px;
    font-size: 11px;
    margin-right: 10px;
    max-width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
	.attachViewIcon {       margin-top: 4px;
		margin-right: 0px !important;
		float: right !important;}
		.attachVewFiles .fa-cloud-download { display: none;}
		.attachVewFiles:hover .fa-cloud-download{color:#337ab7; display: block;}
		.closeTooltipBotttom {          border: 1px solid #999;
			font-size: 11px;
			/* padding: 2px 0px; */
			line-height: 17px;
			display: inline-block;
			text-decoration: none !important;
			color: #888;
			font-family: arial;
			position: absolute;
			right: -7px;
			top: -7px;
			border-radius: 50%;
			color: #fff !important;
			background: #999;
			width: 18px;
			height: 18px;
			text-align: center;}
/* new css 04-01-2019 */
.sendMailViewPopup {margin-bottom: 10px;}
.sendMailViewPopup .selectize-control .selectize-input.disabled{ background: #fff !important; cursor: default !important;}
.sendMailViewPopup  .selectize-control.single .selectize-input.disabled:after{ display: none !important;}
.sendMailViewPopup .form-control[disabled], .sendMailViewPopup .form-control{background: #fff !important; cursor: default !important; font-size: 12px;}
.sendMailViewText { padding:10px; font-size:12px; height:53vh !important; overflow-y: auto; margin-bottom: 15px;}
.sendMailViewPopup  .typeaheadWrapper .fa-times , .sendMailViewPopup  .typeAheadInputWidth{ display: none !important;}

.sendMailViewText::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}

.sendMailViewText::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: transparent;
}

.sendMailViewText::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cccccc;
}
.invoice-line ul li .notransition  {
    margin: 5px 0 0 0;
}
.custom-card-grid tr td{ padding-top:3px; padding-bottom:30px;}
.custom-card-grid tr td .gridTextColumn{ display: inline-block;
    padding-left: 5px;}
.custom-card-grid tr td .fa img{    height: 15px;
		width: 15px;}
.sms-box{
	display: block;
	background: url(../images/mail-msg.png) 0px 2px no-repeat;
	background-size: 16px;
	padding: 0px 0px 0px 23px;}

.documentAttchBg .icon{ font-size: 14px !important;     font-size: 21px !important;
	margin-top: 5px;}
	.col-sm-01 { width:5%;}
	.margin-top0{margin-top: 0px !important;}

	.form-control-custom{    height: 34px;
		line-height: 33px;
		border: 1px solid #bdbdbd;}
		.sendMailViewPopup .form-control-custom[disabled]{    background: #ebebe4 !important;
			cursor: default !important;
			font-size: 12px;
			color: #000 !important;}
			.sendMailViewPopup .form-control-custom::-webkit-input-placeholder{color:#333;}
			.form-label-middle{ line-height: 33px;}
			.margin-top-back{ margin-top:4px; }

			.maintenanceDropBg .selectize-dropdown-content {max-height: 400px;}
			.selectDescripLeft{max-width: 81%;}

			.mainControlMain{ border: 0px solid #ccc;
				overflow: hidden;
				width: 100%;
				margin-top: 10px;
				padding-bottom: 7px;
				padding-top: 3px;}
			.top-inboxlink-slide{ margin-left: 0px;}
			.top-inboxlink-slide a::after{    bottom: -11px !important;}
			.top-inboxlink-slide a { font-size:14px !important; border-left: 0px solid #ccc !important; padding:0px 20px 0px 20px; color:#999; cursor: pointer;}
			.top-inboxlink-slide a:hover, .top-inboxlink-slide a.active{color: #337ab7 !important;}
			.top-inboxlink-slide .pull-left:first-child a{border-left:0px !important; padding-left: 0px;
				padding-right: 0px;}
			.btn-grp-top-align-left {margin-left:4px;}
			.mailboxTopBoxder{ padding-bottom: 5px !important;}
	.icon-add-new{       position: fixed;
		z-index: 2222;
		right: 7px;
		bottom: 15px;
		width: 46px;
		height: 46px;
		background: #0e6785;
		border-radius: 50px;
		box-shadow: 0px 0px 10px #999;
	}
	.icon-add-new .icon-ellipsis{          margin-top: 14px;
		margin-left: 14px;
		font-size: 19px;
		color: #fff !important;}
    .icon-add-new .ellipsis-panel	{
		top: -298px !important;
		/* top: -208px !important; */
		right: 50px !important;
		bottom: 2px;
		top: initial !important;
		z-index: 44444 !important;
		}

		/* demo css */
		.inprogressCustom{   padding: 4px 10px 4px 10px !important;
			font-size: 11px;
			border-radius: 19px;
			border: 0px;
			background: #ffd966 !important;
			margin-top: 1px;}
			.userInfoNew{     padding: 8px 10px;
				overflow: hidden;
				height: auto !important;}
				.userInfoNew .edit-case-name {height:30px;  border-bottom:1px solid #ddd;}
				.userInfoNew .selectedItemHeader ul li {
					position: relative;
					padding-top: 4px !important;
				}
				.userTypeMsg{width: 100%;
					overflow: hidden;
					padding: 10px 5px;}
				.documentAttchBgNew{        width: 29px;
					height: 29px;
					border-radius: 50%;
					background: #fff;
					display: block;
					box-shadow: 0px 0px 10px #ccc;
					text-align: center;
					line-height: 27px;}
					.documentAttchBgNew .icon {     font-size: 17px !important;
						color: #6e9cb0 !important;
						/* margin-left: 3px; */
						margin-top: 5px !important;}
					.profileName{
						float: left;
						padding-left: 10px;
						font-size: 13px;
						line-height: 30px;
					}
.userListUl {margin: 0px !important; padding:0px !important; list-style:none;}
.userListUl li{ width: auto !important;     padding-right: 30px !important;}
.documentAttchBgNewImg{line-height:27px !important;}
.customCrossIcon {
	font-family: arial;
    color: #fff !important;
    font-size: 22px;
    text-align: left;
    padding-top: 13px;
    font-weight: 100 !important;
    width: 100%;
    margin-left: 16px;
}    
.newcaseViewTitle {     font-size: 20px !important;
    margin-bottom: 10px !important;}
.newcaseViewTitle  i{     font-size: 14px;
	margin-top: 6px;}
	.mailboxTopBoxder .custom-drop-menu.custom-btn-group-inbox{min-width: 100% !important;}


	.newcaseViewTitle {     font-size: 20px !important;
		margin-bottom: 10px !important;}
	.newcaseViewTitle  i{     font-size: 14px;
		margin-top: 6px;}
		.mailboxTopBoxder .custom-drop-menu.custom-btn-group-inbox{min-width: 100% !important;}
	
		.emailBoxWrapperOuter {position:relative; }
		.emailHoverIcons{
    /* width: 300px; */
    border: 1px solid #ddd;
    position: absolute;
    right: 0;
    z-index: 332;
    background: #fff;
    border-radius: 6px;
    /* height: 40px; */
    box-shadow: 0px 0px 3px #ddd;
    right: 1%;
    display: none;
    margin-top: 9px;
			}
			.emailBoxWrapperOuter:hover .emailHoverIcons { display:inline-block;}
			.emailHoverIcons ul{margin:0px !important; padding:0px !important;}
			.emailHoverIcons ul li{float:left !important;width: auto !important;padding: 0px 13px 3px 13px;border-left: 1px solid #ddd;line-height: 24px;}
			.emailHoverIcons ul li:first-child{border-left:0px !important;}
			.emailHoverIcons ul li img{width: 12px !important;}
			.emailHoverIcons ul li i{    color: #336685;
				/* margin-top: 5px; */
				/* line-height: 22px; */
				/* padding-top: 4px; */
				top: 1px;
				position: relative}
				.emailEllipsisPosition{      right: 36px;
				 }
				 .emailEllipsisPosition{     
					bottom: inherit !important;
					top: -10% !important; }
					.windowScrollCase	.emailEllipsisPosition{      
						bottom: 0px !important;
						top: inherit !important; }
				
.emailHoverIcons .emailEllipsisPosition li{ width:100% !important;}
.toemailNameBox{    background: #ddd;
    border-radius: 16px;
    padding: 0px 15px 2px 15px;
    color: #333;
    margin-top: 0px;
	display: inline-block;}
	.typeahedeLinkColor .list-group-item.active, .typeahedeLinkColor .list-group-item.active:focus, .typeahedeLinkColor .list-group-item.active:hover {background: #5f99b4 !important;}
	.newMsgWrapper .subjectRow {
		margin-bottom: 5px !important;
	}
	.moreButtons{ position:relative; }
	.moreOptionList { 

 background: #fff;	
 z-index: 4444444;	
 left: 0;
 right: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-181px, -50%);
 width: 163px;
box-shadow: 0px 3px 10px #ccc;

	
	}


		/*.moreButtons:hover .moreOptionList { display: block;  transform: translateY(0%);
			transition-delay: 0s, 0s, 0.3s;}*/
		.morelistItems{ margin:0px; padding:0px; list-style:none;}
		.morelistItems li{ text-align:left; width:100%; border-bottom:1px solid #f1f1f1; font-weight:normal; padding:7px 10px; color:#999;}
		.morelistItems li:last-child{border:0px;}
		.morelistItems li:hover{background:#f1f1fd ; color:#000;}
		.btnGroupinboxWidth{width:289px;}
		.mailbox-messages.table-responsive {overflow:inherit;}
		.mailbox-messages table tr:hover .inboxdateHide{ display:none;}
		.mailbox-messages table tr .input-email-icon { display:none;}
		.mailbox-messages table tr:hover .input-email-icon {     display: inline-block;
			height: 18px; }
	

	@media (min-width: 1600px) {
		.mailbox-messages table tr .mailbox-attachment.btnGroupinboxWidth{width:20%;}
	}
	.threadDetailList {    margin: 0px !important;
		padding: 0px !important;
		margin-left: 10px !important;
	
	}
	.threadDetailList li{ 	width: auto !important;
		font-size: 11px !important;
		background-position: 0px 7px;
		padding: 0px 21px 0px 11px !important;
		background-size: 6px;
	}
	.emailBoxRelative{ position: relative;}
.documentEllipsis  {width:230px !important;}
.documentEllipsis ul li {text-align: left !important; font-size: 12px !important;}
.emailStatusCheck{font-size: 12px;position: absolute;right: 20px;bottom: 9px;z-index: 22;}	
.mailbox-messages table tr td.mailbox-name {width: 190px !important;}
.mailbox-messages table tr td.mailbox-date {
    padding: 0px 10px 0px 0px !important;
    width: 340px;
}	
.fullscreenZoom{width:100%; float:left;}

.emailTopSelectedIcon{margin-left:20px;     margin-top: -1px;}
.mailBoxTopRow{ margin-bottom:0px !important;}
.msgTitleLeft{padding-left: 4px !important;}
.msgDropDownRight{margin-right: 5px;}
.fa-images{margin-top:4px;}

.smallTableWidth{
	width:50%;
}
/* new css 16-01-2019 */
.input-email-icon li .addLabelBg{     
    background: url(../images/add-label-button.png) 0px 4px no-repeat;
    background-size: 16px;
    display: inline-block;
    height: 18px;
    width: 17px !important;}
.input-email-icon li .addLabelBg:hover{     
		background: url(../images/add-label-button-hover.png) 0px 4px no-repeat;
		background-size: 16px;
		display: inline-block;
		height: 18px;
		width: 17px !important
	}

	.input-email-icon li .removeLabelBg{     
		background: url(../images/remove-label.png) 0px 1px no-repeat;
		background-size: 16px;
		display: inline-block;
		height: 18px;
		width: 17px !important;}
	.input-email-icon li .removeLabelBg:hover{     
			background: url(../images/remove-label-hover.png) 0px 1px no-repeat;
			background-size: 16px;
			display: inline-block;
			height: 18px;
			width: 17px !important
		}
		.input-email-icon li .restoreBg{     
			background: url(../images/restore.png) 0px 4px no-repeat;
			background-size: 17px;
			display: inline-block;
			height: 20px;
			width: 17px !important;}
		.input-email-icon li .restoreBg:hover{     
				background: url(../images/restore-hover.png) 0px 4px no-repeat;
				background-size: 17px;
				display: inline-block;
				height: 20px;
				width: 17px !important
			}

			.input-email-icon li .createProsPect{     
				background: url(../images/prospects-color.png) 0px 4px no-repeat;
				background-size: 16px;
				display: inline-block;
				height: 20px;
				width: 17px !important;}
			.input-email-icon li .createProsPect:hover{     
					background: url(../images/prospects-color.png) 0px 4px no-repeat;
					background-size: 16px;
					display: inline-block;
					height: 20px;
					width: 17px !important
				}

	
			.CaseTitleIconsPosition{       margin: 0px !important;
				top: -1px;
				right: 7px;}

.sendSMsIconSize	{       font-size: 17px !important;
margin-top: 1px;
position: relative !important;
top: 3px !important;}

.input-email-icon li .icon-replay{     
	background: url(../images/replay-icon.png) 0px 6px no-repeat;
	background-size: 16px;
	display: inline-block;
	height: 20px;
	width: 17px !important;}
.input-email-icon li .icon-replay:hover{     
		background: url(../images/replay-msg.png) 0px 6px no-repeat;
		background-size: 16px;
		display: inline-block;
		height: 20px;
		width: 17px !important
	}

.input-email-icon li .icon-forward{     
	background: url(../images/forward-msg-icon.png) 0px 6px no-repeat;
	background-size: 16px;
	display: inline-block;
	height: 20px;
	width: 17px !important;}
.input-email-icon li .icon-forward:hover{     
		background: url(../images/forward-msg.png) 0px 6px no-repeat;
		background-size: 16px;
		display: inline-block;
		height: 20px;
		width: 17px !important
	}
.replayEmailTab{       width: 100%;
float: left;
margin-bottom: 12px;
border-bottom: 1px solid #f4f4f4;
height: 35px;}
.replayEmailTab .link-bottom-border-slide a{ font-size: 14px;}
.height40{max-height: 34px!important}
.viewunreadMsg{ margin-left:10px; margin-top:6px; }
.viewunreadMsg a{ text-decoration: underline; font-size: 12px;}
.viewunreadMsg a:hover{text-decoration: none;}
	
/* add new css 17-01-2019 */
.emailTitleStyle{     font-size: 16px;
    font-weight: 100;
    color: #336685;
    display: inline;
    padding-right: 6px;
}
.emailBodyText{display:inline; font-size: 12px;}
.emailBodyText img{max-width: 400px; max-height: 280px;}
.unreadText{font-weight: bold; }
.mailbox-messages .unreadText, .mailbox-messages tr.unreadText:nth-of-type(even),.mailbox-messages tr.unreadText:nth-of-type(odd) {background:#fff !important;} 
.lessTextLink{ text-decoration: underline; font-size: 12px;}

.iconellipsisStyle{
	border: 0px solid #999 !important;
    border-radius: 50%;
    width: 28px !important;
    height: 28px !important;
    line-height: 32px;
    font-size: 20px;
	color: #336685 !important;
	text-align:right;
}
.popupEllipsesStyle { top: 26px; right: 11px;}
.popupEllipsesStyle ul li{ padding:7px 10px !important;}
.popupEllipsesStyle ul li a{ color: #777;}
.popupEllipsesStyle ul li a:hover{ color: #888;}
.sendEmailPopupHeight {height:535px;}
.sendEmailPopupHeight .minimizedView{ height: 25vh !important;}
@media (min-width: 1600px) { 
	.sendEmailPopupHeight .minimizedView {
		height: 36vh !important;
	}
}
.sendEmailPopupHeight  .search-result-list{margin: 0px 10px;     padding: 0px 0px 12px 0px !important;}
.col-sm-1-custom{width:4%;}
.col-sm-11-custom{      width: 93%;
    border: 1px solid #f1f1f1;
    margin-left: 20px;
    overflow-y: auto;
    height: 446px;
    padding-right: 7px;}
	
	.col-sm-11-custom::-webkit-scrollbar-track {
	 
		border-radius: 4px;
		background-color: #fff !important;
	}
	
	.col-sm-11-custom::-webkit-scrollbar {
		width: 4px;
		background-color: #fff !important;
	}
	
	.col-sm-11-custom::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: #ccc;
	}
	


	
.back-right-border{  border-right: 2px solid #337ab7;
    margin: 4px 0px 0px 16px;
    padding-right: 7px !important;
    padding: 4px 0px;
    cursor: pointer;}
	.back-right-border img {width:25px;}
	.metaDataContainStyle tr td{    border-bottom: 1px solid #f1f1f1;
		padding: 8px 10px;}

		.metaDataContainStyle{table-layout: fixed;
			width: 100%;}	
			.metaDataContainStyle tr td:first-child{width:150px;}
			.cursorDisabled {
				cursor: not-allowed !important;
			}
			.thread-creator-bg{background:url(../images/user-profile.png) left center no-repeat;}
			.editControlTopAlign {
				margin-top: 5px;     margin-left: 10px;
			}

			.includeClosedDesign{padding-left:0px; padding-right:0px;}
			.btnSmFont{ font-size:12px;}
            
			.positionthreadCreater{ display: none; 
				position: absolute;				
				left: 9px;
				top: 27px;
				background: #fff;
				z-index: 444;
				font-size: 11px;
				padding: 10px 10px;
				border-radius: 12px;
				box-shadow: 0px 0px 10px #ddd;
				/* border: 1px solid #ccc; */;}
			.hoverShowCreatar:hover .positionthreadCreater{ display: inline-block; }
			.smsRelatedPop .col-sm-1-custom {
              width: 7%;
               }
			   
		
			   
			  .smsRelatedPop   .col-sm-11-custom { width: 87%;}
			  .smsRelatedToFont li{ font-size:12px;}
			  .nodataFound{    /* padding: 40% 0px; */
				/* color: #ccc; */
				/* text-align: center; */
				position: relative;
				/* float: left; */
				/* top: 50%; */
				/* left: 50%; */
				/* transform: translate(-50%, -50%); */
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateX(-50%) translateY(-50%);
				color: #ccc;}
			   .thread_border_bottom{border-bottom: 1px solid #ddd;}
			   .grid-labeltx-align {padding: 1px 0px 0px 10px;}
			   .box-footer{background: none;}
			   .threadViewTitle{ padding-left:5px;   font-size: 15px !important;  transition: 0.5s;}
			   .threadViewContain{ transition: 0.5s; font-size: 11px !important; color:#999 !important;} 
			   .linkMsgList li .rightArrowTx{  background: url(../images/arrow-right-icon.png) 0px 7px no-repeat;
				background-size: 8px;
				padding-left: 11px;
				margin-left: 7px;}

				.linkMsgList li:hover .threadViewTitle, .linkMsgList li:hover .threadViewContain {padding-left:6px !important;} 

				.activeSelectorThread{
					color: #337ab7;
					text-decoration: underline;
					/* font-weight: bold; */
					font-size: 14px;

				} 
				
				.userListUl li .profileName {  	transition: all 0.5s;}
				.userListUl li:hover .profileName { font-size:14px !important; padding-left:15px !important; text-decoration: underline; color:#337ab7 ;  }

				.tooltipMoreView #casetypeAheadLst {    background: #fff;
					z-index: 4444444;
				
					position: absolute;
				    top: 79px !important;
					width: 163px;
					box-shadow: 0px 3px 10px #ccc;
					transform: translate(4%, -40%);
					width: 163px;
					box-shadow: 0px 3px 10px #ccc;}

				.tooltipMoreView #casetypeAheadLst .list-group-item{text-align: left !important;}
				.moretxfontSize{ font-size:11px;}
				
	/*------ 25-01-2019 ------*/
	
	.inventoryImageUp ul{ margin:0px; padding:0px; list-style:none;}
	.inventoryImageUp li {    float: left;
		width: 50px;
		background: #fff;
		box-shadow: 0px 0px 10px #ccc;
		height: 50px;	
		list-style: none;
		text-align: center;
		line-height: 47px;
		margin-right: 8px; margin-bottom: 7px; position:relative;}
	.inventoryImageUp li .imageHoverTresh{ display:none;        position: absolute;
		font-family: arial;
		right: -7px;
		width: 13px;
		height: 13px;
		font-size: 9px;
		color: #fff;
		border-radius: 50%;
		top: -6px;
		background: #555;
		line-height: 7px;
		padding: 4px 3px;
		text-align: center;
	}
	
	.inventoryImageUp li:hover .imageHoverTresh{ display:inline-block;;}

	.uploadImageIconSize{   
		color: #337ab7;
		margin-top: 9px;
		margin-left: 0px;}
		.uploadImageIconSize img{width: 100% !important; height:100% !important;}
.imageLoaderPosition{    position: absolute;
    left: -17px;
    top: 4px;}
.customDropDownMenu{
	margin: 0px 0px 0px -1px !important;
    padding: 0px; 
    float: left;
    z-index: 333 !important;
    z-index: 333;
    list-style: none;
    position: absolute;
    border: 1px solid #ccc;
    border-top: 0px;
    width: 234px;
    box-shadow: 0px 4px 10px #ccc;
	}
.customDropDownMenu li{        width: 100%;
	background: #fff;
	box-shadow: none !important;
	margin: 0px;
	border: 0px !important;
	border-top: 1px solid #ccc !important;
	text-align: left;
	height: auto;
	line-height: 20px !important;
	padding: 8px 10px !important;}
			.customDropDownMenu li a:hover{ color:#336685}
.addEmailAddressList{margin:0px; padding:0px; list-style: none;}
.addEmailAddressList li{margin:0px; padding:5px 0px ; list-style:none; border-bottom:1px solid #ddd !important;}
.emailUsrRoundedBg{        border-radius: 50%;
    background: #f1f1f1;
    padding: 3px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;margin-right:8px;}
	.cancel-user-onhover{ display: none;}
	.addEmailAddressList li:hover .cancel-user-onhover{ display: inline-block;}
	.addRemovePeople .form-control{ width: 80%; float:left; margin-right:10px; border-radius: 5px;}
	.addRemovePeople  img{    margin-top: 8px;margin-right: 5px;}
	.addRemovePeople{ overflow: hidden;}

	.addEmailAddressList li:last-child{border-bottom: 0px !important;}
	#casetypeAheadLst.summernoteDropDownStyle .list-group-item{ border:0px !important; color:#8c8c8c !important;}
	#casetypeAheadLst.summernoteDropDownStyle .list-group-item:hover{background: none !important; color:#555 !important; }
 #casetypeAheadLst.summernoteDropDownStyle .list-group-item.active{ background:#e6eff2 !important; color:#000 !Important;}
 #casetypeAheadLst.summernoteDropDownStyle .list-group-item:focus{background:#e6eff2 !important; color:#000 !Important;}
 #casetypeAheadLst.summernoteDropDownStyle .list-group-item .roundedBorderRedius{

	/* background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ 
	background: #f7f7f7;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid #ddd;
    font-size: 12px !important;
    padding: 1px 7px;
    color: #555;
    min-width: 100px;
    text-align: center;

}
	

	.showAdditionalRelative.bottomTooltip { transform: inherit !important;     right: -121px;
		transform: inherit !important;
		left: inherit;     z-index: 3;}
	.sendToMsgMoreItem  span {
		margin-right: 0px;
	}
	.relatedTitleStyle{    margin: 0px !important;
		border-bottom: 1px dashed #ccc;
		padding-bottom:8px;}
		.mailbox-messages-no-border{ width:100%;    border: 0px !important; float:left;    margin-top: 8px;
			margin-bottom: 8px;}
	
	
/*	---------------------------------------- */
	

			mwl-calendar .event {
				width: 8px !important;
				height: 8px !important;
				height: 12px !important;
				width: 98% !important;
				font-size: 9px !important;
				color: #fff;
				background-color: white;
				/* white-space: nowrap; */
				overflow: hidden;
				text-overflow: ellipsis;
				border: 0px !important;
				padding: 0px 8px 1px 8px;
				max-width: 95%;
				line-height: 14px;
				box-shadow: none !important;
				/* border-radius: 7px !important; */
				margin: 2px 1% 0px 2px !important;
				font-family: arial !important;
				border-radius: 2px !important;
			}
			mwl-calendar .events-list {
				max-height: 57px !important;
				padding-left: 0 !important;
				width: 100%;
			}
			
			mwl-calendar .cal-month-day .cal-events-num {
				margin-left: 4px !important;
				margin-top: 4px !important;
			}
			mwl-calendar span[data-cal-date]{    margin-top: 0px !important;
				margin-right: 4px !important;}


			.events-list .erMsg {
				font-size: 10px !important;
    text-decoration: underline;
    margin-bottom: 2px;
    margin-top: 0px;
    padding-top: -3px !important;
    line-height: 11px !important;
    text-align: center;
    display: block;
    font-family: arial;
			}

			mwl-calendar .cal-slide-content {
			    border-radius: 8px;
			    position: absolute;
			    z-index: 333333333;
			    padding: 10px !important;
			    /* bottom: 0px; */
			    margin: 0;
			    background: yellow;
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    width: 267px;
			    margin-right: -50%;
			    margin-top: -100px;
			    transform: translate(-50%, -50%);
			    /* max-height: 200px; */
			    /* overflow-y: auto; */
			    /* top: 50%; */
			    box-shadow: 0px 0px 10px #ccc !important;
			    background: #fff !important;
			    color: #ffffff;
			    background-color: #555555;
			    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
			    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
			}
			.task-creator-wrapper .msgTxtEdit p{ padding:0px 20px 10px 30px;}
			mwl-calendar .cal-day-tick {
			    position: absolute;
    right: 50%;
    bottom: -21px;
    padding: 0px 5px;
    cursor: pointer;
    z-index: 5;
    text-align: center;
    width: 26px;
    margin-right: -295px;
    top: -49px;
    bottom: inherit;
    background: none;
    right: 0px;
    z-index: 33333333333;
    height: 15px;
    overflow: hidden;
    background: none !important;
    border: 0px !important;
	font-size: 10px;
	display:none;
			}
			mwl-calendar .cal-event-list .event.pull-left {
				margin-top: 3px;
				width: 10px !important;
			}
			.collapse.in {
				
				/* background: rgba(0,0,0,0.2); */
			}

			mwl-calendar .cal-slide-content a.event-item {
				color: #383838 !important;
				width: 154px;
				display: inline-block;
				font-size: 12px;
			}
			.cal-slide-content li {margin-bottom:10px;}

			mwl-calendar .cal-slide-content ul.unstyled {
				margin-bottom: 0;
				float: left;
				width: 100%;
			}

		.closeCalendarPop{
			
color: #999 !important;
			
margin-right: 10px;
			
position: absolute;
			
right: 0px;
			
top: 10px;
			
}	

			mwl-calendar .cal-event-list .event.pull-left {
				margin-top: 3px;
				width: 8px !important;
				height: 8px !important;
				padding: 0px;
				border-radius: 50% !important;
				margin-top: 5px !important;
			}

			mwl-calendar .cal-slide-content ul.unstyled {
				margin-bottom: 0;
				float: left;
				width: 100%;
				max-height: 164px;
				overflow-y: auto;
				margin-top: 10px;
			}

		
			
			mwl-calendar .cal-slide-content ul.unstyled::-webkit-scrollbar {
				width: 4px;
				background-color: transparent;
			}
			
			mwl-calendar .cal-slide-content ul.unstyled::-webkit-scrollbar-thumb {
				border-radius: 4px;
				background-color: transparent;
			}
			
			mwl-calendar .cal-slide-content ul.unstyled::-webkit-scrollbar-thumb {
				border-radius: 4px;
				background-color: #cccccc;
			}
			.cal-slide-box .fa-external-link{     float: right;
				margin-right: 10px;
				margin-top: 6px;}


.calendarBgBackground{ background: #f1f1f1 !important; border-radius:30px;}
.calendarBgBackground .btn, .calendarBgBackground .btn:hover{background: none !important; border:0px; padding:0px !important;}
.calendarBgBackground .btn i{    background: #fff !important;
    width: 20px;
    height: 20px;
    color: #2a97a4;
    border-radius: 50%;
    box-shadow: 0px 0px 4px #ccc;
    text-align: right;
    line-height: 20px;
    margin: 3px 3px !important;
	padding-right: 8px;}
	.calendarBgBackground .btn i.fa-angle-right{    padding-right: 6px;}
.calendarBgBackground .btn-default, .calendarBgBackground .btn-default:hover { font-size: 12px;padding: 0px 10px !important;line-height: 24px;color: #2a97a4;}
.calendarDropDown .selectize-control.single .selectize-input{border-radius: 40px;
    padding: 0px;
    border-color: #ddd;
    padding: 3px 10px;
    color: #888;
    font-size: 12px;}
				
	span.headCalendar {
		font-size: 15px !important;
		position: relative;
		top: 0px;
		left: 5px;
		color: #2a97a4;
	}

	.customCalendarIcon i { font-size: 19px !important;}
	.customCalendarIcon span.headCalendar{     font-size: 14px !important;
		position: relative;
		top: 2px;
		left: 5px;
		color: #2a97a4;} 

	.calendarDropDown .selectize-control > .selectize-dropdown {
			top: 27px;
		}
		mwl-calendar .cal-row-fluid .cal-cell1{font-size: 12px !important; color:#999 !important; font-weight: normal !important}
		mwl-calendar span[data-cal-date] {
			color:#000  !important;
		}
		mwl-calendar .badge-important {
			background-color: #0081ff !important;
		}

		.dropTolink i{margin-right:0px; margin-left:5px; margin-top:5px; }

		mwl-calendar .cal-day-tick{    position: absolute !important;
			right: -73px !important;
			z-index: 33333333333 !important;
			top: -27px !important;}

            .weekNum{width:100%;text-align: center;font-size: 12px;color: #acacac;display: block;text-transform: uppercase;}
			.dateNum{width:100%;text-align: center;
				line-height: 28px; font-size: 27px;color: #777;display: block;/* border-bottom: 1px solid #f1f1f1; */}

	.displaykeyValue{margin-left: 3px;display: block;max-width: 224px;font-size: 12px;}	
		
.summerNoteBox{position: relative; border-top: 1px solid #f1f1f1;
    position: relative;
    border-bottom: 1px solid #f1f1f1;}
	
.typeAhadPosition{ position: absolute;  min-width:400px;}
.customCalendarDropdown  .btn-success{ background:none !important; border-radius:30px; border:1px solid #ddd !important; color:#999 !important; font-size:12px;     padding: 4px 10px; }
.calendarDropMenuStyle{color: #777;
    font-size: 12px !important;
    position: absolute;
    border-radius: 9px !important;
    border-color: #ddd !important;
    top: 26px;
	padding: 3px 9px 9px 9px  !important;
    left: 8px;
    z-index: 1000;
    line-height: 13px;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.itemWrapperBg{width:100%;overflow: hidden;margin-top: 9px;}
	.calendarDropMenuStyle input[type="checkbox"]{
		float:left;
		margin-right: 10px;
		/* margin-bottom: 7px; */
		}
		.itemCalenDarName{float:left;margin-top: 4px;}

@media only screen and (max-width: 2400px) {
	.main-sidebar .sidebar .treeview:last-child  span{ padding: 15px 0px 14px 0px !important;}
	.main-sidebar .sidebar .treeview:last-child .flip-itmes { bottom:45px !important; top:inherit !important;}
  }
  .headerKeyView{display: block;width: 100%;overflow: hidden;background: #f7f7f7;padding: 8px 10px;font-size: 11px;
	border-bottom: 1px solid #ddd;margin-bottom: 1px;color: #999!important;}
	
	.highlightEdiTxColor {background-color: #e0f5ff;}
	.summarNoteWrapper .note-editor.note-frame {border:0px !important;}
	.panel-body{border:0px !important; box-shadow: none !important;}
	.summarNoteWrapper .panel {
		margin-bottom: 0px;
		box-shadow: none;
	}
	
	.summarNoteWrapper .row{margin-bottom:0px !important;}
.saveCancelNoteWrapper{padding:4px 7px 4px 4px;}
.sidebar-menu i.fa-inbox {    font-size: 18px;
    padding-bottom: 2px;
    padding-top: 2px;}
.phone-box-wrapper{    padding: 5px 15px 1px 0px !important; width:99% !important;}
.EntityphoneNumbersTitle{margin-bottom: 12px !important; }    
.noDataFoundWrapper .noDataText{ width:100%; display:block; padding:5% 0px; text-align: center; font-size: 16px;}
.noDataFoundWrapper .noDataText h3{ font-size: 18px;
    color: #bdc0c0;
    padding: 0px;
	margin: 10px 0px;}
	.noDataFoundWrapper  {border:1px dashed #ccc !important;}
	.email-subject-font-size{ font-size:12px !important;}
.emailSmsThread .objtypeDocuments li:first-child{ text-align: left !important;}
.emailSmsThread .userSmsProfileArea span.alphabet { margin-left: -1px !important;;}
.circleLegend{margin: 5px 4px 0px 0px !important;}
.filterCalendarDiv{padding: 0px 8px 2px 5px !important;}
.dropArrowLeft{ margin-left:5px !important;}
.unitCusSelAutoWidth{ width:auto !important;}
.searchCheckBoxALign{    margin-top: 9px;}
.search-panel-bottomalign{    padding: 5px 10px 15px 10px;}


#casetypeAheadLst::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}

#casetypeAheadLst::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: transparent;
}

#casetypeAheadLst::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cccccc;
}
.templateList{
	list-style-type: none;
    background: #f1efef;
    max-width: 310px;
}
.templateList li{border: 1px solid #dbcccc;padding: 5px;}

/* PlaceHolder Typeahead*/
#placetypeAheadLst{
    width: auto !important;
    max-width: 94.7% !important;
    height: auto !important;
    border: 1px solid #ddd !important;
    background: #fff;
    margin-left: -1px !important;
    border-radius: 1px;
    border: 1px solid #ccc;
    min-width: 200px;
    box-shadow: 0px 0px 9px #ddd;
    width: 91%;
    overflow-x: hidden;
    margin-left: -6px;
    border: 1px solid #ddd;
    border-radius: 6px;
	border: 1px solid #ccc;
	max-height: 300px;
}
#placetypeAheadLst .list-group-item a{border:0px !important ;border-bottom:1px solid #ddd !important;}
#placetypeAheadLst .list-group-item{
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin-bottom:0px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	border-right: 0px !important;
	margin-bottom:0px;
	padding: 5px 7px !important;
}
#placetypeAheadLst::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
}

#placetypeAheadLst::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: transparent;
}

#placetypeAheadLst::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cccccc;
}
/*PlaceHolderTypeahead End*/
.atIconPosition{margin-left: 5px;margin-top: 10px;color: #888!important;   margin-bottom: 10px; }
.atIconPositionlistAlt{ margin-left: 11px;margin-top: 12px;color: #888!important; margin-bottom: 10px; }
.saveCancelNoteWrapper{padding:4px 7px 4px 4px;}
.placeholderFieldMaster{ margin:0px; padding:0px; list-style: none;}
.placeholderFieldMaster li{ position: relative; margin:0px; padding:0px; list-style: none; width:100%; float:left;} 
.placeholderFieldMaster li .plchldLeft{ float:left; min-width: 115px; margin-top:11px;}
.placeholderFieldMaster li .senderSmsWrapperRight {     min-width: 100%;
    max-width: 100%;position: relative;}
	
	.placeholderFieldMaster li .senderSmsWrapperRight span{ 
		max-width: 244px;
		display: block;
		float: left;
	}
.placeholderFieldMaster li .senderSmsWrapperRight  .senderSmsWrapper{ width: 100%;min-height: 32px;}
.placeholderFieldMaster  .mesgCustomStyle .typeAheadInputWidth {
    margin-top: 6px !important;
    margin-left: 3px !important;
}

.templateListStyle{ margin: 0px; padding:0px; list-style: none;}
.templateListStyle li{
	border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    width: auto;
    margin-bottom: 6px;
    box-shadow: 0px 0px 2px #ddd;
    background-color: white;
    width: 24%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin-top: 5px;
    float: left;
    min-height: 50px;
    background: url(../images/template.png) 6px 6px no-repeat;
    background-size: 26px;
    padding: 2px 0px 1px 39px !important;
	}
.templateListStyle li:hover{background-color: #f1f1f1;}
.customScrollStyle{overflow-y:auto;max-height: 258px;border-top: 0px solid #f1f1f1;padding-top: 6px;}
.customScrollStyle::-webkit-scrollbar {
   width: 4px;
   background-color: transparent;
}

.customScrollStyle::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: transparent;
}

.customScrollStyle::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #cccccc;
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 7777777 !important;
}
/* 14-02-2019 */
.filter-panel .form-group .form-control {border: 0px solid #bdbdbd !important;border-radius: 5px;height: 30px;border-bottom: 1px solid #ddd !important;
    border-radius: 0px; /* margin-bottom: 10px !important; */ font-size: 13px;padding-left: 0px !important;color: #999 !important;
}
.labelShowNone { display:none;}
.inactive-filter-color {color: #888888;border: 1px solid #888888;border-radius: 50%;padding: 4px;}
.inactive-filter-color.active-filter-color {color: #ffa500;border: 1px solid #ffa500;border-radius: 50%; padding: 4px;}
.inputFocusStyle {width: 100%; border:0px; font-size:11px; padding:8px 0px; color:#000 !important ; border-bottom:1px solid #ddd; transition: 0.3s; }
.filter-panel .ui-select-multiple.ui-select-bootstrap input.ui-select-search {width: 100%; border:0px; font-size:11px; padding:8px 0px; color:#000 !important ; border-bottom:0px solid #ddd; transition: 0.3s; }
.inputFocusStyle::placeholder , .filter-panel  .ui-select-multiple.ui-select-bootstrap input.ui-select-search::placeholder {color:#999; }
.inputFocusStyle:focus::placeholder{color:#337ab7;  font-size:11px;}
.inputFocusStyle:focus::placeholder, .filter-panel  .ui-select-multiple.ui-select-bootstrap input.ui-select-search:focus::placeholder {color:#337ab7;  font-size:11px; }
.inputFocusStyle:focus, .filter-panel  .ui-select-multiple.ui-select-bootstrap input.ui-select-search:focus {border-color: #337ab7  !important;   transform: scaleX(1) translateY(-2px);opacity: 1;}
.filter-panel .form-group .form-control{  padding:0px; margin:0px;}
.filter-panel  .ui-select-bootstrap .ui-select-choices-row > span { font-size:12px;}
.filter-panel  .unitListInputwidth .dropdown-menu::-webkit-scrollbar {width: 4px;background-color: transparent;}
.filter-panel  .unitListInputwidth .dropdown-menu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: transparent;}
.filter-panel  .unitListInputwidth .dropdown-menu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #cccccc;}
.filter-panel .form-group label {font-size: 13px !important;}
.customFilterGrid h2{ font-size: 14px !important;}
.customFilterGrid{height: 48px;max-height: 48px;     padding: 0px 10px 4px 10px;}
.customFilterGrid  .sideNavHead {margin-top:-5px;}
/* 15-02-2019 */
.phoneNumListWrap { max-height: 300px;overflow-y: auto;overflow-x: hidden;padding: 0px 0px;}
.availableNumGrid {  box-shadow: 0px 3px 6px #f4f4f4;margin-bottom: 4px !important;border: 1px solid #ececec;
/* border-bottom: 0px; */padding-top: 12px;margin: 0px; margin-right:4px;}
.availableNumGrid  input[type="text"] {padding: 2px 6px !important;height: 30px !important;border-radius: 6px !important;
			border: 1px solid #ddd !important;border-radius: 4px !important;font-size: 12px !important;}
.callOptionWrapper { width:100%; float:left; margin-bottom:7px;}
.inboundCallAction {float:left; margin-right:10px;}
.inboundTextLabel{ margin-left:8px;}
.forwardingWrapper{margin-top:6px;  margin-bottom: 6px;}
.forwardingLabel{margin-top:6px; }
.inputLabelRadioTop{margin-top:4px !important;}
.inboundTopAlign{ margin-top:6px;}
.inboundTopAlign  .radioLineht label , .forwardingWrapper .radioLineht label {line-height: 16px !important;font-size: 12px;}
.editRadioWrapper{margin: 7px 0px !important;}    
.customInputEditInput{ border: 1px solid #ccc !important;width: 100%;border-radius: 4px;}
.forwardEditWrapper .intl-tel-input {position: relative;display: inline-block;width: 98%;}
.filter-panel .multi-Top .dropdown-menu {min-height: auto !important;}
.placeholderFieldMaster  #placetypeAheadLst {top: 35px;width: 100% !important;border-radius: 0px;}
.placeholderFieldMaster .typeaheadWrapper {     margin: 2px 0px 2px 3px !important; padding:5px !important;   border-radius: 5px !important; width: auto;}
.placeholderFieldMaster .typeaheadWrapper .addressBoxWidth { float:left; width:91%; font-size: 12px !important;}
.placeholderFieldMaster .typeaheadWrapper .fa-times  { margin-left:5px; background: #888;border-radius: 50px;font-size: 10px;color: #fff !important;width: 15px;height: 15px;text-align: center;padding: 0px !important;line-height: 15px;}
/*	filter grid design start by here */
.ngbgfilterlink {background: none;text-decoration: underline;border: 0px !important;padding: 0px !important;margin: 10px 10px !important;}
.col-10-custom-width{max-width:90%; float:left;}
.col-1-custom-width{width:10%; float:left;}
.ngbgfilterlink.applyFilter {color: #336685;}
.ngbgfilterlink.applyCancel {color: #989898;}
.custom-filter-fields .form-control {font-size: 12px;border: 0px !important;height: 24px;padding-left:0px !important;}
.custom-filter-fields input:placeholder {color: #ccc !important;}
.custom-filter-fields .input-group-addon {border: 0px !important;vertical-align: top !important;}
.inputFilterIconColor {color: #ccc !important;}
.custom-filter-fields .ui-select-dropdown::-webkit-scrollbar-track {border-radius: 4px;background-color: #fff !important;}
.custom-filter-fields .ui-select-dropdown::-webkit-scrollbar {width: 4px;background-color: #fff !important;}
.custom-filter-fields .ui-select-dropdown::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #ccc;}
.custom-filter-fields .ui-select-dropdown {box-shadow: 0px 3px 7px #f1f1f1;border-radius: 0px;margin-top: 0px;padding: 0px;}
.custom-filter-fields .ui-select-dropdown li {font-size: 12px;padding: 0px !important;}
.custom-filter-fields .ui-select-dropdown li span {padding: 7px 0px;}
.custom-filter-fields .ui-select-dropdown li span.ui-select-choices-row-inner {    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;}
.padding-bottom-none {padding-bottom: 0px;}
.custom-filter-fields .ui-select-multiple.ui-select-bootstrap input.ui-select-search {background: none !important;}
.custom-filter-fields .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    background: none !important;font-size: 11px;padding: 1px 7px !important;border-radius: 15px;line-height: 16px;
 text-overflow: ellipsis;overflow: hidden;max-width: 160px;white-space: nowrap;
}
.custom-filter-fields .close {margin: 3px 0px 4px 3px;color: #ff0000;font-size: 15px !important;opacity: 1;
    position: relative;
    right: 0px;
    z-index: 444;
}
.custom-filter-fields .ui-select-container.ui-select-multiple .ui-select-search {width: auto !important;}
.altfilterGroup.form-group {position: relative;margin-bottom: 0px !important;}
.custom-filter-fields {position: relative;margin-bottom: 0px !important;}
.altfilterGroup.form-group .form-control {padding: 0px;margin: 0px;border: 0px !important;}
.form-control-placeholder { left:0px; top: -20px;width: 100%;border-bottom: 1px dashed #dfdfdf;font-size: 11px;
padding-bottom: 1px;color: #1e5372 ;opacity: initial;padding-top: 1px;position: absolute;padding-bottom: 1px;}
.customFlexGrid {display: flex;}
.customFlexGrid .custom-filter-fields {flex: 1;}
.filterGridBox {display: flex;flex-wrap: wrap;width: 100%;}
.itemGridBox {float: left;flex: 1;border-right: 1px solid #ccc;padding-top: 15px;padding-left: 10px;padding-right: 10px;min-width: 270px;max-width:270px !important;  }
.inputHeightAuto {flex: 1;}
.custom-filter-fields  .form-control::placeholder, .itemGridBox .ui-select-search::placeholder {color: #ddd !important; font-size:11px;}
.filterCheckBoxTop{ margin-top:-2px !important;     font-size: 11px;
	line-height: 19px;}
.gridTypeAhedFilter{ position:relative; border-radius: 0px; border:0px !important; border-bottom: 1px solid #ccc !important;}
.gridTypeAhedFilter .typeaheadWrapper {    margin: 3px 4px 3px 0px !important;}
.gridTypeAhedFilter #typeAheadLst { font-size:12px !important;     max-width: 100% !important;}
.gridTypeAhedFilter .typeAheadInputWidth {margin-top:10px !important;}

.gridTypeAhedFilter .close {
    color: #fff!important;
    opacity: 1;
    font-size: 16px !important;
    margin-top: 3px;
    background: #999;
    border-radius: 50%;
    font-size: 12px !important;
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 2px 0px 0px 1px;
    margin-left: 10px;
}
.templateHeaderSearch{ margin-bottom: 10px; margin-top: 4px; }
.templateSecLabel{   margin-top: 7px;margin-right: 10px;font-size: 13px;}
.templateSearchBox{ width:300px; border-radius: 5px;border: 1px solid #bdbdbd;padding: 0px 10px;height: 34px;} 
.templateSearchBox::placeholder{color: #ddd !important;}
.templateBodyOuter { color: #666;

    padding: 7px;
    font-size: 12px;
    margin-top: 0px;
    border-radius: 3px;
    line-height: 19px;   


}
	.templateTypeAhedList li:first-child .plchldLeft{margin-top:0px;}

	.tempTypeDrop{margin-left:10px;     width: 32%;}
	.templateFieldColor {background: #e2f1f7;color: #000;border-radius: 10px;padding: 0px 7px;font-size: 12px;
		margin-right: 1px;margin-left: 1px;}
.templateFieldSelectedColor{background: #FF9F00; font-weight: bold;}
.avaiPhLeft{margin-left:6px;}
.infoMessageStyle{     width: 100%;
    float: left;
    margin: 4px 0px 2px 10px;
    font-size: 11px;
	color: #ff0000;}
	.recordTypeTx { padding-left: 3px;padding-top: 6px;   padding-right: 6px;}
	.customInputEditInputStyle{padding:6px 10px;}
	.padding-right5{padding-right:5px;}
	.emailconfirmation .radio label ,.recordTypeTx .radio label  {line-height:16px !important;}
	.customInputRedordMsg{width:73%;}

	.newMsgWrapper .uploadFileList ul li {     margin: 4px 10px 2px 0px !important;}
	audio::-internal-media-controls-download-button {
		display:none;
	}
	 
	audio::-webkit-media-controls-enclosure {
		overflow:hidden;
	}
	 
	audio::-webkit-media-controls-panel {
		width: calc(100% + 30px); /* Adjust as needed */
	}

	.voiceTypeMsg{ background: #fff !important; color: #777 !important;}

@media only screen and (min-width: 1680px) {
.msg-box {max-width:90%!important}
.placeholderFieldMaster.templateTypeAhedList{max-height:56vh !important ;     height:56vh !important;}
}
.inboundColleft {padding-left:7px;}

.voiceTypeMsgWrapper {width: 80.1%;
padding:0px 0px 0px 10px !important;}
.colpaddLeft20{padding-left:20px;}
.fowardMsgLeft {width: 37% !important; }
.fowardMsgLeft .intl-tel-input {width: 100% !important; }
.audioSourceWrapper {    margin-top: 8%;margin-bottom: 14%;}
.placeHolderPopupHeight{ height:72vh; overflow-y: auto;}
.linkForBackPosition{position: absolute; left: -15px;     top: 24px;}
.linkForBackPosition .backArrowBorder {padding-bottom: 16px;}
.templateBodyTitle{      font-size: 17px;
border-bottom: 1px solid #dddddd;
color: #3b3b3b;
padding-bottom: 11px;
margin: 5px 0px 4px 0px;
padding: 0px 0px 6px 0px;}
.placeHolderWrapper h3{     font-size: 15px;
color: #337ab7;
border-bottom: 1px solid #337ab7;
padding-bottom: 8px;
margin-top: 9px;}
.phoneNoCheckBox {    padding-bottom: 15px;}
.flex-col-container {
	display: table; /* Make the container element behave like a table */
    width: 100%;
  }
  .flex-col {
	padding: 0px 10px;
    display: table-cell;
  }
  .col-width-7{width:70%;}
  .col-right-border{border-right:1px solid #ccc;}
  .templateCustomInputBg{    border: 1px solid #ccc;border-radius: 5px; height: 32px; margin-top: 5px !important;}
.templateCustomInputBg:focus{ border: 1px solid #ccc !important;}
.plchldLeft {display: block;}
.customDateFilter .date-pick { top: -27px;}
.typeahedSearchBg{    background: url(/images/search2.png) no-repeat 98% 7px !important;
    background-size: 16px !important;
    background-position: bottom;
   }
.colCusHeight{max-height: 64vh; min-height: 64vh; overflow-y: auto;     padding-right: 10px;}
.colCustomScrollOnhover{overflow-y:auto;border-top: 0px solid #f1f1f1;}
.colCustomScrollOnhover::-webkit-scrollbar {
   width: 4px;
   background-color: transparent;
}

.colCustomScrollOnhover::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: transparent;
}

.colCustomScrollOnhover::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #cccccc;
}
.templateMinHeight{min-height:60vh;}


.inboxSearchEmail{ box-shadow: 0px 0px 3px #ccc;
    background: #fff !important;
    border-radius: 5px !important;
    font-size: 12px;
    width: 420px;
    margin-left: 21px;
    position: relative;
}
.inboxSearchEmail .searchMailMain {
    border: 0px !important;
    background: #fff url(/images/search2.png) no-repeat 7px 9px !important;
    background-size: 16px 16px !important;
    padding: 0px 0px 0px 30px !important;
    height: 35px !important;
    width: 85% !important;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    transition: all .5s !important;
    border: 0px !important;
}
.clearInputTx{ position:absolute; right: 44px;
	top: 12px; }


  .inboxSearchEmail .searchMailMain:focus~ .emailSearchDropContin { display:block;}
  .emailSearchDropContin{	 
	position: absolute;
	
    background: #fff;
    top: 36px;
    border: solid 1px #ddd!important;
    width: 100%;  
    z-index: 333;
    border-radius: 0px 0px 6px 6px !important;
	box-shadow: 0px 3px 3px #ccc; border-top:0px !important;
	border-radius: 5px 0px 0px 5px;
	padding:10px 10px;
}
.emailSecDropIcon{    position: absolute;
    right: 7px;
    top: 3px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
	line-height: 26px !important; 	-webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    transition: all .5s !important;}
	.emailSecDropIcon:hover{background: #f1f1f1;}
	.customEmailSrcStyle{ padding:0px !important;  font-size:12px !important; border-radius: 0px !important; border:0px !important; border-bottom:1px solid #ddd !important;}
	.emailSearchDropContin .control-label{ font-size:12px;     padding: 1px 10px; text-align:left !important;}
	.emailSearchDropFooter {width:100%; padding:0px 0px 0px 0px !important; overflow: hidden;}
	.attachCheckBox{padding: 13px 0px 0px 20px !important;}
	.emailheaderTopalign{    margin-top: 7px !important;}
	
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.bottomTooltip  .btn  {
    font-size: 12px !important;
    text-transform: capitalize !important;
    border: 0px !important;  
    border-radius: 0px !important;
}

.tanantCaseStatus{  padding: 2px 10px 3px 10px !important;
    font-size: 11px !important;
    border-radius: 19px;
    border: 0px;
	/*background: #ffd966 !important;*/
	background: #ffd966;
	}
.tanantCategoryDrop{    height: 20px;  
	padding: 3px 10px 4px 10px !important;
    font-size: 11px !important;
    color: #fff !important;
    border-radius: 19px;
    border: 0px;
    background: #337ab7 !important;
    position: relative;
    display: inline-block;
	top: -1px;}
	.relToTenantDropPosition{min-height:30px; padding-bottom:3px !important;}
	.relToTenantDropPosition #typeAheadLst{ top:inherit !important; bottom:30px !important;}
	.relToTenantDropPosition .typeAheadInputWidth {margin-left: 3px;margin-top: 4px !important;}
	.templateNameLabel {   width: 100%;
		width: 100%;
		font-size: 14px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		/* width: 160px; */
		/* height: 1.2em; */
		white-space: nowrap;
		/* background: url(../images/template.png) 0px 0px no-repeat; */
		/* background-size: 20px; */
		padding: 3px 0px 1px 0px !important;
	
	
	}
	.templateNameLabelType{    width: 100%;
		font-size: 11px;
		display: block;
		color: #a3a3a3;}
.emailDataLoading{     position: relative;width: 100%;text-align: center;float: left;height: 38px;}
.emailDataLoading .loader {top:100% !important;}
.emailDataLoading  .loadImgPosition{    display: inline-block; top: -2px;position: relative;}
.masterContractWrap {float: left;width: 100%;padding: 5px 0px 1px 0px !important;}
.paddingLeftRight5{    padding-left: 5px;
	padding-right: 5px;}
	.masterContractWrap .custom-drop-menu {min-width: 115px !important;}
	.landloadBackToGrid  h4{ background-size: 19px !important;     margin: 7px 10px 0px 4px;}
	.landloadBackToGrid  span.backArrowBorder{	padding-left: 9px;
		border-left: 2px solid #1e5372;
		display: block;
		margin-left: 27px;
		line-height: 22px;
		font-size: 12px;
		color: #337ab7;}
		.settingsTitle{ font-size:12px !important; border-bottom:1px solid #ccc !important; padding-bottom:5px;}
		.customGridStyle tr th{     border-bottom: 2px solid #1e5372 !important;
			font-weight: normal !important;
			color: #337ab7 !important;
			border-left: 1px solid #f1f1f1 !important;
			padding: 4px 7px 5px 7px !important;}
			.customGridStyle tr th:first-child{border-left:0px !important;}
		.customGridStyle tr td{border-bottom:1px solid #ddd !important;}
		.inactiveToggleBtn{background:#ccc !important;}
		
.threadCallFaIcon{    
	font-size: 19px !important; 
	color: #6e9cb0 !important;
	margin-top: 6px !important;
}

.formNumberLabel {
	font-size: 14px;
	color: #333;
	display: inline-block;
	margin-top: 10%;
	    padding: 0px;
}
.audioControlMain {    position: relative;
    width: 310px;
    margin: 0px auto;}
.audioControlMain  .icon-ellipsis {       position: absolute;
    right: 22px;
    background: #f1f4f5;
    padding: 4px 0px;
    font-size: 16px;
    top: 15px;
	color: #000;}
.downloadAudioDrop{position: absolute;
right: 7px;
top: 57px;
color:#555;
z-index: 333; list-style: none;
}
.downloadAudioDrop i{color: #777;margin-right: 5px;}
.downloadAudioDrop li{
padding: 10px 20px;
border: 1px solid #f1f1f1;		
border-radius: 4px;
list-style: none; 
background: #fff;
box-shadow: 0px 0px 10px #ccc;
}
.emailAttachMent{margin-left:4px; position: relative;}
.attachMentInbox { font-size:18px !important; color: #9fc1d0 !important;}
.attachLabelPosition{ background:#ffa500 !important;  position: absolute;top: -5px;right: -5px;border-radius: 3px;padding: 2px 4px;}
.mailbox-subject {    max-width: 360px;}
.addPropertyContract .dropdown-menu::-webkit-scrollbar {
	width: 4px;
	background-color: transparent;
 }
 
 .addPropertyContract .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: transparent;
 }
 
 .addPropertyContract .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #cccccc;
 }
 .commentBodyContainHeight{       max-height: 57px !important;
    min-height: 40px;
    overflow: hidden;
    font-size: 11px;
    display: block;
    border: 0px solid #cc0000;}
 .commentPositionWrapper{ position: relative; margin-bottom:0px !important; padding-bottom: 2px !important;}
 .moretxfontSizePosition{ position: absolute; right:0;     bottom: -3px; background:#fff;}
 .taskEditorMorePosition{ padding-right: 10px; padding-bottom: 6px;}
	.moretxfontSizePositionEmail{bottom: -3px!important;}
	.customPopupHeight{height:77vh}
	.euroIconPosition{font-size: 12px;margin-right: 2px;display: block;float: left;}
	.priceDataStyle{font-size: 18px;line-height: 21px;}
	.minValueTxposition{font-size: 11px;margin-left: 4px;margin-top: 4px;color: #777;display: inline-block;}
	.mailBoxGrid tr td.manageDropList{padding-left:0px !important; text-align:left; padding-right:0px !important;}
	.mailBoxGrid tr td.copyLinkColLeft{padding-left:6px !important; text-align:left; }
	.urlDropDownList .dropdown-menu{ width:100% !important;}
	.urlDropDownList .dropdown-menu a{font-size:11px !important;}
	.raisedaquery{ background:url(../images/question.png) 0px 14px no-repeat !important; background-size:25px !important; cursor:pointer; font-size:15px !important; color:#4eafba !important; padding-left: 31px !important; text-decoration: underline !important;}
	.raisedaquery:hover{color:#4eafba !important;}
	.userInfoWrapper ul li .infoLeftArrow ol{     margin: none !important;     padding: none !important;}
	.userInfoWrapper ul li .infoLeftArrow ol li{width: auto !important; float:inherit !important; border:0px solid #cc0000 !important;     list-style: inherit !important;  }
	.userInfoWrapper ul li .infoLeftArrow .msgTxtEdit ul{margin: none !important;     padding: none !important;list-style: initial!important;}
	.userInfoWrapper ul li .infoLeftArrow .msgTxtEdit ul li{width: auto !important; float:inherit !important; border:0px solid #cc0000 !important;     list-style: inherit !important;  }
	.userInfoWrapper ul li .infoLeftArrow .summarNoteWrapper ul{margin: none !important;     padding: none !important;list-style: initial!important;}
	.userInfoWrapper ul li .infoLeftArrow .summarNoteWrapper ul li{width: auto !important; float:inherit !important; border:0px solid #cc0000 !important;     list-style: inherit !important;  }
	.propertyEllipsisList .ellipsis-panel ul li {padding: 6px 10px !important;}
	.ViewMorefullscreenZoom{width:100%; float:left;}
	.propActivityLi{min-height: 46px!important;max-height: 46px!important;}
	.routing-wrapper {min-height:250px; overflow-y:auto;overflow-x:hidden; padding-left:30px !important; padding-right:30px !important;}
	.routing-wrapper .blue-box-contant{ border-radius:0px  !important; overflow:hidden;  border-color:#ccc !important; padding-bottom:0px;}
	.routing-wrapper h2{color: #337ab7;font-size: 14px;margin: 0px;padding-left: 5px;}
	.routing-wrapper h3{color: #666;margin:11px 0px 0px 0px !important; font-size: 18px;margin: 0px;padding: 0px 0px 6px 0px; border-bottom:1px solid #e0e0e0 ; padding-left:0px;}
	.routing-wrapper .link-bottom-border-slide a{ font-size: 12px; }
	.routing-wrapper .link-bottom-border-slide { width:100%; padding-bottom: 7px;border-bottom: 1px solid #ccc;margin-bottom:0px;}
	.routing-wrapper .uploadCaseDoc{ margin-bottom:10px !important;}
	@media only screen and (min-device-width: 0px){
		.content-wrapper .content {
			width: inherit !important;
			border:0px solid #cc0000 !important;
		}
		}
		.tenancyViewPopupHeight{ height: 65vh; overflow-y: auto;}

		@media (min-width: 1600px) {
			.tenancyViewPopupHeight{ height: auto !important; overflow-y: inherit;}
		}
		
		.tenancyViewPopupHeight::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 5px;
		}
		
		.tenancyViewPopupHeight::-webkit-scrollbar-thumb {
			border-radius: 4px;
			background-color: rgba(0,0,0,.05);
			-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
		}
		
	.landlordLinkStyle a {
		color: #337ab7 !important;
	}
	
	.landlordLinkStyle a:hover  {
		outline: none;
		text-decoration: none;
		color: #13225a !important;
		background-color: #FFF !important;
	}
	.typeaheadHaserror{border-color: #a94442 !important;}
	.timePickerRelativePosition{position:relative;}
	.timePickerRelativePosition.ui-timepicker-wrapper {position:relative; }
	.ui-timepicker-wrapper {
		  position:relative;
		 z-index:333;    width: 153px !important;
		}
			
			.ui-timepicker-wrapper::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 5px;
		}

		.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
			border-radius: 4px;
			background-color: #ccc;
			-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
		}

	.ui-timepicker-wrapper::-webkit-scrollbar-thumb:hover {
		border-radius: 4px;
		background-color: rgba(0,0,0,.2);
	} 
	
	.totalCountTop{margin-top:6px;}

	.datepicker,
	.table-condensed {
		width: 250px;
	}
	.delegationWrapper{     width: 98.7%;float: left;margin-left: 22px;}
	.delegationAddWrapper{ padding-bottom: 3px; border-bottom: 1px solid #337ab7;width: 98.8%;float: left;margin-left: 22px;}
	.addNewDelegate{margin-top: 7px;margin-left: 22px; }
	.inputDateTimeStyle{    border: 1px solid #ddd;
		padding: 7px 5px;
		border-radius: 4px;
		width: 130px;}
	.inputDateInputWidth{ width: 70px !important;}
	.inputWidthMarginLeft{ margin-left: 25%;}
	.verticalAlignIcon{ vertical-align: middle !important;} 
	.delegatDropDownWidth{    width: 175px;}
	.delegationWrapper .fa-pencil{ color: #666 !important;}
	.delegationWrapper .fa-times{color: #666 ;}
	.delegationWrapper .fa-times ,.delegationAddWrapper  .fa-times{color:#666 ;}
	.delegationWrapper .fa-check {color:#666 ;}
	.delegationAddWrapper table tr td{margin:0px; padding:0px; vertical-align: top;}
	
	.loudSpkDrop li:first-child{overflow: hidden;padding: 9px 10px;}
	.loudSpkDrop li:first-child a{text-decoration: underline;}
	.loudSpkDrop li{ padding:8px 10px 0px 10px;  border-bottom: 1px solid #ccc !important;}
	
	.loudSpkDrop li { font-size: 12px;}
	.loudSpkDrop li h3{ font-size: 12px; color: #336685; }
	.loudSpkDrop li .voicemsgTitle{     font-size: 13px; margin:0px 0px 6px 0px !important; padding:0px !important;}
	.loudSpkDrop li .voicemsgTitle i{ font-size:15px !important; }
	.loudSpkDrop li span {background: none !important;}
	.loudSpkDrop li .voiceMsgText{margin-bottom: 2px;     color: #000;}
	.loudSpkDrop li .notificationDateTime{ font-size: 11px; color: #999;}
	.voiceMsgCount{ font-size: 15px;}
	.dropdown-menu.msgBoardDropDown {width: 361px !important;}
	.notificationDateTime { overflow: hidden;   margin: 4px 0px 5px 0px; padding: 0px !important;list-style: none;width: 100% !important;/* position: relative; */}
	.notificationDateTime  li{
		float: left;
		width: auto !important;
		padding: 0px 10px 0px 9px !important;
		margin: 0px !important;
		font-size: 10px;
		min-width: inherit !important;
		border: 0px !important;
		position: relative;
		color: #777;
		}
		.notificationDateTime li::before {
			content: '';
			position: absolute;	
			background: #337ab7 !important;
			width: 5px;
			height: 5px;
			border-radius: 50%;
			left: 0;
			top: 3px;
			}
			.allMsgViewLink{color: #336685;
				text-decoration: underline !important;
				font-size: 12px;
				padding: 0px !important;
				margin: 0px 0px 10px 0px;
				background: none !important;}

.msgNotificationCount{top: 8px !important;
    left: 31px !important;}
.messageBoardWrapper{
    border: 1px solid #e7e6e6;
    background: #f5f6f8;
    width: 100%;
    padding: 0px 10px 0px 20px !important;
    float: left;
    min-height: 79vh;
}
.searchMsgTxBoxWrapper {width:100%; padding:0px; margin:0px; margin-bottom:10px; }
.searchMsgTxBoxWrapper  input{ font-size: 12px; padding: 3px 10px; border-radius: 3px; border: 1px solid #ccc; background:#fff; width:400px;}
.searchMsgTxBoxWrapper  input::placeholder{color:#ccc;}

.listMsgBoardIcon{font-size: 15px !important;position: relative;top: 4px;/* left: 10px; */margin-right: 10px;}
.MsgBoardLeftMenu {margin:0px;padding:0px;/* border-bottom:1px solid #ccc; */list-style: none;}
.MsgBoardLeftMenu li{
    cursor:pointer;
    color: #595959;
    margin: 0px 0px 4px 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 0px 0px 2px 0px;
    padding: 3px 0px 6px 10px;
    background: #fff;
    border-radius: 4px;
}

.MsgBoardLeftMenu li::before{
    content: '';
    position: absolute;
    width: 4px;
    left: 0;
    height: 38px;
    background: #f2f2f2;
    left: -13px;
    }
.MsgBoardLeftMenu li h3{font-size: 13px;margin: 0px;margin-bottom: 4px;}
.MsgBoardLeftMenu li p{ font-size: 11px; color:#a6a6a6; margin-bottom: 0px;}
.MsgBoardLeftMenu li:hover p ,.MsgBoardLeftMenu li.activeListStyle p {color: #337ab7  !important;}
.MsgBoardLeftMenu li:hover ,.MsgBoardLeftMenu li.activeListStyle{color: #337ab7 !important;background: #f9f9f9;box-shadow: 0px 0px 2px #ccc;font-weight: 600;border-bottom: 1px solid #337ab7;}
.MsgBoardLeftMenu li:hover::before, .MsgBoardLeftMenu li.activeListStyle::before{ background: #336685;}
.msgBoardLeftBoxWrapper{padding:6px 0px 0px 0px; margin-left:-12px;     }
.messageBoardMidWrapper {border-left:1px solid #ccc;padding-top:6px;width:100%;min-height: 79vh;float:left;position:relative;background: #f5f6f8;} 
.toggleItemListAction {     position: absolute;
    left: -14px;
    top: 10%;
    width: 26px;
    height: 26px;
    background: #a6a6a6;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 4px #888;
    text-align: center;
    font-size: 17px;
	color: #f0eded;}
	.toggleItemListAction:hover{background: #fff; border:1px solid #336685; color:#336685;}
	.toggleItemListAction .fa-angle-left{ position: relative; left:-1px;}
	.messageBoardMidListStyle {margin:0px; padding:0px; list-style:none; 
		max-height: 72vh;
	overflow-y: auto;     padding-right: 5px;
	overflow-x: hidden;
	}
	.messageBoardMidListStyle li{
		background: url(../images/megaphone-gray.png) 7px 11px no-repeat !important;
		background-size: 27px !important;
		padding: 10px 10px 6px 43px;
		margin-left: 28px;
		/* border: 1px solid #ddd; */
		font-size: 12px;
		/* box-shadow: 0px 0px 2px rgba(0,0,0,0.4) !important; */
		margin-top: 4px !important;
		background-color: #fff !important;
		border-radius: 3px;
		box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
	}
	.messageBoardMidListStyle li:first-child{border-top:0px;}
.messageBoardMidListStyle li h3{font-size: 15px;color: #337ab7;margin: 0px 0px 7px 0px;font-weight: 500;}
.messageBoardMidListStyle li p{margin:0px 0px 5px 0px !important;}
.messageBoardMidListStyle li p.userInfoColor{font-size: 11px;}
.userInfoColor{ color:#7f7f7f; }
.kpmLinkTxColor{ color:#336685; cursor: pointer; }
.messageBoardMidListStyle li:hover{background:#fff url(../images/megaphone-blue.png) 5px 8px no-repeat !important;/* box-shadow: 0px 0px 6px #888; */cursor: pointer;background-size: 27px !important;}
.messageBoardMidListStyle li:hover, .messageBoardMidListStyle li.activeListStyle{background:#fff url(../images/megaphone-blue-cover.png) 7px 11px no-repeat !important;background-size: 27px !important;/* box-shadow: 0px 0px 6px #888; */}
.roundedMsgchefbox{
    border-radius: 10px;
    background: #eee;
    font-size: 11px;
    padding: 4px 10px;
    cursor:pointer;
    color: #337ab7;
    margin-top:4px;
    margin-right:5px;
    display: inline-block;
    border: 1px solid #ccc;
    }
	.roundedMsgchefbox i{ color:#777; margin-right:3px;}
	.viewMsgBoardWrapper {       background: #fff; overflow-x: hidden;
		padding: 13px 20px;
		margin: 6px 0px 0px 0px; max-height: 79vh; overflow-y: auto;
		border: 1px solid #ddd; width:100%; float:left; font-size: 12px !important; } 
	.viewMsgBoardWrapper h3{    font-size: 19px;
		color: #336685;
		margin: 0px;
		padding: 0px 0px 10px 0px;}
.msgUserDetailsuser{width:100%; float:left; }
.msgUserDetailsuser ul{margin:0px; padding:0px; list-style: none;}
.msgUserDetailsuser ul li { float:left; width: 92%;}
.msgUserDetailsuser ul li:first-child{ width:8%;}
.userRoundedBox{width:30px;     width: 30px;border-radius: 50%;height: 30px; }
.caseIDRoundedBox{background: #9cc5d1;padding: 1px 10px;border-radius: 50px;font-size: 11px;color: #fff;}
.NewCaseBoxStyle{ background: #ffa500;border-radius: 4px; padding: 1px 10px;color: #fff;font-size: 12px; }

.viewMsgDetailsinfo{     overflow: hidden;
    margin: 0px;
    padding: 2px 0px 0px 0px;
	color: #7f7f7f;}
	.msgUserDetailsuser .notificationDateTime li{ padding-left:12px !important; font-size: 13px !important;     margin-top: 3px !important;}
	.msgUserDetailsuser .notificationDateTime li::before {    width: 7px;
		height: 7px; top: 6px;}
		.msgBoardTxPContain{ font-size:13px;  margin-top:10px;}
		.cancelMessageIconStyle{ font-family: arial; cursor:pointer;}
		.msgFilterIconPosition{ margin-top:6px;}
		.cursorPointer {cursor:pointer;}
		.attDocMsgBoard{ color:#337ab7}

notificationtypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
	background: #fff !important;
}
.msgBoardAttachDropBox{min-width: 173px !important; width: 173px !important;}
.msglistViewMore{ font-size: 13px; margin-top:10px !important;}
.msglistViewMore a {text-decoration: underline; cursor: pointer; }
.msglistViewMore a:hover{ text-decoration: none; }
.srcMsgActionWrapper{position: relative;}
.srcMsgActionWrapper .srcMsgaction{   position: absolute;
    right: 1px;
    top: -2px;
    color: #999;
    cursor: pointer;
    background: #fff;
    padding: 5px;
	border-radius: 0px 2px 2px 0px;}
	.attachDroplistListStyle{overflow: inherit !important;}
	.activefilterMsgWrapper i{color:#999 ;}
	.activefilterMsgIcon{ color: #337ab7 !important;}
	.multipopertyList  {display: inline-block; position: relative; padding-left:10px;}
	.multipopertyList:first-child:after{display: none !important;}
	.multipopertyList::after{
	    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #1e5372;
    border-radius: 50%;
    top: 6px;
    left: 4px;
	}
	.msg-icon-size-position{ font-size: 16px !important;color: #337ab7;position: relative; top: 2px;}
	.messageFooterWrapper.msgCreatedbyList li{ position: relative;   padding-left: 24px !important; color: #337ab7; cursor: pointer;
}
	.msgCreatedbyList .createMsgIcon { background: url(../images/megaphone-blue.png) 0px 0px no-repeat; background-size:20px !important; background-position: 0px 0px !important; }
	.messageFooterWrapper.msgCreatedbyList .shareIconBg  { margin-left:0px !important; margin-left:0px !important; padding-left: 0px !important; /* background: url(../images/share-with.png) 0px 0px no-repeat; background-size:14px !important; background-position: 0px 4px !important; */ }
	.messageFooterWrapper.msgCreatedbyList .shareIconBg .icon {padding-right:6px !important;}
	.msgCreatedbyList .viewCountIconBg { background: url(../images/view-count.png) 0px 0px no-repeat;    background-size: 16px !important;
		background-position: 0px 3px !important; }
	.msgCreatedbyList .activeTillDateBg {     background: url(../images/active-till-date.png) 0px 0px no-repeat;
		background-size: 18px !important;
		background-position: 0px -1px !important; }
.msgCreatedbyList .inactiveTillDateBg {     background: url(../images/inactive-date.png) 0px 0px no-repeat;
background-size: 18px !important;
background-position: 0px 1px !important; color: #999 !important; }
.msgCreatedbyList .draftMsgBg {       background: url(../images/draft.png) 0px 0px no-repeat;
    background-size: 15px !important;
	background-position: 0px 3px !important;  color: #999 !important;}
	.labelAndTopAlign{ padding-top:8px;}
	.notificationtypeaheadPostMsg{     min-height: 29px !important;     padding-bottom: 3px !important;}
	.andLabelWidth{    width: 1.5%;
		position: relative;
		left: -16px;}
	
	.notificationtypeaheadPostMsg .typeaheadWrapper {padding: 4px 15px !important;     margin: 3px 0px 0px 2px !important;}
	.notificationtypeaheadPostMsg .typeAheadInputWidth {    height: 28px; 
		margin-left: 2px !important;}

		.faLease{       background: url(../../images/falease.png) 0px 0px no-repeat;
			display: inline-block !important;
			width: 23px !important;
			height: 18px;
			background-size: 19px;}
			.messageBoardMidListStyle li.unreadMsgStyle{ background-color: #fafafa !important; font-weight: bold; }
			.messageBoardMidListStyle li.unreadMsgStyle h3{ font-weight: bold !important;}
			#delStartTimePicker ,#delEndTimePicker {background: url(../images/time-picker.png) 95% center no-repeat; background-size: 14px; width: 85px;} 
.inputDateTimeStyle.start, .inputDateTimeStyle.enddate {background: url(../images/calendar.png) 95% center no-repeat; background-size: 14px;     }
.nodataFoundStyle{ text-align: center; font-size: 20px; color: #ccc; margin-top:10%;}
.nodataFoundStyle h3{    margin-top: 10px !important;
    color: #999;
    font-size: 16px !important;
	margin: 0px;}
	.shareWidthToolTop{ min-width: 224px; z-index: 333 !important;}
	.msgDetailsWrapper{ width: 100%; float:left;}
	.msgDetailsWrapper p{margin-top:0px;}

	.lockStatusIcon{        position: absolute;
		z-index: 2;
		right: 31px;
		bottom: 8px;
	}
	.lockStatusIcon .fa{    font-size: 18px !important;
		color: rgba(51,122,183,0.7);}
		.statusBatchStyle{       position: absolute;
			right: 16px;
			top: 11px;
			
			border-radius: 30px;
			padding: 0px 15px;
			font-size: 11px;
			
			line-height: 18px;}

		.statusBatchActive{    background-color: #82ac01 !important; color: #fff; }	

		.statusBatchinActive{background: #ffd966  ; color:#303030}
		#l2snlayer_head {
			background-color: rgba(14,103,133,0.6) !important;
			display: flex;
		}
		#l2snlayer{left: 52px !important;}
		.headerFaSize{ font-size: 18px !important;}
		.custom-search-btn .arrow-position-top{ position: relative; top:-2px;}
		.main-header .navbar .nav > li > a > .label{top: 8px;
			left: 26px;
			text-align: center;
			font-size: 10px;
			padding: 3px ;}

.animated {
				-webkit-animation-duration: 2.5s;
				animation-duration: 2.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-timing-function: linear;
				animation-timing-function: linear;
				animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
			  } 
			  
			  @-webkit-keyframes bounce {
				0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
				50% {-webkit-transform: translateY(-5px);}
			  } 
			  
			  @keyframes bounce { 
				0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
				50% {transform: translateY(-5px);}
			  } 
			  
			  .bounce { 
				-webkit-animation-name: bounce;
				animation-name: bounce;
			  }

		.col-sm-11-custom-transaction {
			width: 90%;
			border: 1px solid #f1f1f1;
			margin-left: 20px;
			height: 160px;
			padding-right: 7px;
		}

		.col-sm-1-custom-transaction {
			width: 6%;
		}

		.messageBoardProfileArea span.alphabet{

			height: 30px;
			width: 30px;
			line-height: 21px;
			color: #fff;
			text-align: center;
			padding: 4px 4px;
			margin: 1px;
			background: #b2cc8a;
			border-radius: 50%;
			text-transform: uppercase;
			display:inline-block;
		}

		.checkboxRequir label::before { border: 1px solid #a94442  !important;}
		.requirInputWithBorder{border: 1px solid #a94442  !important;}
		.fieldisrequiredInput{position: absolute;right: 13px;top: 7px;color: #fff;font-size: 12px;}
		.fieldisrequiredTextArea{position: absolute;right: 13px;top: 47px;color: #fff;  z-index: 333;}
		.requiredWitharrow_box {    background: #a94442;padding: 4px 10px;z-index: 333;font-size: 12px;}
		.requiredWitharrow_box::after	{ width: 0;content: "";height: 0;border-style: solid;border-width: 5px 7px 5px 0;
			border-color: transparent #a94442 transparent transparent;position: absolute;left: -7px;top: 8px;}
.userNameTxSize{ font-size:16px;}
		
@media (max-width: 1600px) {
	.messageBoardMidWrapper{    max-height: 72vh;}
	.messageBoardMidListStyle{    max-height: 62vh;}
	.viewMsgBoardWrapper{    max-height: 70vh;}
}

.AddTransactionPopWrapper .back-right-border img {
    width: 14px;
} 
.attachanTx{padding:0px 0px 18px 0px;}
.TransactionTypeTx{ padding:10px 10px; position: relative; }
.transactionTableView{    width: 97%;
    margin: 10px 10px;}
.transactionTableView tr th,.transactionTableView tr td { padding: 5px 10px;
    border: 1px solid #ccc;
    font-weight: normal;
    border-left: 0px;
    border-right: 0pc;
    /* border-top: 0px; */
	border-bottom: 0px;}
	.transactionTableView tr th {color:#337ab7; font-weight: 600;}
	.AddTransactionPopWrapper .back-right-border {margin-left:4px;    position: relative;     top: -4px;} 
	.ContractLeftAlign{margin-left: 10px;}
	.ShowClosedContract{margin-left: 5px;}
	.TransactionTxPositionTop{position: relative; top: -4px;}
	.AddTransactionPopWrapper .col-sm-11-custom-transaction {margin-left: 11px; padding-bottom:10px !important; height: inherit !important;}
	.trnsFooterPopupRight{padding-right:0px;}
	.issueToFieldWrapper{margin-bottom:2px !important;     margin-top: -10px;}
	.issuedByTopLabel{position: relative; top:7px; }
	.postMsgPopPangBottom{padding-bottom: 0px; }
	.attachedtoolTipAiign .fa-question{    margin-top: 4px;}
	.selecTrnsTopAling{position: relative; top:-2px;}
md-toste{z-index: 99999999999 !important;}
.tenancyViewXscroll{overflow-x: hidden;}
.leasePopHeight{    height: 39vh;
overflow-y: auto;}

.requiredAddress{
	font-size: 14px;color: #dd2c00;
	padding-left: 0px;
}

.requiredAddressMessage{
	font-size: 12px;
	color: #dd2c00;
	padding-left: 0px;
	padding-bottom: 3px;
	display: inline-block;
}

.postMsgScrollBar{    max-height: 66vh;
		overflow-y: auto;
		overflow-x: hidden;}
		.postMsgScrollBar .note-editable    { min-height: 74px !important;
		height: inherit !important;}

		.postMsgScrollBar::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 5px;
		}
		
		.postMsgScrollBar::-webkit-scrollbar-thumb {
			border-radius: 4px;
			background-color: rgba(0,0,0,.05);
			-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
		}
		
			.postMsgScrollBar:hover::-webkit-scrollbar-thumb:hover {
				border-radius: 4px;
				background-color: rgba(0,0,0,.2);
			}
			
			@media (min-width: 1600px) {

				.postMsgScrollBar{    max-height: inherit !important; overflow: inherit !important;}
			}

			.messageBoardMidListStyle	li.childMsgList{
				 margin-left: 64px;
				 padding-left: 38px;
				 margin-top: 3px;
				 line-height: 12px;
				 padding-top: 7px;
				 padding-bottom: 7px;
				 background-position: 3px 7px !important;
				 border-top: 0px;
				 background: url(../images/speech-bubble-g.png) 8px 8px no-repeat !important;
				 background-size: 22px !important;
				 /* box-shadow: 0px 0px 2px rgba(0,0,0,0.4)  !important; */
				 margin-top: 5px  !important;
				 background-color: #fff !important;
				 border-bottom: 1px solid #ccc;
			}
				.messageBoardMidListStyle li.childMsgList h3{ font-size: 12px;}
				.messageBoardMidListStyle	li.childMsgList:hover { background:#fff url(../images/speech-bubble-b.png) 8px 8px no-repeat !important;  background-size: 22px !important;}
				
				.custom-info-tooltip .faLease{     background-image: url(../images/falease-g.png);}
				.custom-info-tooltip .faLease:hover{ background-image: url(../images/falease-b.png);}
				.leaseIconWrapper{ border-right:0px !important;     border-left: 1px dashed #ccc !important;}
				.lease-dashboard-wrapper .lease-contain-wrap{
					width: 100% !important;}
					@media (min-width: 1200px){
						.lease-dashboard-wrapper	.cardListItem {
						width: 31%;
					}
				}
				@media (min-width: 1600px){
					.lease-dashboard-wrapper	.cardListItem {
					width: 23%;
				}
			}

.messageBoardMidListStyle::-webkit-scrollbar-track, .viewMsgBoardWrapper::-webkit-scrollbar-track {

	border-radius: 4px;
	background-color: #fff !important;
}

.messageBoardMidListStyle::-webkit-scrollbar, .viewMsgBoardWrapper::-webkit-scrollbar {
	width: 4px;
	background-color: #fff !important;
}

.messageBoardMidListStyle::-webkit-scrollbar-thumb, .viewMsgBoardWrapper::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #ccc;
}
.messageBoardTitle{       background: url(../images/megaphone-blue-dashboard.png) left top no-repeat;
    background-size: 19px;
    font-size: 15px;
    padding: 0px 0px 10px 27px;
    margin: 0px;
    border-bottom: 1px solid #ddd;
    color: #336685;}
	.dashboardMsgBox.loudSpkDrop li .voicemsgTitle {
		font-size: 14px;
		margin: 0px 0px 6px 0px !important;
		padding: 0px !important;
	}
	.dashboardMsgBox.loudSpkDrop li:last-child{border-bottom: 0px !important;
		background: none !important;
		border: 0px !important;
		box-shadow: none;}
	.dashboardMsgBox.loudSpkDrop li .voicemsgTitle {
		font-size: 14px !important ;
		color: #337ab7;
	}
.fabullhorn{        background: url(../images/loud-spaker-header.png) 0px 0px no-repeat;
	width: 25px;
	height: 26px;
	background-size: 21px;}
.msgBoradHeaderIcon{         padding-top: 17px !important;
	padding-bottom: 8px !important;}
.msgBoradHeaderIcon:hover .fabullhorn{ background: url(../images/loud-spaker-header-hover.png) 0px 0px no-repeat; background-size: 21px;}
.loudSpkDrop li.msgUnreadTxStyle{        text-align: center;
	padding: 9px 0px 9px 0px !important;
	font-size: 14px !important;
border-bottom:1px solid #f4f4f4 !important;
text-decoration: none !important
}
.loudSpkDrop li.allMsgViewLink{ border:0px !important; padding:0px; margin:0px !important; text-decoration: none !important}
.loudSpkDrop li.allMsgViewLink:hover{    color: #444 !important;  padding:0px; margin:0px !important;}
.loudSpkDrop li.allMsgViewLink a{ text-decoration: none; border:0px;     color: #444 !important; padding:6px 0px !important; margin:0px !important; color: #444 !important; text-decoration: none !important;}
.loudSpkDrop li.allMsgViewLink a:hover{background-color:#e2e2e2 !important; }
.trnsRelatedTo{ font-size: 15px;}
.relatedReceipts h4{ font-size:15px; margin-bottom: 2px; margin-top:3px;}

.trnsAnimation {        -webkit-transition-property: left; /* Safari */
	-webkit-transition-duration: 0.11s; /* Safari */
	transition-property: left;
	transition-duration: 0.11s;}
.msgnotifLeftBar { border-left:0px solid #ddd;}
.msgnotifLeftBar:before{    content: "";
    position: absolute;
    border-left: 1px solid #ccc;
    height: 100%;
	left: 5px;}
	.msgnotifLeftBar .toggleItemListAction{         width: 20px;
		height: 20px;
		font-size: 11px;
		left: -5px;
		top: 46px;
		line-height: 17px;
		box-shadow: 0px 0px 2px #888;
		border: 1px solid #888;}
		.msgnotifLeftBar .toggleItemListAction .fa-angle-left {
			position: relative;
			left: 0px;
			top: -1px;
		}
.custom-date-picker-new input[type=text]{    border: 1px solid #ddd;}
.custom-date-picker-new .input-group-addon {    padding-left: 0px; background-color: #fff; border-left:0px !important; border: 1px solid #ccc;}
.custom-date-picker-new .input-group-addon .caret{    border: 0px !important;
    background: url(../images/calendar.png) right center no-repeat;
    background-size: 14px;
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
    right: -5px;
}
.custom-date-picker-new{padding-right:0px;}
.custom-date-picker-new .dropdown-menu {    bottom: 34px; top: inherit;}
.custom-date-picker-new .datetime-picker-dropdown{        box-shadow: 0px 0px 14px #eee !important; font-size: 12px;}
.custom-date-picker-new .datetime-picker-dropdown .btn-default{ font-family: arial !important;  background: none !important; border:0px !important;     font-size: 13px;
	padding: 5px 10px;}
	.custom-date-picker-new .datetime-picker-dropdown .btn-default:hover{background: #efefef !important;}
	.custom-date-picker-new .uib-daypicker th {     font-size: 15px !important;font-weight: 600 !important;color: #777;  font-family: arial !important;}
	.custom-date-picker-new .dropdown-menu 	.btn-sm.active{background: #efefef !important; box-shadow:none !important; }
	.custom-date-picker-new .dropdown-menu li { font-size: 13px;}


	#l2snlayer.l2snlayer_animated {        
		left: 2px !important;
		bottom: 50px !important;
		right: inherit !important;}
	.msgcustomdatewidth{    width: 103px;
		padding-right: 0px;}
.manageDeligateTodate { position: relative; left: 24%; display: inline !important; }
.manageDeligateTodate  .msgcustomdatewidth{        width: 99px;
	padding-right: 0px;}

	.manageDeligateTimeInput.start, .manageDeligateTimeInput.end {
		background: url(../images/time-picker.png) 95% center no-repeat !important;
		background-size: 14px !important; 
	}
	.custom-date-picker-new .manageDeligateTimeInput.end{border: 1px solid #ddd !important;border-radius: 5px !important;     margin-left: -3px !important;}
	.manageDeligateTodate .dropdown-menu {
		bottom: inherit;
		top: 23px;
		left: -10px;
	}
	.manageDeligateTodate .input-group-addon  {
		border-radius: 0px 4px 4px 0px !important;
		display: inline-block !important;
		width: 28px;
		border-color: #ddd !important;
		padding: 9px 0px 10px 0px;
		position: relative;
		top: -2px;
		left: -3px;
	}
	.manageDeligateTodate table tr th, .manageDeligateTodate table tr td {border:0px !important; padding:0px !important;}
	.manageDeligateTodate .datetime-picker-dropdown {    left: -9px !important;}
	.delEndTimePickerWrapper{    padding-left: 4px;padding-top: 1px;}
	.postMsgCol-3{ width: 21.3% !important;}
	.l2snlayer_animated.bounceIn{width: 45px; height: 45px;}
	.l2snlayer_animated.bounceIn{width: 45px !important; height: 45px !important;} 
	.l2snlayer_animated.bounceIn #l2snlayer_head {height: 45px !important;}
	.l2snlayer_animated.bounceIn .l2s_logo {    padding: 9px 8px !important;height: 28px !important;}

	.mailBoxTopTabEllips{ margin: 0px; padding: 0px; list-style: none;}
.mailBoxTopTabEllips li{ float: left; margin: 0px; padding: 0px;}
.mailBoxTopTabEllips li a{padding-left:10px; padding-right:10px;}
.ellipsisEmailTabSubWrapper{ position: relative;}
.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    width: 200px;
    background: #fff;
    box-shadow: 0px 4px 3px #ddd;
    right: -37px;
    top: 30px;
    z-index: 3;
    }
.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li{    margin: 0px;
    padding: 0px 0px;
    list-style: none;
    width: 100%;
    border-bottom: 0px solid #f1f1f1;
	font-size: 12px;}
	.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li a {font-size:12px;display: block; border-bottom:1px solid #f1f1f1; padding:7px 10px;}
	.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li a:hover{background: #f9f9f9;}
	.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li:last-child a{border-bottom: 0px;}
	.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li a::after, .mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li a::before {    bottom: -1px !important;     height: 2px;}
	.mailBoxTopTabEllips .ellipsisEmailTabSubDropDown li a.active{background: #f9f9f9;}
	.emailTabellipsicon.activeLink{background: #cadce0 !important;  }
	


	.emailTabellipsicon{
    border: 1px solid #f1f1f1;
    padding: 11px 13px;
    background: #fff;
    position: absolute;
    cursor: pointer;
    top: -7px;
    }

.delegateInfoIcon{    padding-right: 13px !important;
    background: url(../images/star.png) 100% 5px no-repeat !important;
	background-size: 9px !important;}
	.delegateTxInfoTitle{position: absolute;
		width: 373px;
		top: 30px;
		left: 50%;
		transform: translate(-50%, 0);
		box-shadow: 0px 0px 3px #ddd;
		padding: 5px 10px 5px 18px;
		/* bottom: 23px; */
		z-index: 333;
		background: #fff url(../images/star.png) 4px 8px no-repeat !important;
		right: 0px;
		background-size: 9px !important;
		border-radius: 5px;
		font-size: 12px;
		color: #777;
		/* right: 0px; */
		box-shadow: 0 0px 4px rgba(0,0,0,0.3);
		border: 1px solid #ccc;}
	/* .delegateTxInfoTitle::after{       content: "";
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 6px solid #fff;
		position: absolute;
		top: -6px;
		left: 23px; } */
	.mailBoxTopTabEllips .delegateTxInfoTitle{ display: none;}
	.mailBoxTopTabEllips .delegateInfoIcon .delegateTxInfoTitle{ display: none;}
	.mailBoxTopTabEllips .delegateInfoIcon:hover .delegateTxInfoTitle {display: block; color: #777;}
	.delegateInfoIcon  i.arrowTopToolTip {
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -12px;
		width: 24px;
		height: 12px;
		overflow: hidden;
	}

	.delegateInfoIcon i.arrowTopToolTip::after {
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		left: 50%;
		transform: translate(-50%,50%) rotate(45deg);
		background-color: #fff;
		box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	}

	.requireSelectDropDown.single .selectize-input{border: 1px solid #cc0000 !important;}
	.dashboardMsgBox.loudSpkDrop li {      padding-left: 10px !important;
		background: #fff;
		box-shadow: 1px 2px 2px #ddd;
		padding: 10px 10px;
		border-radius: 4px;
		border: 1px solid #ddd!important; margin-bottom:6px;}
		.dashboardMsgBox.loudSpkDrop li.childMsgLeftMargin { margin-left:14px;}
		.dashboardMsgBox.loudSpkDrop li.unreadDashboardMsg { font-weight:600; }
		.dashboardMsgBox.loudSpkDrop li.unreadDashboardMsg h3 { font-weight:600;}
		.dashboardMsgBox.loudSpkDrop li ul li { border:0px !important; padding-left:10px !important; float:left; background: none !important; box-shadow: none !important;  }
		.disableLiteBtnStatus{
			opacity: 0.7;
    		cursor: not-allowed;
		}


		body{width: 100% !important;}

		/* ######	External style effect remove ####### */

		A:Link { color: #337ab7; font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
		A:Visited { color: #337ab7; font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
		A:Active { color: #337ab7; font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
		A:Hover { color: #337ab7; font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
		html,body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,span,label,div,form,b {font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
		.sidebar-toggle:hover{font-family: FontAwesome !important;}
		
		table,tr,th,td{font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
		p {font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
		.breadcrumb li a{color:#337ab7;}
		.messageFooterWrapper li a{color:#337ab7 !important;}
		.toggleButton p, .choose-plan-wrapper p{    margin: 0 0 10px !important; font-size: inherit !important;}
		.box a, .ViewMorefullscreenZoom a{color: #337ab7;}
		/* ######	External style effect remove end ####### */
.trsnPopTitle{position: relative;top: -5px;}
.custSupToggle{margin-left: 40px;position: relative;top: -3px;}
.trnsAddNewDrop{margin-right: 20px;}
.trnsCogs{margin-left: 10px;}
.trnsCogs i{font-size: 21px;color: #337ab7;position: relative;top: 1px;}
.trnsAddNewDrop {position: relative;top: -4px;}
.custom-filter-fields gridtypeahead {border-bottom: 0px !important;}
.custom-filter-fields gridtypeahead a{background: #f9f9f9 !important; border-bottom:1px solid #ddd;}
.custom-filter-fields gridtypeahead .list-group a.active {color: #555 !important;
    background-color: #f5fafd !important;}
.txnSelectWidth{
	width: 24% !important;
}
.txnDateWidth{
	width: 19% !important;
}
.margin-bottom-none{margin-bottom:0px !important;}
.accountMethod{position: relative;top: -4px;}
.generateReportBtn{margin: 0px 0px 0px 0px !important;}
.marginBot10px{margin-bottom:10px;}
.custLebWidth{ width: 11% !important}
.custLebWidth6{ width: 6% !important}
.accountMethodLeft{    margin-left: 2px;
    position: relative;
    top: -2px;}
.accountWrap{margin-right:10px !important;}
.includeBoxWrap{position: relative; top:-4px;}
.accountingMethodTopWrap{padding-top:4px;}
.attachDocWrapper{ width: 100%; float:left; position: relative;}
.attachDocMain{float:left; margin-left:20px; width: 96%;}
.attachDocBackLeft{    position: absolute;
    left: -24px;
    top: -7px;}
.attachDocBackLeft .link-to-case-back{ width:40px; }
 .attachDocMain.noleftMargin{margin-left:20px !important} 
 .custom-trns-grid tr th,.custom-trns-grid tr td{ padding:5px 10px 5px 10px !important;}
.custom-trns-grid th{ font-weight: normal;    color: #1e5372 !important; border-bottom: 2px solid #1e5372 !important; border-left:1px solid #d8d8d8 !important;}
.custom-trns-grid th:first-child,.custom-trns-grid th:last-child{border-left:0px !important;}
.custom-trns-grid tr td{ border-bottom: 1px solid #d8d8d8 !important; vertical-align: middle !important;}
.custom-trns-grid tbody{border:0px !important;}
.no-case-yet-tx{margin-top: 11px; display: inline-block;}
.no-case-yet-icon{font-size: 35px;color: #ddd;margin-right: 10px;}
.document-no-record .create-new-attach { margin-top:0px !important; padding-top:0px;}
.document-no-record .create-new-attach span{    margin-left: 45px;}
.document-no-record{height: 120px;}
.statusBoxWidth{width: 130px;}
.statusBoxWidth {
 
    display: inline-block;
	text-align: center;
	min-width: 80px !important;
 width: 80px !important;
}

.custom-toggle-switch .switch {
    position: relative;
    display: inline-block;
    width: 39px;
	height: 18px;
	margin-top: 2px;
	margin-left:10px;
	}
	.m-t-5{margin-top: 5px !important;}
	.m-t-4{margin-top: 4px !important;}
	.m-t-0{margin-top: 0px !important;}
	.m-l-0{margin-left: 0px !important;}
	.m-l-5{margin-left: 5px !important;}
	.m-r-5{margin-right: 5px !important;}
	.m-r-7{margin-right: 7px !important;}
	.m-l-15{margin-left: 15px !important;}
	.m-t-4{    margin-top: 4px !important;}
	.m-t-15{    margin-top: 15px !important;}
	.m-b-15{    margin-bottom: 15px !important;}
	.m-t-25{    margin-top: 25px !important;}
	.l-h-20{    line-height: 19px !important;}
	.m-t-18{    margin-top: 18px !important;}

	.p-l-40 {padding-left: 40px;}
  
	.custom-toggle-switch .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .custom-toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .custom-toggle-switch .slider:before {
	position: absolute;
	content: "";
	height: 16px;
    width: 16px;
    left: 3px;
    bottom: 1px;;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	}
  
	.custom-toggle-switch input:checked + .slider {
	background-color: #417ea3 ;
  }
  
  .custom-toggle-switch input:focus +  .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  .custom-toggle-switch input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
  }
  
  /* Rounded sliders */
  .custom-toggle-switch .slider.round {
	border-radius: 34px;
  }
  
  .custom-toggle-switch .slider.round:before {
	border-radius: 50%;
  }
  .companyRegisterAddr{margin-bottom:10px;}
  .someAsRegister{     font-size: 14px;
    position: relative;
    top: -4px;
	margin-right: 10px;}
.legAdBottom {    margin-bottom: 0px !important;
	overflow: hidden;}
	.strAddressTop{margin-top:10px !important;}


.tenancyStatementHdrLabel{
	font-weight: 600;
    color: #555;
}
.tenancyStatementHdrSubLabel{
	color: #336685;
    margin-left: 6px;
    font-weight: bold;
}
.addlineBtn{     background: #417ea3;
    color: #fff;
    padding: 4px 6px;}
.invoiceCustomDesign > div{ background: #ddd; color: #000;}
.m-t-10{margin-top: 10px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-b-8{margin-bottom: 8px;}

.inv-pro-details-right{border-right: 1px solid #e1e1e1;}
.invoicePropertyDetails{ margin:0px; padding:0px; list-style:none;}
.invoicePropertyDetails li{ width:100%; float:left; padding:0px; margin:0px 0px 5px 0px;}
.invoicePropertyDetails li i{     float: left;
    color: #337ab7;
	margin-top: 3px;     font-size: 18px; }
	.invoicePropertyDetails li i img{width: 18px;}
.invoicePropertyDetails li span{ float:left; margin-left:10px; line-height:24px; width: 222px; margin-top:2px;}
.invoicePropertyDetails li span.invLabelTitle{width: 105px !important;}
.invoicePropertyDetails li span.invLabelTitle2{    min-width: 70px !important;
    max-width: 70px;
    width: inherit !important;}
.invoicePropertyDetails li span.invLabelTitle3{    min-width: 80px !important;
		max-width: 80px;
		width: inherit !important;}
.documentsRTopTitle h3.rightCasePanel{color: #333 !important; border-color:  #777 !important; width: 100%; padding-top:1px;}
.invoiceDocRight {border-right:1px solid #ddd !important;}
.invoicePanelItem { box-shadow: none !important;}
.roundedPlusBtn{           line-height: 16px !important;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    font-size: 10px !important;
    cursor: pointer;
    margin-right: 5px;}
	.roundedPlusBtnPlus {     font-family: arial !important;
		font-weight: 100 !important;
		line-height: 17px !important;
		font-size: 17px !important;}
	.addRelatedWrapper{position: relative; width: 100%; float:left; margin-bottom:20px !important;}
	.bottomTooltip.relatedToItemls {min-width: 201px !important; top:0px;}
	.relatedTolandLoadList{    margin: 0px;
		padding: 0px;
		list-style: none;
		border: 0px !important;
		margin-bottom: 10px !important;
		float: left;
		width: 100%; margin-top:3px;}
	.relatedTolandLoadList li{        background: url(../images/group-link-icon.png) left top no-repeat;
		padding: 0px 0px 0px 29px;
		background-size: 19px;}
		.caseItemTolandLoadList{margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			border: 0px !important;
			margin-bottom: 16px !important;
			float: left;
			width: 100%;}
			.relatedTolandLoadList li .edtDel-Group-wrap{ display: none;}
			.relatedTolandLoadList li:hover  .edtDel-Group-wrap{ display: inline-block;}
			.edtDel-Group-wrap .icon-edit-sm {     font-size: 12px;
				margin-right: 6px;}
			.edtDel-Group-wrap  img{    width: 14px;
				position: relative;
				top: -2px;}
		.caseItemTolandLoadList li{ 	    padding: 3px 0px 0px 0px;
			width: 100%;
			float: left; font-size:13px;}
		.caseItemTolandLoadList li span{ float: left;width: 86%;}
		.caseItemTolandLoadList li i.icon-case, .caseItemTolandLoadList li i.icon-transaction{ font-size: 16px; margin-right:6px; float:left;}
		.toggleIninvoiceBtn{       
			 right: -14px !important;
			left: inherit !important;
			cursor: pointer;
			top: 0px;
			font-size: 16px;
			z-index: 4;
			background: #f8f8f8 !important;
			color: #444 !important;
			border: 1px solid #ddd!important;
			box-shadow: 0px 0px 0px rgba(0,0,0, 0.3);
		}
			.toggleIninvoiceBtn i{     font-size: 20px;
				position: relative;
				top: 2px;
				left: 1px; color:#337ab7 !important;}
				.toggleIninvoiceBtn i.fa-bars{     font-size: 15px;
					top: 1px;
					left: 0px;}
			.no-recp-wrapper {     font-size: 13px !important;
				color: #888;
				margin-top: 5px;     margin-bottom: 12px;
				display: inline-block;}
			

propertytypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
	background: #fff !important;
}
#proptypeAheadLst{width:auto !important; max-width:94.7% !important; min-height:20px !important; max-height:258px !important; height:auto !important; border: 1px solid #ddd !important; background:#fff; margin-left: -1px !important; border-radius:1px; border:1px solid #ccc;box-shadow: 0px 2px 6px #d1d1d1;}

#proptypeAheadLst::-webkit-scrollbar {
    width: 5px;
}

#proptypeAheadLst::-webkit-scrollbar-track {
    background: #fff;
}

#proptypeAheadLst::-webkit-scrollbar-thumb {
  background-color: #fff;

}


#proptypeAheadLst:hover::-webkit-scrollbar-thumb {
  background-color: #cccccc;

}


#proptypeAheadLst .list-group-item a{border:0px !important ;border-bottom:1px solid #ddd !important;}
#proptypeAheadLst .list-group-item{
	border-bottom: 1px solid #ddd !important;
	border-radius: 0 !important;
	margin-bottom:0px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	border-right: 0px !important;
	margin-bottom:0px;
	padding: 5px 7px !important;
	width:100%;
}
#proptypeAheadLst .list-group-item:hover{
	background-color: #337ab7 !important;
}	

.width99{width: 99%;}

.invoicePropertyRightCol{margin-left:40px;}
@media (min-width: 1600px) {		

	.invoicePropertyDetails li span {					
		width: 63%;
	}
}

.caselistMaxHeight::-webkit-scrollbar {
	width: 5px;
	height: 4px;
	background:#ffffff !important;
}

.caselistMaxHeight::-webkit-scrollbar-track {
    background:#ffffff !important;
    border-radius: 10px;
}

.caselistMaxHeight::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#cccccc !important;
}
.relatedTolandLoadList li span.relatedEllipsTx{max-width: 65% !important;     display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.invoice-line-list.selected {
    box-shadow: 2px 2px 8px -3px;
}

.applyAndRmvInvoice{ margin:0px; padding:0px; text-align:left; display: block; text-align: left; line-height: 16px; text-decoration: underline !important;     cursor: pointer;
	margin-top: 3px;}
	.invoice-line-list.invoiceCustomShadow{     box-shadow: 1px 0px 2px #ddd !important;}
	.invoiceStatusStyle{     background: #f37e00;
		border-radius: 10px;
		padding: 2px 10px 3px 10px;
		font-size: 15px;
		color: #fff; }
		.textOverdue{     color: #f37e00;
			font-size: 20px;
			margin-right: 10px;
			line-height: 20px;}
.invoiceFixedFooter{    background: #eaeaea  !important;
    z-index: 4;
    height: 49px;
    padding-top: 4px;}
.invoiceFixedFooter .buttonNavBar {background: #eaeaea  !important;}
.btn-sm-primary{    background: #1e5372 !important; color: #fff !important;padding: 2px 10px 3px 10px; border: 1px solid #1e5372 !important;}
.btn-sm-primary:hover{ color: #fff !important;}
.btn-sm-light{    background: #fff !important; color: #000; padding: 2px 10px 3px 10px; border: 1px solid #ccc !important;}
.btn-sm-light:hover{ color: #000 !important;}
.customerGroupDetailWidth{ width: 400px;     margin-left: 6px;}
.invoiceTotalBalance {padding:0px; margin:0px !important;}

.whiteBox h4.billignAddrTitle {font-size: 15px;margin: 7px 0px 10px 10px!important;color: #84a2bd !important;}
.whiteBox  h4.titleCustInv{ margin-bottom:10px;}
.invDocTitleBotBorder{     border-bottom: 1px solid #ccc !important;
    color: #000 !important;
    float: left;
	width: 100%;
    margin-bottom: 4px !important;
}
.margin-right-20{margin-right: 20px;}
.position-relative-wrapper{ position: relative;}
.crateDropdownWrapper{margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    right: 0px;
    width: 150px;
    background: #fff; z-index: 3; box-shadow: 0px 1px 5px #ccc;}
.crateDropdownWrapper li{ margin: 0px; padding: 0px; list-style: none;}
.crateDropdownWrapper li a{     font-size: 13px;
    margin: 0px;
    padding: 0px;
    display: block;
    padding: 9px 10px; text-decoration:none;
	border-bottom: 1px solid #f1f1f1 !important;}
	.customtoggleswitchTop{position: relative;top: -3px;}
/*
	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(1) {
		flex: 11.5;
	}
	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(3) {
		flex: 1;
	}
	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(2) {
		flex: 2.7;
	}

	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(1) {
		flex: 11.5;
	}
	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(3) {
		flex: 1;
	}
	.invoice-lines-total-without-vat > ul.invoiceTotalBalance > li > div:nth-child(2) {
		flex: 2.7;
	}

	.invoice-lines-total-without-vat > ul > li > div:nth-child(3) {
		flex: 0 !important;
	}
	.invoice-lines-total-without-vat > ul > li > div:nth-child(2) {
		flex: 1.8;
	}
	.invoice-lines-total-without-vat > ul > li > div {
		padding-left: 5px;
		padding-right: 1px;
	}
	*/
	.invoice-lines-total > ul.withvatedit > li > div:nth-child(2) {
		flex: 1.7 !important;
	}
	.invoice-lines-total > ul > li > div:nth-child(3) {
		flex: 0.70 !important;
	}
	.invoice-lines-total > ul.withvatnoedit > li > div:nth-child(3) {
		flex: 0 !important;
	}
	.invoice-lines-total > ul.withvatnoedit > li > div:nth-child(2) {
		flex: 1.7;
		padding-right: 0px !important;
	}
	.invoice-lines-total-without-vat > ul.withoutvatnoedit > li > div:nth-child(3) {
		flex: 0;
		padding-right: 0px;
	}
	.invoice-lines-total-without-vat > ul.withoutvatnoedit > li > div:nth-child(2) {
		flex: 1.7;
	
	}

	.invoice-lines-total-without-vat > ul.withoutvatedit > li > div:nth-child(2) {
		flex: 1.7;
	}
	.invoice-lines-total-without-vat > ul.withoutvatedit > li > div:nth-child(3) {
		flex: 0.6;
	}
	

	.po-lines-total > ul > li > div:nth-child(1) {
		flex: 9.5;
	}

	.po-lines-total > ul > li > div:nth-child(2) {
		flex: 1.8 !important;
	}

	.po-lines-total > ul > li > div:nth-child(3) {
		flex: 1.8 !important;
	}
	.po-lines-total > ul > li > div:nth-child(3) {
		flex: 1.9 !important;
	}


	.invoice{border:0px !important;}
	.margin-left-10 {margin-left:10px;}
	.invoice-line .editInvoiceLine i {
		margin-right: 3px;
		margin-left: 3px;
		font-size: 15px;
	}
	.invoiceIconColor i{ color:#888 ;}
	.invoiceIconColor i.inv-edit-pen-color{color: #337ab7 !important; }
	.invoiceIconColor i.inv-apply-icon-color{color: #82ac02 !important; }
.hoverBottomLinkBorder{
	font-style: inherit;
	font-size: 13px !important;
	color: #383838 !important;     line-height: 19px; cursor: pointer; border-bottom: 1px dashed #999;}
.hoverBottomLinkBorder:hover{border-bottom: 1px dashed #999;}
.totalLabelWrapp{    line-height: 22px !important;
	color: #666;}
.totalValTx{     font-weight: bold;
font-size: 20px;}
.batchStyleWrapper{     border-radius: 10px;
	padding: 2px 10px!important;
	font-size: 14px;
	line-height: 17px;}
.batchWarning{ background: #ffc000 !important; color:#555 !important;}
.batchDefault{ background: #d9d9d9 !important; color:#555 !important;}
.batchSuccess{ background: #92d050 !important; color:#555 !important;}
	
.totBalTx {    font-weight: normal;
	font-size: 13px;
	color: #444;
	position: relative;
	top: -2px;
	margin-right: 8px;}
.totalValNumberTx{ color: #000 !important; font-weight: 600;}
.custadsupplToggle span{ line-height:19px;}
.choosePropertyTx{     padding-top: 33px;}
.redAstTx{     color: #eb9800 !important;
	font-size: 18px;
	position: relative;
	top: 2px;}
.whiteBox h4.entityHead.headerEntNote {margin-bottom:10px !important;}
.margin-left-m-10{margin-left: -10px;}
.positionRelProPerty{     position: relative;
	top: 0px;}
.invoicePaymentInput{margin-top: 2px;margin-bottom: 2px;
	padding-top: 1px !important;
	padding-bottom: 1px;
	overflow: hidden;}
.payment-label-lineheight label { margin-top: 0px;
	padding-top: 1px !important;
	padding-bottom: 1px;
	overflow: hidden;}
.payment-custom-table{ width: 100%; border:1px solid #bfbfbf;}
.payment-custom-table tr th{ font-weight:normal; margin:0px; padding:3px 6px; border-left:1px solid #bfbfbf;
	background: #ddd;
	color: #000;
}
.payment-custom-table tr td{ margin:0px; padding:3px 6px; border:1px solid #bfbfbf;}
.payment-custom-table tr td label{ margin:0px; padding:0px;}
.payment-custom-table tr th .checkbox, .payment-custom-table tr td .checkbox {
	margin: 5px 0px 0px 0px;
}
.choosePropertyTopNone{padding-top:0px !important;}
.avail-doc-zndex{position: relative; z-index: 4;}
.makebillpaymentPayDetl.invoicePropertyDetails li span.invLabelTitle2 { width: 121px  !important; min-width: 121px  !important;}
.externalPopBottom{ bottom: 23px !important; top: inherit;}
.link-btn-icon-2x{     font-size: 18px !important;
    position: relative;
	top: 2px;}
	.m-r-10{margin-right:10px;}
	.userRestriction-links{    display: inline-block;top: 2px;position: relative;}
	.userRestriction-links .icon-transaction{    position: relative;top: 5px;}
   .swich-trsn-wrapper{position: relative;top: 5px;margin-right: 10px;}
.trans-swich-label{top: 2px;position: relative;} 
.tenan-trs-pop-footer{ overflow: hidden;}   
.modal-trns-body{padding-top:7px; padding-bottom: 7px;}
.arrow-control-wrapper{width: 100%; overflow: hidden;}
.modal-grid-height{    height: 54vh;
    width: 100%;
    overflow-y: auto;
	float: left;}
	.modal-grid-height::-webkit-scrollbar-track {
		
	   border-radius: 4px;
   }
   
   .modal-grid-height::-webkit-scrollbar {
	   width: 4px;
	   background-color: #fff;
   }
   
   .modal-grid-height:hover::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: transparent;
   }
   
  .modal-grid-height:hover::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #cccccc;
   }
   .grid-ellipsis-wrapper{ position: relative;}
   .bulk-ellipsis-headergrid{margin-top: 0px !important;}
   .tenant-checkbox-wrapper{ margin-top:0px;}

   .invoice-lines-total-without-vat > ul.withoutvatedit.withoutvatopenedit > li > div:nth-child(3) {
    flex: 0 !important;
	padding-right:0px !important;
}

.invoice-lines-total > ul.withvatedit.withvatopenedit > li > div:nth-child(3){flex: 0 !important;}


.invoice-lines-total-without-vat > ul.withvatedit.withvatopenedit > li > div:nth-child(2) {
    flex: 1.2 !important;
}
.custGridAgentHeight { min-height: 20vh;}
.custGridStyleAgent tr th .checkbox{margin-top:0px; padding-top:0px;     min-height: 19px;}
.custGridStyleAgent tr th{padding:5px 10px !important;;}
.custGridStyleAgent tr th .ellipsesPos{ margin-top:0px;}
.custGridStyleAgent tr td .checkbox{margin-top:0px; padding-top:0px;     min-height: 19px;}
.custGridStyleAgent tr td .ellipsesPos{ margin-top:0px;     padding-top: 4px;}
.custGridStyleAgent tr td{    padding: 5px 10px !important;
    vertical-align: middle !important;}
.addRelatedWrapper .roundedPlusBtn, .choosePropertyTx .roundedPlusBtn, .panelForDocumentList .roundedPlusBtn {position: relative; top:-1px;}
.invoicePanelItem .bottomTooltip .typeaheadWrapper {    border-radius: 10px !important;padding: 1px 7px !important;border: 1px solid #ddd!important; font-size: 11px !important;}
	.invoicePanelItem .bottomTooltip .typeaheadWrapper .fa-times {     padding: 0px 0px 0px 5px;}
	.trns-grid-wrapper{padding-left:0px; padding-right: 0px;}
.fetchPartyDropdownToggle{position: relative;top: -3px; margin-bottom: 2px;}
.border-right-tenpay{border-right:1px solid #ddd;}
.tenpayViewInfoList.invoicePropertyDetails li span.invLabelTitle {
	max-width: 91px !important;
    min-width: 64px;
    width: auto !important;
}
.tenpayViewInfoList.invoicePropertyDetails li span {
   
    width: 150px !important; 
   
}
.paymentLabAlign label {         padding-top: 3px !important;
	line-height: 34px !important;}
	.paymentLabAlign .checkbox label {
		padding-top: 3px !important;
		line-height: 25px !important;
	}
	.invpro-details-minh{
		min-height: 61px;
	}
	.invoicePropertyDetails li span.recLabelTitle2 {
		min-width: 70px !important;
		max-width: 121px;
		width: inherit !important;
	}
	.trnsCaseEllpTx{cursor:pointer;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
	.invoicePanelItemCase{margin-bottom: 0px !important;}
	.gridInputTopBottom{margin-top:3px; margin-bottom:3px;}
	.invoicePropertyDetails li span.invLabelTitleWidthSm {
		width: 73px !important;
	}
	.invpro-min-height{ min-height: 100px;}
	.propertyDropDownPositon .overlap{top: 65px !important; }

	pre.default.prettyprint.prettyprinted{background-color: #FFFFFF !important;
		border-radius: 7px;
		color: #000 !important;
		font-size: 12px !important; font-family: 'pmfontface-regular' !important;}
	pre.default.prettyprint.prettyprinted code {font-size: 12px !important; color: #000 !important; font-family: 'pmfontface-regular' !important;}


   
   .kpmTxEditCustomStyle::-webkit-scrollbar {
	   width: 4px;
	   background-color: transparent;
   }
   
   .kpmTxEditCustomStyle::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: transparent;
   }
   
    .kpmTxEditCustomStyle::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #cccccc;
   }
   .chooseSupLeftAlign{ margin-left:10px !important;}
   .oktopayYes{
		padding: 3px 0px 2px 12px;
		border-radius: 11px;
		width: 50px;
		background-color: #92d050;
		color: #ffffff;
		height: 25px;
   }
   .oktopayNo{
		padding: 3px 0px 2px 15px;
		border-radius: 11px;
		width: 50px;
		background-color: #f37e00;
		color: #ffffff;
		height: 25px;
   }
   .invoicePropertyDetails li span.makebillPaymentLab {
    width: 115px !important;
}
.landlordStamentLabelIcon{ font-size: 17px;
    float: left;
    margin-right: 10px;
	margin-top: 5px; color: #336685;}
	.landlordStamentLabelIcon img{width: 18px;}
	.labelWidthLandload {width:11% !important;}
	.norecordDisplay{ padding:10px 0px !important;}
	.custBtnONGridTop{ margin-top:8px;}
	.custBtnONGridTop.pull-right .dropdown-menu {top:24px; bottom: inherit !important; width:223px  !important;}
	.pytDescriptionEllp{ white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden;     max-width: 90%;}
	.statementTitleTx{ font-size:13px;}
	.landloadRightStaList li span{    margin: 0px !important;
		padding: 3px 0px 3px 0px !important;
		font-size: 11px; width:100%;}
		.landloadRightStaList li {
			padding: 3px 0px 3px 0px;			
			border-bottom: 1px dashed #999 !important;
		}
	.landloadRightStaList	i.staItemTxColor {color:#000 !important; font-style: normal !important;}
	.statementWithEllp .crateDropdownWrapper { display: none !important;}
	.landloadRightStaList li span.statementTitleTxLeft{         width: 88%;
		overflow: hidden;
		background: url(../images/statement-title-icon.png) no-repeat 0px 3px;
		background-size: 19px;
		padding-left: 21px !important;}
		.landloadRightStaList li span.statementTitleTxLeft  .statementTitleTx {width: 100%;
			overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.landloadRightStaList li span.statementWithEllp {float: right; margin-top:3px !important; width:10%; text-align: right;    
		cursor: pointer; }
	.landloadRightStaList li span.statementWithEllp .fa-ellipsis-v {  font-size: 13px;}
	.statementWithEllp:hover .crateDropdownWrapper { display: block !important;}
	.statementDelHoverList li{ margin:0px; padding:0px; border-bottom:0px solid #ccc !important; text-align:left;}
	.statementDelHoverList li a{    margin: 0px;
		padding: 7px 5px;
		border-bottom: 1px solid #ddd !important;
		text-align: left;}
		.landlordStatementData {border:1px solid #ccc !important;}


/* style 09-10-2019 */
.clientAcSummaryWrapper{margin-left: 0px;
    position: relative;
    left: -10px;}
.clientAcSummary{ margin:0px; padding:0px; }	
.clientAcSummary tr th{border-bottom:1px solid #336685; border-left:1px solid #336685;}
.clientAcSummary tr th:first-child{ border-left:0px;  }	

.clientAcSummary tr.caSummarybottomborderTop td{  border-top:1px solid #336685; border-bottom:0px !important;  }
.clientAcSummary tr.caSummarybottomborderTop:last-child td{  border-top:0px solid #336685; border-bottom:0px !important;  }
.clientAcSummary tr th, .clientAcSummary tr td {    padding: 3px 20px;}
.clientAcSummary tr td:first-child{border-left:0px;  }
.clientAcSummary tr td:last-child{padding-right:0px !important;  }
.clientAcSummary tr td {border-bottom: 1px dashed #ccc; border-left:1px solid #ccc;}
.clientAcSummary tr:last-child td { border-top:0px !important;}
.clientAcSummary tfoot tr td{border-top:1px solid #336685; border-bottom:1px solid #336685;}
.whiteBox h4.clientAcSumTitle{ margin-bottom:10px;}
.clientAcSummary tr:first-child td{ border-top:0px !important;  border-bottom:1px solid #336685 !important;  }	
.releasable-funds{    position: relative;margin-left: -24px;margin-right: 6px;top: -2px; left: 3px;}
.releasable-funds img {    width: 19px;}
.landloadStamentWrapper{    padding-bottom: 10px;}
.propertyStatementTileBg{background: url(../images/statement-title-icon.png) left top no-repeat; background-size: 26px;} 
.proStaWidt100{width:100%;}
.kpmDomainEmailList li h5.propertyStatementTileBg span{padding-left: 30px !important;padding-bottom: 9px;padding-top: 4px;font-size: 18px;}
.landloadStamentAdvWrapper{ padding-bottom: 4px;}
.landloadStamentAdvWrapper  .kpmDomainEmailList li h5 span {    border-bottom: 0px !important;padding-top: 14px;}
.btn-grp-lg .custom-drop-menu{width: 200px !important; }
.m-l-5{margin-left:5px;}
.stamentListItems li{ font-size: 12px;margin-bottom: 8px; padding-left: 0px;position: relative;font-size: 12px;overflow: inherit;width: 100%; float: left;}
.stamentListItems li::before {content: "";width: 6px;height: 6px;border-radius: 50%;background: #336685;
position: absolute;top: 5px;left: 0px; display: none;}
.createdByUser{ font-size: 10px;position: relative; margin-left: 11px;display: inline-block;margin-top: 3px;}
.createdByUser::before{content: "";
    left: -10px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    background: #337ab7 !important;
    top: 3px;}
.createdByUser a{border-bottom: 1px dashed #ccc;margin-left: 3px; margin-right: 3px;}
.statusActionLinks  {margin-left: 6px;}
.statusActionLinks a { margin: 0px 5px 0px 0px; border-bottom: 1px dashed #ccc; margin-right:11px; font-size: 12px;}
.statusActionLinks a:hover{color:#336685;} 
.ConfirmMarkClearBtn { font-size:11px !important;;  }
.ConfirmMarkClearBtn .btn {     box-shadow: none !important;background: #fff !important;padding: 0px !important;
    margin: 0px !important;border: 0px solid #337ab7 !important;color: #337ab7 !important;text-decoration: underline;
    font-size: 11px;margin-right: 3px !important;}
.ConfirmMarkClearBtn .btn-left-border i {    color: #337ab7 !important;
    font-size: 14px;
    line-height: 20px;}
.ConfirmMarkClearBtn .btn.btn-left-border, .ConfirmMarkClearBtn .btn.btn-left-border:hover{border-left:0px solid #337ab7 !important; font-size: 12px; padding:0px !important;}
.ConfirmMarkClearBtn .btn:disabled{border:0px solid #ccc !important; color:#ccc !important; }
.ConfirmMarkClearBtn .btn:disabled i{color: #ccc !important;}
.statement-alert-info {width: 13px !important; margin-right: 4px;}
.statement-label-Waring{color: #f39c12 ;}
.clearPaymnetRightCol{border-left:0px;}

.clearPaymnetRightCol{ border:0px !important;}
.payment-custom-table tr td.clearPaymnetRightColBorder{border-right:0px !important; border-left:0px;}
.col-width-100{ width:100px;}
.noborderInpurOngrid{border:0px !important; }
.outerBorderEditInputBtn{    border: 1px solid #ccc !important;
    width: 100%;
    float: left;
    border-radius: 6px;
	padding-right: 6px;}
	.clearForPaymentColWidth {width:180px;}
	.clearpaymentTotalwidth{width:100px; text-align: right;}

.ui-datepickerTopPosition .datetime-picker-dropdown{top:33px !important;}
.ui-datepickerTopPosition  .dropdown-menu{ top:33px !important; font-size: 12px;}
.caSummarybottomborder{border-bottom: 1px solid #09667d}
.expnseWarning{top: 48px;right: 203px;position: absolute;}
.outerBorderEditInputBtn input:disabled {background: none; color: #ccc ;}
.payment-custom-table tr td.first-col-bg, .payment-custom-table tr th.first-col-bg{ background: #f2f2f2;}
.clearPaymentBtnGrpWrapper{width: 206px; position: relative;}
.clientSummaryRecordWidth {width:500px }
.paySummInfoIconPositon{    position: absolute;left: -16px;width: 12px;top: 11px;}
.toggleBtnGridwidth{width: 166px;}
.releasetoLandlord{ width:159px;}
.triggerConfigList{     margin: 0px 0px 0px 10px;
    padding: 0px;
    list-style: none;}
.triggerConfigList li{     margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    position: relative;
	float: left; min-height: 34px;}
.triggerConfigList li .tiggetrConfigurationItem{ max-width:500px; float:left;}
.triggerConfigList li .checkbox { margin-top:0px; margin-bottom: 0px;}
.triggerConfigList li .lookUpDtlInput{       text-align: right;
    width: 110px;
    padding: 0px 10px;
    height: 29px;
    margin-left: 10px;
    top: -5px;
    border: 1px solid #ddd !important;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    font-size: 12px;}
.triggerConfigList li .trgConfigurationDate  {width: 135px;
    padding: 0px 10px;
    margin-left: 0px;
    position: relative;
    top: -4px;}
.triggerConfigList li .trgFromGrpDate {height: 29px;}
.triggerConfigList li .trgConfigurationDate [type=text] {padding-left: 5px; height: 29px;}
.triggerConfigList li .trgFromGrpDate .date-pick {top: -25px;}
.landloadViewDetailsInpop .whiteBox{ border: 0px !important;padding: 0px;margin: 0px;float: left;width: 100%;}
.landloadViewDetailsInpop .whiteBox h4.entityHead {    border-bottom: 1px dotted #cccccc;margin: 6px 0 10px -4px;padding: 0 0 5px 0;}
.btn-sm-default{    padding: 2px 10px 3px 10px;}
.landloadViewDetailsInpop .landloadStamentAdvWrapper .kpmDomainEmailList li h5 span{    padding-top: 0px;}
.padding-l-5-4-5{padding:0px 5px;}
.landloadViewDetailsInpop textarea:disabled{ background: #fff; color:#ccc; cursor: not-allowed;}
.customerGroupDetailInfowth{width: 303px;margin-left: 6px;}
/*--Transaction Info popup*/
.invoicePropertyDetailsInfo{ margin:0px; padding:0px; list-style:none;}
.invoicePropertyDetailsInfo li{ width:100%; float:left; padding:0px; margin:0px 0px 5px 0px;}
.invoicePropertyDetailsInfo li i{     float: left;
    color: #337ab7;
	margin-top: 3px;     font-size: 18px; }
	.invoicePropertyDetailsInfo li i img{width: 18px;}
.invoicePropertyDetailsInfo li span{ float:left; margin-left:10px; line-height:24px; margin-top:2px;}
.invoicePropertyDetailsInfo li span.invLabelTitle{width: 105px !important;}
.invoicePropertyDetailsInfo li span.invLabelTitle2{    min-width: 70px !important;}

@media (min-width: 1600px) {		

	.invoicePropertyDetailsInfo li span {					
		width: 63%;
	}
}

.invoicePropertyDetailsInfo li span.recLabelTitle2 {
		min-width: 70px !important;
		max-width: 121px;
		width: inherit !important;
	}
	.invoicePropertyDetailsInfo li span.invLabelTitleWidthSm {
		width: 73px !important;
	}
	.invoicePropertyDetailsInfo li span.makebillPaymentLab {
    width: 115px !important;
}
.whiteBox h4.entityHead.noteAttachTitle{ margin-bottom:0px;}
.noDataStyleAval{ border: 1px dashed #ddd;
    padding: 10px 10px;
    color: #999;
    /* background: #f1f1f1; */
	text-align: left;}
.colornotememo{
	color: #666 !important;
}
.statementDetailsList{border: 1px dashed #ccc; padding:5px 10px; display: inline-block;}
.statLabelSummary { font-size:14px;}
.statLabelSummary img{    width: 15px !important;
    float: left;
    margin-top: 8px;
	margin-right: 6px;}
	.statementDetailsList ul{margin:5px 0px 0px 0px; padding:0px;  list-style: none;;}
	.statementDetailsList ul li {    background: url(../images/list-style.png) 0px 6px no-repeat;padding: 0px 0px 0px 13px;margin: 0px 0px 5px 21px; } 
	.statementDetailsList ul li label{margin:0px; padding:0px; line-height: normal !important;}
.editNextStatement{margin-left: 21px;border-bottom: 1px dashed #ccc;margin-bottom: 10px;display: inline-block; font-size: 12px;}
.noactionDueTrigger{     position: relative;
    top: -2px;
    width: 16px !important;
	margin-right: 4px;}
.disabledReleaseFund{cursor: not-allowed;}
.whiteboxFlnrdstatement h4.entityHead {margin: 14px 0 10px 0;}
.invoicePropertyDetailsInfo.invoicePropertyDetailsinpop li span {    width: 163px !important;}
.invoicePropertyDetailsInfo.invoicePropertyDetailsinpop li span.invLabelTitle{width: 96px !important;} 
.invoicePropertyDetailsInfo.invoicePropertyDetailsinpop li span {    width: 163px !important;}
.statusActionLinks{position: relative;}
.statusActionLinks:hover .statementBotEllips {display: block;}
.statementBotEllips{ position: absolute; bottom:13px; left:-30px; width:150px;  margin:0px; padding:0px; list-style: none; display: none; background: #fff; box-shadow: 0px 0px 3px #ccc;}
.statementBotEllips li{margin:0px; padding: 7px 10px !important;  border-bottom:1px solid #f1f1f1; list-style: none; background: none !important; }
.statementBotEllips li a{ border-bottom:0px !important;}
.statementBotEllips li::before {display: none !important;}
.statusActionLinks .fa-ellipsis-h {color:#337ab7; cursor: pointer;}
.expenseDetailsRightCol {    padding-left: 10px !important; width: 352px !important; border-left:1px solid #ddd;}
.invoicePropertyDetailsInfo.invoicePropertyDetailsinpop li i {color: #2b729b !important;}
.expenseDetailsLeftColPop{border-right: 0px !important;}
.expenseDetailsWrapper{ display: flex;}
.invoicePropertyDetailsInfo.invoicePropertyRightCol li span.invLabelTitle {     width: 107px !important;
    line-height: 15px;
    padding-top: 4px;}
u.hoverBottomLinkBorder {border-bottom: 1px dashed #999  !important ;
	text-decoration: none; color:#383838  !important; }
u.hoverBottomLinkBorder:hover{ border-bottom: 1px dashed #999  ; color:#383838  !important;}
.font-s-13{ font-size:13px;}
.amtinputBoxWrap{       border: 1px solid #bdbdbd;
    border-radius: 5px;
    width: 100px;
    float: left;}
	.amtinputBoxWrap input {   border: 0px !important;
		width: 76% !important;
		/* border-right: 1px solid; */
		padding-right: 5px !important;
		padding-top: 5px;}
	.amtinputBoxWrap .perCTx{      width: 24%;
		border-left: 1px solid #ddd;
		padding: 1px 0px 1px 5px;
		margin-top: 4px;
		line-height: 23px;
		font-size: 15px;}
.esignatureContainWrap .signabletypeaheadAlign .overlap { width: 100%;top: 33px !important; left: 4px !important;}
.signabletypeaheadAlign .typeahedWrapRelative  .typeaheadWrapper {left:6px; }
.signabletypeaheadAlign .typeahedWrapRelative {position: relative;}
.signabletypeaheadAlign .typeahedWrapRelative  #typeAheadLst.overlap   { width:100% !important;max-height: 200px !important;}
.viewTrnsCustomGrid .checkbox{ margin-top: 0px !important;}
.viewTrnsCustomGrid .ellipsesPos {margin-top:0px !important;}
.viewTrnsCustomGrid .checkbox label {line-height: 18px;}
.waitTimeTxWrap{width: 58px;
    display: inline-block;
    text-align: left;
    color: #ff9c00 !important;
    font-size: 16px;
    position: relative;
    top: 2px;
    /* font-weight: 600; */
    left: 5px;}
	 .custom-filter-fields   .typeaheadWrapper { padding: 2px 15px 4px 10px !important;
        background: #fff !important;
        
        border: 1px solid #dddddd!important;
        padding-right: 4px !important;
        font-size: 11px !important;}
        .custom-filter-fields   .typeaheadWrapper:hover{border: 1px solid #777!important;}
        .custom-filter-fields .typeAheadInputWidth { margin-top: 5px !important;}
		.typeaheadDropdownRelPOsition .propertyDropDownPositon .overlap {    top: 35px !important;}		
		.report-widget > .panel > .panel-body.panel-widget-box-style {height: auto; box-shadow: 0px 1px 10px #ddd!important;}
		.report-widget > .panel > .panel-body.panel-widget-box-style > h4 {color: #666; border-bottom: 1px dashed #ccc;}
		.report-widget > .panel > .panel-body.panel-widget-box-style .inTaskBy {height: 76px;}
		.text-underline-link-tx {    border-bottom: 1px dashed #337ab7;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			line-height: 13px !important;
			display: inline-block;
		}
		.faplayCustSz{     font-size: 11px !important;}
		.checkboxTickPosition.checkbox label::before{    margin-left: -18px !important;}
		.showOnlyBalanceOnly {     width: 130px;
		display: inline-block;
		margin-left: 3px;}

		@media (min-width: 1920px) {
		.custLebWidth {
			width: 9% !important;
		}
		.showOnlyBalanceOnly {
			width: 154px;}
			.includeBoxWrapWidth{width: 13% !important;}
		}
	
		.custom-filter-fields gridtypeahead a {
			background: #fff!important;
		}
		.custom-filter-fields gridtypeahead a.list-group-item:hover {background: #f5f5f5 !important;}
	
		.custom-filter-fields gridtypeahead	.list-group#typeAheadLst {
			max-height: 203px !important;}

		.full-width-header {
			width: 100%;
		}
		.header-checkbox{
			font-size: 13px;
    		margin: 0px;
		}
		.uigridCheckboxMaxwidth{
					max-width: 150px;
					min-width: 150px;
				}
				
.addNdViewPopHeight{ padding-top:0px !important;}
.addNdViewPopHeight .tenantPopHeight{    max-height: 70vh!important;     height: 70vh; overflow-x: hidden; }
.addNdViewPopHeight .marginTop10 {margin-bottom: 7px !important;
    margin-top: 0px !important;}

.pmbs.addNdViewPopHeight .row.padding-bottom {
	padding-bottom: 7px !important;
}
.pmbs.addNdViewPopHeight .popcheckBoxAlign {    margin-top: 9px;}
.addEditPhoneNoCustWidth .col-sm-3{width: 30% !important;}
transactiontypeahead {
    float: left;
    border: 1px solid #ccc !important;
    width: 100% !important;
    display: block !important;
    border-radius: 6px;
    cursor: text;
    background: #fff !important;
}
.marginLeftVisibility{
	margin-left: 20px !important;
}
.pdf-controls { width: 100%; display: block; background: #eee; padding: 1em;}
.rotate0 {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
.rotate90 {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate180 {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate270 {-webkit-transform: rotate(270deg); transform: rotate(270deg); }
.fixedPdf {  height:60px;   /* position: fixed; *//* top: 0; *//* left: calc(50% - 480px); */z-index: 100;width: 100%;
/* padding: 1em; */background: #000;width: 100%; }
.modal-pdf-fullview{width:100%; margin:0px;}

.modal-pdf-fullview .modalpopupHeightResize{       height: 95.1vh !important;
    padding: 0px !important;}
.modal-pdf-fullview  .modal-content {border-radius:0px !important;}
.modal-pdf-fullview:hover
 .fixedHeaderBtn{     position: fixed;
    width: 100%; 
    z-index: 333;
    top: 0;
	padding: 10px 5% 0px 0px;}
	.modal-pdf-fullview:hover .fixedHeaderBtn{padding-top: 13px;}

.pdfHeaderBtnIcon{ background: none; padding:0px 0px; border: 0px;font-size: 23px;color: rgba(255,255,255,0.7);}
.zoomTxView{    background: none; padding-top:6px; border: 0px;font-weight: bold;color: #fff;}

.pdfpageCount{     color: #fff;
    padding-top: 4px;
    display: block;}
.pdfpageCount input{color:#000 !important; width: 35px; text-align: center; margin-left:6px;}
.fixedHeaderBtn ul{ margin: 0px ;padding: 0px; list-style: none;}
.fixedHeaderBtn ul li{ margin: 0px 15px 0px 0px ;padding: 0px; list-style: none; float: left;}
.pdf-headericon-right{font-size: 23px;color: rgba(255,255,255,0.7); cursor: pointer;         margin: 0px 0px 0px 15px;}
.modal-pdf-fullview:hover .pdf-right-Wrapper{    position: relative;
	right: -25px;}
	.modal-pdf-fullview ~ .modal-open {overflow-y: hidden !important;}

.glyphicon{font-family: 'Glyphicons Halflings' !important;}
span.pro-count { 
    font-family: 'pmfontface-light', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.newPhotoCropWindow{position: fixed !important; border-radius: 6px;}
.newPhotoCropWindow .close{font-family: 'pmfontface-hd', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}
.margin-l-r-none{margin-left:0px; margin-right:0px;}
.cropWindow ._md._md-toolbar-transitions{ border-radius: 0px !important; min-height: 31px; background: none !important;}
.newPhotoCropWindow  .md-toolbar-tools {border-radius: 6px 6px 0px 0px;    padding-left: 14px;    height: 59px;     font-size: 18px;
	color: #888;}
.rotateIconStyle{    background: none !important;
    border: 0px !important;
    font-size: 14px;
    margin-right: 10px;
	color: #999;}
	.rotateIconStyle i{color: #ccc;}
	.rotateIconStyle i:hover{color: #888;}

.galleryIconTrashRightGap{
	margin-right: 28px !important;
}
.galleryIconStarRightGap{
	margin-right: 56px !important;
}
predefinedtypeahead {
    float: left;
    border: 1px solid #ccc !important;
    width: 100% !important;
    display: block !important;
    border-radius: 6px;
    cursor: text;
    background: #fff !important;
}
.gurantorWrapper h3 {
    color: #666;
    margin: 11px 0px 0px 0px !important;
    font-size: 16px;
    margin: 0px;
    padding: 0px 0px 6px 0px;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0px;
}
.minWindowCss{ position: fixed;
    right: 8px;
    bottom: 0px;
    z-index: 333;
    /* width: 50px; */
    /* height: 50px; */
    /* border-radius: 50%; */
    text-align: center;
    background: #336685;
    box-shadow: 0px 0px 4px #ccc;
    color: #fff;
    /* display: flex; */
    /* justify-items: center; */
    padding-top: 7px;
    /* font-size: 22px; */
    
    border-radius: 0px 7px 0px 0px;
    height: 36px;
    padding: 9px 10px 0px 10px;

}
.env-open-icon-style{       width: 36px;
    height: 36px;
    position: absolute;
    left: -15px;
    top: 0px;
    background: #337ab7;
    border-radius: 50%;
    padding-top: 7px;
    font-size: 18px !important;
    /* border: 1px solid #ccc; */
    color: #fff;
    box-shadow: -1px 0px 4px #ddd;}
	.email-minimize-icon-style {          font-weight: 100;
    font-size: 28px !important;
    margin-right: 17px;
    color: #336685;
    opacity: .6;
    position: relative;
    top: 1px;
    line-height: 20px;
	
	}
	.email-minimize-icon-style:hover{ opacity: .7;  color: #336685;}
	.email-meximize-icon-style{        font-size: 20px !important;
    font-size: 13px !important;
    margin-right: 17px;
    color: #336685;
    opacity: .6;
    position: relative; cursor:pointer;
    top:4px;}
	.email-meximize-icon-style:hover{ opacity: .7;  color: #336685;}
	.emailmizoverflowtx{    padding: 0px 0px 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 131px;}
	.exp-calcel-icon-position{margin-left:10px; cursor:pointer;}
	.cancel-email-minz-widget{ font-size: 20px;
    line-height: 17px;}
.minWindowMainWrapper .minWindowCss:nth-child(1){right: 0px;}
.minWindowMainWrapper .minWindowCss:nth-child(2){right: 222px;} 
.minWindowMainWrapper .minWindowCss:nth-child(3){right: 444px;} 
.minWindowMainWrapper .minWindowCss:nth-child(4){right: 666px;}   
.email-popup-position .helpBtn {float: left;
    position: inherit;
    line-height: 20px;} 
.email-btn-action-wrapper{ margin-top:10px;}
.email-close-btn-position.close {
    margin-top: 4px !important;
}
	
	.emailheadermainwrapper {padding-bottom: 13px;}
.email-popup-maxview .max-popup-email{    width: 100% !important;
    height: 100vh !important;
    margin: 0px !important; 
    border-radius: 0px !important;}
.email-popup-maxview .max-popup-email .modal-content{border-radius: 0px !important;
    height: 100vh !important;}
	
	div.horizontalAlignPdfImg {
    display: flex;
    justify-content: center;
	    padding-top: 100px;
    width: 100%;
       max-height: 99vh;
}

div.verticalAlignPdfImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
	transform: translateZ(0);
}




div.verticalAlignPdfImg img { max-width: 100%; max-height:99vh; transform: translate3d(0px, 0px, 0px) rotate(0deg);  }
.m-t-20{margin-top:20px !important;}
	.popup-title-panel  h3{float: left; width: 100%; float: left;}
	.popup-title-panel  h3.m-t-20{margin-top:10px !important;}
	.rangeslider{
		position: relative;
		height: 60px;
		width: 184px;
		display: inline-block;
		margin-top: 1px;
		margin-left:0px;
	}
	.rangeslider input{
		position: absolute;
	}
	.rangeslider{
		position: absolute;
	}
	
	.rangeslider span{
		position: absolute;
		margin-top: 30px;
		left: 0;
	}
	
	.rangeslider .right{
	   position: relative;
	   float: right;
	   margin-right: -5px;
	}

	.rangeslider input[type='range'] {
		width: 184px;
		height: 30px;
		overflow: hidden;
		cursor: pointer;
		  outline: none;
	  }
	  .rangeslider input[type='range'],
	  .rangeslider  input[type='range']::-webkit-slider-runnable-track,
	  .rangeslider input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
		  background: none;
	  }
	  .rangeslider input[type='range']::-webkit-slider-runnable-track {
		width: 174px;
		height: 4px;
		background: #ddd;
	  }
	  
	  .rangeslider input[type='range']:nth-child(2)::-webkit-slider-runnable-track{
		background: none;
	  }
	  
	  .rangeslider input[type='range']::-webkit-slider-thumb {
		position: relative;
		height: 18px;
		width: 18px;
		margin-top: -7px;
		background: #f1f1f1;
		border: 1px solid #336685;
		border-radius: 25px;
		z-index: 1;
		box-shadow: 0px 0px 8px #ccc;
		transition: background .3s;
	  }
	  .rangeslider input[type='range']::-webkit-slider-thumb:hover{

		background: #fff;
	  }
	  
	  .rangeslider input[type='range']:nth-child(1)::-webkit-slider-thumb{
		z-index: 2;
	  }
	  .titleDropdownWrapper .SelectMainteDropStyle {    min-width: 111px;}
	  .titleDropdownWrapper .SelectMainteDropStyle  .selectize-input{ padding: 1px 5px 1px 10px !important;
		font-size: 11px;
		border-radius: 19px;
		border: 0px;
		background: #ffd966 !important; color: #000 !important;    width: 100px;}
		.titleDropdownWrapper .SelectMainteDropStyle input,.titleDropdownWrapper .SelectMainteDropStyle input::placeholder {
			font-size: 11px;
			color: #000 !important;
		}

		.titleDropdownWrapper	.SelectMainteDropStyle.single .selectize-input:after {
			border-color: #000 transparent;
		}
		.prospectsUserTooltip{    left: -10px;
			transform: translate(0%, 0);} 
	.prospectsUserTooltip .arrowTopToolTip{left: 18px !important;}
	.propertyTypeDetails span {
		margin-right: 7px;
		margin-right: 7px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 381px;
	}

	.selectedItemHeader .no-bg-custom-drop .btn {     font-size: 12px !important;
		text-transform: capitalize !important;
		border: 0px !important;
		border-radius: 0px !important;
		padding: 0px;
		background: none;
		border:0px !important;
	}
	.selectedItemHeader .no-bg-custom-drop .btn.btn:focus,.selectedItemHeader .no-bg-custom-drop .btn.btn:active,.selectedItemHeader .no-bg-custom-drop .btn.btn:hover{
		background: none; border:0px !important;
		outline: none !important; box-shadow: none !important;
	}

	.selectedItemHeader .no-bg-custom-drop  ul li {
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: left;
		width: 100%;
		font-size:12px ;
	}
	.bottomTooltip.bottomTooltipProType{       min-width: 400px;   min-height: 152px;}
	.bottomTooltip.bottomTooltipProType.bottomTooltipProTypeBoxWidth{       min-width: 500px;   min-height: 200px;}
	.bottomTooltipProType .row{ margin-bottom: 10px !important;}
	.selectedItemHeader .no-bg-custom-drop .dropdown-menu {border-radius: 0px !important; box-shadow: 0px 3px 4px #ddd;}
	.no-bg-custom-drop .btn-angle-down { font-size: 20px; line-height: 17px;}
	.cancel-tooltip-btn{         position: absolute;
		right: 7px;
		top: 9px;
		cursor: pointer;}
	.cancel-tooltip-btn img{width: 12px;}
	.padding-right-0{padding-right: 0px !important;}

	/* Autocomplete section */

	.pac-container{
		z-index: 999999999 !important;
	}	

	prospecttypeahead {
		float: left;
		border: 1px solid #ccc !important;
		width: 100% !important;
		display: block !important;
		border-radius: 6px;
		cursor: text;
		background: #fff !important;
	}

	.requirement-date-pick {
		position: relative;
		top: 0px;
		right: 46px;
		border: 0px;
		background: none !important;
	}

	.no-record-left{margin-right: 7px;margin-top: 7px;}
	.no-record-right{margin-top: 15px;font-size: 13px;}
	.treeview-menu li i.faProspect{background: url(../../images/prospects.png) -1px 0px no-repeat;   
		  background-size: 17px;
		width: 17px !important;
		height: 19px !important;	
		float: left;
		background-size: 17px;
	}
	.treeview-menu li i.faViewing{background: url(../../images/viewimgs.png) -2px 0px no-repeat;   
		background-size: 19px;
		width: 17px !important;
		height: 20px !important;
		float: left;
		background-size: 19px;
  }
  .locationDropBoxWithSrc{
	border: 1px solid #bdbdbd;
    float: left;
    width: 100%;
    border-radius: 4px;
  }
  .locationDropBoxWithSrc .form-control{border:10px !important;}
  .locationDropBoxWithSrc .form-control:focus{box-shadow: none !important;}
  .locationDropBoxWithSrc .selectize-input{border:0px !important}

  .selectize-dropdown-content{
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0;
}
.locationDropBoxWithSrc .ui-select-match{    border-bottom: 1px dotted #ccc;     color: #1e5372 !important;}
.locationDropBoxWithSrc .selectize-control.single .selectize-input {    box-shadow: none !important;
    padding-bottom: 3px;}

.selectize-dropdown-content:hover {
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 0px;
	}
	.selectize-dropdown-content::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
}

.selectize-dropdown-content::-webkit-scrollbar-thumb:hover {
		border-radius: 4px;
		background-color: rgba(0,0,0,.2);
	}
   .property-name-col-width{ max-width: 10%;}
   .property-typemultilist .ui-select-search {       font-size: 12px;
    padding-top: 2px;
    margin-top: 4px;
    padding-bottom: 3px;
    margin-top: 4px !important;}
	.prospectname-content-wrapper{    width: 48%;}
	.selectedItemHeader ul li.property-view-bg{    background: url(../images/property-view.png) 0px 6px no-repeat;
		background-size: 18px;}
.selectedItemHeader ul li.add-additional-info{background:url(../images/additional-info.png) left center no-repeat;
			background-size: 14px;}
.selectedItemHeader ul li.add-occupant-info{background:url(../images/add-occupants.png) left center no-repeat;
	background-size: 13px;}
	.datepickerform-control{ font-size:12px; border: 1px solid #bdbdbd !important;     border-radius: 5px !important; }
	.propertyTypeDropdown{        padding-right: 28px;
		padding-left: 28px;
		padding-top: 31px;}
		.bottomTooltip.propertyTypeDropdown .selectize-input {        padding: 7px 8px !important;
			font-size: 12px;
		}
			

.date-input-control{    border-radius: 5px !important;
	border: 1px solid #bdbdbd !important;
	padding: 6px 10px !important;
	width: 100% !important;}
	.data-icon-btn-control{    position: absolute;
		top: 5px;
		right: 14px;}
	.propertyTypeDropdown 	.ui-select-multiple  span {      max-width: inherit !important;
		white-space: inherit !important;
		overflow: inherit !important;}
.propertyTypeDropdown .selectize-control.multi .selectize-input > div{   background: #f1f1f1 !important;
    border: 0px solid #ccc;
    text-shadow: none !important;
    color: #444!important;
    border-right: 0px !important;
    border-radius: 12px !important;
    font-weight: 100 !important;
    opacity: 0.99 !important;
    box-shadow: none !important;
    padding: 3px 0px 4px 10px;}
	.propertyTypeDropdown .selectize-control.plugin-remove_button  .remove {border:0px !important; background: none !important;}
	.propertyTypeDropdown  .selectize-control > .selectize-dropdown {
		top: inherit;
		bottom: inherit;
		border: 1px solid #ccc;
		margin-top: -7px;
	}
.addInformation{       border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #555;
    display: inline-block;
    font-size: 17px;
    margin-right: 5px;
    color: #555;
    line-height: 21px;}	
	.no-underline-addlink{ text-decoration: none !important; color: #337ab7 ;}
	.pro-username-link{ color: #337ab7;  text-decoration-line: underline;
		text-decoration-style: dotted;}
.underline-dott-link-style{text-decoration-line: underline;
	text-decoration-style: dotted;}	
	.pro-type-link { color: #7f7f7f !important; }
	.pro-type-link span.pro-type-title{color: #337ab7 !important;}
	.pro-add-additional{color: #337ab7; border-bottom:1px dashed #7f7f7f}
	.addAdditioonalInfoList{    margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
		
		float: left;
		width: 95%; }
	.addAdditioonalInfoList li{margin:0px;     height: 26px; padding:0px 0px 10px 0px; list-style: none; float: left; width: 100%;}
	.addAdditioonalInfoList li span.additional-name-field{ width: 127px  !important;}
	.addAdditioonalInfoList li span.additional-date-field{ width: 176px; color: #337ab7;}
	.addAdditioonalInfoList li span.pro-edit-del-fld {    margin-left: 10px;
		display: none;
	
		height: 22px;
		overflow: hidden;
	}
	.addAdditioonalInfoList li span.pro-edit-del-fld .icon{color: #ccc;}
	.addAdditioonalInfoList li span.pro-edit-del-fld img{ width:16px; position: relative; top:-3px;}
	.addAdditioonalInfoList li:hover span.pro-edit-del-fld{ display: inline-block !important; height: 22px;}
	.popupaddedField{ margin-bottom: 4px;;}
	.custom-form-control{ font-size: 12px; border-radius: 5px; border:1px solid #ddd !important}
	.appr-cancel-top-align{padding-top:8px;}
	.openCalendarBtnPosition{background: none !important;
		position: absolute;
		right: 13px;
		top: 6px; border:0px !important;}
		.bottomTooltipProType.bottomTooltip .ui-select-container .btn{    background: #f1f1f1!important;
			border-radius: 10px !important;
			color: #000 !important; box-shadow: none !important; border:0px !important ; border-radius: 20px !important;
		    font-size: 12px !important;
    padding: 2px 0px 3px 10px;
		
		}
		.bottomTooltipProType.bottomTooltip .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
			font-size: 15px;
			line-height: 0.75;
			margin-top: 4px;
			opacity: 0.9 !important;
			color:#ff0000 !important;
		}
		.bottomTooltipProType.bottomTooltip .ui-select-multiple.ui-select-bootstrap input.ui-select-search {background: none !important;}
		.addAdditioonalInfoListBox li{padding:0px !important;}
		.addAdditioonalInfoListBox{border-bottom: 0px !important;     width: 85%;}
		.addAdditioonalInfoList.addAdditioonalInfoListBox li span.additional-name-field {
			width: 124px !important;
		}
		.addAdditioonalInfoList.addAdditioonalInfoListBox li span.additional-date-field {
			width: 181px;
			color: #337ab7;
		}
		.occupantsDataList{ margin:0px; padding:0px; list-style: none; max-height:60vh; overflow-y:auto; }
		.occupantsDataList li{ float:left; width: 100%;  margin-bottom:6px !important;  padding-left:0px !important;   border-top: 1px solid #ddd;}
		.occupantsDataList li:first-child{border-top: 0px;}
		.occupantsDataList h2{     font-size: 15px;
			color: #337ab7;
			margin-top: 0px !important;
			padding-top: 0px;
		}
		.occupantsDataBoxWrapper{padding:0px !important;}
		.occu-row-wrapper-left{ width: 85%; float:left;}
		.occu-row-wrapper-right{width: 6%; float:right; display: none; text-align: right; }
		.selectedItemHeader ul li .occu-row-wrapper-right .icon-edit5 { font-size: 16px; color: #777;}
		.occu-row{     width: 100%;
			float: left;
			margin-bottom: 3px;}
		.occpt-icons{ float:left; width: 25px !important;}
		.occpt-icons img{width:20px;}
		.occp-adr-wrapper{ float:left; width: 80%; color: #337ab7; font-size:12px;}
		.occp-adr-wrapper p{ margin-bottom:0px !important; line-height: 23px;}
		.bottomTooltip.bottomTooltipProType.occpToolBoxWidth {    min-width: 395px;
			min-height: 200px;
			padding: 25px 20px 10px 20px !important;}
			.occupantsDataList li:hover .occu-row-wrapper-right{display:block;}
			.occupantsDataList li:hover .icon-edit5, .occupantsDataList li .icon-edit5 {position:inherit !important; margin-top:2px !important; display: block !important;}
		
			.occupantsDataList::-webkit-scrollbar {
				-webkit-appearance: none;
				width: 0px;
			}
			
			.occupantsDataList:hover::-webkit-scrollbar {
				-webkit-appearance: none;
				width: 5px;
			}
			
			.occupantsDataList:hover::-webkit-scrollbar-thumb {
				border-radius: 4px;
				background-color: rgba(0,0,0,.05);
				-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
			}
			
				.occupantsDataList:hover::-webkit-scrollbar-thumb:hover {
					border-radius: 4px;
					background-color: rgba(0,0,0,.2);
				}
				.pro-type-title-color{ color: #337ab7; margin-right:0px !important;}
.view-avail-property-header{ border:10px !important}
.round-bg-with-icon{            width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #c5d2db;   
    text-align: center;
    vertical-align: middle;
	display: table-cell;} 

.round-bg-with-icon .hover-active-img{display: none;}
.round-bg-with-icon:hover{ background: #1e5372;   }
.round-bg-with-icon:hover .hover-active-img{     display: inline-block; }
.round-bg-with-icon:hover .show-icon-img{ display: none;  }

.round-bg-with-icon.active-item-bg .hover-active-img{     display: inline-block; }
.round-bg-with-icon.active-item-bg .show-icon-img{ display: none !important;  }
.round-bg-with-icon.active-item-bg{ background: #1e5372;   }
	
	.avai-property-details{        color: #666;
		font-size: 14px;
		margin-left: 16px;
		display: block;
		float: left;
		margin-top: 0px;
		line-height: 24px;}
		.avai-property-details u{        color: #1e5372;
			
			text-decoration: none;}
.avai-property-details b{ font-weight: 300; color:#1e5372;}
.round-bg-with-icon-cancel{ background: #f5f5f5 !important; border:1px solid  #dddddd;}		
.round-icon-right-margin{margin-right:17px ; position:relative;}
.custom-img-widget-wrap .cardListItem{box-shadow: none !important;}
.custom-img-widget-wrap  .cardImgWrap img {    width: 100%;
	height: inherit !important;}
	.custom-img-widget-wrap .cardImgWrap {border: 0px solid #ebebeb;}
	.custom-img-widget-wrap .cardListItem {box-shadow: none !important;}
	@media (min-width: 1200px){
		.custom-img-widget-wrap  .cardListItem {
			width: 23.7%;
			border: 0px !important;
			margin-bottom: 0px;
			padding-bottom: 0px;
			margin-right: 0px;
}
}


.custom-img-widget-wrap  .cardImgWrap {    border-radius: 8px 0px 8px 0px;
    height: 200px;  }
.custom-img-widget-wrap  .cardImgWrap img{   transition: transform 1s, filter .9s ease-out;}
.custom-img-widget-wrap  .cardImgWrap:hover img
{  filter: brightness(100%);
    transform: scale(1.040);
}
.image-footer-bottom-tx-left{    color: #1e5372;
   
	font-size: 12px;
    font-weight: 600;
	margin-bottom: 13px;}
	.image-footer-bottom-tx-right{color: #1e5372; font-size:12px;}
	.item-bedroom{color: #404040;
		text-align: right;}
.image-footer-bottom-tx{width:50%; float: left;}
.pro-custom-checkbox{position: absolute; z-index: 3; display:none;}

.custom-check-main {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .custom-check-main input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 16px;
    left: 16px;
    height: 32px;
    width: 32px;
    background-color: #eee;
    border-radius: 50%;
    background: rgba(39,77,102,0.4);
    border: 1px solid rgba(96,126,143,0.4);
  }
  
  /* On mouse-over, add a grey background color */
  .custom-check-main:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .custom-check-main input:checked ~ .checkmark {
	background-color: #1e5372;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;

  }
  
  /* Show the checkmark when checked */
  .custom-check-main input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .custom-check-main .checkmark:after {
	left: 1px;
    top: 1px;
	width: 5px;
	height: 10px;
	background: url(../../images/check-tick-bg.png) center center no-repeat;
	background-size: 18px;
    width: 100%;
    height: 100%;
  }

  .custom-check-main input:checked ~ .checkmark:after {
	background: url(../../images/check-tick-bg-white.png) center center no-repeat; background-size: 18px;
  }
  .image-contain-box-height{ height:62vh; overflow-y: auto;
}

.onhoverscrollbar::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.onhoverscrollbar:hover::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.onhoverscrollbar:hover::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
}

	.onhoverscrollbar:hover::-webkit-scrollbar-thumb:hover {
		border-radius: 4px;
		background-color: rgba(0,0,0,.2);
	}

	.custom-img-widget-wrap  .cardListItem:hover .pro-custom-checkbox, .custom-img-widget-wrap  .cardListItem.itemhoverShowCheck .pro-custom-checkbox{ display:block !important;}
	.low-high-drop-box {width: 162px;
		position: absolute;
		z-index: 4;
		background: #fff;
		right: 0px;
		box-shadow: 0px 3px 8px #ccc;
		padding: 0px;
		top: 56px;}
		.low-high-drop-box p{margin:0px 0px;    padding: 7px 10px;cursor: pointer;}
		.low-high-drop-box p:hover{background: #f1f1f1;}
		.prospectData-tab-wrapper{padding:0px 0px !important; margin:0px -5px;}
		.no-data-avail{padding-top: 15px;}
.addedFieldRow .addedFieldColRight{ padding-right:0px}
.addedFieldRow .addedFieldColLeftRight{ padding-right:0px ;padding-left:0px;}			
@media (min-width: 768px){
.modal-smmd {
    width: 500px!important;
}
}
.addedFieldColtop{padding-top: 7px;
	padding-left: 1px;}
	.popup-title-prospect h3{ font-size:15px !important;}
	.form-group-prospects{    margin: 0px -8px !important;}
	.font-size-16{    font-size: 16px !important;}
	.openSelectedFieldWrapper{    margin-left: 0px !important;
		padding-left: 0px;}
	.openSelectedFieldWrapper .ui-select-container{width: 100% !important;}	
	.locationform-control{    padding: 5px 10px; overflow-x: hidden;}
	.no-data-avial-main-wrap{display: inline-block;
		font-size: 13px;
		text-align: center;
		width: 100%;
		margin-top: 12%;
		/* position: relative; */
		/* top: 30%; */
		font-size: 15px;
		color: #999;}
		.no-data-avial-main-wrap	.no-record-left {        top: -3px;
			position: relative;}
			.bottomTooltipProType .ui-select-choices-group{ margin:0px !important; width:100%; padding:0px !important;}
			.bottomTooltipProType .ui-select-choices-group .ui-select-choices-row-inner {margin-right:0px !important;}
			.multi-seldrop-custom-design .ui-select-multiple.ui-select-bootstrap input.ui-select-search {     font-size: 12px;
				margin-top: 6px;
				margin-bottom: 4px;     padding-left: 5px;}
			.multi-seldrop-custom-design .dropdown-menu {    border: 1px solid #e1e1e1;
				box-shadow: 2px 3px 14px #d7d7d7;
				position: absolute;
				border-radius: 0px !important;
				left: 0 !important;
				background: #fff;
				FONT-SIZE: 12PX;
				top: 34px !important;
				box-shadow: none !important;
				border: 1px solid #bdbdbd !important;
				border-top: 0px !important;
			}

			.unitListInputwidth.multi-seldrop-custom-design .ui-select-bootstrap .ui-select-choices-row.active > span {
				background: #f4fafd !important;
			}
				.pmbs .multi-seldrop-custom-design .form-control{border-color:#bdbdbd !important;}

			
				.multi-seldrop-custom-design .dropdown-menu::-webkit-scrollbar {
					-webkit-appearance: none;
					width: 5px;
				}
				
				.multi-seldrop-custom-design .dropdown-menu:hover::-webkit-scrollbar {
					-webkit-appearance: none;
					width: 5px;
				}
				
				.multi-seldrop-custom-design .dropdown-menu:hover::-webkit-scrollbar-thumb {
					border-radius: 4px;
					background-color: rgba(0,0,0,.05);
					-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
				}
				
				.multi-seldrop-custom-design .dropdown-menu:hover::-webkit-scrollbar-thumb:hover {
					border-radius: 4px;
					background-color: rgba(0,0,0,.2);
				}

				.notificationDropBoxWithSrc .selectize-input{border:0px !important;text-align: left;}
				
				.notificationDropBoxWithSrc .ui-select-match{    border-bottom: 1px dotted #ccc;     color: #1e5372 !important;}
				.notificationDropBoxWithSrc .selectize-control.single .selectize-input {    box-shadow: none !important;
					padding-bottom: 9px;}
				.notificationDropBoxWithSrc .ui-select-choices-row-inner{
					text-align: left;
				}
				.active_sort_order {
					color: #1e5372;
				}
.property-typemultilist.unitListInputwidth .dropdown-menu{    left: 0px !important;}
.property-typemultilist.unitListInputwidth .dropdown-menu li{ font-size: 12px;}


.property-typemultilist.unitListInputwidth .ui-select-bootstrap .ui-select-choices-row > span {line-height: 23px;}



/*div.myautoscroll span {
		padding-right: 0px;
	}

	div.myautoscroll:hover span {
		padding-right: 0px;
	}*/


	.property-typemultilist.unitListInputwidth .dropdown-menu::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}

.property-typemultilist.unitListInputwidth .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
}

.property-typemultilist.unitListInputwidth .dropdown-menu::-webkit-scrollbar-thumb:hover {
		border-radius: 4px;
		background-color: rgba(0,0,0,.2);
	}


	.overlapDropDownList > .selectize-dropdown {
		top: 36px;
		z-index: 5555;
	}
	.bootbox.modal{z-index: 555555 !important;}
	.bootbox.modal .bootbox-body {    padding-bottom: 14px;}
	.bootbox.modal	.bootbox-close-button {margin-top: -1px;}
	.multi-seldrop-custom-design .ui-select-multiple.ui-select-bootstrap input.ui-select-search{background: none !important;}
	.multi-seldrop-custom-design .ui-select-bootstrap .ui-select-choices-row > span{    padding: 7px 6px;}
	.propertyDropDownPositon.porsDropDownPositon .overlap {
		top: 37px !important;
	}
.gm-style-iw-d .image-footer-bottom-tx{       width: 100% !important;
    text-align: left;
    text-align: left;
	margin: 0px 0px 5px 0px;
	margin: 0px 0px 1px 0px;
}

.occpants-popoup-header-line{
	border-bottom: 1px solid #337ab7 !important;
    margin-left: 0px;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 15px;	
}

.convert-tenancy-saved-success{

	font-size: 15px;
    background-size: 20px 20px !important;
    background: url(../images/tick_saved.png) 0px 0px no-repeat;
	padding-bottom: 3px !important;
	margin-top:0px !important;
	height: 45px !important;
	padding-left:32px !important;
}
.gm-style-iw-d{ height: 210px !important;
    overflow: hidden !important;
	max-height: 210px !important; margin-right: 10px !important;}
	.gm-style-iw-d .image-footer-bottom-tx{font-size: 13px;}  
	
	.gm-style-iw-d	.truncate{margin-top:-6px !important;}
	.customzindexOutcome .ui-select-dropdown{z-index: 6666 !important;}

	.attachViewIconEmailConv{
		width: 39px !important;
	}
	.attachViewIconEmailConv i:first-child{
		margin-right: 10px;
		color: #337ab7;
	}
	.attachVewFiles .attachViewIconEmailConv {display: none;}
	.attachVewFiles:hover .attachViewIconEmailConv {display: block;}

	.additionalFieldSectionPop h3 {
		color: #666;
		margin: 11px 0px 0px 0px !important;
		font-size: 16px;
		margin: 0px;
		padding: 0px 0px 6px 0px;
		border-bottom: 1px solid #e0e0e0;
		padding-left: 0px;
	}
.no-record-main-wrapper{    margin: 0px 0px 7px 0px;
    float: left;
	width: 100%;}
.prosGridMainContainWrapper{margin-top:14px;}	

.additionalInfoMainWrapper{margin-left: 12px;
	margin-top: 10px; padding-bottom: 10px;}
.passportFieldWidth{    width: 120px;}	
.additionInfoBottom{margin-bottom: 13px;}
.addAdditioonalInfoListinfo{ line-height: 20px;}
.custom-filter-fields .form-control-placeholder{line-height: inherit !important;
	margin-top: inherit !important;}
	.m-t-6{margin-top:6px !important;}

	.pmbs .filterGridBox  .checkbox.custom-filter-fields label {line-height: inherit !important;}
	.docuemnt-upload-wrapper .need-help-wrapper {line-height: 15px !important;}
	.custom-img-widget-wrap .cardImgWrap.noImgExistSearch img{    width: inherit !important;
		height: auto !important;
		max-width: 100%!important;
		max-height: 100% !important;
		margin-top: 31px;}
.select-ui-zindex .selectize-dropdown{    z-index: 555555;}	

.custom-settings-mainwrapper .customSettingsGroup {    margin-bottom: 5px;
	padding-left: 0px;}
.settTtleWrapper {padding-left:0px !important;}	
.custom-settings-mainwrapper {margin: 0px 11px;}

.custom-img-widget-wrap .cardImgWrap.noImgExistSearchMap	 img{  width: inherit !important;
    height: 100px !important;
    max-width: 100%!important;
    max-height: 53% !important;
	margin-top: 0px;}
	.custom-img-widget-wrap .cardImgWrap.imgExistSearchMap{ height: 138px !important;}
	.tagInputWrapper    tags-input .tags .tag-item,.tagInputWrapper tags-input .tags .tag-item.selected {
    margin: 2px;
    padding: 1px 10px !important;
    float: left;
    font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    height: auto !important;
    font-size: 12px !important;
    line-height: 25px;
    border: 1px solid #f1f1f1;
    border-radius: 18px;
    background: #f3f3f3;
    line-height: 17px;
}
tags-input .tags .tag-item .remove-button {
    color:#ff6161 !important;
    font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.tagInputWrapper tags-input .tags .input {    border: 0px !important;
    font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    height: auto !important;
}
 
.multi-seldrop-custom-design .form-control[disabled] {background: #fff !important;}
.tagInputWrapper tags-input .tags .tag-item .remove-button {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    vertical-align: middle;
    font: 600 16px Arial,sans-serif !important;
    color: #585858;
    line-height: 12px !important;
    height: 10px !important;
    padding: 0px;
    position: relative;
    top: 0px;
}
 
.tagInputWrapper  tags-input .tags {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 1px;
    overflow: hidden;
    word-wrap: break-word;
    cursor: text;
    background-color: #fff;
    border: 1px solid #a9a9a9;
   box-shadow: none !important; 
    height: 100%;
    padding: 0px;
    border: 1px solid #bdbdbd !important;
    border-radius: 5px;
    padding: 4px 0px !important;
    min-height: 35px;
}
 
.tagInputWrapper  tags-input .host {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 100%;
    margin-top: -3px !important;
}
 
.unitListInputwidth.multi-seldrop-custom-design .btn-default, .unitListInputwidth.multi-seldrop-custom-design .btn-default:hover, .unitListInputwidth.multi-seldrop-custom-design .btn-default:focus
{
	padding-bottom: 3px !important;}
	.selectize-control.dropDwonTopFlip > .selectize-dropdown {
		top: inherit;
		bottom: 38px;
		border: 1px solid #ccc !important;
		border-bottom: 0px !important;
	}	

.no-pad-rignt{
	padding-right:0px !important;
}
.custom-row-mrgn {
	margin: 8px -10px 8px -10px;
}
.customWidthPopupField {
	padding-left: 2px !important;
	width:22%;
}
.internal_recceipt_section {
	width: 100% !important;
    float: none !important;
    color: #7f7c7c !important;
}
.no-radius-right{
	border-radius: 5px 0px 0px 5px !important;
}
.no-radius-left{
	border-radius: 0px 5px 5px 0px !important;
}
.no-border-padding-bottom {
	border-bottom: none !important;
    padding-bottom: 0px !important;
}
.cardBottom {
	height: 25px;
}
.accounts-card-left-panel {
	line-height:normal !important;
	margin-left: 7px;
}
.accounts-card-left-panel .card-left-section{
	color: #cdcdcd;
    margin-top: 2px;
    padding-bottom: 22px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.accounts-card-left-panel .card-left-section-bottom{
	color: #cdcdcd;
    margin-top: 2px;
	margin-bottom: 5px;
}

.cardImgWrap .top-margin5 {
	margin-top:5px !important;
}
.invoicelistlastChild .customFlex{
	flex:3 !important;
}

esignusertypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
	background: #fff !important;
}
.no-data-custom-pad{
	padding: 1% 0px !important;
}
.custom-ui-select .selectize-input {
	padding: 3px 8px !important;
}
.kpmDomainEmailList li h5 .headerDiv {
    border-bottom: 1px solid #337ab7 !important;
    margin-left: 0px;
    display: block;
    padding-bottom: 5px;
}
esignusertypeahead input[type=text] {
	height:28px !important;
}
.custom-ui-select-parent .selectize-input {
	line-height: 14px !important;
}
.headerDiv .left-label {
	width:16%;margin-top:6px;
}
.headerDiv .expanded-left-label {
	width:28% !important;
}
.headerDiv .right-label {
	margin-top:6px;
}
.headerDiv .expanded-right-label {
	margin-top:17px;
}
.customlistchild{
	background: url(../images/list-style.png) 0px 7px no-repeat;
}
.commonstackbardiv{
	width: 100%;
    height: 45px;
    font-size: 11px;
}
.commonDashboradCountColor {
	color: #337ab7;
	margin-left: 4px;
    padding: 0px;
	font-size: 12px;
	font-weight: bold;
}
.commonRightText {
	text-align: right !important;
	margin-left: 0px !important;
}
.propertyChartLeftPanel {
	width:54% !important;
	padding-right: 0px !important;
	padding-left: 5px !important;
}
.propertyChartRightPanel {
	width:46% !important;
	padding: 0px !important;
}
/* .commonstackbardiv .amcharts-main-div .amcharts-chart-div {
	height: 40px !important;
}
.commonstackbardiv .amcharts-main-div .amcharts-chart-div svg{
	height: 40px !important;
} */

/* For Expense */
.financialtxn-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.financialtxn-line-list > div {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

.financialtxn-line-list > div:nth-child(1) {
	flex: 0.2;
	border-left: 1px solid #ccc;
	background: #eee;
}

.financialtxn-line-list > div:nth-child(2) {
	flex: 0.2;
}

.financialtxn-line-list > div:nth-child(3) {
	flex: 1.5;
}

.financialtxn-line-list > div:nth-child(4) {
	flex: 1.5;
}

.financialtxn-line-list > div:nth-child(5) {
	flex: 2;
}

.financialtxn-line-list > div:nth-child(6) {
	flex: 1.1;
}

.financialtxn-line-list > div:nth-child(7) {
	flex: 1.3;
}
.financialtxn-line-list > div:nth-child(8) {
	flex: 1.1;
}
.financialtxn-line-list > div:nth-child(9) {
	flex: 0.15;
}

.financialtxn-line-list.selected {
	box-shadow: 2px 3px 15px -3px;
}

.financialtxn-line-list .agentDescWidth{
	flex:2 !important;
}

.financialtxn-line-list .agentAmountWidth{
	flex:1.5 !important;
}

.financialtxn-lines-total > ul > li {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
}

.financialtxn-lines-total > ul > li > div {
	padding-left: 5px;
	padding-right: 5px;
}

.financialtxn-lines-total > ul > li > div h4 {
	margin-bottom: 5px;
}

.financialtxn-lines-total > ul > li > div h3 {
	margin-top: 0px;
}

.financialtxn-lines-total  > ul > li > div:nth-child(1) {
	flex:7.8;
}
.financialtxn-lines-total  > ul > li > div:nth-child(2) {
	flex:1.1;
}
.financialtxn-lines-total  > ul > li > div:nth-child(3) {
	flex:0.15;
}

.financialtxn-line-list .customDeleteDiv {
	line-height: 37px;
	color: #888;
	text-align: center;
}
/* For Deposit */
.deposit-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.deposit-line-list > div {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

.deposit-line-list > div:nth-child(1) {
	flex: 0.2;
	border-left: 1px solid #ccc;
	background: #eee;
}

.deposit-line-list > div:nth-child(2) {
	flex: 0.2;
}

.deposit-line-list > div:nth-child(3) {
	flex: 2;
}

.deposit-line-list > div:nth-child(4) {
	flex: 1.8;
}

.deposit-line-list > div:nth-child(5) {
	flex: 1.8;
}

.deposit-line-list > div:nth-child(6) {
	flex: 1.8;
}

.deposit-line-list > div:nth-child(7) {
	flex: 1.2;
}
.deposit-line-list > div:nth-child(8) {
	flex: 1.4;
}
.deposit-line-list > div:nth-child(9) {
	flex: 1.5;
}
.deposit-line-list > div:nth-child(10) {
	flex: 1.4;
}
.deposit-line-list > div:nth-child(11) {
	flex: 0.15;
}
.deposit-line-list.selected {
	box-shadow: 2px 3px 15px -3px;
}

.deposit-line-list .agentDescWidth{
	flex:2 !important;
}

.deposit-line-list .agentAmountWidth{
	flex:1.5 !important;
}
.deposit-line-list .customDeleteDiv {
	line-height: 45px;
	color: #888;
	text-align: center;
}

.deposittxn-lines-total > ul > li {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
}

.deposittxn-lines-total > ul > li > div {
	padding-left: 5px;
	padding-right: 5px;
}

.deposittxn-lines-total > ul > li > div h4 {
	margin-bottom: 5px;
}

.deposittxn-lines-total > ul > li > div h3 {
	margin-top: 0px;
}

.deposittxn-lines-total  > ul > li > div:nth-child(1) {
	flex:11.9;
}
.deposittxn-lines-total  > ul > li > div:nth-child(2) {
	flex:1.4;
}
.deposittxn-lines-total  > ul > li > div:nth-child(3) {
	flex:0.15;
}
.invoice-line ul li.customDepositHeader{
	height:47px !important;
	line-height: 23px !important;
}
.dep-min-height{
	min-height: 35px;
}

 /* For Journal section */
.journal-line-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.journal-line-list > div {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

.journal-line-list > div:nth-child(1) {
	flex: 0.2;
	border-left: 1px solid #ccc;
	background: #eee;
}

.journal-line-list > div:nth-child(2) {
	flex: 0.2;
}

.journal-line-list > div:nth-child(3) {
	flex: 1.5 !important;
}

.journal-line-list > div:nth-child(4) {
	flex: 1.5;
}

.journal-line-list > div:nth-child(5) {
	flex: 1.5;
}

.journal-line-list > div:nth-child(6) {
	flex: 1.8;
}

.journal-line-list > div:nth-child(7) {
	flex: 2.0;
}
.journal-line-list > div:nth-child(8) {
	flex: 1.3;
}
.journal-line-list > div:nth-child(9) {
	flex: 1.3;
}
.journal-line-list > div:nth-child(10) {
	flex: 1.4;
}
.journal-line-list > div:nth-child(11) {
	flex: 0.15;
}
.journal-line-list.selected {
	box-shadow: 2px 3px 15px -3px;
}

.journal-line-list .agentDescWidth{
	flex:2 !important;
}

.journal-line-list .agentAmountWidth{
	flex:1.3 !important;
}

.journal-line-list .rowDeleteWidth{
	flex:0.15 !important;
}

.journal-line-list .customDeleteDiv {
	line-height: 45px;
	color: #888;
	text-align: center;
}

.journal-lines-total{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.journal-lines-total >div {
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

.journal-lines-total > div:nth-child(1) {
	flex:8.7;
}
.journal-lines-total > div:nth-child(2) {
	flex:1.3;
}
.journal-lines-total > div:nth-child(3) {
	flex:1.3;
}
.journal-lines-total > div:nth-child(4) {
	flex:1.55;
}
.customjournaltotal {
	min-height: 30px !important;
	border-right: 1px solid #ccc;
	background: #ddd;
}	
.journalSummaryNoBottom {
	border-bottom: none;
}
.customjournaltotal >div {
	border-right: none !important;
	line-height: 28px;
}

.customjournaltotal .subRows {
	font-size: 13px;
	line-height: 28px;
}
.customjournaltotal .totalRow {
	font-size: 18px;
	line-height: 28px;
}

/* Bank Feed section */

.customBankAccountHeader > ul > li {
	min-height: 20px;
	background-size: 20px !important;
}

.customBankAccountHeader > ul > li > span {
	font-size: 13px;
}

.customBankAccountHeader ul li.lastUpdateSynced {
	background: url(../images/task-status.png) left center no-repeat;
}
.m-r-1{
	margin-right: 1px !important;
}
.m-r-2{
	margin-right: 2px !important;
}
.header-reconcile-section {
	font-size: 13px;
}
.header-reconcile-section .text-span {
	border-bottom: 1px dashed #999;
	color: #337ab7;
}
.header-reconcile-section .header-reconcile-count{
	color: #ffa500;
}
.header-reconcile-section .upload_link {
	text-decoration: underline;
	margin:0px 10px 0px 14px;
	line-height: 25px;
	cursor: pointer;
}
.account_balance {
	margin: 0px 10px;
	font-size: 18px;
	color: #337ab7;
	line-height: 25px;
}

.prospectsUserTooltip .tooltipAccountBox input[type="text"]{
	height: 25px;
	padding: 3px;
	font-size: 12px;
}

/* Task popup */
.customTaskLabelWidth {
	width: 7.5%
}
.customTaskMidLabelWidth {
	width: 10%
}
.width80 {
	width: 78% !important;
}
.taskSidebar {
	width: 21%;
	padding-left: 13px;
}
.taskSidebar .form-group {
	margin-bottom: 5px !important;
}
.taskLeftPanel .note-editable {
	min-height: 195px !important;
}
.expandedWidth {
	width:22% !important;
}
.expandedWidthAlt {
	width:20% !important;
}
.expandedWidthAltStatus {
	width: 20% !important;
}
.taskStatusLabel{
	margin-right: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.toggleTaskPopeBtn .fa-gears {

	font-size: 16px !important;
	top: 1px !important;
	left: 0px !important;
}

.multiselect-chip .md-chips {
  padding: 0 0 3px 3px !important;
}
.multiselect-chip md-chip {
   background: #f3f3f3 !important;
   font-size: 12px !important;
   height: 29px !important;
   line-height: 30px !important;
   margin: 6px 8px 0 0 !important;
}
.multiselect-chip md-chip md-icon {
	color: red;
}
.multiselect-chip md-chip md-icon svg{
	height: 100% !important;
    width: 65% !important;
    padding-left: 3px !important;
}
.multiselect-chip .md-input {
	font-size: 12px;
}
.multiselect-chip .md-chips .md-chip-input-container:not(:first-child) {
	margin: 5px 8px 0 0 !important;
} 

outcometypeahead {
	float: left;
	border: 1px solid #ccc !important;
	width: 100% !important;
	display: block !important;
	border-radius: 6px;
	cursor: text;
	margin-bottom: 5px;
}
.durationSpan {
	line-height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Gantt chart toolbar icon */
#GanttContainer_ColumnVisibility {
	padding-top: 2px;
	padding-bottom: 0px;
}
.Save:before {
	content: "\e620";
}
.Edit:before {
	content: "\e70e";
}

.taskeditorSection .note-editable {
	min-height: 340px !important;
}
@media (max-width: 1400px) {
	.inboxSearchEmail{width: 370px;}
        
	.email-popup-maxview .placeHolderPopupHeight {
		height: 80vh !important ;
	}
	.email-popup-maxview .newMsgWrapper .panel-body {
	
		height: 50vh !important;
	}

}
@media (min-width: 1366px) {
	.placeHolderPopupHeight {
		height: 76vh;
		overflow-y: auto;
	}
	.email-popup-maxview  .placeHolderPopupHeight  {
		height: calc(100vh - 130px) !important;
	}
	.email-popup-maxview .placeHolderPopupHeight.sendMailViewPopup {
		height: calc(100vh - 80px) !important;
	}
	
	.email-popup-maxview .sendEmailPopupHeight .minimizedView {
		height: calc(100vh - 345px) !important;
	}
	.email-popup-maxview .sendMailViewText {	height: calc(100vh - 345px) !important;}
}

@media (min-width: 1600px) {

	.email-popup-maxview .newMsgWrapper .panel-body {

		height: 65vh !important;
	}
	.email-popup-maxview .placeHolderPopupHeight {
		
		height: calc(100vh - 140px);

	}
}

@media (min-width: 1900px) {

	.email-popup-maxview .newMsgWrapper .panel-body {
	
		height: 65vh !important;
	}
	.email-popup-maxview .placeHolderPopupHeight {
		
		height: calc(100vh - 140px);
	
	}
}

.find-and-match-wrapper{position: relative; }
.find-and-match{    
       /* left: -10px; */
    /* top: -34px; */
    /* position: absolute; */
    /* width: 100%; */
    background: #fff;
    border: 1px solid #f3f3f3;
    z-index: 444;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 6px;
    /* right: -10px; */
    padding: 10px 10px;
    margin-left: -10px;
    margin-right: -10px;}

	.find-and-match h2.property-name{	margin-bottom: 13px;}
	.kpm-link-btn-style{ cursor: pointer; border:0px; width: 92px; display: inline-block; padding:6px 0px; text-align: center; color: #fff; background: #337ab7;}
	.kpm-link-btn-grey{background: #ccc !important;}
	.kpm-link-btn-style:hover{color: #fff !important;}
	.find-trns-table-style{    width: 100%;
		background: #f2f2f2; border:1px solid #d9d9d9;
		border-radius: 10px;
		padding: 0px 0px 10px 0px;
		float: left; height:163px;
		padding: 10px !important;}
	.find-trns-table-style table tr th{border-bottom: 1px solid #ddd;     padding: 0px 10px 6px 10px !important;}
	.find-trns-table-style table tr td:nth-child(1){ width: 15%;}

	.find-trns-table-style table tr td:nth-child(2){ width: 20%;}
	.find-trns-table-style table tr th:first-child{padding-left:0px !important;}
	.find-trns-table-style table tr td:first-child{padding-left:0px !important;}	
	.find-trns-table-style{padding:0px 10px;}
	.find-trns-table-style table{width: 100%;}
	.find-trns-table-style tr th{ font-weight: 300; padding:6px 10px !important; border-bottom: 1px solid #ccc;}
	.find-trns-table-style tr td{padding: 6px 10px !important;}
	.find-trns-table-style tr td input{width: 80px; border:1px solid #ddd; background: #fff; text-align: right; padding:3px 6px;}
	.find-trns-table-style h3{ font-size: 13px; font-weight: 300; border-top:1px solid #ddd; padding:7px 10px 0px 0px; margin:0px;}
	.trns-main-grid{margin-top:10px;}
	.caseSubIconListPosition{  position: relative; top: -6px;}
	.caseCompStatus{    font-size: 11px !important;
		border-radius: 20px !important;
		line-height: 12px !important;
		margin-top: 4px;
		display: inline-block;
		font-family: 'pmfontface-hd', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 12px;
		padding: 3px 10px 3px 10px;
		margin-right: 6px !important;
	
	
	}
	.caseCompStatus.status_green{	background-color: #e5f1c2!important; 	color: #82ac01 !important;}

		.SelectCaseDropStyle.casependingDropStyle .selectize-input{color: #dda90c  !important;
			background-color: #f7f0d9!important; box-shadow: none !important;}
			.SelectCaseDropStyle.casependingDropStyle  .selectize-input > input{width: auto !important;}
			.SelectCaseDropStyle.casependingDropStyle  .selectize-input > input::placeholder{color: #dda90c  !important;}
			.SelectCaseDropStyle.casependingDropStyle .selectize-input::placeholder{color: #dda90c  !important;}
			.SelectCaseDropStyle.casependingDropStyle.selectize-control.single .selectize-input:after{     border-color: #dda90c transparent transparent transparent !important;}
		
			.SelectCaseDropStyle.casependingDropStyle	.selectize-dropdown {
				
				-webkit-box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) !important;
				box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) !important;
			
				border: 1px solid #eee;
			}

	.editCaseTxRight{    padding-right: 20px !important;}
	.caseStatusDropstyle{position: relative; top:4px;}
	.caseStatusDropstyle .SelectCaseDropStyle .selectize-input {
		padding: 0px 5px 0px 10px !important;
		font-size: 11px;
		border-radius: 19px;
	}

	.selectedItemHeader ul li.manwithbrefcase.newphaseBg {
		background: url(../images/gantt-chart.png) left center no-repeat;
		background-size: 14px;
	}

	.selectedItemHeader ul li.manwithbrefcase.newOutcomeBg {
		background: url(../images/out-come.png) left center no-repeat;
		background-size: 14px;
	}

	.taskSidebarWidth{    position: absolute;
		top: 0px;
		right: 14px;
		border: 1px solid #f8f8f8;
		box-shadow: 0px 0px 10px #ddd;
		padding: 10px 10px;
		z-index: 444444;
		background: #fff;
		height: calc(100vh - 217px);
		overflow-y: auto;
		width: 300px !important;
	}
	.sidebarHideAction{    right: 302px !important;
		z-index: 555555;
		border-radius: 0px;
		background: #fff !important;
		border: 0px !important;
		box-shadow: -4px -1px 6px #f4f4f4;
		top: -14px;}
		.sidebarOpenAction{    right: 1px !important;
			left: inherit !important;
			cursor: pointer;
			top: 7px;
			font-size: 16px;
			z-index: 4;
			background: #f8f8f8 !important;
			color: #444 !important;
			border: 1px solid #ddd!important;
			box-shadow: 0px 0px 0px rgba(0,0,0, 0.3);
			border-radius: 0px;
			background: #fff !important;
			border: 0px !important;
			box-shadow: 0px 0px 10px #f5f5f5;}
	
			.taskeditorSectionEditContain .note-editable {
				min-height: 231px !important;
			}
			.taskSidebar.taskSidebarWidth  .form-group{margin-bottom: 0px !important;}
			/*####### custom scroll bar  */
/*Scroll bar nav*/
.taskSidebarWidth::-webkit-scrollbar { width:10px; }
.taskSidebarWidth::-webkit-scrollbar {width:6px; }
/* Track */
.taskSidebarWidth::-webkit-scrollbar-track {  -webkit-border-radius: 10px;border-radius: 5px;background: #ccc; }
/* Handle */
.taskSidebarWidth::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 10px;background: #999; }
.taskSidebarWidth::-webkit-scrollbar-thumb:window-inactive {background: #999; }
 /*  ###################  Common Class ######################## */
 .taskSidebarWidth .selectize-dropdown {z-index: 44444;}
 .sidebarOpenAction  .form-group label{margin-bottom:5px;}
 .duration-days-tx{position: relative;}
 .duration-days-tx-position{  
    color: #666;
    font-size: 12px;
    padding: 8px 7px 0px 0px;}
	.day-grpBox{border:1px solid #d8d8d8; border-radius: 6px;}
	.taskSidebarWidth	.form-group label{margin-bottom: 4px;}
	.day-grpBox input	{    width: 42px;
		border: 0px !important;
		text-align: center;
		padding: 0px 0px;     height: 32px !important;}
		.taskSidebarWidth .selectize-control.single .selectize-input, .taskSidebarWidth .selectize-dropdown.single{border:1px solid #d8d8d8 !important;}
		.transactionAction{cursor: pointer;}
		.transactionAction img{width: 30px;}
		.match-pop-hide-action{     font-size: 24px !important;
			margin-right: 12px;}
			.trns-grid-left-wrap{ width: 24px;}
			.trns-grid-right-wrap{ width: 96%;}
			.trns-grid-left-wrap img{ width: 15px;}
			.bank-account-details-grid.customGridStyle tr td{    border-top: 1px solid #ddd !important;  border-bottom: 0px solid #ddd !important;}
			.bank-account-details-grid.customGridStyle tr td.colspantop{border-top:0px !important}
			.bank-account-details-grid.customGridStyle tr td.colspantop .findmatchcontainWrap {
				margin-top: 0px;
				margin-left: 5px;
				width: 100%;
				list-style: none;
			
			
				margin-right: 10px;
				margin-bottom: 10px;
			}
/* .grid-slider-list{    margin: 0px auto;
    padding: 0px;
    list-style: none; display: flex;
	width: 99%; overflow: hidden;} */
	
	.grid-slider-list	{    /* margin: 0px auto; */
		padding: 0px;
		list-style: none;
		display: flex;
		/* width: 364px; */
		overflow: hidden;
		overflow: auto;
		max-width: 1216px;
		/* height: 200px; */
		float: left;
		overflow-y: hidden;
		padding-bottom: 16px;
	
		white-space: nowrap;
		/* overflow: auto; */
		white-space: nowrap;
		/* display: flex; */
		flex-wrap: nowrap;
		overflow-x: auto;}
.grid-cart-img-sz img {
    position: relative;
    width: 21px;
    margin-right: 6px;
    top: -1px;
}
.acceprtMatchColor{    color: #337ab7;}
.acceprtMatchColor span{width: auto !important;}

.findmatchcontainWrap li span.grid-cart-img-sz, .findmatchcontainWrap li span.acceprtMatchColor{ display: inherit !important; width: auto;}
.findmatchcontainWrap li span.acceprtMatchColor a{text-decoration: underline; cursor: pointer;}
.matchDataWidthLogomatchDataWidthLogo{ float: left; width: 100%;}
.bank-account-details-grid.customGridStyle tr td.colspantop .findmatchcontainWrap p {
    margin: 0 0 0px;
    line-height: 13px;
}
.bank-account-details-grid.customGridStyle tr td.colspantop .findmatchcontainWrap p:first-child{margin-bottom:0px !important;}
.forgot-match-icon-color{color: #a6a6a6;}

.e-icon, .e-rte-toolbar-icon, .e-background-color, .e-font, .e-rte-footericon, .e-resize-handle, .e-ddl-icon {
	font-family: 'ej-webfont' !important;}
	.e-treegrid .e-headercelldiv {
		font-size: 12px;
		font-weight: 500;
		padding: 0 14px 0 7px;
		margin: -7px;
	}
	.e-ganttchart .e-schedule-day-headercell, .e-ganttchart .e-schedule-hour-headercell, .e-ganttchart .e-schedule-week-headercell{ font-weight: 400 !important;}
	.e-kanban .e-kanbancard.e-hover{ background: #fff !important;}
	.e-kanban .e-kanbancard .e-tag {
		font-size: 12px;
		padding: 2px 7px 4px 7px;
		margin-right: 5px;
		background: #f1f1f1 !important;
		border-radius: 5px;
		margin-bottom: 0px !important;
		border-radius: 5px !important;
	}

	.e-kanban .e-columnrow .e-kanbancard {
		background: #fff !important;
		box-shadow: none;
		border: 0px;
		box-shadow: 0px 0px 12px #ddd !important;
	}
	.e-kanban .e-kanbanheader .e-headercelldiv {
		font-size: 12px !important;
		font-weight: 500 !important;
		float: left;
		width: 100%;
		margin-top: -4px;
	}
	.e-kanban .e-columnrow .e-rowcell{   border-radius: 5px !important;  background: #f9f9f9 !important;
		border: 1px solid #f1f1f1!important;}
		.e-kanban .e-swimlanerow .e-slkey {
			font-size: 13px !important;
			font-weight: 500 !important;
		}
		.e-kanban .e-kanbancard.e-cardselection {
			border-color: #cecece;
			color: #000 !important;
		}

		.e-kanban .e-kanbancard.e-cardselection .e-cardcollapse:before, .e-kanban .e-kanbancard.e-cardselection .e-cardexpand:before {
			color: #000 !important;
		}
		.e-kanban .e-collapsedrow .e-rowcell, .e-kanban .e-frozenrow .e-rowcell{border:0px !important;}
		.e-kanban .e-kanbanheader tr{ height: 30px !important;}
		.e-kanban .e-kanbancontent .e-rowcell {
			border-color: #cecece;
			border-bottom: 1px solid #f6f6f6;
			background: #fff;}
			.e-kanban .e-kanbancard .e-tag {
				font-size: 11px;}

				.e-kanban .e-swimlanerow .e-slkey {
					color: #637c90;
				}
				.e-kanban .e-kanbancontent .e-rowcell {
					border-color: #cecece;
					padding-bottom: 0px !important;
					border-bottom: 0px solid #f4f4f4 !important;
					height: 3px !important;
				}
				.e-kanban .e-swimlanerow {
					height: 35px !important;
				}
				.e-kanban .e-swimlanerow .e-slcount {
					font-size: 12px;
					padding: 3px 10px !important;
				}
				.e-kanban .e-swimlanerow .e-slkey{    color: #637c90 !important;}
				.e-rowcell .e-slexpandcollapse {
					padding: 5px 10px 5px 3px !important;
				}

				.e-kanban .e-slexpand, .e-kanban .e-slcollapse {
					height: 17px;
					text-align: center;
					width: 10px;
					font-size: 13px !important;
					font-weight: 600;
					position: relative;
					top: 1px;
				}
				.e-kanban .e-kanbancard {
					border-radius: 4px !important;
					margin: 3px 3px 4px 3px !important;
				}
				.e-kanban .e-slexpand:hover, .e-kanban .e-slcollapse:hover{background: none !important;}

				.e-kanban .e-kanbantoolbar.e-toolbar, .e-kbntoolbar-body.e-toolbar {
					background: #fff !important;
					padding: 6px 10px !important;
				}
				.e-toolbar>.e-horizontal .e-hover, .e-toolbar>.e-vertical>.e-hover{background: #fff !important ;}

				.e-kanban .e-kanbantoolbar.e-toolbar, .e-kbntoolbar-body.e-toolbar {
					background: #fff !important;
					padding: 6px 10px !important;
					border-radius: 0px !important;
					border-color: #f1f1f1!important;
				}
				.e-kanban .e-kanbantoolbar li{ background: #f7f7f7 !important; border:0px !important}
				.e-kanban .e-kanbantoolbar .e-toolbartext{ border:0px;  cursor: pointer;line-height: 20px;}
				.e-ul.e-horizontal .e-quickfilter { background: none !important;}
				.e-treegrid .e-headercelldiv {
					font-size: 13px !important;
					font-weight: 500 !important;
					padding: 0 14px 0 7px;
					margin: -7px;
					color: #337ab7 !important;
				}
				.e-ganttchart .e-schedule-day-headercell, .e-ganttchart .e-schedule-hour-headercell, .e-ganttchart .e-schedule-week-headercell{color: #337ab7 !important;}
				.e-treegrid .e-treegridrowexpand, .e-treegrid .e-treegridrowcollapse .e-rowcell{color: #000 !important; font-weight: 500 !important;}

				.e-ganttchart .e-gantt-parenttaskbar-progress {
					
					background: rgba(0,0,0,0.2) !important;
					border: 0px !important;
				}

				.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
					background-color: rgba(51,51,51,.3) !important;}
					.e-ganttchart .e-manualprogressbar{ background: #337ab7 !important; border-color:#337ab7 !important;}
					.e-ganttchart .e-manualchildtaskbar{ background: #a6cdef !important; border-color:#337ab7 !important;}

.grid-slider-list .gridDetailCartList li span {width: auto !important; display: inline-block !important;}
.grid-slider-list .gridDetailCartList li span.recpTxStyle{   
	margin-left: 0px; margin-right: 6px;}

	.grid-slider-list .gridDetailCartList li span.recpTxStyle2{ font-size: 12px; color: #337ab7;}	
	.grid-slider-list .gridDetailCartList li .disCodeWidthWrap{ margin-top:5px !important; overflow: hidden;}
	.grid-slider-list .gridDetailCartList li span.invNoTx{    font-size: 13px !important;
		font-weight: 600;     position: relative;
		top: 1px;}
	.acceprtMatchColor .fa-thumbs-up-green{color: #82ac01 !important;}
	.grid-slider-list .gridDetailCartList li span.disCodeWidth{width: 33px    !important; float: left; padding-left:5px; color: #777 !important;     font-weight: 100;}

	
	.grid-slider-list .gridDetailCartList li .matchDataWidthLogo span{padding-top: 0px !important;}
	.e-ganttchart .e-criticaltaskbar {
		background:#eb9800  !important;
		border-color: #eb9800  !important;
	}
	.grid-slider-list .gridDetailCartList li .overduwTxStyle {font-size: 14px !important; font-weight: 600 !important; margin-left: 10px;  margin-right: 10px; }
	.grid-slider-list .gridDetailCartList li .acceprtMatchColor{opacity: 0.0; font-size: 12px;     position: relative;
		top: 2px;}
	.grid-slider-list .gridDetailCartList li:hover .acceprtMatchColor{opacity: 0.99;}
	.widget-leftLogo{width: 4%;}
	.widget-leftLogo img {width:20px;}

/*Scroll bar nav*/
.lightscrollbar::-webkit-scrollbar { width:6px; }
.lightscrollbar::-webkit-scrollbar {width:4px; }
/* Track */
.lightscrollbar::-webkit-scrollbar-track {  -webkit-border-radius: 10px;border-radius: 5px;background: #ccc; }
/* Handle */
.lightscrollbar::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 10px;background: #999; }
.lightscrollbar::-webkit-scrollbar-thumb:window-inactive {background: #999; }

.tns-table-fixed-header {
    
   height: 119px;
    overflow-y: auto;
}

.tns-table-fixed-header table th {
    position: -webkit-sticky;
    position: sticky; background:#f2f2f2;
	top: 0;     color: #337ab7;
	font-weight: 400 !important;
}

.must-be-notmatching { font-weight: 600; color: #eb9800 ;}
.must-be-notmatching-active { font-weight: 600; color: #337ab7 ;}
.must-be-matching { font-weight: 500; color: #337ab7;}
.grid-total-value-tx{font-weight: 600 !important; color: #337ab7 ;     margin-right: 37px !important;}
.receipttx-color-green{color: #82ac01 !important; }
.receipttx-color-red{color:#ff0000; }
.grid-slider-list .findmatchcontainWrap .slider-widget-header{border-bottom:1px solid #eee !important;}
.grid-slider-list .findmatchcontainWrap .slider-widget-header p{margin-bottom: 0px !important; padding:0px !important;}
.grid-slider-list .findmatchcontainWrap .slider-widget-header p span{ padding-bottom: 0px !important ; margin-bottom: 0px !important ;}
.grid-slider-list .findmatchcontainWrap .slider-widget-footer{border-top:1px solid #ddd !important;}
.grid-slider-list  .gridDetailCartList { background: none !important;
    float: left !important;
    width: 100% !important;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    border: 1px solid #ddd;}
.grid-slider-list  .gridDetailCartList li{list-style: none !important;}
.grid-slider-list  .gridDetailCartList li .slider-widget-header{    background: #f9f9f9!important;
    float: left;
    width: 100%;
    padding: 6px 6px 6px 6px;
    border-radius: 0px 0px 0px 0px;
	border-bottom: 1px solid #eee;}
	.grid-slider-list li{ float:left;}
.grid-slider-list  .gridDetailCartList li .slider-widget-header p{margin:0px !important}

.grid-slider-list  .gridDetailCartList li .slider-widget-con-middle {background: #f9f9f9 !important; min-height: 72px; padding:5px 10px; float:left; width:100%;}

.grid-slider-list  .gridDetailCartList li .slider-widget-footer{   
	border-top: 1px solid #ddd !important;     background: #f1f1f1!important;
    float: left;
    width: 100%;
    padding: 0px 10px 10px 10px;
    border-radius: 0px 0px 0px 0px;
	border-top: 1px solid #eee;}
	.border-line-top {
		margin: 0px 4px 9px 4px !important;
	}
	.transGridSrcWrap{    border: 1px solid #ddd;
		box-shadow: none;}
	.transGridSrcWrap.inboxSearchEmail .searchMailMain {    margin-left: 4px;}
	.grid-slider-list .gridDetailCartList li span.disCodeWidth img{width: 14px;}
	.grid-slider-list .gridDetailCartList li span.disCodeWidth i{margin-right:5px; margin-top:3px;     color: #337ab7;}
/* 	.trns-grid-max-height{ overflow-y: auto; }
	.trns-grid-max-height {       max-height: calc(300px);
		overflow-y: auto;} */
		.trns-grid-max-height table th {
			position: -webkit-sticky;
			position: sticky;
			background: #fff; z-index: 444;
			top: 0;
		
		}


		/* ---------------------------------- */
		.e-ganttchartPane .e-ganttchart .e-criticaltaskbar{    background: #eb9800  !important;
			border-color: #eb9800  !important;}
			.e-ganttdialog .e-ejinputtext, .e-gantt .e-ejinputtext{     border-radius: 5px;    font-size: 12px;
				height: 24px;
				border: 1px solid #ddd !important;
				margin-top: 1px !important;}
				.e-gantt .e-toolbaricons, .e-splitter .e-splitbar{    font-family: 'ej-webfont' !important;}
				.e-gantt .e-toolbaricons {
					float: left;
					text-decoration: none;
					font-size: 16px !important;
					position: relative;
					top: 0px;
					color: #337ab7 !important;
					cursor: pointer;
				}
				.e-gantt .e-expandall {
					padding-top: 6px;
					font-size: 14px !important;
					margin-left: 4px !important;
				}
				.e-schedule-day-headercell-content{ font-size: 12px !important;}
				.e-schedule-day-headercell-content {
					font-size: 12px !important;
					line-height: 22px;
				}

				.e-treegrid .e-editcell, .e-treegrid .e-detailsrowcell, .e-treegrid .e-rowcell, .e-treegrid .e-extendcolumn {
					border-color: #ddd !important;
				}
				.e-treegrid .e-alt-row {
					background: #f1f1f1 !important;
				}
				.e-ganttchart .e-weekends, .e-ganttchart .e-ganttnonworkingrange, .e-ganttchart .e-ganttdayweekend{	background: #f1f1f1 !important;}
				.e-kanban .e-kanbanheader .e-headercelldiv {
					color: #3277b2;
					background: #f4f5f7;
					border-radius: 10px 10px 0px 0px !important;
					text-align: center !important;
					padding: 11px 0px 10px 10px !important;
					margin-top: 10px !important;
					margin-bottom: 10px !important;
					width: 95% !important;
				}
				.e-kanban .e-kanbanheader .e-headercelldiv  .e-headerdiv{width: 95%; text-align: left; font-size: 13px; font-weight: 500; color: #697b90;}
				.e-kanban .e-kanbancard .e-expandcollapse{ margin-bottom: 0px !important;}
				.e-kanban .e-kanbancard .e-cardheader {
					padding: 6px 6px 0px 10px !important;
				}
				.e-kanban .e-kanbancard .e-cardcontent {
					padding: 0px 0 0 10px !important;
				}
				/* .e-kanban .e-kanbancard .e-tags .e-tag:last-child{color: #ff0000 !important; } */
				.e-kanban .e-kanbantoolbar .e-select a.e-toolbartext.e-text {
					color: #337ab7 !important;
				}
				.e-kanban .e-kanbantoolbar li.e-select{background: #0d6786 !important;}
				.e-kanban .e-kanbantoolbar .e-select a.e-toolbartext.e-text{color: #fff !important;}
				.e-kanban .e-kanbantoolbar.e-js ul>li.e-tooltxt:hover{background: #dadada !important;}
				.e-kanban .e-kanbantoolbar.e-js ul>li.e-search, .e-kanban .e-kanbantoolbar.e-js ul>li.e-search:hover{background: none !important;}
				.e-kanban .e-kanbantoolbar .e-searchdiv{
					margin-bottom: 0px;
					border: 0px solid #ddd !important;
					font-size: 11px !important;
				}
				.e-kanban .e-kanbantoolbar .e-searchdiv input.e-ejinputtext{    border: 1px solid #ddd !important;
					background: #fff;
					box-shadow: none;
					border-radius: 5px 0px 0px 5px;
					font-size: 12px;
					padding: 0px 0px 0px 10px;
					line-height: 13px;}

				.e-kanban .e-kanbantoolbar.e-js ul>li.e-search{background: none !important;}
				.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind, .e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel{ font-family: 'ej-webfont' !important;}
				.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind{background: #fff;
					border: 1px solid #ddd;
					border-left: 0px;
					border-radius: 0px 5px 5px 0px;
					position: relative;
					left: -1px; background: #f7f7f7 !important;     color: #337ab7 !important;}
				.reconciledText{color:#4b9c14 !important;}
				.transGridSrcWrap  .emailSearchDropContin {z-index: 555 !important;}

.find-and-match {
    -webkit-animation-duration:0.7s;
    -moz-animation-duration:0.7s;
    -o-animation-duration:0.7s;
    animation-duration:0.7s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;

    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
	position:relative;
	box-shadow: none !important;
	border:0px !important;
    top:-15px;
    left:0px;
}
@-webkit-keyframes float-up {
    0% {
        top:700px;
       
    }

    100% {
        top:-15px;
    }
}

.findmatchcontainWrap{ margin-top:10px;  margin-left: 5px !important; width: 100%; list-style: none; padding:10px; margin:0px;  }
.findmatchcontainWrap li span{ width: 100%; display: block; margin-bottom: 6px;}
.payment-recipt-slider-wrap{background: #f2f2f2; padding: 0px 0px; position: relative;  border-radius: 10px; border:1px solid #d9d9d9;     height: 162px;}
.bank-ac-payment-receipt{       margin: 0px 0px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    /* left: -35px; */
    /* top: -4px; */
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
    padding: 5px 0px 5px 10px;
    border-radius: 11px 11px 0px 0px;

}
	.bank-ac-payment-receipt div:nth-child(2) span{position: relative; top: -3px;}
  .bank-ac-payment-receipt div img{ width: 22px;  }
  .bank-ac-payment-receipt div:nth-child(1){max-width: 20px;     }
  .bank-ac-payment-receipt div {flex: 1 1 auto;}
  .bank-ac-payment-receipt div:nth-child(2){ font-size: 15px; padding-top: 4px; text-align: left; padding-left:15px;}
  .bank-ac-payment-receipt div:nth-child(2) span.receipt-tx-color{color: #75be1e;}
  .bank-ac-payment-receipt div:nth-child(2) span.payment-tx-color{color: #ff0000;}
.payment-receipt-tx-color{ text-align: center;}

.bank-ac-payment-receipt-date{ margin: 0px 0px;
    display: flex;
    flex-wrap: nowrap;
    background: #eee;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 0px 0px 11px 11px;
    border-top: 1px solid #ddd;}
.bank-ac-payment-receipt-date div {flex: 1 1 auto; font-size: 13px;}
.paymentSliderMiddBody{        font-size: 12px;
    margin-top: 16px;
    padding: 0px 40px;
    min-height: 75px;}
.paymentSliderMiddBody span{width: 100%; display: block;     margin-top: 4px;}
.vertical-middle-tx{    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	height: 163px;     padding-top: 11px;}
	.vertical-middle-tx p{    margin-bottom: 13px;}
	.double-right-font-size{ font-size: 22px;;}
	#slides_control > div{
		height: 200px;
	  }

	  #slides_control {
		position:absolute;
		width: 400px;
		left:50%;
		top:20px;
	   margin-left:-200px;
	  }

	  .SelectCaseDropStyle.casependingDropStyle.selectize-control.single .selectize-input:after{content: "\f141";         font: normal normal normal 14px/1 FontAwesome !important;
		border: 0px;
		color: rgba(0,0,0,0.3);
		/* position: relative; */
		top: 5px;
		
		right: 18px  !important; font-size: 12px !important;}
		.payment-slider-arrows{position: absolute; left:0px; top:61px; opacity: 0.0;}
		.payment-recipt-slider-wrap:hover .payment-slider-arrows{opacity: 0.99 !important; cursor: pointer;}
		.payment-slider-arrows i{ font-size: 38px; color: #999;}
		.payment-slider-arrows.payment-slider-arrows-right{left:inherit; right:0px;}
		.reconcileBulkActionDrop{     width: 62px;
			border-radius: 20px;
			top: 2px;
			left: 3px;}
		.reconcileBulkActionDrop .selectize-input{height: 26px;
			border-radius: 20px;
			box-shadow: none;}	
			.reconcileBulkActionDrop .selectize-input .ui-select-search {display: none !important;}
			.reconcileBulkActionDrop  .selectize-dropdown {
			
				width: 150px !important;
				top: 27px !important;
			}
			.reconcileBulkActionDrop.selectize-control.single .selectize-input:after {
			    content: "\f141";
    font: normal normal normal 14px/1 FontAwesome !important;
    border: 0px;
    color: rgba(0,0,0,0.3);
    /* position: relative; */
    top: 6px;
    right: 14px !important;
    font-size: 12px !important;
    border: 1px solid #777;
    width: 17px;
    height: 17px;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
    left: 4px;
			}

			.reconcileBulkActionDrop.selectize-control.single .selectize-input:before {
			    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome !important;
    border: 0px;
    color: rgba(0,0,0,0.3);
    /* position: relative; */
    top: -1px;
    right: 14px !important;
    font-size: 12px !important;
    border: 0px solid #777;
    width: 17px;
    height: 17px;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
    position: absolute;
    right: 7px !important;
    font-size: 22px !important;
			}
		

		@media (max-width: 1420px){
			.find-trns-table-style table tr td.colspan-7Width {
				width: auto !important;
			}

		}
		@media (min-width: 1920px){
			.grid-total-value-tx {
				margin-right: 46px !important;
			}

		}

.customcolStyle tr td:nth-last-child(2),.customcolStyle tr td:last-child{
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #ddd;
}

.customcolStyle tr td:last-child{
	border-left: 1px solid #ddd;
}
.customcolStyle tr td:nth-last-child(2){
	border-left: 1px solid #ddd;
}
.bottom-border-line{
    margin: 0px;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0px;
}
.fixed-txn-height{
	height: 65px;
}
.task-board-task-green{color: #82ac01 !important;}
.task-board-task-red{color: #ff0000 !important;}

.slider-arrow-angle {    position: absolute;
    top: 63px;
    font-size: 42px;
    line-height: 18px;
    opacity: 0.0;
    color: #999;
    cursor: pointer;}
.slider-arrow-left{left: 0px;}
.slider-arrow-right{right: 0px;}
.colspantop{position: relative;}
.colspantop:hover .slider-arrow-angle { opacity: 0.99;}

.customEmailSrcStyle .selectize-input {
	border:none;
}


.dropCustomDateWidth{width: 100% !important;}

.finl-bank-state-drop .form-group {
    margin-bottom: 5px;
}
.ui-datepicker-finaDrop{height:30px !important;}
.input-group-addon.input-group-addon-financ-bank-drop{    background: none;
    border: 0px;
	margin-right: 10px;}
	.ui-datepicker.ui-datepicker-finaDrop{height: 33px !important;}
	.finl-bank-state-drop .control-label{padding-top:17px  !important;}
	.custom-date-picker .dropCustomDateWidth.dropCustomDateWidth100{width: 100% !important;}
	.fileupload-main {
    /* float: left; */
    margin-left: 0px;
    /* width: 100%; */
    padding-top: 12px;
    margin-left: -9px;
    margin-right: 5px;
	}

	.upload-status-title {
		color: #1e5372 !important;
		font-size: 12px;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	.upload-wrapper-contain {
		border-top: 1px dashed #507bc8;
		min-height: 40vh;
		/* width: 94%; */
		/* float: left; */
		margin: 42px 40px 0px 40px;
		position: relative;
		padding: 5px 0px 0px 0px;
	}
	.circle-tab-box {
		position: absolute;
		width: 30px;
		height: 30px;
		border: 1px solid #1e5372;
		border-radius: 50%;
		text-align: center;
		line-height: 27px;
		left: -15px;
		top: -17px;
		background: #fff;
	}
	.upload-your-statement{       position: absolute;
		width: 136px;
		/* height: 30px; */
		/* border: 1px solid #1e5372; */
		/* border-radius: 50%; */
		/* text-align: center; */
		/* line-height: 27px; */
		left: -52px;
		/* top: -17px; */
		/* background: #fff; */
		text-align: center;
		background: fff;
		/* border: 1px solid #eee; */
		border-radius: 3;
		line-height: 14px;
		padding: 5px 3px;
		top: -47px;
		z-index: 444;
		color: #337ab7;
		min-height: 44px;}
		.upload-your-statement.inactiveStep{color: #ccc !important;}
		.upload-define-fields{   left: 286px;
			top: -47px;}
		.review-and-upload{left:inherit !important; right: -38px;}
	.position-tab-3 {
	right:0px;
	left: inherit !important;
	}
	.position-tab-2 {
		left: 50%;
		margin-left: -24px;
	}
	.uploadFileActionBox{       border: 1px solid #ccc;
		min-height: 31px;
		width: 100%;
		width: 263px;
		margin-top: 5px;}
	.UploadRightAction{text-decoration: underline;
		color: #09667d;
		font-size: 12px;
		margin-top: 5px;
		margin-right: 10px;
		cursor: pointer;}
		.uploadFilesList{margin:0px; padding:0px; list-style: none;}
		.uploadFilesList li{width: 100%;}
		.uploadFilesList li span{margin:0px 10px 0px 0px;}
/* 		.fileuploadContainHeight{min-height: 63px;} */
		.circle-tab-box.activeStep{ background: #1e5372; color: #fff;}
		.circle-tab-box.inactiveStep{ background: #f1f1f1; color: #ccc; border-color: #ccc !important;}
		.grid-slider-list .gridDetailCartList li span.matchDataDescrip{width: 200px  !important;
			   float: left;}

	.customuploadSelector .selectize-input {
		height: 25px;
		line-height: 14px;
		padding: 4px;
	}

	.bank-trns-gridbox .box-header{margin: 0px 4px 6px 4px;}
	.bank-discription-col-width{width: 25%;}
	.reconcileBulkActionDrop .selectize-dropdown{ border:0px !important;}
	.grid-slider-list .gridDetailCartList li .slider-widget-footer .matchDataWidthFooter{display: flex;
		margin: 0px 0px;
		padding: 0px !important;
	}
	
	.grid-slider-list .gridDetailCartList li .slider-widget-footer .matchDataWidthFooter  span {display: block;
		width: 33%!important;
		float: inherit;
		padding: 0px !important;
		margin: 0px;}
	.addNewTrnsAction{width: 20px;}
	.addNewTrnsAction{    width: 20px;
		margin-top: 10px;
		color: #000;}
		.addNewTrnsAction a{ color: #8F8F8F;}
		.show-excluded{position: relative; top:11px;}
		.reconcileBulkActionDrop.reconcileBulkActionDrop-vcenter{    top: 6px;}
		.reconcileBulkActionDrop .selectize-input{border: 1px solid #ccc !important;}
	.reconcileBulkActionDrop .selectize-dropdown .active {
			color: #495c68;
			background-color: #f9f9f9;
		}
		.validate-btn-style{    padding: 6px 8px;
			margin: 0px;
			font-size: 12px;}
			.filesupportCsv {
				font-size: 11px;
				padding-top: 3px;
				display: inline-block;
				color: #337ab7;
			}

			.tns-table-fixed-upload-pop {
				min-height: 58px;
			    max-height: 268px;
				 overflow-y: auto;
				 height: inherit;
			 }
			 
			 .tns-table-fixed-upload-pop table th {
				 position: -webkit-sticky;
				 position: sticky; background:#fff;
				 top: 0;     color: #337ab7;
				 font-weight: 400 !important;
			 }

.customGridStyle tr.bankStatementsData-highlight td{ background: #fafdfe !important; border:0px !important; color: #337ab7 !important; font-weight: 600;}	
.reconBalanceItem{border: 1px solid #ccc;
    border-radius: 19px;
    padding: 5px 10px 3px 10px;
    font-size: 14px;}
	.reconBalanceItem i{    padding-right: 6px;
		font-size: 20px;     color: #337ab7;}
		.balancemismatch-style{color: #ffa500 !important;
			font-size: 24px !important;
			line-height: 18px !important;
			position: relative;
			top: 1px;}	
			.bankAccountDatareconcile-info{ font-size: 12px;
				margin-top: 5px;
				/* float: left; */
				/* width: 100%; */
				/* overflow: hidden; */
				/* display: block; */
				position: relative;
				top: 3px;}	 

				@media (min-width: 1600px){

					.grid-slider-list{    max-width: 1548px;}
				}

				@media (min-width: 1920px){

					.grid-slider-list{    max-width: 1789px;}
				}

				.grid-slider-list::-webkit-scrollbar { width:5px; height: 8px; }
				.grid-slider-list::-webkit-scrollbar {width:3px; height: 6px;}
			/* Track */
			.grid-slider-list::-webkit-scrollbar-track {  -webkit-border-radius: 10px;border-radius: 5px;background: #ccc; }
			/* Handle */
			.grid-slider-list::-webkit-scrollbar-thumb {-webkit-border-radius: 4px;border-radius: 10px;background: #999; }
			.grid-slider-list::-webkit-scrollbar-thumb:window-inactive {background: #999; }
.reconciledLoadList.relatedTolandLoadList li {
	background: url(../images/uk-house.png) left top no-repeat;
    padding: 0px 0px 0px 0px;
    background-size: 16px;
    width: 100%;
    float: left;
}
.reconciledLoadList.relatedTolandLoadList li .reconciledstatement{ padding-left:0px}
.reconciledstatementCard{width: 93%; left:5px; display:none; position: absolute; transition: all 0.3s ease-out 0s; float:left; border:1px solid #ddd !important; font-size: 12px; border-radius: 7px }
.reconciledstatement:hover  .reconciledstatementDate{    color: #337ab7; transition: all 0.3s ease-out 0s;}
.reconciledstatement:hover .reconciledstatementCard{display:block;}
.reconciledstaCardHead{ margin: 0px 0px;
    display: block;
    width: 100%;
    max-width: inherit !important;
    float: left;
    /* left: -35px; */
    white-space: inherit;
    /* top: -4px; */
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
	padding: 5px;
    border-radius: 7px 7px 0px 0px;
	font-size: 12px;
	color: #000000;
    }
	.reconciledstaCardBody {
		margin: 0px 0px;
		display: block;
		width: 100%;
		max-width: inherit !important;
		float: left;
		/* left: -35px; */
		white-space: inherit;
		/* top: -4px; */
		border-bottom: 1px solid #eeeeee;
		background: #f2f2f2;
		padding: 5px;
		white-space: inherit !important;
		white-space: inherit !important;
		font-size: 12px; 
	}

	.reconciledstaCardFoot {
		margin: 0px 0px;
		display: block;
		width: 100%;
		max-width: inherit !important;
		float: left;
		/* left: -35px; */
		white-space: inherit;
		/* top: -4px; */
		border-bottom: 0px solid #eeeeee;
		
		background: #eee;
		padding: 5px;
		border-radius: 0px 0px 7px 7px;
		white-space: inherit !important;
		font-size: 12px; 
	}
	.grouplinkView span.reconciledstatementDate{
	    max-width: inherit;
    display: block;
    padding-left: 29px;
    padding-bottom: 4px;
	
	}
		
		.fileListSeg  .reconciledstaCardFoot i{ font-style: normal !important; color: #000 !important;}
		.fileListSeg	.reconciledstaCardHead i { color: #000 !important; font-style: normal !important;}
		.fileListSeg	.reconciledstaCardHead i a{text-decoration: underline; cursor: pointer;}
		.reconciledTextGridHover:hover .reconciledstatementCard{ display: block;     display: block;
			box-shadow: 0px 0px 12px #ddd;
			border-radius: 0px;}
	.reconciledTextGrid	.reconciledstatementCard{	
		width: 174px;
		left: -38px;
		z-index: 3333; }
		.reconciledTextGrid	.reconciledstatementCard i{ font-style: normal; color: #000;}
		.reconciledTextGridHover{position: relative;}
		.reconciledTextGrid	.reconciledstaCardBody{color: #000; border-bottom: 1px solid #eee;}

		.no-border-select{
			border: none !important;
			box-shadow: none !important;
			border-bottom: 1px solid #ddd !important;
			border-radius: 0 !important;
		}

		.custom_search_typeahead {
			border: none !important;
			border-bottom: 1px solid #ddd !important;
			min-height: 30px;
			border-radius: 0px;
		}

		.custom_search_typeahead .list-group-item.active, .custom_search_typeahead .list-group-item.active:focus, .custom_search_typeahead .list-group-item.active:hover {
			background-color: #eeeeee;
			width: 100%;
		}
		.sidebar-menu li a i.la-gbp {border: 2px solid #fff;
			border-radius: 50%;
			/* font-size: 14px; */
			/* padding: 0px; */
			position: relative;
			left: -3px;
			font-size: 14px;
			padding: 1px;}

		.header_review_flag .review_cross {
			display: none;
		}

		.header_review_flag:hover .review_cross {
			display: inline-block;
		}


		.ref_num_list .icon-edit5, .task_ref_icon{ 
			font-size:12px; 
			color:#cccccc !important;
			margin-left: 2px;
			margin-right: 2px;
			cursor: pointer;
			display: none !important;
		}

		.ref_num_list:hover .task_ref_icon {
			display: inline-block !important;
		}

		.cancelUserEditAndDelete i{        position: relative !important;
			margin: 0px 0px 0px 6px !important;
			left: 0px !important;
			display: inline-block !important;
			padding: 0px !important;
			margin: 3px 0px 0px 0px;
			top: 2px !important;}
		.cancelUserEditAndDelete{    width: 18px;
			display: block !important;
			margin-right: 3px;}
			.selectedItemHeader .cancelUserEditAndDelete{opacity: 0.0 !important;}
	.selectedItemHeader:hover .cancelUserEditAndDelete{opacity: 0.99 !important;}
.selectCaseDropStyleCaseView.SelectCaseDropStyle .selectize-dropdown {
		top: inherit !important;
		font-size: 11px !important;
		bottom: 21px!important;
	}
	.addrole-table-grid tr td{vertical-align: middle !important;}
	.addrole-table-grid tr td .customuploadSelector{ margin-top:3px !important;}

	.account_txn_refresh {
		margin-top: 8px;
		margin-right: 5px;
		color: #337ab7;
		font-size: 14px;
	}

	.btn-no-first_last .fa{
		font-size: 22px !important;
		position: relative !important;
		top: -1px !important;
	}

	.common-edit-wrap .edit-show-onhover {
		display: none;
		color: #cccccc;
	}

	.common-edit-wrap:hover .edit-show-onhover {
		display: inline-block;
	}
.property-finance-cart{border:1px solid #b8d1c5 !important; box-shadow: 2px 2px 7px rgba(8,8,8,0.2) !important;     transition: all .2s ease;     margin-right: 0px;
    width: 15.5% !important;}
.property-finance-cart:hover{
	box-shadow:  0 1px 13px  rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 10px rgba(8,8,8,0.2) !important;
	-webkit-transition: all .2s ease;
	-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
  }
.pro-f-c-s{font-size: 42px;}
.colordark-green{color: #056435;}
.p-f-head-font-s{     font-size: 16px;
	margin: 0px 0px 20px 0px;
	padding: 0px; position: relative;}
	.p-f-head-font-s::before{    content: "";
		background: #056435;
		width: 45px;
		height: 3px;
		position: absolute;
		bottom: -10px;
		left: 0px}
	.p-f-head-value-font-s{     font-size: 20px;
		margin: 0px;
		padding: 0px;}
.property-finance-cart-header{    padding: 15px 0px 0px 0px;}
.col-p-r-none{padding-right: 0px;}
.property-finance-cart-body{width: 100%;}
.property-finance-cart-left{width: 50%;border-right: 1px solid #ddd;margin-right: 0px;margin-top: 10px;}
.property-finance-cart-right{width: 50%;margin-top: 10px;}
.property-finance-cart-left p{display: block; font-size: 13px;
    line-height: 12px; margin-bottom: 4px; height: 25px;}
.property-finance-cart-right p{height: 25px; line-height: 12px; color: #056435; font-size: 13px; display: block; margin-bottom: 4px;;}
.property-finance-cart-right .icon {

	width: 15px;
   opacity: 0;
    margin-left: 3px;
    color: #056435;
    position: relative;
    top: -2px;
    font-size: 13px;
}
.property-finance-cart-right p:hover .icon{opacity: 0.99;}
.capitalEfficiency-list{    margin: 0px;
    border-radius: 5px;
    box-shadow: 0px 2px 6px #aaa;
    padding: 0px;
    list-style: none;
    background: #e7e6e6;
    margin-top: 10px;}
.capitalEfficiency-list li{ float: left;    padding: 8px 10px !important; cursor: pointer;}
.capitalEfficiency-list li.capitalEfficiency-list-active{ background: #bfbfbf; color: #fff;}
.capital-Efficiency-wrap{border:1px solid #FFF; background: #fafaf9;}
.capital-efficiency-title{  color: #000;}
.prop-finc-page-footer{  margin-top: 10px; padding:0px;}
.prop-finc-page-footer table{ margin: 0px; padding:0px; width: 100%; background: #056435;}
.prop-finc-page-footer table tr td{padding:12px 15px; color: #fff;}
.prop-finc-page-footer table tr td{border-right: 1px solid #74ae91; vertical-align: top;}
.prop-finc-page-footer table tr td h4{font-size: 14px; margin-top: 0px; }
.prop-finc-page-footer table tr td .prop-footer-widgetTx{         font-size: 13px;
    line-height: 13px;
    margin-top: 16px !important;
    margin-bottom: 0px;}
.prop-finc-page-footer table tr td .prop-footer-widgetTx span{ font-size: 11px !important; color: #d1d1d1;}
.prop-finc-toggle{ font-size: 12px; text-align: center; color: #ccc;}
.prop-finc-toggle span{ margin:0px 7px; cursor: pointer;}
.prop-finc-toggle span:hover{ color: #000;}
.active-prop-footer-toggle{color: #000;}
.propFincheight{height: 250px;}
.fullscreenZoomprop{    margin-left: 3px;
    width: 99%;}

	@media (min-width: 1920px) {

		.viewMortgageAction a {
			font-size: 11px;
			text-decoration: underline;
		}
	
		.propFincheight{height: 248px;}
		.pro-f-c-s {
			font-size: 49px;
		}
		.property-finance-cart-left p{ 
			font-size: 13px}
			.property-finance-cart-right p{font-size: 12px}
			.prop-finc-toggle span{ font-size: 13px;}
			.p-f-head-font-s{ font-size: 16px;}
			.p-f-head-value-font-s{font-size: 19px;}
		

	}

	.suHeaderSections span {
		border-bottom: 1px solid #337ab7 !important;
		margin-left: 0px;
		display: block;
		padding-bottom: 5px;
		 font-size: 14px;
	}

	.commonrowWrapper .subrowscontrol {
		max-height: 20px;
	}

	.noDataFoundWrapper .noDataTextMortGage {
		width: 100%;
		display: block;
		padding: 2% 0px;
		text-align: center;
		font-size: 16px;
	}
	
	.noDataFoundWrapper .noDataTextMortGage h3 {
		font-size: 14px;
		color: #bdc0c0;
		padding: 0px;
		margin: 8px 0px;
	}

	.selectedMortrow td {
		background: #f5fcff !important;
	}
	.customGridStyleMortgage tr td {
		border-bottom: 1px solid #ddd !important;
    	background: #fff;
	}
	
	.customGridStyleMortgage tr th {
		border-bottom: 2px solid #1e5372 !important;
		font-weight: normal !important;
		color: #337ab7 !important;
		border-left: 1px solid #f1f1f1 !important;
		padding: 4px 7px 5px 7px !important;
	}

	.mortgageexpPicker .datetime-picker-dropdown{
		left: 305px !important;
	}

	.headermonthyearbox{
		border: 1px solid #ddd !important;
		min-height: 25px !important;
		border-radius: 5px !important;
	}

	.headermonthyearpicker {
		top: 4px !important;
		right: 25px !important;
	}

	.custommonthcalendarposition .datetime-picker-dropdown{
		right: 25px !important;
		left: auto !important;
	}


	.marketing-section-type {
		background: #f4f3f3;
		height: 30px;
		line-height:30px;
		color: #1e5372;
	}

	.marketing-section-type .active {
		font-weight: bold;
		color: #1e5372;
		border-left: 2px solid #1e5372;
	}

	.parent-checkbox .group-height {
		height: 30px;
	}

	.parent-checkbox .group-height label{
		font-weight: bold;
		color: #1e5372;
	}

	.fieldSection .fieldDetailsLabel{
		font-weight: bold;
		color: #1e5372;
		font-size: 16px;
	}

	.checkbox-field .field-descp{
		color: #1e5372;
		float: left;
		margin-left: 5px;
	}

	.marketinggallerysection .heading{
		font-weight: 500;
		color: #1e5372;
		font-size: 16px;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 5px;
	}

	.marketinggallerysection .marketinguploadIconPosition{
		position: relative;
	    top: -2px;
        right: 2px;
	}

	.marketinggallerysection .marketinguploadIconPosition .drop-menu-wrapper-alt{
		font-weight: normal !important;
		font-size: 12px !important;
	}

	.marketing-icon-pos {
		z-index: 10;
		position: absolute;
		top: 3px;
		right: 3px;
	}

	.google_map_streetview_button {
		direction: ltr;
		overflow: hidden;
		text-align: center;
		height: 40px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		color: rgb(86, 86, 86);
		font-family: Roboto, Arial, sans-serif;
		user-select: none;
		font-size: 18px;
		background-color: rgb(255, 255, 255);
		padding: 0px 17px;
		border-bottom-right-radius: 2px;
		border-top-right-radius: 2px;
		background-clip: padding-box;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
		min-width: 71px;
		border-left: 0px;
	}
	.summaryDataNumber{ font-size: 15px;}
	.viewMortgageAction{    font-size: 11px;
	
		position: absolute;
		right: 9px;
		top: 4px;}
	.viewMortgageAction a{ font-size: 10px;
		text-decoration: underline;}
		.purchasedDateOnEdit{ position: relative; top:4px;}
		.header-reconcile-section.header-propertyfinance-section .upload_link {
			text-decoration: underline;
			margin: 0px 10px 0px 0px;
			line-height: 25px;
			cursor: pointer;
		}

		.edit-case-name .header-propertyfinance-section	 .icon-edit5 {
			font-size: 12px;
			color: #9c9c9c !important;
			position: relative;
			top: 5px;
			left: -3px;
		}


.propertyMortgageContainWrapper{margin: 0px;padding: 15px 0px 0px 29px;width: 100% !important;}
.tns-table-fixed-upload-popEdit{overflow: inherit !important;}
.tns-table-fixed-upload-popEdit .selectize-input{padding: 4px 8px 3px 8px !important;
    
	margin-top: 4px;     width: 120px;}
	
	.tns-table-fixed-upload-popEdit	.ui-datepicker {
		height: 40px !important;
		position: relative;
		top: 6px;   width: 100px;
	}

	.tns-table-fixed-upload-popEdit	.ui-datepicker 	.date-pick {
		position: absolute;
		top: 2px;
		right: 2px;
		border: 0px;
		background: none !important;   
	}

	.tns-table-fixed-upload-popEdit	.customGridStyle .ui-datepicker  tr th {
		border-bottom: 1px solid #ddd !important; color: #666 !important;}


 .pmbs .form-group .tns-table-fixed-upload-popEdit input[type=text] { height: 27px;}   
 .tns-table-fixed-upload-popEdit .selectize-control > .selectize-dropdown {
    top: 25px; width: 120px;
}

 .tns-table-fixed-upload-popEdit .table>tbody>tr>td, .tns-table-fixed-upload-popEdit .table>tbody>tr>th {
	padding: 4px 5px 4px 5px !important;
    min-width: 48px;
    max-width: 100px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    height: 40px;
    vertical-align: middle;
}
@media (max-width: 1440px) {
	.propertyMortgageContainWrapper {
		margin: 0px;
		padding: 15px 0px 0px 18px;
		width: 100% !important;
	}

	.property-finance-cart {
		
		min-width: 238px !important;
	}
	.property-finance-cartScrollWrap{flex-flow: nowrap;
		overflow-x: auto; padding-top:3px;}

		.property-finance-cartScrollWrap::-webkit-scrollbar-track {
			
		   border-radius: 4px;
	   }
	   
	   .property-finance-cartScrollWrap::-webkit-scrollbar {
		   width: 4px;   height: 4px;
		   background-color: transparent;
	   }
	   
	   .property-finance-cartScrollWrap::-webkit-scrollbar-thumb {
		   border-radius: 4px;
		   background-color: #999999;
	   }

	   .property-finance-cartScrollWrap   .cardListItem{     margin: 0 0.5% 10px 0.5%;}
	   
	   .property-finance-cart-left p {font-size: 11px;}

}
.indexmodal-body-top{padding-top: 10px;}
.indexmodal-body-top .common-edit-wrap{display: inline-block; margin-top:7px;}

.margin-right-roomfields{
	margin: 10px 28px;
	font-size: 16px;font-weight: 500;
}

.margin-right-roomfields-alt{
	margin: 10px 6px;
	font-size: 16px;font-weight: 500;
}

.customselector-dropdown .selectize-input {
	border:none !important;
}

.customselector-dropdown .ui-select-container {
	border-bottom:1px solid #dddddd !important;
}

.passowrdValidationMessage{    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    z-index: 444;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 0px 2px 6px #ddd;     top: 61px;}
	.passowrdValidationMessage h3{margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 14px;}
		.passowrdValidationMessage .invalid{ color: #ff0000;}
		.passowrdValidationMessage .invalid.vaildpw{color: #00a65a ;}
		.passowrdValidationMessage p{ font-size: 11px;}
		.marketing-left-box-image{border-radius: 15px 0px 15px 0px;}
.marketingPropertyName{ margin: 6px 0px 0px 0px;display: block; color: #383838 ;font-size: 18px;font-weight: 500;} 
.streetnameTx{color: #383838; font-size: 13px;}

.marketing-type-list{margin:0px; padding:0px; list-style: none;}
.marketing-type-list li{background: #f4f3f3;
    height: 30px;
    line-height: 30px;
	color: #1e5372; }
	.marketing-section-type label { width: 100%; padding-left:7px;}
	.marketing-section-type label span{ padding-left:7px ;}
	.marketing-section-type label  i{    font-size: 18px;
		float: left;
		margin-top: 7px;}
		.MarketingDetailsTitle {
			color: #1e5372;
			margin: 0px 0px 6px -6px;
			padding: 0px;
			font-size: 17px;
			font-weight: 500;
		}
		.marketing-right-wrapper{background: #fff;     padding-top: 15px;}
		.marketing-right-wrapper .box.box-solid.box-default {border:0px;}
		.marketing-right-wrapper .fieldSection .fieldDetailsLabel {
			color: #383838 !important;
			font-size: 13px;
			font-weight: 400;
			
			line-height: 15px;
		}
		.marketing-right-Contain{padding-left:20px;}
		.fieldDetailsLabel .la-info-circle{     position: relative;
			top: 4px;
			font-size: 19px; color:#ccc !important}
			.fieldDetailsLabel .la-info-circle:hover::after{        content: "i" !important;
				position: absolute;
				width: 16px;
				color: #fff !important;
				height: 16px;
				border: 1px solid #337ab7;
				border-radius: 50px;
				left: 1px;
				top: 1px;
				background: #337ab7;
				text-align: center;
				line-height: 15px;
				font-size: 12px;
				font-family: arial !important;}
.marketingDetailsGrid tr:nth-child(odd) td{background: #f9f9f9;}
.marketingDetailsGrid tr:hover td{background: #e6eff5 !important;;}
.marketingDetailsGrid tr td{    border-bottom: 1px solid #ddd !important;
    padding: 6px 10px 5px 10px !important;
}
.marketingDetailsGrid tr td .selectize-control {
    position: relative;
    width: 200px;
}
.e-rte-toolbar-icon, .e-background-color, .e-font, .e-rte-footericon, .e-rte-footer .e-resize-handle {
    font-size: 11px !important;
}
.e-rte .e-background-color, .e-rteItem-backgroundColor .e-background-color, .e-rte .e-font, .e-rteItem-fontColor .e-font, .e-rte-toolbar-icon {
    height: 16px !important;
    width: 20px !important;
}
.e-rte .e-toolbarspan {
    border: none;
    border-bottom: 1px solid #ccc !important;
}
.viewndRemoveMarketRow{     font-weight: 500;
    text-decoration: underline;
    margin-right: 6px;
    margin-top: 6px;
	display: inline-block;}
	.e-toolbar>.e-horizontal .e-hover, .e-toolbar>.e-vertical>.e-hover{background: #fcfcfc !important;     border-right: 1px solid #cecece !important; border-radius: 0px !important;}
	.e-toolbar>.e-horizontal .e-active, .e-toolbar>.e-vertical>.e-active{background: none !important; color:#000 !important; border:0px !important; border-radius: 0px !important; border-right: 1px solid #cecece !important;}
	.e-toolbar>.e-horizontal .e-active.e-hover>div:before, .e-toolbar>.e-vertical>.e-active.e-hover>div:before, .e-toolbar>.e-horizontal .e-active.e-hover>span:before, .e-toolbar>.e-vertical>.e-active.e-hover>span:before, .e-toolbar>.e-horizontal .e-active.e-hover>a:before, .e-toolbar>.e-vertical>.e-active.e-hover>a:before{color:#000 !important; border:0px !important;}
	.e-toolbar>.e-horizontal>.e-active>a, .e-toolbar>.e-horizontal>.e-active>span, .e-toolbar>.e-horizontal>.e-active>div, .e-toolbar>.e-vertical>.e-active>a, .e-toolbar>.e-vertical>.e-active>span, .e-toolbar>.e-vertical>.e-active>div{color:#000 !important; border:0px !important;}
	.e-toolbar>ul>li {
		border: 0px !important; border-right:1px solid #ddd !important;
		padding: 3px;
	}
.marketingUiCheckBox{position: absolute;top: -2px;left: 8px;border: 0px !important; }
.marketingUiCheckBox.checkbox label::before {		
		position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(30, 83, 114, 0.7) !important;
	border: 0px !important;
	outline: none !important;
	}

	.galleryImgMarketing {
		border: 0px solid #ccc;
		text-align: center;
		height: 136px;
		width: 178px;
		float: left;
		margin: 7px 15px 7px 0px !important;
		position: relative;
		overflow: hidden;
		background: #f8f8f8;
	}
	.marketingUiCheckBox.checkbox label::after{left: 2px; top: 3px;}

	@media (max-width: 1400px) {
		.contaned_textarea_div{width: 657px !important;}
		.marketing-right-wrapper .e-rte.e-rte-wrapper {
			height: auto !important;
			min-height: 200px;
			width: 659px !important;
		}
		.containerWidthfieldbox{ width: 657px !important;}
		.marketing-right-wrapper .fieldSection .fieldDetailsLabel {
			font-weight: 500;
			color: #1e5372;
			font-size: 12px;
			line-height: 15px;
			width:25%;
		}
		.marketing-right-wrapper .fieldSection .fieldDetailsLabel.fieldDetailsLabel2 {
			width: 44% !important;
		}
	}
	.mark-grid-image-width{width: 50px;}
	.addRoomlinkBtnStyle{ font-size: 14px;}

.marketing-right-wrapper .date-pick {
	position: relative;
    /* top: -35px !important; */
    /* right: 7px !important; */
    /* border: 0px; */
    /* background: none !important; */
    height: 0px;
    line-height: 20px;

	}
	.marketing-right-wrapper .ui-datepicker {  width:150px;       height: inherit !important;
	
		position: relative; }
	
	.mktgallery-remove{position: absolute;
		right: -3px;
		font-size: 26px !important;
		padding: 0px 10px 0px 0px;
		color: #ddd;
		top: 8px;}
/* .galleryImgMarketing .marketingUiCheckBox{opacity: 0.0;} */
.galleryImgMarketing .mktgallery-remove{opacity: 0.0; display: none;}
.galleryImgMarketing.notSelectedImage .marketingUiCheckBox {opacity: 0.55;}

.galleryImgMarketing.notSelectedImage:hover .marketingUiCheckBox {opacity: 0.99;}


.galleryImgMarketing:hover .mktgallery-remove {opacity: 0.99; display: none;}
.profileViewEditLinkAction{        position: absolute;
    left: 43px;
    top: 227px;
    text-decoration: underline;
    color: #337ab7 !important;
    font-size: 13px !important;
    cursor: pointer !important;
	z-index: 2;}
.marketing-right-wrapper .unitListInputwidth .close{  color: #999 !important; font-weight: 100;     z-index: 2;}
.marketing-right-wrapper .unitListInputwidth .btn-default:hover  .close{ color: #ff1414 !important;}
.marketing-section-type label.marketingpublishLeft{    padding-left: 4px;}
.e-rte.e-rte-wrapper .e-ul.e-horizontal { margin-bottom: 2px !important; margin-top: 2px !important;}

.marketing-right-wrapper .fieldSection .fieldDetailsLabel.fieldDetailsLabel2 {
    width: 28%;
}
.roundgbpborder{        border: 1px solid #727272;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-size: 13px !important;
    padding-top: 3px;
    text-align: center;
    padding-right: 0px;}
	.customCardview div:hover i.roundgbpborder{ border: 1px solid #09667d;}
	.allRoomsSection{padding:14px 0px;}
	.marketing-location-search{     background: url(../images/location-search.png) 7px 5px no-repeat;
		background-size: 22px;
		padding-left: 39px;
		font-size: 13px;
		border: 1px solid #bdbdbd !important;
	/* 	box-shadow: 0px 0px 12px #ddd; */
		border-radius: 4px !important;
		/* padding: 0px 10px; */
		margin-bottom: 17px;}

.imageblurEffect{
	opacity:0.3 !important;
}

.marketing-right-wrapper .selectize-control {
    position: relative;
    height: 34px;
}

.marketing-right-wrapper .custom-plan-wrapper .plan-offer {
    height: 28px;
    font-size: 11px;
    padding: 0px 14px !important;
    padding-top: 0.094em !important;
}

.marketing-right-wrapper  .toggleButton p,   .marketing-right-wrapper .choose-plan-wrapper p {
    margin: 5px 0 10px !important;
    font-size: inherit !important;
}
.marketing-right-wrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match-item{      background: #f3f3f3!important;
    border-radius: 40px;
    padding: 2px 10px 3px 10px;
    border: 1px solid #f3f3f3!important;
    box-shadow: none !important;
    line-height: 16px;
    min-height: 23px;}
.marketing-right-wrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match-item span{ font-size: 12px;}
.marketing-right-wrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match-item span.close{
    margin-top: 2px;
    margin-left: 3px;
	font-size: 16px;
	font-weight: 100 !important;
}

.marketing-right-wrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match-item:hover span.close {
  
	color: #ff1414 !important;
    opacity: 0.99;
}

.propertyEllipsisList  .ellipsis-panel ul {
    padding: 0px;
    margin: 0;
    list-style: none;
    background: #fff;
    overflow-y: auto;
   max-height: 320px;
}

.propertyEllipsisList  .ellipsis-panel ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 4px;
}

.propertyEllipsisList  .ellipsis-panel ul::-webkit-scrollbar {
   width: 4px;
   background-color: transparent;
}

.propertyEllipsisList  .ellipsis-panel ul::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: transparent;
}

.propertyEllipsisList  .ellipsis-panel ul:hover::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #aaa;
}

.marketing-right-wrapper .common-edit-wrap .edit-show-onhover {
	color: #337ab7;
    font-size: 14px;
    position: relative;
    top: 2px;
}
.marketing-right-wrapper .e-rte.e-rte-wrapper{ height: auto !important; min-height: 200px;}
.marketingDetailsGrid tr td .viewndRemoveMarketRow{opacity: 0.0;}
.marketingDetailsGrid tr:hover td .viewndRemoveMarketRow{opacity: 0.99;}
.marketing-right-wrapper  .choose-plan-wrapper{border: 1px solid #bdbdbd;}

.border_bottom_branch{
	border-bottom: 1px dotted #cccccc;
    margin: 0 0 23px 0;
    padding: 0 0 5px 0;
    color: #666 !important;
}
.contaned_textarea_div {
	border: 1px solid #bdbdbd;
    border-radius: 5px;
    font-size: 13px;
    width: 786px;
	min-height: 75px;
	padding:5px;
}
@media (min-width: 1680px) {
.marketing-right-wrapper .fieldSection .fieldDetailsLabel {
  
    width: 18%;
}

.marketing-right-wrapper .fieldSection .fieldDetailsLabel.fieldDetailsLabel2 {
    width: 30%;
}
}
.property-type-name{ font-size:20px;}
.property-type-address{ font-size: 13px; margin:0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.property-type-landlordname{ font-size: 13px; margin:0px; }
.addressGropBorder{    padding: 0px 0px; margin: 0px; font-size: 17px;}
.addressGropBorder span{margin: 0px !important;padding: 0px 0px 2px 0px;display: inline-block;}
.branchintextareawidth .e-rte.e-rte-wrapper {height: 127px !important; width: 96% !important;}

.addressFieldsbranch .addressPad{ padding:0px !important;}
.addressFieldsbranch postcodelookup{    display: block; position: relative; width: 92%;}
.CityCountyPostCodeBranch  .addressFields{position: relative;
    left: -15px;
	top: 0px;}
	.addressFieldsbranch  .showAddressFields{position: relative;
		left: -15px;
		top: 0px;}
	.addressFieldsbranch .col-sm-6 .form-group{width: 99%;}
	.modal-body-branch-height{min-height: 200px !important;     max-height: 67vh !important; overflow-x: hidden !important; overflow-y:auto !important ;}
	.modal-body-branch-height textarea{width: 99% !important;}
	.marketing-left-box-image-height{ height: 200px;}
	@media (min-width: 1680px) {
		.marketing-left-box-image-height{ height: 200px;}
	}
	.col-xlg-2 {
		width: 16.66666667%;
	}
	.col-xlg-10 {
	    width: 83.33333333%;
	}


/* 
	.marketing-right-wrapper .content-iframe html::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 5px;
	}
	
	.marketing-right-wrapper .e-rte.e-rte-wrapper html::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.05);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.9);
	}
	
	.marketing-right-wrapper .e-rte.e-rte-wrapper html::-webkit-scrollbar-thumb:hover {
			border-radius: 4px;
			background-color: rgba(0,0,0,.2);
		} */

		.saveDataMarketing{ border-radius: 20px;   font-size:13px; padding:2px 10px 3px 10px;   background: #337ab7; color: #fff;}
		.gm-svpc{display: none !important;}
.google_map_streetview_button, .street.map, .street { font-size: 13px !important;}

.marketing-type-list li.inactivelist i, .marketing-type-list li.inactivelist span { color: #aaa;}
.updatestatusBatch{border: 1px solid #ddd;border-radius: 10px; line-height: 10px;
 text-align: center;padding: 3px 10px !important;background: #fff;font-size: 10px; line-height: 11px;
 margin-top: 6px;margin-right: 5px; font-weight: 300 !important;}
.portalenableddisabled{ border: 1px solid #82ac02;border-radius: 10px;line-height: 10px;text-align: center;
padding: 1px 7px !important;color: #82ac02;font-size: 10px;line-height: 11px; font-weight: 300 !important;
		/* color: #fff; */margin-top: 6px;margin-right: 5px;background: #fff;}
.portaldisabledBg .portalenableddisabled{background: #f7f7f7; color: #aaa!important; border: 1px solid #aaa; }
.statusstatusright{margin-right: 10px;}
.portaldisabledBg.marketing-section-type label span{color: #888;} 
.portaldisabledBg.marketing-section-type .fa-ioxhost{color: #888;}
.errorfields{margin:0px; padding:0px; list-style: none ;}
.errorfields li{margin:0px; padding:0px; }
.marketingDetailsGrid tr td{     vertical-align: middle !important;}
.savingStatusBtnPosition {position: absolute; right:0px; top:20px;}
.roomtablinks a i.fa-trash-o{opacity: 0.0;}
.roomtablinks a:hover i.fa-trash-o{opacity: 0.99; color: #c77963;}
.savebuttonFieldValue{   
	 font-size: 12px;
    border-radius: 20px;
    padding: 0px !important;
	padding: 5px 10px !important; 
	background-color: #417ea3 !important; outline: none !important; box-shadow: none !important ;}

.contractPublishloader{
	background: rgba(255,255,255,0.7);
    position: absolute;
    z-index: 333;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.e-pdfviewer-icon{    font-family: 'ej-webfont' !important;}
.pdfViewerModalFooter {
	padding: 5px;
}
.ViewerModalFooter {
	padding: 24px;
}
.supportUserwidth{
	width: 10% !important;
}

.customNewGrid{width:100%; margin:0px; padding:0px;}
.customNewGrid tr th{ border-bottom:2px solid #337ab7; font-weight: 300; padding:4px 10px 2px 10px; font-size: 13px; color:#337ab7;}
.customNewGrid tr td{    padding: 7px 10px; border-bottom:1px solid #eee;
    font-size: 13px;}
.customNewGrid tr:nth-child(even) td{ background: #f1f1f1;}
.customNewGrid tr:hover td{     background: #c4dfee !important;}
.addPridomian{position: relative; top:-5px;}
.kpmDomainEmailList li.overflowinhirit{overflow: inherit;}
.customNewGrid tr.selectedMortrow td{background: #c4dfee !important;}

.kpmDomainEmailList li h5 span.no-border-bottom{border-bottom:0px !important; font-size: 13px;}
.templateSelecBoxDesign{border: 1px solid #ddd; margin-left:6px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(84,84,84,0.2);
	margin-top: 10px; padding-bottom:0px;}
	.tem-flex{display: flex;}
	.tem-box-footer{width:100%;}
	.templateBoxTemplateImg{height: 140px; border:1px solid #ddd; overflow: hidden;}
	.templateBoxTemplateImg img{width: 100%;}
	.temNameTxstyle{ font-size: 17px;
		text-align: center;
		margin-bottom: 10px;
		padding: 6px 0px 3px 0px !important;
		margin: 0px;     color: #337ab7 !important;}
.tem-box-footerBg{    border-top: 1px solid #f1f1f1;
    background: #f1f1f1;
    /* float: left; */
    /* width: 100%; */
    overflow: hidden;
    margin: 0px -10px;
    padding: 6px 10px 5px 10px;}
.viewTemplateLink{    margin-top: 2px;}
.selectedBtnStyle{padding: 2px 10px 3px 10px;
	font-size: 13px; outline: none;}
	
	/* The container */
.custCheckBoxNew {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .custCheckBoxNew input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .custCheckBoxNew:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .custCheckBoxNew input:checked ~ .checkmark {
	background-color: #337ab7 ;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .custCheckBoxNew input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .custCheckBoxNew .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .temNameTxDescription{    font-size: 13px;
    min-height: 55px;
	color: #888;}
	.informationText{ font-size: 11px;
		color: #ff9a03;
		padding: 8px 15px;
		border: 1px solid #ddd;
		background: #fff;
		margin: 10px 0px;
		box-shadow: 0px 0px 6px #eee;
		line-height: 17px;}
		.loogkupDemoData tr td{padding:5px 10px; font-size: 12px; padding-right:20px;}
		.informationTextInfo{     font-size: 12px;
			color: #ff9a03;
			padding: 8px 15px;
			border: 1px solid #eee;
			background: #fff;
			margin: 10px 0px;
			line-height: 17px;
			background: #fff;
			box-shadow: 0px 0px 6px #eee;}


			/* Steipe form */
			  
.example.example2 {
	background-color: #fff;
  }
  
  .example.example2 * {
	font-family: Source Code Pro, Consolas, Menlo, monospace;
	font-size: 16px;
	font-weight: 500;
  }
  
  .example.example2 .row {
	display: -ms-flexbox;
	display: flex;
	margin: 0 5px 10px;
  }
  
  .example.example2 .field {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 10px;
  }
  
  .example.example2 .field.half-width {
	width: 50%;
  }
  
  .example.example2 .field.quarter-width {
	width: calc(25% - 10px);
  }
  
  .example.example2 .baseline {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #cfd7df;
	transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .example.example2 label {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 8px;
	color: #cfd7df;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transform-origin: 0 50%;
	cursor: text;
	pointer-events: none;
	transition-property: color, transform;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .example.example2 .input {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding-bottom: 7px;
	color: #32325d;
	background-color: transparent;
  }
  
  .example.example2 .input::-webkit-input-placeholder {
	color: #9bacc8;
  }
  
  .example.example2 .input::-moz-placeholder {
	color: #9bacc8;
  }
  
  .example.example2 .input:-ms-input-placeholder {
	color: #9bacc8;
  }
  
  .example.example2 .input.StripeElement {
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: opacity;
  }
  
  .example.example2 .input.focused,
  .example.example2 .input:not(.empty) {
	opacity: 1;
  }
  
  .example.example2 .input.focused::-webkit-input-placeholder,
  .example.example2 .input:not(.empty)::-webkit-input-placeholder {
	color: #cfd7df;
  }
  
  .example.example2 .input.focused::-moz-placeholder,
  .example.example2 .input:not(.empty)::-moz-placeholder {
	color: #cfd7df;
  }
  
  .example.example2 .input.focused:-ms-input-placeholder,
  .example.example2 .input:not(.empty):-ms-input-placeholder {
	color: #cfd7df;
  }
  
  .example.example2 .input.focused + label,
  .example.example2 .input:not(.empty) + label {
	color: #aab7c4;
	transform: scale(0.85) translateY(-25px);
	cursor: default;
  }
  
  .example.example2 .input.focused + label {
	color: #336685;
  }
  
  .example.example2 .input.invalid + label {
	color: #ffa27b;
  }
  
  .example.example2 .input.focused + label + .baseline {
	background-color: #336685;
  }
  
  .example.example2 .input.focused.invalid + label + .baseline {
	background-color: #e25950;
  }
  
  .example.example2 input, .example.example2 button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-style: none;
  }
  
  .example.example2 input:-webkit-autofill {
	-webkit-text-fill-color: #e39f48;
	transition: background-color 100000000s;
	-webkit-animation: 1ms void-animation-out;
  }
  
  .example.example2 .StripeElement--webkit-autofill {
	background: transparent !important;
  }
  
  .example.example2 input, .example.example2 button {
	-webkit-animation: 1ms void-animation-out;
  }
  
  .example.example2 button {
	display: block;
	width: calc(100% - 30px);
	height: 40px;
	margin: 40px 15px 0;
	background-color: #336685;
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
  }
  
  .example.example2 .error svg {
	margin-top: 0 !important;
  }
  
  .example.example2 .error svg .base {
	fill: #e25950;
  }
  
  .example.example2 .error svg .glyph {
	fill: #fff;
  }
  
  .example.example2 .error .message {
	color: #e25950;
  }
  
  .example.example2 .success .icon .border {
	stroke: #abe9d2;
  }
  
  .example.example2 .success .icon .checkmark {
	stroke: #336685;
  }
  
  .example.example2 .success .title {
	color: #32325d;
	font-size: 16px !important;
  }
  
  .example.example2 .success .message {
	color: #8898aa;
	font-size: 13px !important;
  }
  
  .example.example2 .success .reset path {
	fill: #336685;
  }

  .login-background {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(142,245,205,0), rgba(67,175,133,0.7));
}

.login-header {
    background: #fff;
    padding: 5px 20px 8px 20px;
    border-bottom: 3px solid #f1f1f1;
}

.loginMainContain {
    margin: 0px auto;
    padding: 10px 20px 10px 20px;
}

.loginContainWidth {
	width: 430px;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px #ccc;
	margin-top: 38px;
	min-height: 300px;
}

.login-right-text h2 {
    font-size: 37px;
    margin: 0px 0px 26px 0px;
}

.login-right-text h4 {
    font-size: 22px;
    margin: 0px 0px 26px 0px;
}
.singInyourAccount {
    font-size: 18px;
    font-weight: 500;
    color: #031b4e;
   margin:0px;
}  

.logincheckboxContainer{overflow: hidden;
    margin-left: -8px;
    margin-right: -8px;
    padding: 21px 0px 0px 0px;}
	.logincheckboxContainer  .radio-primary{padding-left:0px; padding-right:17px !important;}

	.login-right-text {
		padding-top: 70px;
	}
	.rowTopBottompadding{padding-top:10px; padding-bottom: 10px;}
	.addEditPhoneNoCustWidth{margin:0px 5px;}
	.addEditPhoneNoCustWidth .intl-tel-input{width: 100%;}

	.EnquireToday {
		border: 2px solid #43af85;
		color: #000;
		display: inline-block;
		padding: 6px 20px;
		font-size: 23px;
	}

	.EnquireToday:hover {
		color: #fff;
		background: #8bcdb3 !important;
	}

	.passwordformWrapper .label-help{ margin-bottom: 7px !important}
	.checkbox input[type="checkbox"]{outline: none !important; box-shadow: none; border:0px;}
	.contanueBtnStyle{    margin: 0px;
		padding: 5px 10px;
		font-size: 13px;
		border-radius: 4px;
		color: #fff;
		background: #43af85;
		border: 1px solid #57ac8a;
		min-width: 97px; min-width: 140px;}

		.resendBtnStyle{   margin: 0px;
			padding: 5px 10px;
			font-size: 13px;
			border-radius: 4px;
			color: #fff;
			background: #da8e48;
			border: 1px solid #da8e48;
			min-width: 140px;}
			.logoutWrapperStyle{position: fixed;
				top: 50%;
				left: 50%;
				margin-top: -50px;
				width: 400px;
				font-size: 21px;
				text-align: center;
				margin-left: -200px;
				margin-top: -70px;
				background: #fff;
				color: #43af85;
				padding: 20px;
				border-radius: 5px;}
				.loginAlgainFontTx{ font-size: 13px;
					/* border: 1px solid #337ab7; */
					color: #337ab7!important;
					/* padding: 3px 4px; */
					text-decoration: underline;}
					
	.custom-picker-selector .dropdown-menu{
		left:auto !important;
		right: 6px !important;
	}			
						@media (min-width: 1200px){
							.loginMainContain{background: none;}

						}
					@media (max-width: 1200px){
						.loginMainContain{ background-size: cover; background: url(../images/login-page-cover.jpg) 0 0 no-repeat;
							background-attachment: scroll;
							background-position: center;
							background-size: cover; min-height: calc(100vh - 133px); }
						.loginBg{ background: none !important;}
						.login-footer-msg{position: relative; background: none !important; color: #000;}
						.login-background {
					width: 100%;
						height: 100%;
						background-image:none; 
							margin-top: 27px;
						}
						
			
						.loginContainWidth{width: 100%;}
						.profile-background-style{width: 100%;}
						
						}

						@media (max-width: 992px){
							.login-right-text {
								padding-top: 70px;
								color: #fff;
							}
						/* 	.EnquireToday{border: 1px solid #fff !important; color: #fff !important;} */

						}
			


					@media (max-width: 1600px){
						.colsm4{width: 23%;}
						.colsm8{width: 73%;}

						.marketing-right-wrapper .custom-plan-wrapper .plan-offer {
							
							padding: 0px 9px !important;
						}
					
					
					
					}	
					
					@media (max-width: 1024px){

						.singInyourAccount {
							font-size: 16px;}
							.login-right-text h2 {
								font-size: 25px; 	color: #000 !important; }
								.login-right-text h4 {
									font-size: 16px; 	color: #000 !important;}

									.EnquireToday {
										border: 2px solid #000;
										color: #000 !important;
										display: inline-block;
										padding: 6px 20px;
										font-size: 15px;
									}
									.loginContainWidth{    min-height: 247px;}

					}
					@media (max-width: 768px){
						.radiobtn-wrapper-leftmp{    margin-left: 100px !important;}


					}

					@media (max-width: 765px){
.EnquireToday {
    border: 2px solid #fff;
    color: #fff !important;
    display: inline-block;
    padding: 6px 20px;
    font-size: 15px;
}
.login-right-text h2 {
	font-size: 25px; 	color: #fff !important; }
	.login-right-text h4 {
		font-size: 16px; 	color: #fff !important;}
}

@media (max-width: 555px){
	.loginMainContain {							
		margin: 0px auto;
		padding: 10px 0px 10px 0px;
	}
	.login-right-text h2 {
		font-size: 25px;
	}
	.login-right-text h4 {
		font-size: 18px;
		margin: 0px 0px 26px 0px;
	}
	.logincheckboxContainer{ font-size: 12px;}
	.radiobtn-wrapper-leftmp{margin-left: 95px !important;}
}

.noBorderSelect .selectize-input{
	border: none;
	border-bottom: 1px solid #eee;
	border-radius: 0px;
}

.noBorderSelect .selectize-input .selectize-focus{
	border-color: #fff !important;
}

@media (max-width: 1365px){
	.markLeftLeftBox{display: none;}
	.markLeftSideBar-open .markLeftLeftBox{     display: block;
		left: 31px;
		top: 45px;
		position: absolute;
		width: 300px;
		height: 100%;
		z-index: 4; background: #fff;
		
		box-shadow: 3px 0px 10px rgb(84 84 84 / 30%);
	
	
	}
	.marketing-right-wrapper{width: 100%;}
.faBarToggle{	position: absolute;
    top: 3px;
    z-index: 33;
	left: 34px; display: block !important;
	color: #337ab7; border:1px solid  #337ab7; background: #fff;

}
.contaned_textarea_div {
    width: 100% !important;
}
.marketing-right-wrapper .e-rte.e-rte-wrapper {
    width: 440px !important;
}
.containerWidthfieldbox{    width: 441px !important;}

/* .marketing-right-wrapper .choose-plan-wrapper {
  
    min-width: 172px;
} */

.marketing-right-wrapper .custom-plan-wrapper .plan-offer {
    height: 25px;
	font-size: 11px;}
	.marketing-right-Contain .fieldSection .col-sm-3{ width: 50% !important;}


}

@media (max-width: 1024px){

	.marketing-right-wrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match-item span {
		font-size: 12px;
		max-width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
	}
	.custom-case-tab-links a {
		font-size: 12px;
	}
	.custom-search #demo-2 input[type=search] {
		width: 63px !important;
	
	}

}
.faBarToggle{display: none;}

.galleryImgMarketing.notSelectedImage img{opacity: 0.2 ;}
.overlapTRnsBg{position: absolute; width: 100%; height: 100%; left:0px; top:0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aaaaaa+1,000000+37,000000+43&0+1,0.34+68;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(170,170,170,0) 1%, rgba(0,0,0,0.18) 37%, rgba(0,0,0,0.21) 43%, rgba(0,0,0,0.34) 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(170,170,170,0) 1%,rgba(0,0,0,0.18) 37%,rgba(0,0,0,0.21) 43%,rgba(0,0,0,0.34) 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(170,170,170,0) 1%,rgba(0,0,0,0.18) 37%,rgba(0,0,0,0.21) 43%,rgba(0,0,0,0.34) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaaaaa', endColorstr='#57000000',GradientType=0 ); /* IE6-9 */
	;}

	.galleryImgMarketing.notSelectedImage .marketingUiCheckBox.checkbox label::before{ opacity: 0.9;}
	.pswTopFieldTx{top:162px;}

	@media (min-width: 1800px){
	.propertyEllipsisList .ellipsis-panel ul {
		max-height: 389px;
	}
	.widthdropCol9widthlg{width: 80% !important;}
	.widthdropCol4widthlg{width:15% !important;} 
	.docuemnt-upload-wrapperheihgtlg{ height: calc(100vh - 200px) !important; }
	.doclistContainMidMaxHeihgt{min-height: 200px; max-height: calc(100vh - 340px) !important; min-height: calc(100vh - 340px) !important;}
	.galleryImgMarketinginPop{width: 169px;}

}
@media (max-width: 1600px)
{
	.doclistContainMidMaxHeihgt {
		min-height: 200px;
		max-height: calc(100vh - 320px) !important;
		min-height: calc(100vh - 320px) !important;
	}
}
	.docuemnt-upload-wrapperheihgtlg{ height: calc(100vh - 200px) !important; }
	.doclistContainMidMaxHeihgt {
		min-height: 200px;
		max-height: calc(100vh - 320px) !important;
		min-height: calc(100vh - 320px) !important;
	}
.documentListTitlendSubTitle h3{margin:0px 0px 3px 0px !important; padding:0px !important; border:0px !important; font-size: 14px !important;}
.documentListTitlendSubTitle h4{margin:0px !important; padding:0px !important; border:0px; }
.docIconWidgetWidth{ 
    width: 43px !important;
}

.select-icon-tickDoc {
    margin-top: 4px;
}

.buttonToggleStyleX{    margin: 0px !important;
    padding: 0px !important;
    width: auto !important;
    min-width: inherit !important;
    height: auto !important;
    line-height: 10px !important;
    min-height: inherit;
    margin-left: 8px !important;     font-size: 20px;}
	.margin-bottom-none-row{margin-bottom:0px !important; }
	.allDocListToggleIcon{border-bottom: 1px solid #ddd !important;     padding-bottom: 10px;}
	.docUplodTxCenter{
		float: left;
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.selectfromBorder{border-right: 1px solid #ddd;
		padding: 0px 15px 0px 0px;
		margin-right: 10px; line-height: 15px; line-height: 20px !important;}
		.drop-menu-wrapperTopMargin{margin-top:10px !important;}
		.uploadCaseDocbgStyle{ background: #f7f7f7 !important;
			border: 1px dashed #666 !important;
			border-radius: 14px;}

			.uploadCaseDocbgStyle .la-cloud-upload{color: #337ab7  !important; font-size: 43px;}
			.doclistContainMidMaxHeihgt{position: relative;}
			.marketingDetailsGridFixedHeader{
				text-align: left;
				position: relative;
				border-collapse: collapse; 
			}


			.marketingDetailsGridFixedHeader tr	th {
				background: white;
				position: sticky;
				top: 0; /* Don't forget this, required for the stickiness */
				box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
			  }
			  .doclistContainMidMaxHeihgt{position: relative;}


			.doclistContainMidMaxHeihgt  .file-more-link:hover .file-hover-info {
				width: 329px;
				border: 1px solid #ccc;
				display: block;
				z-index: 444;
				position: absolute !important;
				bottom: 14px;
				background: #fff;
				top: inherit;
			}


			.doclistContainMidMaxHeihgt .marketingDetailsGridFixedHeader tr:nth-child(1)  .file-more-link:hover .file-hover-info {
				width: 329px;
				border: 1px solid #ccc;
				display: block;
				z-index: 444;
				position: absolute !important;
				bottom: inherit;
				background: #fff;
				top: 20px;
			}
			.doclistContainMidMaxHeihgt .marketingDetailsGridFixedHeader tr:nth-child(2)  .file-more-link:hover .file-hover-info {
				width: 329px;
				border: 1px solid #ccc;
				display: block;
				z-index: 444;
				position: absolute !important;
				bottom: inherit;
				background: #fff;
				top: 20px;
			}
.cancelledApproval{color: #888 !important;}
.rotateContainBox{
	/*-webkit-transform: rotate(
	52deg
	);
	-moz-transform: rotate(52deg);
	width: 100px;
	position: absolute;
	right: -40px;
	top: 40px;
	padding: 4px 6px;
	width: 160px;
	background: #337ab7;
	text-align: center;
	color: #fff;*/

	--f: 7px; /* control the folded part*/
	--r: 15px; /* control the ribbon shape */
	--t: 28px; /* the top offset */
	
	position: absolute;
	inset: var(--t) calc(-1*var(--f)) auto auto;
	padding: 0 10px var(--f) calc(10px + var(--r));
	clip-path: 
	  polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
		calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
		var(--r) calc(50% - var(--f)/2));
	background: #337ab7;
	color: #fff;
	box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
 }
 

 .approvalData .approvalDataActions {
	 display: none;
 }

 .approvalData:hover .approvalDataActions {
	display: inline-block;
}


#center-text {          
	display: flex;
	flex: 1;
	flex-direction:column; 
	justify-content: center;
	align-items: center;  
	height:100%;
	
  }
  #chat-circle {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: #5A5EB9;
	width: 80px;
	height: 80px;  
	border-radius: 50%;
	color: white;
	padding: 28px;
	cursor: pointer;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  
  .btn#my-btn {
	   background: white;
	  padding-top: 13px;
	  padding-bottom: 12px;
	  border-radius: 45px;
	  padding-right: 40px;
	  padding-left: 40px;
	  color: #5865C3;
  }
  #chat-overlay {
	  background: rgba(255,255,255,0.1);
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border-radius: 50%;
	  display: none;
  }
  
  
  .chat-box {
	display:none;
	background: #fafafa;
/* 	position:absolute; */
	right:30px;
	bottom:0px;     margin-top: 55px; 
/* 	width:100%; */
/* 	max-width: 85vw; */
	
	border-radius:5px;  
  /*   box-shadow: 0px 5px 35px 9px #464a92; */
/* 	box-shadow: 0px 5px 35px 9px #ccc; */
    margin-left: -19px;
    margin-right: -46px; 
  }
  .chat-box-toggle {
	float:right;
	margin-right:0px;
	cursor:pointer; margin-top:2px;
  }
  .chat-box-header {
	background: #fafafa;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: white;
    text-align: left;
    font-size: 15px;
    padding: 2px 10px;
    border-top: 1px solid #d1cece;
    border-bottom: 1px solid #d1cece;
    padding-bottom: 0px !important;
    padding-top: 6px;
	float: left;
 /*    overflow: hidden; */
    width: 100%;
	position: relative;
    z-index: 3;
  }
  .chat-box-body {
	position: relative;  
/* 	height:370px;  
	height:auto; */
/* 	border:1px solid #ccc;   */
/* 	overflow: hidden; */
  }
  .chat-box-body:after {
/* 	content: "";
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
	opacity: 0.1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute; 
	/* z-index: 1;  */  
  }
  #chat-input {
	background: #fff;
    width: 100%;
    position: relative;
    height: 47px;
    padding-top: 10px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: none;
    resize: none;
    outline: none;
    border: 0px;
    color: #888;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    border-radius: 0px;
    border: 1px solid #eee!important;
  }
  .chat-input > form {
	  margin-bottom: 0;
  }
  #chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ccc;
  }
  #chat-input::-moz-placeholder { /* Firefox 19+ */
	color: #ccc;
  }
  #chat-input:-ms-input-placeholder { /* IE 10+ */
	color: #ccc;
  }
  #chat-input:-moz-placeholder { /* Firefox 18- */
	color: #ccc;
  }
  .chat-submit {  
	position: absolute;
	bottom: 37px;
    right: 10px;
    background: #eee;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    color: #50ab7c;
    width: 35px;
    height: 35px;
    font-size: 25px;
    line-height: 14px;
  }
/*   .chat-submit  i{    transform: rotate(
	41deg
	);} */
  .chat-logs {
	padding: 10px 10px;
    height: calc(100vh - 416px);
    overflow-y: scroll;
  }
  
  .chat-logs::-webkit-scrollbar-track
  {
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	  background-color: #F5F5F5;
  }
  
  .chat-logs::-webkit-scrollbar
  {
	  width: 5px;  
	  background-color: #F5F5F5;
  }
  
  .chat-logs::-webkit-scrollbar-thumb
  {
	  background-color: #5A5EB9;
  }
  
  
  
  @media only screen and (max-width: 500px) {
	 .chat-logs {
		  height:40vh;
	  }
  }
  
  .chat-msg.user > .msg-avatar img {
	width:45px;
	height:45px;
	border-radius:50%;
	float:left;

  }
  .chat-msg.self > .msg-avatar img {
	width:45px;
	height:45px;
	border-radius:50%;
	float:right;

  }
  .cm-msg-text {
	background:#f8f8f8;
	padding:10px 26px 10px 15px;  
	color:#666;
	max-width:90%; min-height:25px;
	float:left;
	margin-left:10px; 
	position:relative;
	margin-bottom:20px;
	border-radius:0px;
	border:1px solid #eeeeee;
	min-width: 50%;
  }
  .chat-msg {
	clear:both;    
  }
  .chat-msg.self > .cm-msg-text {  
	float: right;
    margin-right: 10px;
    background: #dff0e7;
    color: #404040;
    border: 1px solid #e4eae7;
    width: 88%;
    border-radius: 7px 0px 0px 7px;
  }
  .msg-avatar{display: none;}
  .cm-msg-button>ul>li {
	list-style:none;
	float:left;
	width:50%;
  }
  .cm-msg-button {
	  clear: both;
	  margin-bottom: 70px;
  }

  .toggleBtnStyle, .toggleBtnStyle:hover{margin: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    color: #23527c !important;
    border: 0px !important;
    padding: 0px !important;
    background: none !important;
    float: left;}
	.mailInboxLeft.colmd1 .email-box-menu .toggleMenuHide{ display: none;}
	.col-md-2.mailInboxLeft.col-md-1{    width: 5%;}
	.cm-msg-text{position: relative;}
	.chartfaellipsisv{        position: absolute;
		right: 10px;
		top: 1px;}

		.chat-msg.user .chartfaellipsisv ul {position: absolute;
			right: -150px; z-index: 4;}
		.chartfaellipsisv ul{top: 0px;
			margin: 0px;
			padding: 0px;
			list-style: none;
			background: #fff;
			width:148px;
			position: absolute; z-index: 3;
			right: 29px;
			border: 1px solid #eee; color: #777;
			box-shadow: 0px 0px 10px #eee;}
			.chartfaellipsisv ul li{padding:5px 10px; cursor: pointer;}
			.chartfaellipsisv ul li:hover{background: #f1f1f1;}

			.mailbox-messages table tr .input-email-icon {
				display: none;
			}

			.toggleview6 .mailbox-messages table tr:hover .input-email-icon {
				display: none;
				height: 18px;
			}
			.faellipsisvRow{display: none;}
			.toggleview6 .mailbox-messages table tr:hover .faellipsisvRow{display: block;}

			.toggleview6 .mailbox-messages table tr:hover .mailbox-dateWrapperBox:hover .ellipesListv{display: block;}
			.mailbox-dateWrapperBox{position: relative;}
			.toggleview6 .ellipesListv {    	position: absolute;
				width: 199px;
				right: 14px;
				background: #fff;
				z-index: 3;
				/* top: 50%; */
				top: -3px;
			
			}
			.toggleview6 .mailbox-messages table tr td.mailbox-date{ position: relative;}
				.toggleview6 .ellipesListv li{background: #fff; /* width: 100%; */ float:left; margin:0px !important; border:0px solid #cc0000; padding-right: 10px;}
				.chat-box-toggle i {font-size: 22px; color: #666;
				
				}
.toggleview6 .table-responsive{    overflow-y: auto;
    max-height: calc(100vh - 311px);}
	.msgdateGroup{text-align: center; width: 100%; overflow: hidden;}
	.msgdateGroup span{     background: #337ab7;
		padding: 1px 5px;
		display: inline-block;
		border-radius: 10px;
		color: #fff;
		font-size: 12px;
		margin: 5px 0px;}

		.toggleview6 .table-responsive::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		   border-radius: 4px;
	   }
	   
	   .toggleview6 .table-responsive::-webkit-scrollbar {
		   width: 4px;
		   background-color: transparent;
	   }
	   
	   .toggleview6 .table-responsive::-webkit-scrollbar-thumb {
		   border-radius: 4px;
		   background-color: transparent;
	   }
	   
	   .toggleview6 .table-responsive::-webkit-scrollbar-thumb {
		   border-radius: 4px;
		   background-color: #cccccc;
	   }
	   

	   .chat-msg.self > .cm-msg-text:before {
		content: "";
		width: 50px;
		height: 16px;
		position: absolute;
		background: url(../images/arr-right.png) right top no-repeat;
		right: -11px;
		top: -1px;
	  }



	  .chat-msg.user > .cm-msg-text:before {
		content: "";
    width: 50px;
    height: 16px;
    position: absolute;
    background: url(../images/arro-left-bg.png) right top no-repeat;
	left: -50px;
    top: -1px;
	  }
	  .chatProfilePic{width: 30px;
		overflow: hidden;
		height: 30px;
		border-radius: 50%;
		display: inline-block;
		float: left;
		overflow: hidden;}
	  .chatProfilePic img{ width: 100%;}
	  .whatsuserTitleStyle{    margin-left: 10px;
		color: #555;
		margin-top: 2px;}
	  .cm-msg-text p{margin-bottom:0px;}
	  .chatfooterInputBox{ border: 1px solid #ddd;
		border-radius: 0px 0px 5px 5px;
		padding: 0px;
		 background: #fff; background: #fff; }
	  .chatfooterInputBox .form-control{    border: 0px !important;
		border-bottom: 0px solid #eee !important;
		height: 65px !important;
		max-height: 65px; cursor: default;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 13px;
		height: auto; width: 90%; }
		.emoji-wysiwyg-editor.parent-has-scroll {
			padding-right: 40px !important;
			height: auto !important;
			margin: 0px !important;
			padding: 0px !important;
		}
		.emoji-picker-container{    position: relative;
			background: #f1f1f1;}

		.chatfooterInputBox .form-control::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		   border-radius: 4px;
	   }
	   
	   .chatfooterInputBox .form-control::-webkit-scrollbar {
		   width: 0px;
		   background-color: #eee;
	   }
	   .chatfooterInputBox .form-control::-webkit-scrollbar {
		width: 4px;
		background-color: #eee;
	}
	   .chatfooterInputBox .form-control::-webkit-scrollbar-thumb {
		   border-radius: 4px;
		   background-color: transparent;
	   }
	   
	   .chatfooterInputBox .form-control::-webkit-scrollbar-thumb {
		   border-radius: 4px;
		   background-color: #cccccc;
	   }



	  .whatsappaction ul{margin:0px; padding:0px; list-style: none; float: left;}
	  .whatsappaction ul li{ float:left; border-left:1px solid #989898; padding:2px 10px}
	  .whatsappaction ul li i{padding:2px 5px; cursor: pointer;  color: #989898; border-radius: 5px;}

	  .whatsappaction ul li i:hover, .whatsappaction ul li i.activeActionBtn{background: #d9d9d9; color:#000;}
	  .whatsappaction ul li:first-child{border-left:0px;}
	  .whatsappaction{background: #fff;
		padding: 5px 0px 6px 0px;
		overflow: hidden;} 
		.whatsanmsg{margin-right:10px;}
		.whatsanmsg i{padding:2px 5px;   cursor: pointer; color: #989898; border-radius: 5px;}
		.whatsanmsg i:hover, .whatsanmsg i.activeActionBtn{background: #50ab7c; color:#fff !important;}
		.chatfooterAction img {    width: 15px;
			margin-left: 4px;}
			.chatfooterAction  i{margin-right:5px;}
			.toggleMsgTitleLeft{    margin-left: 10px !important;}
		.toggleBtnStyle i{
				font-size: 20px;
				margin-top: 2px;
				margin-left: 5px;
			}
			.col-md-2.mailInboxLeft.col-md-1 ~ .col-md-10.toggleView10{width: 95%;}
			.col-md-2.mailInboxLeft.col-md-1 ~ .col-md-6.toggleview6.toggleView10 {
				width:51% !important;
			}
			.msg-box i.fa-whatsapp, .chatfooterAction i.fa-whatsapp{color: #2b804f;}
			.whatsappattach{
				position: absolute;
    left: 179px;
    width: auto;
    top: 77px;
			}
			.chatfooterInputBox{position: relative;}
			.chatfooterAction i{margin-top:2px;}
			.whatsanmsg i.fonticon-chat{
				position: relative;
				top: 1px;
				margin-right: 5px; color: #000!important;
			}
			.chatfooterAction i.fonticon-chat{    color: #000!important;
				position: relative;
				top: 2px;}
				.whatsanmsg i.fonticon-chat:hover, .whatsanmsg i.activeActionBtn{color: #fff !important;}
			.nobodermarginbutton{
				margin:0px;padding:0px;border:0px;background: none;
			}
			.noBorder-conv{
				border: none !important;
			}

			.chartfaellipsisv  .fonticon-more{ font-size: 24px; color: #2b804f; display: none;}
			.cm-msg-text:hover .fonticon-more{display: block;}

			.message-send-loader{
				position: absolute;
				background-color: #FFF;
				padding: 5px;
				right: 5px;
				top: 2px;
				font-size: 20px !important;
			}

			.queuedMessage > .cm-msg-text{
				background-color: #f7f0d9 !important;
			}

			.failedMessage > .cm-msg-text{
				background-color: #fdd8d8 !important;
			}

			.case-chat-box {
				margin-top: 0px !important;
				margin-left: -10px !important;
				margin-right: -10px !important;
			}
			
			.sendoptiongroup .gropTitle{
				border-bottom: 1px dotted #cccccc;
				margin: 0 0 23px 0;
				padding: 0 0 5px 0;
				font-size: 16px !important;
				color: #666 !important;
			}

			.email-box-menu .messageboxLabelText{
				width: 73% !important;
				height: 25px !important;
				border-radius: 10px !important;
				padding-left: 5px !important;
				margin-left: 4px;
			}

			.email-box-menu .mboxLabel{
				/* position: absolute; */
			}

			.email-box-menu .labelIcons{
				float: left !important;
				margin: 5px 0px 0px 5px !important;
			}

			.email-box-menu .messageLavelHideIcons{
				display: none;
				margin-top: 5px !important;
				margin-left: 4px !important;
				float:right;
				position: relative;
				color: #0e6785 !important;
				cursor: pointer;
				bottom: 28px;
				right: 11px;
				margin-right: 4px;
			}

			.mboxLabel:hover .messageLavelHideIcons{
				display: inline-block;
			}
			
			.newMsgWrapper .summernoteStyleHeight h3 {
				font-size: 24px !important;
				font-weight: 500 !important;
    			line-height: 1.1 !important;
    			color: inherit !important;
				margin: 0px !important;
			}

			.customFormGrpWidth{
				width: 96% !important;
			}
			.customFormGrpSmallWidth{
				width: 110% !important;
			}
			.customPhoneBox{
				padding-top: 0px !important;
    			background: none !important;
			}

			.entity-infos{
				display: inline-block;
				font-size: 10px;
				line-height: 14px;
				margin: 12px 10px 14px 0px;
				width: 45%;
			}

			.entity-infos div{
				display: inline-block;
				color: #1e5372;
				text-align: center;
			}

			.entity-infos .count-lsbels{
				display: block;
				font-size: 30px;
				color: #333;
				position: relative;
				top: 3px;
				left: 3px;
			}

			.landlord-primary-details .landlord-custom-edit{
				position: absolute;
				top: 8px;
				right: 8px;
				font-size: 16px;
				color: #9e9999;
				cursor: pointer;
				display: none;
			}

			.landlord-primary-details:hover .landlord-custom-edit{
				display: inline-block;
			}

			.overlayDiv {
				position: absolute;
				left: 0px;
				top: 0px;
				text-align: center;
				background: rgba(0,0,0,0.09);
				width: 100%;
				height: 100%;
				z-index: 2;
				display: inline-flex;
				justify-content: center;
				align-items: center;
			}
			.note-codable{
				display: none;
			}

			.required-border {
				border-color: #a94442 !important;
			}

.sidebar-mini .body-container .contentOnlyWrapper{
	margin-left: 60px !important;
	padding-top: 0px !important;
}

.labelWidthConsolidated{
	width:9.8%
}

.labelDivWidth{
	width:100px !important;
}

.tenancyInfo​Style{margin: 0px; padding:0px; list-style: none; float: left;}
.tenancyInfo​Style li{     float: left;
    margin-right: 10px;
    margin-left: 7px;}
.tenancyInfo​Style li .transInfoLabel{ font-weight: 600; }

.subscribPageleft {
    top: 0;
    margin-top: 0;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 10px #999;
	width: 60px!important;
    position: fixed;
    z-index: 333;
	height: calc(100vh - 0px);
    overflow-y: inherit;
    overflow-x: inherit;
}
.subscribPageleft .side-menu>li:hover>a {
    overflow: visible;
    width: 260px;
}
	
.subscribPageleft ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.subscribPageleft .side-menu>li:hover>a {
    overflow: visible;
    width: 260px;
}
.subscribPageleft .side-menu>li:hover>a {
    overflow: visible;
    width: 260px;
}


.subscribPageleft .side-menu>li:hover>a {
    background-color: #43af85;
    color: #fff;
}
.subscribPageleft .side-menu>li:hover>a {
    background-color: #43af85;
    color: #fff;
}


.subscribPageleft .side-menu>li a:focus, .subscribPageleft .side-menu>li a:hover {
    color: #fff;
    background-color: #43af85;
}

.subscribPageleft ul li a {
    padding: 11px 15px;
}

.subscribPageleft ul li, .subscribPageleft ul li a {
    position: relative;
    display: block;
}
.subscribPageleft ul li a {
    padding: 11px 15px;
}
.subscribPageleft ul li, .subscribPageleft ul li a {
    position: relative;
    display: block;
}

.subscribPageleft .side-menu>li>a>.nav-label {
    display: none;
}
.subscribPageleft .side-menu>li a {
    white-space: nowrap;
    overflow: hidden;
}

.subscribPageleft .side-menu>li:hover>a>.nav-label {
	display: inline-block;
    padding-left: 25px;
}

.subscribPageleft .admin-block {
    padding: 7px 12px;
}
.subscribPageleft .brand-mini{ display: block;}
.subscribPageleft .brand-mini img{ width: 100%;} 
.subscribPageleft .side-menu li a i{
	font-size: 19px;
    margin-left: 3px;
}
.contentOnlyWrapper .content{
    padding: 0px 10px;
    padding-top: 43px;
	
}
.contentOnlyWrapper a {
    color: #43af85;

}
.contentOnlyWrapper .grayunderlinefull{ border-bottom: 0px !important;}
.contentOnlyWrapper  .non-selected-unit{
	margin-bottom: 8px;
}
.contentOnlyWrapper  .non-selected-unit:hover{
	background: #e3f4e6;
    box-shadow: 0 2px 4px #c5dac9;
}
.contentOnlyWrapper .customNewGrid tr:hover td {
    background: #e3f4e6 !important;
}
.contentOnlyWrapper .custom-table-grid.esigtable tr th {
    border-bottom: 2px solid #43af85 !important; color:#43af85 !important;
}

.contentOnlyWrapper .customNewGrid tr th {
    border-bottom: 2px solid #43af85;
    font-weight: 300;
    padding: 4px 10px 2px 10px;
    font-size: 13px;
    color: #43af85;
}

.contentOnlyWrapper .box.box-solid.box-default {
    border: 1px solid #eee;
}

.contentOnlyWrapper .box-header .box-title{ font-size:14px;}
.contentOnlyWrapper .CurrentPrepaid,  .contentOnlyWrapper .creditBalance {
    color: #43af85;
    padding-right: 6px;
}

.contentOnlyWrapper .headerforSub{
	padding: 12px 0px 12px 10px;
    position: fixed;
    width: 100%;
    z-index: 2;
    background: #fff;
    margin: 0px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
}
.closeSubAction{    margin-right: 81px;
    text-decoration: underline !important;
    font-size: 16px;
    position: relative;
    top: -2px;} 
	.contentOnlyWrapper	.envelopeDetailsList li{ background: none; position: relative;}
	.contentOnlyWrapper	.envelopeDetailsList li::before{     content: "";
		width: 7px;
		height: 7px;
		left: 0px;
		top: 6px;
		background: #43af85;
	
		/* display: inline-block; */
		border-radius: 50%;
		position: absolute;  }
		.attachmentMorefile{           
			position: absolute;
			left: 176px;
			top: inherit;
			width: auto !important;
			border: 0px !important;
			min-width: auto !important;
			bottom: -9px !important;}

			.attachmentMorefile span.attachViewIconEmailConv {
				width: 100%  !important;
			}

			.attachViewWrapperFiles .bottomTooltip {
				position: absolute;
				left: 50%;
				top: inherit;
				min-width: 227px;
				bottom: 0px;
			}
.uploadattachwhatsapp{margin:0px; padding:0px; list-style:none;width:100%;}
.uploadattachwhatsapp li{margin:0px !important; padding:3px 10px 3px 10px !important; list-style:none; width:100%; }
.uploadattachwhatsapp li span{ margin:0px !important; padding:0px !important;}
.uploadattachwhatsapp li .fileNameWidthdott{width: 124px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
	.uploadattachwhatsapp li .fileactionliststyle i{ font-size: 15px;
		margin: 0px 0px 0px 5px;
		padding: 0px; opacity: 0.0;}
		.uploadattachwhatsapp li:hover .fileactionliststyle i{ opacity: 0.999;}
		


.labelWidthConsolidated {
    width: 12.7%;
}
.labelWidthConsolidated22{width: 14.9%;}
@media (min-width: 1600px) {
	.labelWidthConsolidated {
		width: 8.7%;
	}
	.labelWidthConsolidated22{width: 11.5%;}
}

.stickyTotal tfoot tr td{
	position: sticky;
	bottom: 0;
	background-color: #FFF;
}

/* .stickyTotal thead tr th{
	position: sticky;
	top: 0;
	background-color: #FFF;
} */

.highlightedMatchedBill {
	border-color: #f1a316 !important;
    box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 169 50 / 60%);
    -webkit-box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 169 50 / 60%);
}

.highlightedMatchedErrBill {
	border-color: #f12a16 !important;
	box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 169 50 / 60%);
	-webkit-box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 109 50 / 60%);
}


.highlightedTotalCol {
	border: 2.18px solid #f1a316 !important;
    box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 169 50 / 60%);
    -webkit-box-shadow: inset 0 4px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(193 169 50 / 60%);
}

.propertyFilterPadding{
	padding-bottom: 23px !important;
}

.topupContaner .icon-edit5 {
    display: inline-block;
}

.topupContaner:hover .icon-edit5 {
    position: absolute;
    display: inline-block !important;
    cursor: pointer;
    top: 11px;
	margin-left: 5px;
} 

.inst-container{
	height:100px; 
	border-bottom: 1px solid #cdcdcd; 
	margin-bottom: 5px;
	padding-top: 15px;
	border-radius:5px;
}
.inst-container:hover{
	background-color: #f3f0f0;
	border:1px solid #ccc;
	cursor:pointer;
}
.clear-search{
	float: right;
    margin: 11px 10px 0px 0px;
    font-size: 17px;
    color: #9b9595;
}
.inst-selected-check{
	position: absolute;
    right: 4px;
    top: 4px;
}

.invoicePropertyDetails li span.invLabelTitle4 {
	min-width: 110px !important;
    max-width: 110px;
    width: inherit !important;
}

.bankwarningMsg {
	color:#e34e49 !important;
}

.ngbgAlias{
	background: none !important;
	padding-left: 10px !important;
}
.hideSendLoader{
	display: none !important;
	background: transparent;
	color:transparent;
}
.mailCalendarBox{
	min-height: 95px;
    background-color: #e2ebeb;
    border: 1px solid #c4c9cb;
    box-shadow: 5px 10px #20215e;
    border-radius: 5px;
    margin: 0px 0px 12px 0px;
    width: 100%;
	padding: 10px;
}

.invitationLabel{
	font-size: 15px;
    font-weight: 600;
    width: 155px;
    display: inline-block;
    /* text-shadow: 2px 2px #cfcccc; */
	vertical-align: top;
}
.invitationLableValue{
	display: inline-block;
}
.invitationLableValue a{
	display: block;
}

.inviteLabel{
	margin-top: 8px;
}

.overduetaskRow td{
	background-color: #f5f293a6 !important;
	color:red !important;
}

.overduetaskRow td a, .overduetaskRow td a:hover{
	color:red !important;
}

.followingOptionsicon{
	font-size: 16px !important; 
	line-height: 10px !important;
	color:#337ab7 !important;
	width: 22px !important;
}

.followerSelector .selectize-input{
	padding:4px 4px !important;
}

.customFollowerRemove{
	display: none !important;
}

.followersContainer:hover .customFollowerRemove{
	display: inline-block !important;
}

.alwaysShow{
	display: block !important;
}

.notificationTitle{
	font-size: 15px; 
	font-style: italic;
	margin-bottom: 15px;
}
.createCaseFollower .ellipsis-panel{
	top: 0px !important;
	left:35% !important;
	right:auto !important;
}
.gridmenuScroll{
	max-height: 320px;
}
.custom-notification-menu-width{
	width:800px !important;
}
.checkTaskAssignee{
	display: inline !important; padding-top: 10px;  line-height: 30px;
}

.checkTaskAssignee label::before{
	margin-top: 4px;
}

.distributionMsg .sent td{
	color: #799d0c !important;
	background-color: #dbf787 !important;
}

.distributionMsg .progress td{
	color: #eb550b !important;
	background-color: #fdd791 !important;
}

.distributionMsg  .pending td{
	color: #ceae02 !important;
	background-color: #ffec87 !important;
}

.distributionMsg  .failed td{
	background-color: #f5f293a6 !important;
    color: red !important;
}

.recipientHistoryTitle{
	font-size: 17px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 25px !important;
    padding-bottom: 5px !important;
}

.distributionexport{
	font-size: 16px !important;
	line-height: 30px !important;
	cursor: pointer;
}

.distributionexport.rightSpace{
	margin-right: 10px;
}
.delay-btn-round-border{
	border: 0px !important;
    border-radius: 30px !important;
    font-size: 12px;
    background: #ebcb55 !important;
    color: #260909 !important;
    box-shadow: none !important;
    line-height: 20px;
    padding: 1px 6px 2px 6px !important;
    margin-right: 6px;
    white-space: nowrap;
}

.sectionHeaderFinancials{
	font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin-top: 6px;
	margin-bottom: 20px;
}

.tenancyFeesContractfessSection .selectize-control > .selectize-dropdown {
    top: auto !important;
	bottom:40px;
}

.invoicePropertyDetails li .statementDetailbox{
	width: 300px;
	margin:10px 0px;
	background: #eefdfb;
    padding: 2px;
    border-radius: 8px;
    border: 1px solid #babcc9;
	padding-left: 4px;
}
.invoicePropertyDetails li .statementDetailbox p{
	margin-bottom: 0px;
}
.invoicePropertyDetails li .statementDetailbox i {
	margin-right: 5px;
    font-size: 15px;
}
.caseItemTolandLoadList .associatedfeeitem span{
	width: 100%;
	float: unset;
}
.caseItemTolandLoadList .associatedfeeitem{
	padding-bottom: 5px;
	border-bottom: 1px solid #cdcdcd;
}

.bottomDropDown .selectize-control > .selectize-dropdown{
	top:auto;
	bottom:35px;
	border-top: 1px solid #d0d0d0;
}

.messageFooterWrapper .categoryLabel{
	margin:0px !important;
	padding: 0px !important;
}

.noteCategorySelector .selectize-input{
	padding: 4px 8px;
}

.summarycheckboxLabel .checkbox span {
	color: rgb(90, 90, 90) !important;
	font-weight: 600;
}

.noteCategorySelector .selectize-control.single > .selectize-input > input {
	min-width: 130px !important;
}

.caseSummary i {
	font-size: 16px !important;
    color: #337ab7 !important;
}

.caseSummary .categoryIcon{
	margin:0px 0px 0px 5px;
}

.caseSummary img{
	vertical-align: top;
    margin-left: 5px;
}
.summarynotesTab{
	border-bottom: none !important;
	min-height: 30vh;
}
.filterSummary .filterCategory{
	right:18rem;
}
.filterSummary .filterCategoryAlt{
	right:31rem;
}

.caseNotesThread{
	margin-bottom: 0px !important;
}
.caseNotesThread .SelectMainteDropStyle{
	max-width: 50% !important;
}

@keyframes botglow {
  0% {
    box-shadow: 0 0 0 0 #1C7D4B;
  }
  
  50% {
    box-shadow: 0 0 30px 0 #1C7D4B;
  }
}

.kpm-bot-btn {
  background: none;
  color: inherit;
  font: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 14px;
}

.bot-btn-glow {
  background: #1C7D4B;
  color: #fff !important;
  padding: 10px 24px;
  box-shadow: 0 0 0 0 #1C7D4B;
  /* animation: botglow 1.4s linear infinite; */
}

.botresponseLoader{
	display: block;
	margin: 0 auto;
	height: 30px;
}

.selectOptionTemplate{
	display: inline-flex; width:70%; justify-content: center;
}
.selectOptionTemplate label{
	font-size: 15px;
	margin-right: 10px;
}

.topSelectorOption .selectize-control > .selectize-dropdown{
	top:auto;
	bottom: 40px;
	border-top: 1px solid #ccc !important;
	border-bottom: 0px;
}

.maxheightRestricted .selectize-dropdown-content{
	max-height: 180px !important;
}
.thumbWrap{
	width: fit-content;
	max-width: 500px;
	position: relative;
	padding: 0 40.5px;
}
.galleryThumbArea{
	display: flex;
	/* max-width: 500px; */
	overflow-x: auto;
    /* justify-content: space-between; */
}
.gthumbs{
	display: inline-block;
	padding-top: 4px;
}
.gthumbs img{
	margin: 5px 2px 1px 2px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	border: 2px solid #ccc;
}

.galleryThumbArea::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
   border-radius: 2px;
}

.galleryThumbArea::-webkit-scrollbar {
   width: 2px;
   height: 4px;
   background-color: transparent;
}

.galleryThumbArea::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: transparent;
}

.galleryThumbArea::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background-color: #1e5372;
}
.thumbGalleryNav{
	height: 100%;
    position: absolute;
    background: #1e5372;
    z-index: 1;
	font-size: 30px;
	color: #f1f1f1;
	width: 35px;
	padding: 10px;
}
.thumbGalleryNav fa{
	line-height: 50px;
	cursor: pointer;
}
.thumbPrev {
    left: 0;
}
.thumbNext {
    right: 0;
}
.threadgallerycontainer{
	position: absolute;
	left: 45px;
	bottom: 0;
}
.threadgallerycontainer .gthumbs{
	padding-top: 0px;
}
.threadgallerycontainer .gthumbs img{
	margin: 2px 2px 1px 2px;
}
.threadgallerycontainer .thumbGalleryNav{
	padding: 0px 10px;
}
.threadgallerycontainer .thumbGalleryNav .fa{
	line-height: 55px;
}
.userSmsProfileArea .infoLeftArrow .mailBodyCollapse {
	height:130px !important;
	overflow: hidden;
}

.userSmsProfileArea .infoLeftArrow .lessContainerLink {
	position: absolute;
	right: 255px;
}
.noteMoreLink{
	bottom: -50px;
}
.infoLeftArrow .gradientText.noteCollapseHeight{
	height: 110px !important;
}

.whatsAppMoreSelecton .mergeImg{
	height: 18px;
    margin-bottom: 6px;
    margin-left: 2px;
}
.w-55{
	width: 59% !important;
	line-height: 18px !important;
}
.bottom-calender .ui-datepicker .dropdown-menu{
	bottom:90px;
}
.txn-collapse-exp{
	font-size: 20px !important;
    font-weight: 800 !important;
	color:#1e5372;
	cursor: pointer;
	margin-right: 10px;
	line-height: 15px !important;
}
.section-expand-link{
	position: absolute;
	right: 15px;
	bottom: 0px;
	text-decoration: underline;
}
.payPlanScheduleInfo{
	color:#7d7d7d;
	font-style: italic;
}
/* .payplanFieldGroup{
	height: 70px;
}
.payplanFieldGroup .dynamicLabel{
	line-height: 18px !important;
} */

.logout-btnGroup .logout-icon{
	background-color: #fff;
	color: #008d4c;
	font-size: 20px;
	padding: 5px;
}
.logout-btnGroup .signout-drop-menu ul{
	list-style: none;
    position: absolute;
    top: 25px;
    right: 8px;
    width: 150px;
    background-color: #f3f3f3;
	padding: 6px;
	border: 1px solid #ccc;
}
.logout-btnGroup .signout-drop-menu {
	display: none;
}
.logout-btnGroup:hover .signout-drop-menu{
	display: block !important;
}
.task-add_note-link{
	position: absolute;
    right: 410px;
    top: 2px;
}
.task-goto-thread-link{
	position: absolute;
    right: 485px;
    top: 2px;
}
.dynamic_location_width{
	width: 12.5% !important;
}
.email-info-box{
    position: absolute;
    min-height: 130px;
    min-width: 500px;
    left: 10px;
    top: 20px;
    border: 1px solid #dfdcdc;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
	font-size: 15px;
	z-index: 2;
}
.email-info-box .info-container{
	display: flex;
	margin-bottom: 7px;
}
.email-info-box .info-label{
	width: 16%;
	color: #aba9a9;
	text-align: right;
	padding-right: 10px;
}
.email-info-box .info{
	width: 84%;
}
.prospect-type-badge{
	/* font-size: 12px;
	padding-top: 7px !important; 
	background-color: #337ab7;
	color:#fff; */
	margin-left: 15.5%;
}
.titleDropdownWrapper .SelectProspDropStyle  .selectize-input{ 
	padding: 5px 5px 5px 10px !important;
	line-height: 14px;
	font-size: 14px;
	border-radius: 18px;
	border: 0px;
	background: #ffd966 !important; 
	color: #000 !important;    
	width: 160px;
}
.unitListInputwidthAlt .close {
    z-index: 2 !important;
}
.fixed-wd-hnum{
	position: relative;
}
.fixed-wd-hnum .input-group{
	width:40% !important;
}
.fixed-wd-hnum .info-label{
	position: absolute;
	left: 41%;
	top: 2px;
}