@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
body
{
	font-family:"Open Sans";
	background-color: #ECECEC;
}
.ins u,.ins table
{
	margin:0px 0px 0px 10px;
}  
.Background
{
   position: fixed;
   left: 0;
   top: 0;
   z-index: 10;
   width: 100%;
   height: 100%; 
   FILTER: alpha(opacity=70); BACKGROUND-COLOR: #FFFFFF; opacity: 0.7
}
.OptFees{
	margin:3% 10%;
	}
.checkDiv
	{
		float:left;
	}
	.checkDivEmpt
	{
		float:left;
		padding-right:2px;
	}
li
{
	list-style:none;
}
#lblAdminFeeValue
{
	text-align:right;
	float:right;
}
.InsuranceNote
{
	padding:1px 15px 10px 15px;
	color:#AD0000;
	text-align:justify;
}
#divRentalAgreement a
{
	/*width:100%;
	float:left;*/
}

#lblSpecialsText
{
	font-size: 12px; 
	color:Red;
	margin:0px 3px;
}
#divElecronicSignature
{
	/*display:inline-block;
	width:80%;
	margin:0 10%;*/
	}
	#divElecronicSignature legend
	{
		font-size:larger;
		font-weight:bolder;
		text-align:center;
		margin:0 20%;
	}
	#divElecronicSignature span, #divElecronicSignature li
	{
		font-size:15px;
	}
	#divElecronicSignature ol li
	{
		list-style-type:decimal;
		line-height:22px;
		
	}
	#divElecronicSignature ul
	{
	margin:0px;
		padding:2%;	
	}
	#divElecronicSignature ul li
	{
		list-style-type:disc !important;
		
	}
	#RentalHead
	{
		font-size:medium;
		
	}
	

.chkspn
{
	float:left;
	width:2%;
	margin-right:1%;
}
.chkOptFeesText
{
	float:left;
	margin-left:3%;	
	width:90%;
	margin-bottom:3%;	
}
.chkcontent
{
	float:left;
	width:92%;
}
/*Checkbox*/


input[type=checkbox] {
  border: 0;
	clip: rect(0 0 0 0);
	height: 2rem;
	margin: 1em -2rem -2rem 2em;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 2rem;
  opacity: 0.001;
}

 .checkbox__checkmark {
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Background */
 .checkbox__checkmark:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
	width: 2.3rem;
	height: 2.3rem;
  background: #e5e9e9;
	border: 1px solid #a5a8a8;
	border-radius: 3px;
  cursor: pointer;
  
	-webkit-box-shadow: inset 0 1px #fff;
	box-shadow: inset 0 1px #fff;
}
#divMerchanSaleTab
{
	background-color:Gray;
		cursor:pointer;
		margin-left:10%;
		padding-left:5%;
		padding-top:0px;
		display:inline-block;
		width:75%;
		height:25px;
		
		border:1px solid #bfc4c4; background-color: #d9dddd;
		 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddd), color-stop(100%, #c6c3c3));
		 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: linear-gradient(top, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
		 font-weight:bold;
	}
#divMerchandiseSale
{
	/*margin:0px 10%;*/
}

.chkMerchand
{
	 border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 30px !important;
	margin: 0 5px 0 5px !important;
	overflow: hidden;
	padding: 0 !important;
	position: inherit !important;
	width: 30px !important;
	opacity:0.8 !important;	
}

.chkMerchandRent {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 30px !important;
    margin: 0 5px 0 5px !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative !important;
    width: 30px !important;
    opacity: 1.2!important;
    top:20px;
}

.grdMerchandise
{
 /*border:1px solid grey !important;*/ 
 width:100%;
}
.MercBtn
{
	    font-size: 30px;
    text-decoration: none;
    text-align: center;
    display: block;
    white-space: nowrap;
    border: 0px;
    width: 30px;
    color: rgb(255, 255, 255) !important;
    background-color: #F12815;
}
/* Checkmark */
 .checkbox__checkmark:after {
  opacity: 0;
	content: '';
	position: absolute;
  /* Length of check tail */
     width: 35px;
    height: 14px;
	background: transparent;
	border: 4px solid #1eb122;
	border-top: none;
	border-right: none;
	border-radius: 2px;

	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

:checked + .checkbox__checkmark:after {
	opacity: 1;
}

:focus + .checkbox__checkmark:before {
  border: 1px solid #0940fd;
  -webkit-box-shadow: 0 0 0 2px #6fb5f1;
  box-shadow: 0 0 0 2px #6fb5f1;
}

:disabled + .checkbox__checkmark:before {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.SpnMoveIndateText
{
	font-weight:normal;
		font-size: 13px;
}

.divPrivacyPolicy
	{
		margin:0px 5%; 
		padding:0px;
		float:left;
	}
	.divPrivacyPolicy ul
	{
		float:left;
		margin:0px;
		padding:0px;
		font-size:small;
	}
	.divPrivacyPolicy ul li
	{
		margin-bottom:13px;
	}
	

#spnhref
{
	background-image:url("//a1storage.com/images/icon-chat-sidebar.png");
	background-repeat:no-repeat;
	height:40px;
	width:130px;
	margin-top:20px;
	background-position:left;
	 float:right;
	 vertical-align:baseline;
}
#back
{
	float:right;
	padding-right:25px;
}

#spnhref:after
{
	padding-left:45px;
	padding-top:10px;
 content:'Live Chat';
 float:left;
 color:Black;
 
 }
.orange {
    color: rgb(255, 255, 255) !important;
    background-color: #F12815;
}
.orange:hover {
    background-color: #F12815;
}

.Button
{
   font-size: 15px;
text-decoration: none;
text-align: center;
display: block;
white-space: nowrap;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 3px;
padding-left:15px;
border:0px;
width:120px;
padding-right:15px;
            
}
strong
	{
		/*color:#F85E06;*/
		color:#006BB5;
	}
	
	#txtMoveInDate
{
	/*width:119px;*/
	margin-left:4px;
	font-size: 15px;
	/*height:44px*/

}
#trInsuranceMulti li:first-child
{
	width:80%;
}	


.sigWrapper{
  clear: both;
  /*height: 100px;
  border: 1px solid #ccc;*/
  width:250px;
}

/*#canvass 
{
      height: 98px;

  width:250px;
}*/

.pad 
{
 
  position: relative;

  /**
   * For cross browser compatibility, this should be an absolute URL
   * In IE the cursor is relative to the HTML document
   * In all other browsers the cursor is relative to the CSS file
   *
   * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
   */

  /**
   * IE will ignore this line because of the hotspot position
   * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur
   */
	cursor: url("pen.cur") 16 16, crosshair; 
   cursor: url("pen.cur"),pointer;

  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/*#txteSignName
{
	width:40%;
	margin-left:0%;
	font-size: 15px;
    font-weight: bold;
    height: 22px;
	
	}*/
	#Divesignature
	{
		margin:0 6%;
	
	}
	
	.clearbutton
	{
		    width: 80px;
    background-color: #ffcc00;
    color: #0e468d !important;
  
    float: left;
    cursor: pointer;
    font-weight: 700;
	}
	.sigWrapper
	{
	 /*float:left;*/	
	 margin-right:15px;
	 vertical-align:baseline;
	}
	#trBottom
	{
		width:100%;
		background-color:#263138;
		color:White;
		font-weight:bold;
		height:22px;
		vertical-align:middle;
		text-align:center;
		display:block;
		clear:both;
		margin-top:10px;
	}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .DivHomeButton
{

    margin-top:1%!important;
}
.DivBackButtonUnit{

    margin-top:1%!important;
}
    .ImgNextContactInfoDetialsDown {
        width:35%!important;
    }
    .ImgNextContactInfoDetials{
        width:35%!important;
    }
    .ImgNextUnitDetials{
        margin-top:0px!important;
        margin-left:40%!important;
    }
    .outerdiv{
        margin-left:0px!important;
        color:white;
    }
    .outerdivul{
        width:100%!important;
    }
    #divTitle{
        height:40px!important;
    }
    #divSubUnitInfo{
        margin-left:12%!important;
    }
}

@media only screen and (min-width: 280px) and (max-width: 767px) {
      .ImgNextUnitDetials{
        margin-top:0px!important;
        margin-left:40%!important;
    }
    .outerdiv{
        margin-left:0px!important;
        color:white;
    }
    .outerdivul{
        width:100%!important;
    }
    #divTitle{
        height:58px!important;
    }
    #divSubUnitInfo{
        margin-left:12%!important;
    }
    #divSubUnitInfo{
        width:100%;
    }
}

