
body{
	/*max-width:1800px;*/
   margin:0 auto;
   position:relative;
	background-color:#DEE6D5;
	/*font-family: Roboto;*/
	font-family: 'HelveticaNeueRegular';
	/*font-family: Helvetica Neue, Helvetica, Arial;*/
	} 
* {
  box-sizing: border-box;
}
[class*="col-"] {
  width: 100%;
  float:left;
  margin:0;
  padding:2px 0;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
.clear{
	clear:both;
	float:none!important;
}
img{
	max-width:100%;
	height:auto;
   /*content:url("../uploads/default2.png");
   background: url(../uploads/default2.png);*/
}


 iframe {
    width:100%;
    height:425px;
  }


a{
	text-decoration:none;
	color:#DEE6D5;
   cursor:pointer;
}
 
ul{
   padding:0;
	display:inline-table;
}
#pdms_navigation{
   padding-left:5%;
}
li{
	display:table-cell;	
	vertical-align:middle;	
	text-align:center;
	padding:0 5px;
}	
.resetbutton{
    opacity:0.9; 
}
.disabled {
   pointer-events:none; /*This makes it not clickable*/
   opacity:0.6;     
}
input[type=submit]:hover, input[type=reset]:hover{
 /* 	box-shadow: 4px 8px 10px rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(100, 100, 100, 0.55);*/
   font-weight:700;
}/*
input[type=reset]:hover {
background: rgba(24, 147, 78, 0.55);
}*/
/* input[type=radio]{
   width:22px;
   height:22px;
   margin-top:4px;
   margin-bottom:4px;
}
.radioclass{
   font-size:20px; 
   padding-bottom:30px;
} */

/*<!-- ----------------------- COMMON DECELARATION----------------------------------  -->*/
.filterProp, .filterSubject,.filterResult{
	display:inline-block;
}

/*<!-- ----------------------- /COMMON DECELARATION----------------------------------  -->*/
/*<!-- ----------------------- UNIVERSAL CLASSES----------------------------------  -->*/


.formArea input[type=text].hideme {
    display: none;
}
.font15{
   font-size:15px;
}
.font20{
   font-size:20px;
}
.width-90{
   width:90%;
}

.max-width-500{
   max-width:500px;
}
.padding-0{
   padding:0;
}
.padding-left-80{
   padding-left:80px;
}
.dialogue .padding-0{
   padding:0;
}
.margin-10{
   margin-top:10px;
}
.margin-bottom-5{
   margin-bottom:5px;
}
.margin-0{
   margin:0;
}

.dialogue .margin-0{
   margin:0;
}
.disp-tableinline{
	display:inline-table;
}
.disp{
	display: inline-block;
}
.centerText{
	text-align:center;
}
.opaque20{
opacity: 0.2;
}
.visibility-hidden{
	visibility:hidden;
}
.button_utility{
	width:200px;
	height:42px;
	background-color:#4A684E;
	border-radius: 10px;
	font-size:20px;
	color:#D6DCD0;
	margin-top:15px;
	text-align:center;
	display:inline-table;
}
.paging_info{
       background-color: #66b789;
       color: #2b2240;
       font-size: 18px;
       font-style: italic;
       border-radius: 5px;
       width:60%;
       height:auto;
       text-align: center;
}
.button_utility_ht{
   height:auto;
}
.buttonNotactive, .buttonActive{
	width:108px;
	height:22px;
	margin:8px 10px;
	background: #A6AE9D;
	border: 2px solid #646464;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-size:20px;
	color:#D6DCD0;
	text-align:center;
	display:inline-table;
}
.buttonActive{
	background: #2B9A68;
}

.search-pg .buttonActive{
	width:208px;
   height:40px;
}
.menubutton{
	background-color:#2A476F;
	/*width:100px;*/
   width:20%;
   max-width:300px;
	height:32px;
}
.button_utility a:hover:not(.hovernot){
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7);
	border-radius: 10px;
}
.buttonText{
		display:table-cell;
		vertical-align:middle;
}
.heading_lrg, .heading_mid, .heading_sm{
	color:#057040;
	font-weight:bold;
}
.heading_lrg{
	font-size:48px;
}
.heading_mid{
	font-size:32px;
}
.heading_sm{
	font-size:20px;
}
.tagline{
	font-size:14px;
	padding-left:10px;
	text-align:center;
	color:#AA4728;
}
.docListArea .tagline{
	margin-top:8%;
}
.formArea .formRight .file-search .photo-format{
   height:210px;
   width:300px;
   background:transparent;
   border:none;
   padding-top:0;
}
.dialogue .section{
	/*margin-top:2%;*/
}
.dialogue .section .buttonActive, .dialogue .section .buttonNotactive{
	width:200px;
	margin-top:10px;
}
.dialogue .section .buttonActive{
	margin-left:10px;
}
.pageTitle{
width: 100%;
height: 45px;
background: #CEDFBB;
margin-bottom:.7%;
text-align:center;
display:inline-table;
font-size:30px;
color: #002A19;
border: 5px solid #C4C4C4;
}
.pageTitle span{
	font-size:22px;
}
.pageTitle .filters{
	font-size:20px;
   
}
.pageTitle .filters span{
   display: inline-block;
   width:135px;
   text-align:left;
}

.pageTitleText{
	/*font-size: 30px;
	color: #002A19;*/
	display:table-cell;
	vertical-align:middle;
}
.agentinfo{
	background-color:#CEDFBB;
	text-align:center;
	border:5px solid #C4C4C4;
	}
