Untitled

<div ng-repeat="ds in Disaster">
		<div style="border: 1px solid #BCE0EA;height:auto;width: 95%;padding-top: 4px;padding-left: 4px;background-color: #E9EEF8;border: 1px solid #C1B4E1;"
		>
			
			<!-- Disaster Type start -->
			<div style="width: 30%;margin-left: 8px;margin-top: 8px;padding-bottom: 5px;">
										<span class="labelICR"
											style="float: right; font-size: 12px; margin-right: -7px;"  ng-hide="viewMode"
											>{{ds.disasterType.length+0}}
											of 100 </span> 
											<span style="font-weight: bold;" class="bcmLable"><span >Disaster Type</span></span><span style="font-weight: bold;"></span><span style="font-weight: bold;">:</span>
										<br />
										<textarea id="disasterType{{$index}}"  data-ng-disabled="viewMode"
											style="width: 100%; overflow-y: scroll; resize: none; height: 30px;overflow-x: hidden;white-space: pre-wrap"
											data-ng-model="ds.disasterType" maxlength="100"></textarea>			
										
				</div>


					<!-- Base Period (in Years): Type start -->
											<div  style="width: 14%;margin-top: -75px;float: right;margin-right: 526px;">
											<span class="bcmLable">Base Period (in Years):</span>
											<br/>
											<input type="text"  data-ng-disabled="viewMode"
													onkeypress="return isNumberKey(event)" maxlength="2"
													onpaste="return false"
													style="width: 36px; margin-left: 1px; margin-top: 2px; "
													ng-model="ds.basePeriod" id="basePeriod{{$index}}">						
											</div>
											
					<!-- Base Period (in Years): Type end -->


		
		<!-- Disaster Type end -->

		<!-- Remarks strt -->
			<div style="width: 40%;margin-left: 8px;padding-bottom: 5px;float: right;margin-right: 47px;margin-top: -75px;">
										<span class="labelICR"
											style="float: right; font-size: 12px; margin-right: -7px;" data-ng-hide="completeView || viewMode"
											>{{ds.remarks.length+0}}
											of 200 </span> 
											<span style="font-weight: bold;" class="bcmLable"><span>Remarks</span></span><span style="font-weight: bold;"></span><span style="font-weight: bold;">:</span>
										<br />
										<textarea id="remarks{{$index}}" data-ng-disabled="viewMode"
											style="width: 100%; overflow-y: scroll; resize: none; height: 30px;overflow-x: hidden;white-space: pre-wrap"
											data-ng-model="ds.remarks" maxlength="200"></textarea>
				</div>
				<!-- Remarks end -->