@media screen and (max-width: 480px) 
{
     .ImgNextUnitDetials{
        margin-top:0px!important;
    }
    .outerdiv{
        margin-left:0px!important;
        color:white;
    }
    .outerdivul{
        width:100%!important;
    }
    #divTitle{
        height:58px!important;
    }

	#txteSignName
{
	width:80%;
}
	body{min-width:340px;
	}
	/* #main
	{
		position:absolute;
		width:100%;
		min-width:360px;
		text-align:left;
		background:White;
	}
*/
	
	#main
	{
		/* position:absolute;
		width:100%;
		min-width:360px;
		text-align:left;
		background:White; */
		
	     -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 100%;
      min-width: 300px;
      height: auto;
      /*min-height:562px;*/
      margin: 0 auto;
      position: relative;
      display: block;
      -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      background-color:White;
	}
	
	
	#divlogo
	{
		float:left;
		text-align:left;
		width:50%;
		/*margin:1%;*/
         margin-left:36px;
	}
	#divlogo img
	{
		width:31%;
		height:85px;
        margin-left:36px;
	}
	#divBoldChat
	{
		float:left;
		margin-left:5%;
		width:40%;
	}
	
	#divTitle
	{
		clear:both;
		width:100%;
		height:40px;
		color: white;
		background-color: #fdd91a;
		text-align:left;
		vertical-align:text-bottom;
		font-weight:bold;
		font-size:16px;
		padding-top:5px;
	}
	/*#divLocAndUnithead,#divLUAndCPhead,#lblContactInfoHead,#divAlternameContacts,#divPayment,#divRentalAgreement,#divsubmit,#SpanPaymentInfoHead*/
	#divLocAndUnithead,#divLUAndCPhead,#lblContactInfoHead,#SpanPaymentInfoHead,#AlternameContactsHead,#RentalHead,#back, .liReplaceLicenseSpace
              
	{
		display:none;
		
	}
	 #trAltInfo
	 {
	 display:none;
	 }
	
	#divLocationMob,#divUnitinfoMob,#divContactInfoMob,#divpayInfoMob,#divPaymentMob,#divRentalAgreeMob,#divAlternameContactsmob,#divElecronicSignatureMob
	{
		background-color:grey;
		cursor:pointer;
		padding-left:10%;
		padding-top:8px;
		display:inline-block;
		width:90%;
		height:25px;
		
		border:1px solid #bfc4c4; background-color: #d9dddd;
		 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddd), color-stop(100%, #c6c3c3));
		 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
		 background-image: linear-gradient(top, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
		 font-weight:bold;
		
	}
	.divBack
	{
		display:none;
		margin-left:20px;
		float:left;
		
	}
	.divNext
	{
		display:none;
		float:right;
		
	}
	
	
	#divLocAndUnithead
	{
		margin-left:10px;
		position:relative;
	}
	strong
	{
		font-size:14px;
	}

    #divSubUnitInfo {
        margin: 2% 0;
        background: white;
        display: inline-block;
        width: 75%;
        float: right;
        padding-bottom: 20px;
        font-size: 15px;
        line-height: 22px;
        border-radius: 15px;
        box-shadow: inset 8px 2px 102px -20px rgba(0,0,0,0.75);
    }
	.UnitType
	{
		margin-left:10%;
	text-align:left;
		margin-top:5px;
		font-size: 14px; 
		color: #0d468d; 
		font-weight: bold;
	}
	
	#divSubUnitInfo div select
	{
/*	text-align:center;
			width: 10%; 
		min-width:80%;
		height: 24px;
		margin-left:12%;


margin-left:10%;
*/
	}
	#divSubUnitInfo div p
	{
		
	}
	#divSubUnitInfo li ul 
	{
		
		position:relative;
		left:-10%;
		clear:both;
		margin-left:0px;
		margin-top:10px;
	}
	#liTotalCost ul li
	{
		margin-top:20px;
		box-shadow: 0 -5px 5px -5px #C5C5C5;
	}
	
	#divSubUnitInfo li li
	{
		float:left;
	}
	#divSubUnitInfo li li:last-child
	{
		float:right;
	}
	#tblDetails
	{
		/*display: inline-block;
		margin: 0px 5% 5%;
		padding: 1% 0px 1% 1%;
		width: 100%;*/
	}
	
	.displine li
	{
		display:inline;	
	}
	.para
	{
		margin-left:2.5%;
		font-size:11px;
	}
	#spnAlter
	{
		margin-left:2%;
	}
	.heading
	{
		font-size :large;
		font-weight:bolder;
		
	}
	#divContactInfo,#divAlternameContacts
	{
		width:100%;
		float:left
	}
	#divContactInfo font
	{
		float:right;
		margin-right:3%;
	}
	
	#divContactInfo ul li,#trAltInfo ul li
	{
		/*float:left;
		min-width:23%;
		margin-right:10%;*/
	}
	
	
	#divPrivacyPolicy
	{
		margin:10px 0px;
		float:left;
		border-top:1px solid grey;	
	}
	#divPrivacyPolicy p
	{
	 text-align:justify;
	 margin-right:14%;
	
	}
	#divPayment li img
	{
		float:right;
		margin-right:40%;
	}
	.height-10
	{
		height:0px;
		clear:both;
	}
	.TextHeading
	{
            font-family: "Open Sans";
		font-weight:600;
		font-size: 16px;
		color: white;
		/*background-color: white;*/
	}
	.TxtBox
	{
		
	}
	#CboExpiryMonth
	{
		
	font-size: 14px;
    font-weight:bold;
}
/*	 bold;	min-width:30px;*/
	
	#CboExpiryYear
	{
		
	font-size: 14px;
    font-weight:bold;
}
		/*min-width:100px;  :nth-last-child(3) */
	
	#divRentalAgreement,#divPrivacyPolicy
	{
		font-size:12px;
	}
	
	#divRentalAgreement ul 
	{
		
	}
	
	#divRentalAgreement ul li
	{
		float:left;
		position:relative;
		left:-8px;
		width:100%;
		margin-bottom:10px;
		min-height:50px;
		/*min-height:50px;*/
		
	}
	#divRentalAgreement ul li:nth-last-child(1)
	{
		margin-bottom:25px;
	}
	.Processing
	{
		display:none;
		float:left;
		margin-left:10px;
	}
	#divPrivacyPolicy li :nth-last-child(1)
	{
		
	}
	#divsubmit 
	{
		margin-left:15%;
	}
	#divsubmit div
	{
		text-align:center;
		float:left;		
	}	
	
	