.agentinfo .heading_sm{
	padding:3px 0;
}
.agentinfo img, .formRight img{
		width:140px;
		height:170px;
}
.agentinfo .info{
	font-size:18px;
	color: #051708;
	padding-left:10px;
	text-align:left;
}
.agentinfo .info a{
	color:blue;
}


/*<!-- ----------------------- /UNIVERSAL CLASSES----------------------------------  -->*/

/*<!-- ----------------------- HEADER----------------------------------  -->*/
#pdms_header{
	width:100%;
  	padding:0.2% 0;
	background-color:#C4C4C4;
	margin:5px 0;
}
.pdms_header ul, .pdms_header li{
    padding:0;
}
#pdms_header img 
{
	width:19px;
}
.header_right img{
   margin-top:1px;
}

.header_left ul, .header_right ul{
   padding:0;
   margin:0;
}
.header_left ul{
   padding-top:1px;
}
.header_right_mail, .header_right_ph{
   width:100%;
}
.fa {
  font-size: 20px;
  text-decoration: none;
  margin:0 5px;
}
.fa:hover {
    opacity: 0.7;
}
.fa-facebook, .fa-twitter, .fa-linkedin {
  background: #C4C4C4;
 color:#3B5998;
   vertical-align: middle;
}


 /*<!-- ----------------------- NAVIGATION----------------------------------  -->*/	

#pdms_navigation li{
	vertical-align:top;
}

#logo img{
	max-width:55px;
	max-height:56px;
	margin-bottom:0;
	padding-bottom:0;
}
.menuBar{
	display:none;
   width:100%;
   padding:0;
   background-color:#DEE6D5;
	position:absolute;
   left:0;
   z-index:10;
/*top:78px;*/   
}
.navigationTitle{
   /*width:100%;*/
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(189, 195, 199, 0.8);
	transition: box-shadow .2s;
	/*background: rgba(24, 147, 78, 0.47);
	background: #66b789;*/
   background-color:#DEE6D5; 
}
 .activeMenuBorder{
	/*border-top: 3px solid #FCFCFC;*/
	border-radius:2px;
	/*background: rgba(24, 147, 78, 0.10);*/
	/* background: #66b789; */
	 /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); */ 
}
.menuBar  .activeMenuBorder{
   background: #7dcc9f;
}
.menuBar li{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); 
}
.menuArrow:after{
   display:none;
	content: "";
  	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #4985BD;
	position: relative;
   left:15px;
   top:0;
 }
.menuBar a{
	text-decoration:none;
	color:#222222;
}
.navigationTitle:hover:not(.activeMenuBorder){
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	 transition: box-shadow .2s;
}
.dropmenu_content {
	display:none;
   position: relative;
   top:10px;
   /*background-color: #294C7D;*/
   background-color:#CEDFBB;
	border: 1px solid #C4C4C4;
   color:white;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:2;
 }

.dropmenu_content a {
    color:#002A19;
    padding: 12px 16px;
    padding-left:60%;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom:1px solid rgba(196,196,196,0.5);
}
.dropmenu_content a:hover{
	 background-color:#658DC5;
	 transition: background .2s;
}
.menuArrow:hover .dropmenu_content{
	display: block;
}


/* -------------------*/

.menu-icon-base{
	width: 40px;
	height: 18px;
	background: transparent;
	position:absolute;
	right:10px;
/*	top:12%;*/
 /*   top:4%; */
}
 .menu-icon {
	display:block;
	width: 40px;
	height: 5px;
	background: grey;
	border-radius:6px;
	margin-top:2px;
}
.close{
   display:none;
   position:absolute;
	right:0;
	top:8%;
}
.menu-icon-base:hover {
	 box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.5);
}
#navigation:hover .navigationTitle{
	
 }
 /*#navigation:hover .menuBar {
		display:block;
	} 
#navigation:hover li{
	display:block;
} */ 
 /*<!-- ----------------------- /NAVIGATION----------------------------------  -->*/
 /*<!-- ----------------------- SIGN IN FORM----------------------------------  -->*/

.dialogue{
	margin-top:2%;
}
.dialogue .dialogue-logo{
	text-align:center;
	margin-top:10%;
	padding-left:2%;
}
.dialogue .dialogue-logo img{
	width:249px;
}
.dialogue .msg{
	margin-top:10%;
	text-align:center;
}
.dialogue .msg .button_utility{
	width:300px;
	height:50px;
	margin-top:80px;
}
.dialogue .sign-in{
	padding-left:10%;
	padding-top:3%;
}
.signin_form .particular, .signin_form input[type=text], .signin_form input[type=password]{
	color:#057040;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
.signin_form input[type=text], .signin_form input[type=password]{
	width:70%;
   min-width:240px;
   max-width:450px;
	height:44px;
	background-color:#D6DCD0;
	border:solid 2px #00673E;
	border-radius: 5px;
	margin-bottom:10px;
	font-size:16px;
	padding-left:20px;
}
.signin_form input[type=submit], .signin_form input[type=reset]{
	/*width:30%;
   font-size:32px;*/
   width:30%;
   min-width:110px;
   max-width:200px;
   font-size:1.5em;
	height:auto;
	margin-top:25px;
	background-color:#2B9A68;
	border:solid 2px #646464;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	color:#D6DCD0;
	text-align:center;
	display:inline-table;
}
.signin_form input[type=reset]{
	background-color:#A6AE9D;
	margin-left:10px;
}
/*<!-- ----------------------- /SIGN IN FORM----------------------------------  -->*/
/*----------------ADMIN DASHBOARD ------------*/
.adminDashboard_mainLeft{
	/*margin-left:1%;*/
	/*max-width:12%;*/
	background-color:#CEDFBB;
	border: 5px solid #C4C4C4;
	text-align:center;
	padding:42px 10px;
	/* outline: #CEDFBB solid 5px;*/
}
.adminDashboard-propArea{
	background-color: #CEDFBB;
	border: 5px solid #C4C4C4;
	text-align:center;
}

.disp-tableinline .adminDashboard-propArea	{
	display:inline-table;
}
.adminDashboard-propArea .propColOne, .adminDashboard-propArea .propColTwo{
	text-align:left;
   /*margin:0 auto;*/
   margin:5px;
}
.property{
	/*width:378px;
	 width:325px;*/
	min-width:340px;
	max-width:415px;
	height:128px;
	border: solid 1px #000000;
	margin:5px 15px; /*margin:5px auto;*/
   vertical-align: middle;
   display: table-cell;
}
.property_image{
	width:95px;
	height:105px;
	float:left;
	margin:2px;
   margin-left: 5px;
   margin-top:5px;
	border: 1px solid #000000;
	box-sizing: border-box;
}
.propertyDetail{
	float:left;
	width: 70%;
   height:118px;
}
.propertyDetail2{
   float:left;
   height: 96px;
   width: 264px;
}
.propertyDetailAddress{
	font-size:12px;
	
	width: 200px;
    height: 95px;
}
.propertyDetailAddressLink{	
	font-size:12px;
	color:#2723E6;
	text-decoration:underline;
}
.nolink{
  color:black; 
  text-decoration:none;
}
/* .searchedPropArea .propertyDetailAddressLink,*/ /*.section .propertyDetailAddressLink{
	color:black;
}*/
.propboxdocinfo{
   text-align:center;
   width: 50px;
    height:auto;
}
.defaultdocstatus, .incomplete-sm, .complete-sm{
	height:22px;
	width:22px;
   font-size: 0;
	border-radius:35%;
	content: "";
   display: inline-block;
	/* margin-top:30px;  changed by Atul 8May*/
   margin-top:2px;
	/*margin-right:10px;*/
	margin-left:5%;
	background: #747672;
}

.incomplete-sm{
	background: #CE2828;
}
.complete-sm{
	background: #65BD4F;
}
/*.incomplete-sm-bg{
	background: #CEDFBB;
}
.complete-sm-bg{
	background: #CEDFBB;
}*/

/*----------------/ADMIN DASHBOARD ------------*/
/*----------------PAGING ------------*/
.count-paging-area{
	width:100%;
	text-align:center;
	margin-top:30px;
}
.count-paging-area .button_utility{
	margin-top:-20px;
}
.paging{
	text-align:center;
	margin-bottom:5px;
	
}

.paging ul li a {
   display:inline-table;
	margin-left:.5%;
	width: 60px;
	height:auto;
	text-decoration:none;
	background: rgba(24, 147, 78, 0.47);
	color:#2D2B2B;
	border-radius:20%;
	font-size:20px;
	text-align:center;
	transition: box-shadow .4s;
}
a.buttonPagingInactive{
	background: rgba(106, 131, 117, 0.47);
}
a.buttonPagingActive{
	background: #057040;
	margin-left:.5%;
}
.paging a:hover:not(.hovernot) {
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.property a:hover:not(.hovernot) {
	text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}
/*----------------/PAGING ------------*/
/*---------------- ADMIN PROFILE, ADD AGENT, DELETE AGENT------------*/
.formArea{
	background: #CEDFBB;
	/*width: 97%;margin-left:1.5%;*/ 
	padding-left:10px;
   padding-right:10px;
	padding-top:14px;
	height:auto;
   width:100%;
}
.formLeft .formRight{
	width:100%;
	text-align:left;
}
.buttonarea{
	width:30%;
	text-align:center;
	margin-left:20px;
}
.formArea .buttonarea input[type=submit], .formArea .buttonarea input[type=reset]
{
	/*margin-left:20px;*/
}
.formLabel{
	padding-bottom: 12px;
   	/*width:130px;width:22%;*/
	width:35%;
	font-size: 20px;
	color: #002A19;
	display:inline-table;
}
.msg{
   width:90%;
}
.search-menu .formLabel{
	width:100%;
}
.search-menu .formArea{
	padding-left:40px;
	margin-left:0;
}
.search-menu .formArea input[type="submit"]{
	margin-top:10px;
}
.formSublabel{
	font-size: 18px;
	margin-left:30px;
	margin-top:1px;
	
}
.formPhoto{
	height:200px;
	width:200px;
	margin-left:200px;
	background-color:#385C8E;
	color:#A3A3A3;
	font-size: 26px;
	/*padding-top:80px;
	padding-left:30px;*/
	border: 1px solid #000000;
	box-sizing: border-box;
}
.formArea .formRight .file-search .formPhoto{
	margin-left:0px; 
	margin-top:0px;
}
.formArea .formRight .file-search .formPhotoLeft{
   margin-left:150px;
}
.formArea input[type=text], .formArea input[type=password] {
   padding: 8px 20px;
   display: inline-block;
	font-size: 12px;
   width:40%;
   max-width: 375px;
	
	height: 28px;
	background: #C1C9B8;
	/*border: 2px solid #057040;*/
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.formArea select{
	/*width:60%;
	height:28px;*/
	font-size: 14px;
	color: #217A52;
	/*border: 2px solid #057040;*/
}
.formArea input[type=submit], .formArea input[type=reset], .formArea input[type=button] {
   cursor: pointer;
   /*width: 156px;*/
   width:118px;
   height: 40px;
   margin-top:10px;
   background: #057040;
	border: 2px solid #646464;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	color:#D6DCD0;
	/*font-size:24px;*/
	display:inline-block;
	transition: box-shadow .4s;
}
.formArea input[type=reset] {
   opacity:0.8;
/*background:#A6AE9D;*/
/*margin-left:30px;*/
}
.formArea input[type=button] {
   height: 30px;
}
.formArea .formRight .file-search input[type=submit]{
	 margin-top: 5px;
	margin-left:8px;
	width: 120px;
	margin-bottom:5px;
    height: 33px;
}
.formArea .formRight .file-search .formLabel{
	width:138;/* 168px;*/
}
.formArea .formRight .file-search input[type=text]{
	width:38%;
   margin-top:5px;
}
.pageTitle .formArea input[type=submit]{
	margin-top:2px; /* -2px;*/
	width:125px;
	height:32px;
}
.pageTitle .formArea{
	margin:0;
	padding:5px;
}
.section{
	width:95.5%;
	height: auto;
	margin-bottom:20px;
	margin-left:1.7%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0;
	border-bottom:5px solid #A6AE9D;
	background-color:#BFD1AB;
	text-align:center;
	font-size:30px;
	color:#002A19;
	display:inline-table;
	
}
.section img{
   width:150px;
   height:150px;
}
.section .info{
   font-size:26px;
}
.section .formLabel{
	padding-bottom: 0;
}
.section li {
	width:300px;
	/*padding:0 100px;*/
	}
.section input[type=submit]{
	padding:0;
	margin-bottom:0;
	margin-top:20px;
	margin-left:0;
	padding:0;
}
.section .button_utility{
	width:160px;
	height:45px;
	padding:0;
	
	/*margin-top:60px;*/
}
.opaque20 .style{
	margin-top:5%;
	margin-left:5%;
   float:none;
}
.section .property{
	height:auto;
	/*display:table-cell;margin-left:30px;width:auto;*/
	vertical-align:middle;
	margin:0;
	text-align:left;
   
   width: 70%;
   min-width: 340px;
   max-width: 1115px;
}
.section .propertyDetail2 {
  /* height: 144px;
    width: 630px; */
  width:100%; height:auto;
}
.section .propboxdocinfo{
   width:100px;
}
.section .property .property_image, .section .propertyDetail, .section .propertyDetailAddressLink, .section .incomplete-sm
{
	display:inline-block;
}
.section  .property .property_image{
	
	width:160px;
	height:166px;
	
}
.section .propertyDetail{
	/*padding-top:21px;
	padding-left:50px;*/
   height:100%;
}
.section .propertyDetailAddress{
	font-size:20px;
	width:auto;
}
.section .propertyDetailAddressLink{
	font-size:22px;
}
.section .incomplete-sm{
	/*margin:72px 100px;*/
}


/*---------------- /ADMIN PROFILE, ADD AGENT, DELETE AGENT------------*/
/*---------------- ADMIN CHANGE PASSWORD ------------*/

.adminDashboardChangepassword{

}

.adminDashboardChangepassword img{
	max-width:291px;
	height:auto;
	
}
.adminDashboardChangepassword  .main_left{
	
}
.adminDashboardChangepassword  .main_right{
	/*padding-left:100px;*/
	padding-left:5%;
}

.adminDashboardChangepassword .heading{
	font-size:54px;
}
/*---------------- /ADMIN CHANGE PASSWORD ------------*/
/*----------------1.2.0_adminAgentMenu ------------*/
.transbox{
	 opacity: 0.3;
	 z-index:0;
}
/*----------------/1.2.0_adminAgentMenu ------------*/
/*----------------1.2.1_adminAgentView ------------*/

 .agentinfo{
	/*width:20%;
	margin-left:10px;*/
}
.adminAgentView_mainLeft{
	/*width:70%;
	margin-left:10px;*/
	text-align:center;
}
.adminAgentView_mainLeft .formArea{
   padding:0;
}
.adminAgentView_mainLeft .formArea .advfilter{
   width:100%;
   padding-top:10px;
   border: 2px solid #6e9178;
}
.adminAgentView_mainLeft .pageTitle{
	margin-left:0;
	width:100%;
   font-size: 26px;
}
.adminAgentView_main .pageTitle{
	height:80px;
	width:98.2%;
	margin:5px;
	padding-top:5px;
}

.agentslistArea, .menubuttonArea{
	background-color:#CEDFBB;
	margin-top:5px;
	padding-bottom:5px;
   padding-top:0;
	text-align:center;
	border:5px solid #C4C4C4;
}
.agentslistArea{
	margin-top:0;
}
.agentslistArea ul{
   margin:6px;
	border-bottom:1px solid black;
	width:95%;
}
li input[type="text"].clickthis{
   cursor:pointer;
   border: 0px solid #7da688;
   border-radius: 5px;
   box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
   padding:6px 10px 0px 10px;
   color: black;
   background-color:#cedfbb;
   width:100px;
}
li input[type="text"].clickthis:focus {
 background-color: rgba(24, 147, 78, 0.55);
 outline: none;
} 
li input[type="text"].clickthis:hover {
   /*background-color:#8ad1a8;*/
 box-shadow: 4px 4px 15px rgba(0, 0, 0, 10);
 transition: box-shadow .2s;
} 

.agentslistArea .pagebuttons{
   border-bottom:none;
	width:auto;
}
.agentslistArea .dataitem a:hover{
	   text-shadow: -1px 0 black, 0 1px black;
	    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 #002A19, 0 -1px #002A19;*/
}

.dataheading li, .dataitemActive li, .dataitem li{
	width:95px;
   
	text-align:left;
	/*display:inline-block;*/
}
.dataheading li{
   font-style: oblique;
    font-variant: small-caps;
}
.dataitemActive li, .dataitem li{
	/*padding-top:3px;*/
}
.dataheading li a{
	font-size: 16px;
	color: #002A19;
}
.dataitemActive li a{
	font-size: 18px;
	color: #2723E6;
}
.dataitem li a{
	font-size: 14px;
	color: #002A19;
}
.agentslistArea .button_utility{
	width:auto;
	height:30px;
	margin-top:0;
	padding:3px 30px;
}
.menubuttonArea .menubutton{
	/*margin:5px 10px;
	margin-top:10px;*/
}
.agentslistArea .paging{
	margin-left:0;
}
.agentslistArea .paging a {
	margin-top:5px;

}
 



/*----------------/1.2.1_adminAgentView ------------*/

.generateidArea{
	/*width:98.6%;*/
   width:88.5%;
   /*max-width:490px;*/
	height: auto;
	background: #BFD1AB;
	text-align:center;
	border:10px solid #BFD1AB;
	outline:5px solid #C4C4C4;
	margin-left:5px;
   
}
.generateidArea img{
	margin-left:50px;
	
}
.generateidArea .button_utility{
	/*width:150px;*/
   width:100px;
}

.filterFactorArea{
	/*width:20%;*/
	/*background-color:#D1D3D0;*/
	padding:5px 10px;
	margin:0;
	border: 0px solid #C4C4C4;
}

.filterFactorArea ul{
	font-size: 18px;
	color: #057040;
	margin:0;
	padding:0;
	
}
.filterFactor-months li:first-child {
	font-weight: bold;
}
.filterFactor-months li:last-child{
	margin-bottom:30px;
}
.filterFactor-months li{
	display:block;
	width:150px;
	text-align:left;
	padding:5px;
}
.filterFactorArea .heading_sm{
	color:#002A19;
}
.filterFactorArea .filters .formLabel{
	font-size:20px;
	width:150px;
}
.filterFactorArea .filters input[type=text]{
	width:200px;
}
.filterFactorArea .filters input[type=submit]{
	margin-top:15px;
}
.filterFactorArea .filters .heading_sm{
	width:100%;
}
.filters .formLabel{
	margin-top:18px;
	width:80px;
	/*font-size:14px;*/
}
.filters .formLabelmargin{
  margin-top:auto; 
}
.filters .formLabelWidth{
	
	width:35%;
	/*font-size:14px;*/
}
.filters .formSubLabel{
	font-size:16px;
	color:#002A19;
	padding-left:10px;
	text-align:left;
	
}
.filters .formSubLabel select{
	margin-left:0;
	height:1.8em;
	width:auto;
	color: black;
	 
}
.filters input[type=text], .filters select, .filters input[type=date]{
	background: #CEDFBB;
	/*border: 2px solid #057040;*/
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-size:17px;
	color:#2D2B2B;
	width:150px;
	min-width:40%;
}
.filters input[type=date]{
   width:200px;
}
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
.filters input[type=text]{
	
	height: 30px;
}

.filters ul select{
	padding:5px;
	margin-left:10px;
}
.filters input[type=submit]{
	width: 100px;
	
	background: #057040;
	border-radius: 10px;
	color:#CEDFBB;
	font-size:22px;
	
}
.advfilter{
  background: #b3c2a3; 
  border: 3px solid #6e9178; 
}
.advfilterheading{
   text-align:left;
   margin-left:10px;
   font-style:italic;
}
.filters .advfilter input[type=text], .filters .advfilter input[type=date],  .filters .advfilter select{
    height: 22px;
    display: inline-block;
    font-size:14px;
    padding : 2px;
}
.filters .advfilter input[type=date]{
    width: 150px;
}
 .filters .advfilter span{
    width:95px;
    font-size:16px;
    display: inline-block;
}
.filters .advfilter select{
   font-size:11px;
}
.filters .advfilter input[type=submit], .filters .advfilter input[type=reset]{
	width: 130px;
   height:24px;
	background: #057040;
	border-radius: 10px;
	color:#CEDFBB;
	font-size:15px;
   margin-bottom:6px;
}
.filters .seachagent input[type=submit]{
    margin-top: 0;
}

.propListArea .adminDashboard-propArea{
	margin:0;
}
.propListArea .propColOne{
	
	background: #CEDFBB;
}
.propListArea .property:hover{
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.propListArea .property:first-child{
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}
.propColOne .paging{
	
	text-align:center;
	/*width:80%;*/
	}

.propColOne .paging a {
	margin-top:8px;
	width: 25px;
	height:20px;
}
.propColOne .button_utility{
	height:30px;
	width:200px;
	display:table;
   margin:0 auto;
   margin-bottom:2px;
	/*margin-left:90px;*/
}
.propColOne img, .propColTwo img{
	background-color:#385C8E;
	font-size:20px;
	color:#163054;
}
.agentwisePropArea{
	/*width:76%;*/
	background-color:#D1D3D0;
	}
.propListArea, .docListArea{
	border: 0px solid #C4C4C4;
	background-color:#D1D3D0;
	/*min-width:370px;*/
   /*max-width:415px;*/
   margin: 0 auto;
}
.propListArea .adminDashboard-propArea .propColOne{
	
	float:none;
}
.docListArea .button_utility{
	width:90%;
	height:33px;
	color:#271F1D;
   margin-left:0;
}
.docListArea .button_utility_incomplete{
	background-color:#AA4E30;
}
.docListArea .button_utility_selected{
	background-color:#A6AE9D;
}

.docselect{
    width:95%;
    background-color:#cedfbb;
    /* height:320px; */
    height: 400px;
    margin-top: 4px;
}
.docselectwd{
    width:100%;
}

.docoption{
   display:block;
   width:95%;
    
    height: 30px;
    margin: 8px 10px;
    background:#A6AE9D;
    border: 2px solid #646464;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    color: #D6DCD0;
    text-align: center;
   
}
.green{
  background: #2a8457;
}
.brown{
    background: #AA4E30; 
}
.activedoc{
   background:#e32279;
}

.formRight .buttonarea{
	width:100%;
   margin-left:0;
}
.fileStatus-lrg, .incomplete-lrg, .complete-lrg{
	width: 130px;
	height: 130px;
   display:table; 
   border-radius: 50%;
  }
.fileStatus-lrg{
   font-size: 20px;
	text-align: center;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:5px;
   background: grey;
}
#statuscircle{   
   pointer-events:none;
}
.incomplete-lrg{
	color: #640F0F;
	background: #CE2828;
	border: 10px solid #640F0F;
   cursor:pointer;
}
.complete-lrg{
	color:#222F18;
	background: #65BD4F;
	border: 10px solid #147712;
   cursor:pointer;
}
.incomplete-lrg:hover, .complete-lrg:hover{
    /*box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.8);
  box-shadow: 10px 10px 20px black;
   box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7);
    transition: background .2s;*/
   box-shadow: 4px 4px 20px black;
	font-weight:700;
}
.incomplete-lrg:hover{
 background: #c32323;
 
}
.complete-lrg:hover{
   background: #59a546;
}
.searchedPropArea{
	/*width:30%;
	margin-left:1.6%;*/
	border: 5px solid #C4C4C4;
	background-color:#D1D3D0;
}
.searchedPropArea .docListArea{
	width:100%;
	border:none;
	text-align:center;
}
.searchedPropArea .button_utility{
	/*width:354px;*/
   width:80%;
   
	height:31px;
}

.searchedDocArea{
	/*width:65%;
	margin-left:1%;
	*/
}
.admin-img{
	width:100%;
	max-width:275px;
	height:30%;
   min-height:188px;
	font-size:40px;
	margin:0 auto;
	margin-top:10px;
}
.docImg{
	/*width:62.5%;*/
	height:446px;
	font-size:60px;
}
.short-doc-img{
   height:342px;
   width:98%;
   margin:0 auto;
}
.admin-img, .docImg{
	border: 5px solid #C4C4C4;
	background-color:#f1f2f4; /*#385C8E;*/
	text-align:center;
	color: rgba(0, 0, 0, 0.18);
	
}
.actionArea{
	/*width:35%;
	margin-left:1.5%;
	height:auto;
   */
}
.searchedDocActionArea .buttonArea{
	width:100%;
	margin-left:0;
   margin-top:0;
	/*background-color:#385C8E;*/
   background-color: #CEDFBB;
	border: 5px solid #C4C4C4;
  
}
.searchedDocActionArea .button_utility{
	max-width:256px;
   min-width:130px;
	height:36px;
   padding:0 5px;
   background-color:#1f3963;
   
 }
 .searchedDocActionArea .menubuttonArea{
   /* margin-top:0;*/
   }
.searchedDocArea .menubuttonArea{
	margin-top:5px;
}
.searchedDocActionArea .menubuttonArea .menubutton{
   width:auto;
}
.searchedDocActionArea .buttonArea,.searchedDocActionArea .menubuttonArea{
   /*display:inline-table;*/
}

.dialogue .section .img-bg{
	/*width: 982px;*/
	width:88%;
	height:40px;
	background-image: url("./images/icons/Progressbar10.png"); 
	background-repeat: no-repeat; 
    background-size: cover; 
	background-color:#BFD1AB;
	font-size:46px;
	
	margin-top:55px;
}
.dialogue .section .img-bg a{
	color:#A3A3A3;
}
.dialogue .section {
	border:10px solid #A6AE9D;
}
.left-margin{
	margin-left:150px;
}
.file-search, .file-search-wide {
	width:100%;
   /*max-width:500px;*/
	background: #CEDFBB;
	border: 5px solid #C4C4C4;
	text-align:center;
   margin:0 auto;
}
 .file-search-wide {
    max-width:1200px;
 }
.file-search .pageTitle, .file-search-wide .pageTitle{
	border:none;
	width:98%;
}
.file-search .docImg, .file-search-wide .docImg{
	width:95%;
	height:420px;
	margin:10px 0;
}
.actionArea .dialogue .section {
	border:none;
	margin-top:0;
	
}
.actionArea .buttonArea .dialogue .section .sm-progressBar .img-bg{
	width: 295px;
	height:46px;
	font-size:26px;
   
}
.formRight .file-search{
	margin-left:0;
   margin-bottom:10px;
   width:90%;
 }
.formRight .dialogue{
	margin-top:0px;
}
.formRight .dialogue .section, .formLeft .dialogue .section{
	border:0px solid #A6AE9D;
	margin-top:0px;
	background-color:transparent;
}
.formRight .dialogue .section .img-bg, .formLeft .dialogue .section .img-bg{
	/*width: 195px;*/
   width:198px;
	height: 30px;
	font-size:26px;
	margin-top:0px;
}
.formRight .file-search{
	
}
.searchedDocArea{
	text-align:center;
}
.searchedDocArea .bottomArea{
	width:100%;
	margin-left:0;
}
.searchedDocArea .bottomArea .buttonArea{
	/*width:71%;*/
	height:auto;
	background-color:#D2DFC4;
	margin-top:5px;
}
.searchedDocArea .bottomArea .buttonArea-wide{
   width:100%;
   border:5px solid #C4C4C4;
   margin-left:0;
}

.bottomArea .buttonArea .dialogue .section{
	background-color:transparent;
  /* padding-top:0;*/
}
.bottomArea .buttonArea .dialogue .section .img-bg{
	width: 491px;
	height: 76.5px;
	margin-top:0;
	background-color:transparent;
}
.searchedDocArea .bottomArea .button_utility{
	width:175px;
	height:38px;
	margin-top:5px;
}
form .heading_sm{
	color: #002A19;
	
}
.disp .formLabel{
	padding-left:20px;
}
/*
.div30{
	width:30%;
}*/
.div50{
	width:50%;
	margin-left:150px;
}
.search-menu-btn input[type=submit]{
	max-width:250px;
   min-width:200px;
   width:82%;
   
	height:44px;
	background-color:#2B9A68;
	border:solid 2px #646464;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
	color:#D6DCD0;
	font-size:20px;
	text-align:center;
}
.searchpg{
   margin-top:50px;
}


input[type="text"], input[type="password"], input[type=date], select{
  border: 2px solid #057040;
}

input[type="text"]:required, select:required, 
input[type="text"].required, select .required, 
.required{
  border: 1px dashed red;
}

.msgcontainer{
   height:200px;
   background-color:#eaf7c1/*#f5f4b8 #faf9dc #faf87d #e8e668*/;
   overflow:scroll;
   margin-top:10px;
}
.msg_row{
   border-bottom:1px dashed #005473;
   text-align:left;
   padding:5px;
}
input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: red !important;
}
input[type=date]:focus::-webkit-datetime-edit {
    color: blue !important;
    display: -webkit-inline-flex;
}
.rightborder0{
   border-right:0;
}
/* .dashprop .propColOne {
   margin: 5px 0;
} */
.bottomborder0{
   border-bottom:none;
}
.topborder0{
   border-top:none;
}
.smallsubmitbtn{
 /*   margin-bottom:4px; */
}
.smallsubmitbtn  input[type=submit], .filters .advfilter .smallsubmitbtn input[type=submit], .filters .advfilter .smallsubmitbtn input[type=reset]{
   width:70px;
   height: 20px;
   font-size: 12px;
   margin-bottom: 0;
   margin-top: 2px;
}
.smallsubmitbtn  input[type=submit]{
   cursor: pointer;
   border: 2px solid #646464;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
   background: #057040;
   border-radius: 10px;
   color: #CEDFBB;
   transition: box-shadow .4s;
   margin-left:6px;
}

.filters .advfilter .formLabelsml span{
   width: 60px;
}
.filters .formLabellrg span{
   width:100%;
   font-size:26px;
}
.filters .advfilter  span.span185{
   width:185px;
   font-weight:700;
}
.filters .advfilter .msg_row span {
   width:100%;
   font-size:13px;
   color: brown;
   display:inline;
}
textarea {
   margin:20px 0;
   padding-left:5px;
   font-size:22px;
   width:90%;
}
.filters .advfilter span.msghead{
   width:auto;
   color:#3b5998;
   font-weight:800;
}
.filters .advfilter select.pagemsgsendselect{
   font-size:16px;
   height:28px;
   margin:20px 0;
}
.adminDashboard-propArea .formArea {
   padding-top: 6px;
}
.filters .advfilter input[type=submit].margin-bot{
   margin-bottom:32px;
}
  
/*DRAG AND DROP*/
/*#drop_file_zone {
    background-color: #EEE; 
    border: #999 5px dashed;
    width: 290px; 
    height: 200px;
    padding: 8px;
    font-size: 18px;
    display: none;
}*/
 .verticalalign{
   display:table-cell;
   vertical-align:middle;
} 
#drop_file_zone, .dragcover{
   height:150px;
   border: 5px solid #C4C4C4;
   background-color: #CEDFBB;
   display:inline-table;
   font-size: 18px;
}
#drop_file_zone{
   background-color: #eaf7c1; 
   border: 5px dashed #1e90ff /* #C4C4C4*/;
   display: none;   
}
.dragcover{
  font-size: 26px; 
  background-color: #CEDFBB;
  color:#646464;
}