/*----------SATIZ Modifys------*/
#divPayment .listclass li img
{
	display:none;
}
.listclass li 
{
	margin-bottom:15px;
	vertical-align:top;
}

.clsText
{
	font-size:medium;
}
.clsInput
{
	width:90%;
	margin-left:0%;
	font-size: 15px;
    font-weight: bold;
    height: 22px;
}
#CboState
{
	width:99%;
	font-size: 14px;
    font-weight: bold;
    height:100%;
}

#CboAltState
{
	
	width:99%;
	font-size: 14px;
    font-weight: bold;
    height:100%;
}

#divContactInfo font small 
{
	/*display:none;*/
}
#LocationInfo ul li
{
	margin-bottom:10px;
	margin-left:0px;
}
.SmallText
	{
		font-family:"Open Sans";
		font-size: 14px;
		color: black;
		/*width:125px;*/
	}


#lblLocName
{
	margin-bottom:15px;
}

#chkApproveAutoCCPayment,#chkAcceptTermsAndConditions
{
	/*
	float:left;
	margin-right:15px;
	height:100%;
	vertical-align:top;
*/

}

.spancls
{
	text-align:justify;
}

.dropdown 
{
position:relative;
font-family:"Open Sans";
font-size: 14px;
border-color:#696969;
width:100%;
z-index:1;
border: 0;
}


.container {
border: 0;
position: relative; height: 20px; overflow: hidden; 
background-color:#FFFFFF;
z-index:0;
}


.outerdiv
{
margin-left:0%;
padding-bottom:12px; padding-top:3px;
 /*border:1px solid #A9A9A9;*/ 
 display:inline-block;
background-color:#0d468d;
z-index:0;
width:100%;
}

#divContactInfo .outerdiv,#divAlternameContacts .outerdiv
{
	margin-left:0%;
	width:90%;
}

#divPayment .outerdiv
{
	margin-left:0%;
	width:90%;
}
#divPayment .dropdown 
{
	padding-left:0%;
}

#MthYear
{
		width:94%;
		
}
		
#MthYear .outerdiv
{
	margin-left:0%;
	width:47%;
}



#trInsuranceMulti ul li .ins
{
	margin-left:0%;
	float:right;
}

#trInsuranceMulti ul li .ins .outerdiv
{
	width:95%;
}

.chkspn {
    float: left;
    width: 2%;
    margin-right: 7%;
}


.chkcontent {
    float: left;
    width: 80%;
}

.Button
{
	margin-right:5px;
	width:100px;
}
#divElecronicSignature legend
	{
		font-size:12px;
		font-weight:bold;
		margin:0 3%;
	}

}



@media screen and (min-width: 480px)
{
	.chkspn
{
	float:left;
	width:2%;
	margin-right:3%;
}
	#divLocationMob,#divUnitinfoMob, #divContactInfoMob,#divRentalAgreeMob,.divBack,.divNext,#divPaymentMob,#trAltInfo,#divAlternameContactsmob,#back, #divElecronicSignatureMob, .liReplaceLicenseSpace
	{
		display:none;
	}
	
	#main
	{
	     -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 100%;
      min-width: 300px;
      height: auto;
      /*min-height:562px;*/
      margin: 0 auto;
      position: relative;
      display: block;
      -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      background-color:White;

	}
	#divlogo
	{
		float:left;
		text-align:left;
		width:40%;
		margin:1%;
	}
	#divlogo img
	{
		width:31%;
	}

	#divBoldChat
	{
		float:left;
		margin-left:5%;
		width:40%;
	}

	#divTitle
	{
		clear:both;
		width:100%;
		color: white;
background-color: #fdd91a;
		height:30px;
		text-align:LEFT;
		vertical-align:text-bottom;
		font-weight:bold;
		font-size:16px;padding-top:5px;
	}
	#divLocAndUnitInfo
	{
		background:#0d468d; 
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); 
		background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#EEEEEE));
		background:-moz-linear-gradient(top,#FFFFFF,#EEEEEE);*/
		/*margin:5%;*/
		/*margin-top:-30px;*/
		/*border:1px solid #B5B5B5;*/
		/*border-radius:10px;*/
		display:inline-block;
		width:100%;
	}
	
	#divLocAndUnithead
	{
		/*margin:20px;
		margin-bottom:10px;*/
		position:relative;
	}
	
	#divLUAndCPhead
	{
		margin:20px;
		margin-top:0px;
		position:relative;
		margin-bottom:10px;
	}
	
	#LocationInfo
	{
		float:left;
		width:45%;
		
	}
	#LocationInfo ul li
	{
		margin-bottom:10px;
		margin-left:0px;
	}
	#LocationInfo ul li:nth-last-child(2)
	{
		margin-bottom:0px;
	}
	
	#LocationInfo li:last-child div
	{
		float:left;
		margin-bottom:10px;
		margin-left:1px;
		margin-right:0px;
		margin-top:10px; 
		
	}
	
	.SubHeadLable
	{
		font-size: 20px; 
		color: #0d468d; 
		margin-left:2.5%;
	}
	strong
	{
		
		font-size:14px;
	}
	.SmallText
	{
		font-size: 12px;
		color: black;
	}
		
	#divUnitInfo
	{
		float:right;
		font-size:13px;
		width:100%;
		box-shadow: -5px 0 5px -6px #C5C5C5;
            color: #0f468c;
    font-weight: bold;
	}
    #divSubUnitInfo {
        margin: 2%;
        background: white;
        display: inline-block;
        width: 75%;
        padding-bottom: 20px;
        float: left;
        font-size: 15px;
        line-height: 22px;
        border-radius: 15px;
        box-shadow: inset 8px 2px 102px -20px rgba(0,0,0,0.75);
    }
	.UnitType
	{	
		margin-left:10%;
		text-align:left;
		margin-top:5px;
		font-size: 14px; 
		color: #0d468d; 
		font-weight: bold;
		
			}
	
	#divSubUnitInfo div select
	{
		text-align:left;
		/*width: 80%; 
		height: 24px;
		margin-left:10%;*/
	}
	#divSubUnitInfo div p
	{
		margin-left:10%;
	}
	#divSubUnitInfo li ul 
	{
		position:relative;
		left:-12%;
		clear:both;
		margin-left:0px;
		margin-top:10px;
	}
	#liTotalCost ul li
	{
		margin-top:20px;
		box-shadow: 0 -5px 5px -5px #C5C5C5;
	}
	
	#divSubUnitInfo li li
	{
		float:left;
	}
	#divSubUnitInfo li li:last-child
	{
		float:right;
	}
	#tblDetails
	{
		border: 1px solid #B5B5B5;
		border-radius: 10px;
		display: inline-block;
		margin: 0px 5% 5%;
		padding: 1% 0px 1% 1%;
		width: 89%;
	}
	
	.drawLine
	{
		margin-top:5px;		
		margin-bottom:5px;
		height:1px; 
		background-image:url('../images/seperator.gif'); 
		width: 98%;
		background-repeat:repeat-x;
	}
	.displine li
	{
		display:inline;
		
	}
	.para
	{
		margin-left:4.5%;
		font-size:11px;
	}
	#spnAlter
	{
		margin-left:2%;
	}
	.heading
	{
		font-size :large;
		font-weight:bolder;
		
	}
	#divContactInfo
	{
		width:100%;
		float:left;
             /*padding-left: 60px;*/
    /* color: aquamarine; */
    background-color: #0f468c;
    line-height: 30px;
	}
	#divContactInfo font
	{
		float:right;
		margin-right:3%;
	}
	
	#divContactInfo ul li,#trAltInfo ul li
	{
		float:left;
		min-width:33%;
		margin-bottom: 2%;
	}
	
	#divAlternameContacts
	{
		width:100%;
		float:left
	}
	#divPrivacyPolicy
	{
		margin:10px;
	}
	#divPrivacyPolicy p
	{
	 text-align:justify;
	 margin-right:35px;
	
	}
	#divPayment li img
	{
		float:right;
		margin-right:40%;
	}
	.height-10
	{
		height:10px;
		clear:both;
	}
	.TextHeading
	{
		font-weight: 600;
		font-size: 13px;
		color: white;
		/*background-color: white;*/
		margin-right:1%;
            font-family: "Open Sans";
	}
	.TxtBox
	{
		
	}
	
	#divRentalAgreement,#divPrivacyPolicy
	{
		font-size:12px;
	}
	
	#divRentalAgreement ul li
	{
		float:left;
		width:100%;
		margin-bottom:10px;
		text-align:justify;
		width:95%;
		min-height:25px;
		
	}
	
	.Processing
	{
		display:none;
		float:left;
		margin-left:10px;
	}
	#divPrivacyPolicy li :nth-last-child(1)
	{
		
	}
	#divsubmit 
	{
		margin-left:35%;
	}
	#divsubmit div
	{
		text-align:center;
		float:left;		
		margin-right:10px;		
	}	
	
	
	/* ----------Satiz -------------*/
	.listclass li 
{
	margin-bottom:1%;
	vertical-align:top;
}


.dropdown 
{
position:relative;
font-family:"Open Sans";
font-size: 14px;
border-color:#696969;
width:99%;
z-index:1;
border: 0;
}


.container {
border: 0;
position: relative; height: 20px; overflow: hidden; 
background-color:#FFFFFF;
z-index:0;
}

.outerdiv
{
	margin-left:10%;
padding-bottom:12px; padding-top:3px;
 /*border:1px solid #A9A9A9;*/
  display:inline-block;
background-color:#0d468d;
z-index:0;
width:100%;
}


.clsInput
{
	width:85%;
	margin-left:0%;
	font-size: 15px;
	height: 22px;

}

#trInsuranceMulti ul li .lblInsName
{
	float:left;
	
}

#trInsuranceMulti ul li .lblIns {
   clear:both;
}

#trInsuranceMulti ul li .ins
{
	float:left;
}

#trInsuranceMulti ul li .ins .outerdiv
{width:82%;
}

#divPayment .listclass .clsInput
{
	width:30%;
}


#divContactInfo ul li
{
}
#divContactInfo .outerdiv, #trAltInfo .outerdiv
{
	margin-left:0%;
	width:86%;
}

#divPayment .outerdiv
{
	margin-left:0%;
	width:30%;
}
#divPayment .dropdown 
{
	padding-left:0%;
}

#MthYear
{
		width:33%;
		
}
		
#MthYear .outerdiv
{
	margin-left:0%;
	width:45%;
}



}