#drag_upload_file {
  width:50%;
  margin:0 auto;
  display:table;
  font-size: 18px;
}
#drag_upload_file p {
  text-align: center;
}

#drag_upload_file #browsefile {
  display: none;
}  
.pageTitle input[type=submit], .docListArea input[type=submit]{
    width: 90px;
    height: 24px;
    background: #057040;
    border-radius: 10px;
    color: #CEDFBB;
    font-size: 15px;
    margin: 10px;
    border: 2px solid #646464;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.docListArea input[type=submit]{
   width: 170px;
   margin: 0;
   margin-bottom:10px;
}
/*END OF DRAG AND DROP*/
/*PROGRESS BAR    display:none;*/
#progressbar {
  width: 100%;
  border-radius:5%;
  background-color: #ddd;
    display: none;
  
}

#barvalue {
  width: 88%;
  border-top-right-radius:28px;
  border-bottom-right-radius:28px;
  height: 25px;
  background-color: #4CAF50;
   display: none;
}
/*UNIVERSAL CLASSES*/

.hideme{
   display:none;
}
input[type=button].styleasspan{
    
    background-color: #d1d3d0;
    border: none;
    cursor: none;
    font-size:16px;
    font-style:italic;
    color:#808298;
}
input[type=button].styleasspangreenbg{    
    width:auto;
    margin-top: 0;
    box-shadow:none;
    background-color:#cedfbb;

}
.filters .widthauto{
    width:25%;
    margin-right:60px;
    margin-top:0;
}
.filters .advfilter span.autowidth{
   width:auto;
}
 