@media screen and (min-width: 720px) 
{
.liReplaceLicenseSpace
	{
		display:block;
		height:47px;
	}
	
	
}
@media screen and (min-width: 960px) 
{	

	#divLocationMob,#divUnitinfoMob, #divContactInfoMob,#divRentalAgreeMob,.divBack,.divNext,#divPaymentMob,#trAltInfo,#divAlternameContactsmob
	{
		display:none;
	}
	
	#main
	{
		/*position:absolute;
		left:10%;
		width:80%;
		text-align:left;
		border-left:2px solid #707090;
		border-right:2px solid #707090;
		background:white;*/
		
		
            -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 100%;
      min-width: 300px;
     height: auto;
      /*min-height:562px;*/
      margin: 0 auto;
      position: relative;
      display: block;
      -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      background-color:White;

	}
	#divlogo
	{
		float:left;
		text-align:left;
		width:40%;
		margin-left:36px;
	}
	#divlogo img
	{
		width:31%;
	}

	#divBoldChat
	{
		float:left;
		margin-left:5%;
		width:40%;
	}

	#divTitle
	{
		clear:both;
		width:100%;
		color: white;
background-color: #fdd91a;
		height:64px;
		padding-top:4px;
		text-align:left;
		vertical-align:text-bottom;
		font-weight:bold;
		font-size:18px;
	}
	#divLocAndUnitInfo
	{
		background:#0d468d; 
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');  for IE 
		background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#EEEEEE));
		background:-moz-linear-gradient(top,#FFFFFF,#EEEEEE);*/
		/*margin:5%;*/
		/*margin-top:-30px;*/
		/*border:1px solid #B5B5B5;*/
		/*border-radius:10px;*/
		display:inline-block;
		width:100%;
	}
	

    .divUnitInfo
	{
		background:#0d468d; 
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');  for IE 
		background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#EEEEEE));
		background:-moz-linear-gradient(top,#FFFFFF,#EEEEEE);*/
		/*margin:5%;*/
		/*margin-top:-30px;*/
		/*border:1px solid #B5B5B5;*/
		/*border-radius:10px;*/
		display:inline-block;
		width:100%;
        line-height:30px;
	}
	
	#divLocAndUnithead
	{
		/*margin:30px;
		margin-bottom:10px;*/
		position:relative;
	}
	
	#divLUAndCPhead
	{
		margin:30px;
		margin-top:0px;
		position:relative;
		margin-bottom:10px;
	}
	
	#LocationInfo
	{
		float:left;
		width:50%;
	}
	#LocationInfo ul li
	{
		margin-bottom:20px;
	}
	#LocationInfo ul li:nth-last-child(2)
	{
		margin-bottom:0px;
	}
	
	#LocationInfo li:last-child div
	{
		float:left;
		margin-bottom:20px;
		margin-left:20px;
		margin-top:10px; 
		
	}
	
	
	.SubHeadLable
	{
		font-size:20px;
		color: #0d468d; 
			margin-left:2.5%;
	}
	
	.SmallText
	{
		font-size: 13px;
		color: black;
	}
		
	#divUnitInfo
	{
		float:left;
		font-size:13px;
		width:81%;
		box-shadow: -5px 0 5px -6px #C5C5C5;
	}
    #divSubUnitInfo {
        /*margin:5%;*/
        margin-left: 18%;
        margin-right: 0%;
        margin-top: 0%;
        margin-bottom: 5%;
        background: white;
        display: inline-block;
        width: 65%;
        padding-bottom: 20px;
        line-height: 22px;
        /*border-radius:6px;*/
        /*float: right;*/
        color: #0d468d;
        font-weight: bold;
        line-height: 25px;
        border-radius: 15px;
        box-shadow: inset 8px 2px 102px -20px rgba(0,0,0,0.75);
    }
	.UnitType
	{
		margin-left:10%;
		text-align:left;
		margin-top:5px;
		font-size: 14px; 
		color: #0d468d; 
		font-weight: bold;
		
		
	}
    #divSubUnitInfo {
        border-radius: 15px;
        box-shadow: inset 8px 2px 102px -20px rgba(0,0,0,0.75);
    }
	#divSubUnitInfo div select
	{
		text-align:left;
		/*width: 80%; 
		height: 24px;
		margin-left:10%;*/
	}
	#divSubUnitInfo div p
	{
		margin-left:10%;
	}
	#divSubUnitInfo li ul 
	{
		/*position:relative;
		left:-12%;
		clear:both;
		margin-left:0px;
		margin-top:10px;
float:left;*/
	}
	#liTotalCost ul li
	{
		margin-top:20px;
		box-shadow: 0 -5px 5px -5px #C5C5C5;
	}
	
	#divSubUnitInfo li li
	{
		
	}
	#divSubUnitInfo li li:last-child
	{
		float:right;
	}
	#tblDetails
	{
		border: 1px solid #B5B5B5;
		border-radius: 10px;
		display: inline-block;
		margin: 0px 5% 5%;
		padding: 1% 0px 1% 1%;
		width: 89%;
	}
	
	.drawLine
	{
		margin-top:5px;		
		margin-bottom:5px;
		height:1px; 
		background-image:url('../images/seperator.gif'); 
		width: 98%;
		background-repeat:repeat-x;
	}
	.displine li
	{
		display:inline;
		
	}
	.para
	{
		margin-left:4.5%;
		font-size:12px;
	}
	#spnAlter
	{
		margin-left:2%;
	}
	.heading
	{
		font-size :large;
		font-weight:bolder;
		
	}
	#divContactInfo
	{
		width:100%;
		float:left;
	}
	#divContactInfo font
	{
		float:right;
		margin-right:3%;
	}
	
	#divContactInfo ul li,#trAltInfo ul li
	{
		float:left;
		min-width:33%;
		margin-bottom: 2%;
	}
	
	#divAlternameContacts
	{
		width:100%;
		float:left
	}
	#divPrivacyPolicy
	{
		margin:10px;
	}
	#divPrivacyPolicy p
	{
	 text-align:justify;
	 margin-right:35px;
	
	}
	#divPayment li img
	{
		float:right;
		margin-right:60%;
	}
	.height-10
	{
		height:10px;
		clear:both;
	}
	.TextHeading
	{
		font-weight: 600;
		font-size: 13px;
		color: white;
            font-family: "Open Sans";
		/*background-color: white;*/
		margin-right:1%;
	}
	.TxtBox
	{
		
	}
	#CboExpiryMonth
	{
		min-width:30px;
	}
	#CboExpiryYear
	{
		min-width:100px;
	}
	#divRentalAgreement,#divPrivacyPolicy
	{
		font-size:13px;
	}
	
		
	.Processing
	{
		display:none;
		float:left;
		margin-left:10px;
	}
	#divPrivacyPolicy li :nth-last-child(1)
	{
		
	}
	#divsubmit 
	{
		margin-left:35%;
	}
	#divsubmit div
	{
		text-align:center;
		float:left;
		margin-right:10px;		
	}

	/* ----------Satiz -------------*/
	.listclass li 
{
	margin-bottom:1%;
	vertical-align:top;
}

.dropdown 
{
position:relative;
font-family:"Open Sans";
font-size: 14px;
border-color:#696969;
width:99%;
z-index:1;
border: 0;
padding-top:3px;
}


.container {
border: 0;
position: relative; height: 26px; overflow: hidden; 
background-color:#FFFFFF;
z-index:0;
}


.outerdiv
{
	margin-left:0%;
padding-bottom:3px; padding-top:3px; display:inline-block;
background-color:#0d468d;
z-index:0;
margin-top:-36px;
width:100%;
color:white;
padding-bottom:12px;
}

.clsInput
{
	width:85%;
	margin-left:0%;
	font-size: 15px;
	height: 22px;

} 

#trInsuranceMulti ul li .lblInsName
{
	float:left;
	
}
#trInsuranceMulti ul li .ins
{
	float:left;
}

#trInsuranceMulti ul li .ins .outerdiv
{width:85%;
}

#divPayment .listclass .clsInput
{
	width:30%;
}

#divContactInfo ul li
{
}
#divContactInfo .outerdiv, #trAltInfo .outerdiv
{
	margin-left:0%;
	width:86%;
}

#divPayment .outerdiv
{
	margin-left:0%;
	width:30%;
}


#divPayment .dropdown 
{
	padding-left:0%;
}

#MthYear
{		width:33%;
}
		
#MthYear .outerdiv
{
	margin-left:0%;
	width:45%;
	
}

.clr
{
	clear:both;
}



}

/*added design change form kiosk by sathish on 3/28/18*/ 

/*.ImgNextUnitDetials{
    margin-top:533px;
        margin-left:21px;
}*/
.ImgNextContactInfoDetials{
  
        padding-top:15px;
      
}
.ImgNextContactInfoDetialsDown{
  
        /*padding-top:15px;*/
        border-radius:5px;      
        margin-top:16px;
}

.form-controlCust {
    display: block;
    /*width: 65%;*/
    width: 65%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-controlCust1 {
    display: block;
    /*width: 65%;*/
    width: 65%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-controlCustPayment {
    display: block;
    /*width: 65%;*/
    width: 90%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}









.form-control {
    display: block;
    width: 280px;
    height: 22px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.form-controldrp {
    display: block;
    width:65%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.form-controldrp:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }


    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}
.paymentHdr{
        border: none;
    background-color: #ffcc00;
    color: #0e468d;
    font-size: 20px;
  
    height: 35px;
    font-weight: 600;
}

.form-controldrp1 {
    
  /*width:32%;*/
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#ulRentalDetails{
    margin-left:8%;
}

.outerdivul{
width:794px;
float:left;
}
.divAlternameContacts{
    background-color:#0e468d;
}
.spnalternatecontact {
    position: relative;
    top: 11px;
    left: 15px;
    color: white;
    font-weight: bold;
    margin-left: 12px;
}

.BackSubButton{
        width: 550px;
    height: 125px;
    border: none;
    border-radius: 20px;
    font-size: 45px;
    color: #1855a0;
    font-weight: 700;
    cursor: pointer;
    background-color: gold;
    box-shadow: inset 7px 11px 2px #f9e05c;
}
#eSignatureContainer{
        background-color: #0e468d;
            color: white;
}
#CanESign{
    background-color:white;

}
#instHeading{
text-decoration: underline;
    padding-top: 15px;
}
.listseSignature{
        font-size: 15px;
}

.DivHomeButton
{
    float:right;
    margin-right:15px;
    margin-top:2%;
}
.DivBackButtonUnit{
    float:right;
    margin-right:19px;
    margin-top:2%;
}
.radio_list tr td 
	{
		display:inline-flex;
	}
.selectedHeader{
    width: 50%;
    margin-left:0px;
    margin-right:0px;
    padding: 10px;
    text-align: center;
    color: white;
    margin-left: 25%;
    margin-top: 10px;
        /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
            box-shadow: 2px 2px 8px 0 rgba(29, 31, 31, 0.83);
}
.tableButtonHolder{
    display:inline-flex;
        padding: 15px;
}
.tableButtonHolder1{
    display:inline-flex;
        padding: 15px;
        float: right;
    margin-right: 20px;
}
.merchandiseClass{
    width: 100%;
    border:0px none;
}
.headerCheckbox{
    text-align:center;
}
.merchandiseClass th{
    padding-top:4px;
    padding-bottom:4px;
}


                .merchandiseClass tr {
                    background-color: white;
                }

                    .merchandiseClass tr:nth-child(2n+1) {
                        background-color: #c1c1da;
                    }
#RentChargeDiv {
    border-radius: 15px;
    background-color: white;
    color: black;
    /*padding: 20px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
    box-shadow: -7px 7px 8px 0 rgba(0, 0, 0, 0.2);
    /*font-weight: 700;*/
    position: relative;
    left: 83px;
    /*height: 229px;*/
}

#RentChargeDivPayment {
    border-radius: 15px;
    background-color: white;
    color: black;
    /*padding: 20px;*/
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
    box-shadow: -7px 7px 8px 0 rgba(0, 0, 0, 0.2);
    /*font-weight: 700;*/
    position: relative;
    left: -84px;
    margin-bottom:0px!important;
    /*height: 229px;*/
}


                   #ddlInsScheme td{
                       padding-top:5px;

                   }

.buttonClassEf {
    /*position: absolute;*/
    
    display: inline-block;
    
    
    -webkit-border-radius: 10px;
/*box-shadow:2px 2px 2px black;*/
   box-shadow: 
         
      2px 7px rgb(29, 28, 28), 3px 3px rgb(47, 42, 42), 1px 3px rgb(37, 37, 37), 0px 7px rgb(19, 18, 18), 2px 4px rgb(43, 37, 37);
       
    
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
} 