/*Active OR Cancelled/ Expired
border-color: #1e90ff ;
*/
.positionbasetext{
   display: table-cell;
   vertical-align:middle;
}
.positionbase{
   width:100%;
   height: 100px;
   font-size:26px;
   cursor: pointer;
   display: table;
   text-align: center;

   background-color:grey;
   border-width: 8px;
   border-style: outset;
    transition: box-shadow .4s, font-weight .1s, background .4s;
}
.active{
   color: #222F18;
   background-color: #8dca7e;/*#65BD4F;*/
   border: 8px outset #d2ecd2;
   font-size:56px;
  
}
.cancelled{
   color: #640F0F;
   /* background-color: #CE2828; */
   background-color:#eab7b7;/*#efa9a9;*/
   border: 8px outset #e8d8d8;
   font-size:36px;

}
.active:hover, .cancelled:hover{
   box-shadow: 4px 4px 20px black;
	font-weight:700;
}
.cancelled:hover{
 background: #dea2a2;/*#ea8282;/*#c32323;*/
}
.active:hover{
   background: #67ad56;/*#67a258;/*#59a546;*/
}
#positionbase{   
   pointer-events:none;
}
.statusarea, .positionarea{
   background: #0570403d;
   border: 1px solid #a5af99fa;
   border-radius:8px;
   padding:0 10px;
   box-shadow: -1px -1px 2px 2px rgba(119,119,119,1);  
}
.statusarea{
   color: #222F18;
   background-color: #8dca7e;  
}
.statusareaspan{
   font-style:italic;
   font-weight:bold;
   font-size:19px;
}
.positionarea{ 
   color:#640F0F;
   background: rgb(234, 183, 183); 
   margin-left:15px;
   font-style:italic;
   font-weight:bold;
   font-size:17px;
} 
.click-area a{padding:2% 44%;}