.buttonClassEf span {
        width: 172px;
      background-color: #fdd91a;
    background-image: /* gloss gradient */ -webkit-gradient( linear, left bottom, left top, color-stop(50%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(100%,rgba(234, 95, 95, 0.2))), /* dark outside gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%,rgb(253, 217, 26)), color-stop(20%,rgba(210,210,210,0)), color-stop(80%,rgb(253, 217, 26)), color-stop(100%,rgb(228, 143, 16))), /* light inner gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%,rgba(0, 66, 134, 0)), color-stop(20%,rgb(253, 217, 26)), color-stop(80%,rgb(253, 217, 26)), color-stop(100%,rgb(253, 217, 26))), /* diagonal line pattern */ -webkit-gradient( linear, 0% 100%, 100% 0%, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,0)), color-stop(40%,#D2D2D1), color-stop(60%,#fdd91a), color-stop(60%,rgb(253, 217, 26)), color-stop(100%,rgb(255, 16, 16)));
    -webkit-box-shadow: 0px -1px #fff, /* top highlight */
 0px 1px 1px #FFFFFF;
    -webkit-background-size: 100%, 100%, 100%, 4px 4px;
    -webkit-border-radius: 10px;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    color: #0d468d;
    text-transform: uppercase;
    /*font-family: 'TradeGothicLTStd-BdCn20','PT Sans Narrow';*/
    font-weight: 550;
    font-size: 26px;
    text-shadow: 0px 1px #fdd91a, 0px -1px #77681b;
    cursor: pointer;
}


        /*.buttonClassEf span:hover {
            color: #AEBF3B;
            text-shadow: 0px -1px #97A63A;
            cursor: pointer;
        }*/

        .buttonClassEf:active {
            box-shadow: 
                0px 3px rgba(128,128,128,1),
                0px 4px rgba(118,118,118,1),
                0px 5px rgba(108,108,108,1),
                0px 6px rgba(98,98,98,1),
                0px 7px rgba(88,88,88,1),
                0px 8px rgba(78,78,78,1),
                0px 10px 2px 0px rgba(128,128,128,.6);
            -webkit-box-shadow: 
                0px 3px rgba(128,128,128,1),
                0px 4px rgba(118,118,118,1),
                0px 5px rgba(108,108,108,1),
                0px 6px rgba(98,98,98,1),
                0px 7px rgba(88,88,88,1),
                0px 8px rgba(78,78,78,1),
                0px 10px 2px 0px rgba(128,128,128,.6); /* shadow */
        }

        .buttonClassEf:active span{
            -webkit-transform: translate(0, 7px); /* depth of button press */
            transform: translate(0, 7px); 
        }


.buttonClassEfConfirm {
    /*position: absolute;*/
    display: inline-block;
    -webkit-border-radius: 10px;
    /*box-shadow:2px 2px 2px black;*/
    box-shadow: 2px 7px rgb(29, 28, 28), 3px 3px rgb(47, 42, 42), 1px 3px rgb(37, 37, 37), 0px 7px rgb(19, 18, 18), 2px 4px rgb(43, 37, 37);
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
}


    .buttonClassEfConfirm span {
        width: 143px;
        background-color: #fdd91a;
        background-image: /* gloss gradient */ -webkit-gradient( linear, left bottom, left top, color-stop(50%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.3)), color-stop(100%,rgba(234, 95, 95, 0.2))), /* dark outside gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%,rgb(253, 217, 26)), color-stop(20%,rgba(210,210,210,0)), color-stop(80%,rgb(253, 217, 26)), color-stop(100%,rgb(228, 143, 16))), /* light inner gradient */ -webkit-gradient( linear, left top, right top, color-stop(0%,rgba(0, 66, 134, 0)), color-stop(20%,rgb(253, 217, 26)), color-stop(80%,rgb(253, 217, 26)), color-stop(100%,rgb(253, 217, 26))), /* diagonal line pattern */ -webkit-gradient( linear, 0% 100%, 100% 0%, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,0)), color-stop(40%,#D2D2D1), color-stop(60%,#fdd91a), color-stop(60%,rgb(253, 217, 26)), color-stop(100%,rgb(255, 16, 16)));
        -webkit-box-shadow: 0px -1px #fff, /* top highlight */
        0px 1px 1px #FFFFFF;
        -webkit-background-size: 100%, 100%, 100%, 4px 4px;
        -webkit-border-radius: 10px;
        -webkit-transition: -webkit-transform .1s ease-in-out;
        display: inline-block;
        padding: 4px 40px 10px 40px;
        color: #0d468d;
        text-transform: uppercase;
        /*font-family: 'TradeGothicLTStd-BdCn20','PT Sans Narrow';*/
        font-weight: 550;
        font-size: 27px;
        text-shadow: 0px 1px #fdd91a, 0px -1px #77681b;
        cursor: pointer;
        height:51px;
    }

.buttonClassEfConfirm:active {
    box-shadow: 0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 10px 2px 0px rgba(128,128,128,.6);
    -webkit-box-shadow: 0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 10px 2px 0px rgba(128,128,128,.6); /* shadow */
}

    .buttonClassEfConfirm:active span {
        -webkit-transform: translate(0, 7px); /* depth of button press */
        transform: translate(0, 7px);
    }



    /*.buttonClassEf span:after {
        content: ">";
        display: block;
        width: 10px;
        height: 10px;
    
        position: absolute;
        right: 14px;
        top: 12px;    
        
        font-family: 'Cabin';
        font-weight: 700;
        color: #AEBF3B;
        text-shadow: 0px 1px #fff, 0px -1px #97A63A;
        font-size: 26px;
    }*/


    #CSCPopup{
    background-color: #323232;
    min-height: 530px;
    width: 76%;
    position: absolute;
    z-index: 100;
    border-radius: 10px;
    display: none;
    top: 20%;
    padding: 30px;
    color: #c7ecbe;
    left: 10%;
    overflow-y:scroll;

}
#CloseIcon{
       float: right;
    /* padding-right: 10px; */
    padding: 4px;
    font-size: 30px;
    color: snow;
    cursor: pointer;
    background-color: red;
    border-radius: 50%;
}


/*Code For BreadCrumbs*/

.wrapper {
    width: 600px;
    /*padding: 4px;*/
    /* margin: 20px auto; */
    background: #fdd91a;
}


.breadCrumbs {
  position: relative;
  font-size:17px;
}
#UlbreadCrumbs {
    font-size: 17px;
}

.breadCrumbs li {
  position: relative;
  float: left;
   animation: anim 0.5s ease;
}

.breadCrumbs li a,
.breadCrumbs li p {
  display: block;
  padding: 0 10px 0 30px;
  line-height: 55px;
  color: #fff;
  background: #3fabba;
}

.breadCrumbs li:first-child a {
  padding: 0 10px 0 20px;  
}

.breadCrumbs li a:hover {
  
}

.breadCrumbs li.activePage p,
.breadCrumbs li.activePage a {
  background: #0d468d !important;
}

    .breadCrumbs li:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #4991e9;
        z-index: 10;
    }

.breadCrumbs li.activePage:after {
  border-top: 30px solid transparent !important;
  border-bottom: 25px solid transparent !important;
  border-left: 20px solid #0d468d !important;
}

/* GIVE EVERY CHILD A DIFFERENT COLOR */
/*.breadCrumbs li:nth-child(1) a {
  background: #3fabba;
}

.breadCrumbs li:nth-child(1):after {
  border-left: 20px solid #3fabba;
}

.breadCrumbs li:nth-child(2) a {
  background: #46bdcd;
}

.breadCrumbs li:nth-child(2):after {
  border-left: 20px solid #46bdcd;
}

.breadCrumbs li:nth-child(3) a {
  background: #4bd0e2;
}

.breadCrumbs li:nth-child(3):after {
  border-left: 20px solid #4bd0e2;

}*/
    .breadCrumbs .Unit a {
        background: #2379e4;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .Unit:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #2379e4;
        z-index: 10;
    }
.breadCrumbs .UnitTypeSelect a{
        background: #323232;
            padding-left: 50px;
    padding-right: 40px;
     text-decoration:none;
}
.breadCrumbs .UnitTypeSelect:after{
       content: '';
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 20px solid #323232;
    z-index: 10;
}
    .breadCrumbs .UnitInfo a {
        background: #4991e9;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .UnitInfo:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #4991e9;
        z-index: 10;
    }
    .breadCrumbs .ContactInfo a {
        background: #2379e4;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .ContactInfo:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #2379e4;
        z-index: 10;
    }
    .breadCrumbs .Picture a {
        background: #4991e9;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .Picture:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid 20px solid #4991e9;
        z-index: 10;
    }
    .breadCrumbs .Payment a {
        background: #2379e4;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .Payment:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #2379e4;
        z-index: 10;
    }
    .breadCrumbs .eSignatue a {
        background: #4991e9;
        padding-left: 50px;
        padding-right: 40px;
        text-decoration: none;
    }
    .breadCrumbs .eSignatue:after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        display: block;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 20px solid #4991e9;
        z-index: 10;
    }
.breadCrumbs li.activePanel1 p,
.breadCrumbs li.activePanel1 a {
  background: #00b300 ;
}


.breadCrumbs li.activePanel1:after {
  border-top: 30px solid transparent ;
  border-bottom: 25px solid transparent ;
  border-left: 20px solid #00b300 ;
}

.breadCrumbs li.activePanel2 p,
.breadCrumbs li.activePanel2 a {
  background: #00cc00 ;
}


.breadCrumbs li.activePanel2:after {
  border-top: 30px solid transparent ;
  border-bottom: 25px solid transparent ;
  border-left: 20px solid #00cc00 ;
}
.camContainerCounter{
    display:none;
        text-align: center;
    margin-left: -85px;
    position: absolute;
    left: 350px;
    z-index: 100000;
}
#camCounter{
        /* padding: 20px; */
    padding: 15px 25px 15px 25px;
   
    background-color: red;
    font-size: 25px;
    color: whitesmoke;
    border-radius: 50%;
}

.containerLeaseContainer{
    display:none;
}



.containerLeaseContainer {
  position: absolute;
}

/* Hide the images by default */
.mySlides {
  display: none;
     max-width: 100%;
    max-height: 100%;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 30px;
    background-color: #ffffff;
    margin-top: -50px;
    color: red;
    font-weight: bold;
    font-size: 40px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}*/

/* Number text (1/3 etc) */
.numbertext {
  
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
      color: white;
    font-size: 20px;
    font-weight: 900;
    background-color: #3e4144;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}



/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /*padding-top: 100px;*/ /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
#CloseButton{
         float: right;
    padding: 15px;
    border-radius: 50%;
    font-size: 40px;
  
    cursor: pointer;
    margin-right: 20px;
    margin-top: 20px;
    color: red;
    background-color: whitesmoke;
}
#IdSizeImg1 {
    width: 80%;
}
#h1unitBlock {
    color: white;
    font-weight: bold;
    margin-left: -66px;
    text-align: center;
}
.DivMoveInDate {
    width: 240px;
    margin-left: auto;
    font-size: 23px;
    color: white;
    position: absolute;
    top: 65%;
    padding: 8px;
    margin-right: auto;
    border-radius: 8px;
}
.DivtxtMoveInDate {
    Width: 133px;
    Height:30px;
}
.LinkCapture {
    margin-top: 60%;
    text-align: center !important;
}
.Backpayment {
    text-align: center;
    padding-top: 10px;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}
@media only screen and (max-width: 1310px) {
    .form-controlCustPayment {
        width: 79% !important;
        font-size: 10px !important;
    }
    .LinkCapture {
        /*margin-left: 70px;*/
    }
    #RentChargeDivPayment {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .Backpayment {
        /*margin-left: -24px !important;*/
    }
    .DivtxtMoveInDate {
        width: 120px !important;
    }
    #divSubUnitInfo {
        width: 62% !important;
        margin-left:20%!important;
    }
    .DivMoveInDate {
        /*width: 195px !important;*/
        margin-left: -26px !important;
    }
    #h1unitBlock {
    }
    #IdSizeImg1 {
        width: 61% !important;
    }
    #RentChargeDivPayment {
        left: -10px!important;
    }
    .breadCrumbs {
        font-size: 14px !important;
    }

    #UlbreadCrumbs {
        font-size: 14px!important;
    }

    .breadCrumbs .UnitTypeSelect a {
        padding-left: 20px !important;
        padding-right: 10px !important;
    }

    .breadCrumbs .Unit a {
        padding-left: 30px !important;
        padding-right: 10px !important;
    }

    .breadCrumbs .UnitInfo a {
        padding-left: 29px !important;
        padding-right: 5px !important;
    }

    .breadCrumbs .ContactInfo a {
        padding-left: 29px !important;
        padding-right: 5px !important;
    }

    .breadCrumbs .Picture a {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .breadCrumbs .Payment a {
        padding-left: 29px !important;
        padding-right: 25px !important;
    }

    .breadCrumbs .eSignatue a {
        padding-left: 32px !important;
        padding-right: 17px !important;
    }
    .buttonClassEf span {
        width: 159px!important;
        font-size:27px!important;
    }
}
@media only screen and (max-width: 768px) {
   #video{
       transform:rotate(90deg);
   }
}