@media only screen and (min-width:340px) {
   .header_right_mail, .header_right_ph{display:inline-table;width:auto;}
   .docListArea .button_utility{margin-left:5%;}
 }
@media only screen and (min-width:370px) {
   
}

/* For tablets: */
@media only screen and (min-width:720px) {
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 24.5%;
			margin-left:0.5%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.16%;
			margin-left:0.5%;}
  .col-s-9 {width: 74.5%;
			margin-left:0.5%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .adminDashboardChangepassword  .main_right{padding-left:25%;}
   
   .filters .formSubLabel select{width:80%;}
	/*.property {min-width:282px;}*/
   .adminDashboard-propArea .propColTwo{margin-left:5%;}
   .propertyDetail{margin-left:2%;}
   .incomplete-sm, .complete-sm {margin-left:2%;}
	/*.propColOne .button_utility{ margin-left:50px;}*/
	.propListArea, /*.docListArea*/{min-width:170px;}
   .dataheading li, .dataitemActive li, .dataitem li{width:12%;}
   .formArea input[type=text], .formArea input[type=password]/*, .formArea select */{width:50%;max-width: 275px;}
   .pageTitle .filters span{text-align:center;}
   .formLabel{/*width:22%;*/}
   .long-doc-img{height:520px;}
 

   /*.file-search {width:70%;}*/
 }  
 @media only screen and (min-width:800px) {
   .menuBar {display:block;width:80%;left:18%;}
   .navigationTitle{width:200px; background: #66b789;border-bottom:none;border-right:0.2px solid grey;}
   .click-area {width:auto;}
   .click-area a{padding:10px 65px;}
  /* #navigation:hover .navigationTitle{width:200px;border-bottom:none;}*/
	#navigation:hover .menuBar {display:block;}
	#navigation:hover li{	display:table-cell;}
   
	.menu-icon-base {display:none;}
   .dropmenu_content {position:absolute;top:30px;background-color: #294C7D;border:none;}
   .dropmenu_content a {color:white;border-bottom:1px solid rgba(196,196,196,0.2);padding-left:16px;}
   .menuArrow:after{display:inline-block;}
	.activeMenuBorder{border-right:1px solid grey;}
   #header_right_padding{padding-left:2em;}
   
   .heading_lrg{font-size:64px;}
   .heading_mid{font-size:44px;}
   .heading_sm{font-size:24px;}
	.signin_form .particular{font-size:30px;}
 }
/* For desktop: */
@media only screen and (min-width:1150px){
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 24.5%;
			margin-left:0.5%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.16%;
			margin-left:0.5%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.16%;
			margin-left:0.5%;}
  .col-9 {width: 74.5%;
			margin-left:0.5%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
   .close{display:none;}
	

   .docListArea .button_utility{margin-left:5%;}
   .dialogue .section .img-bg{height: 153px;}
	.filters .formSubLabel select{width:100%;} 
  	.property {width:90%;}
    /* .propColOne .button_utility{ margin-left:25%;}*/
   /*.formArea input[type="submit"], .formArea input[type="reset"]{margin-top:50px;}*/
   .propListArea, .docListArea{min-width:190px;}
  
   /*.searchedDocActionArea .buttonArea,.searchedDocActionArea .menubuttonArea{width:100%;}*/
   .searchedDocActionArea .button_utility{width:30%;}
   .searchedDocActionArea .buttonArea, .searchedDocActionArea .menubuttonArea{max-width:260px;}
   
}
  

   




