/* #battle-caluclation .accounts{
	width: 940px;
	margin: 0 auto;
	clear: both;
} */
	#battle-caluclation .accounts .add-repayment-wrap{
		width: auto;
		padding: 20px;
	}
	#battle-caluclation .accounts .add-replenishment-wrap{
		width: auto;
		padding: 20px;
	}
	#battle-caluclation .accounts .add-replenishment-wrap > .line{
		display: block;
	}
		#battle-caluclation .accounts .add-repayment-wrap > .title,
		#battle-caluclation .accounts .add-replenishment-wrap > .title{
			float: left;
			margin-bottom: 26px;
			font: 14px/17px Arial, sans-serif;
			color: #418cce;
			text-transform: uppercase;
		}
		#battle-caluclation .accounts .line{
			clear: both;
			margin-bottom: 13px;
		}
			#battle-caluclation .accounts p input{
				width: 86px;
				height: 30px;
				padding: 0 11px;
				float: left;
				margin-right: 10px;
				border: 1px solid #CDCDCD;
				font: 16px/30px Arial, sans-serif;
				color: #5a5a5a;
			}
			#battle-caluclation .accounts p input#replenishment-sum{
				font-size: 16px;
			}
			#battle-caluclation .accounts input[type="submit"]{
				background: #009ACF;
				display: block;
				width: 98px;
				height: 32px;
				margin-right: 0;
				padding: 0;
				border: 1px solid #00749C;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				font: bold 14px/30px Arial, sans-serif;
				color: #fff;
				text-shadow: 0px -1px 0px rgba(0, 115, 153, 1);
				cursor: pointer;
			}
			#battle-caluclation .accounts input[type="submit"]:hover{
				background: #65AFEF;
				border: 1px solid #418CCE;

				-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.49);
				-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.49);
				box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.49);
			}
			#battle-caluclation .accounts .line p{
				position: relative;
				display: block;
				float: left;
			}
				#battle-caluclation .accounts .line label.error{
					background: #fff;
					position: absolute;
					padding: 8px 4px 8px 9px;
					border: 2px solid #FF9043;
					border-radius: 2px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					font: 12px/14px Arial, sans-serif;
					color: #333333;
					z-index: 115;
					left: 0;
					top: 119%;
					width: 150px;
				}
				#battle-caluclation .accounts .line label.error:before,
				#battle-caluclation .accounts .line label.error:after{
					content: '';
					position: absolute;
					left: 13px;
					top: -13px;
					border: 6px solid transparent;
					border-bottom: 5px solid #FF9043;
				}
				#battle-caluclation .accounts .line label.error:after{
					border-bottom: 5px solid #fff;
					top: -10px;
				}

			#battle-caluclation .accounts .compare{
				/* width: 872px; */
				/* height: 77px; */
				padding: 13px 34px;
				clear: both;
				border: 1px solid #CDCDCD;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
			}
				#battle-caluclation .accounts .compare .text{
					margin-left: 72px;
					float: left;
					font: bold 30px/77px Arial, sans-serif;
					color: #cccccc;
					text-shadow: 0px -1px 0px rgba(179,179,179,1);
				}
				#battle-caluclation .accounts .compare a#btn-compare{
					background: url(../images/compare.png) 0 0 no-repeat;
					display: block;
					width: 381px;
					height: 80px;
					margin-left: 71px;
					float: left;
					text-align: center;
					text-decoration: none;
				}
				#battle-caluclation .accounts .compare a#btn-compare:not(.ajax):hover{
					background: url(../images/compare.png) 0 -80px no-repeat;
				}
				#battle-caluclation .accounts .compare a#btn-compare .ajax-loader{
					background: url(../images/ajax-loader.gif) no-repeat;
					display: block;
					width: 128px;
					height: 15px;
					margin: 30px auto 0;
				}
					#battle-caluclation .accounts .compare a#btn-compare .title{
						margin-top: 7px;
						font: bold 36px/39px Arial, sans-serif;
						color: #fff;
						text-shadow: 0px -1px 0px rgba(0,45,60,1);
					}
					#battle-caluclation .accounts .compare a#btn-compare .desc{
						font: 12px/14px Arial, sans-serif;
						color: #fff;
					}


			#battle-caluclation .accounts .line .select-wrap{
				background: #fff;
				position: relative;
				height: 32px;
				margin-right: 10px;
				float: left;
				border: none;
				font: 16px/18px Arial, sans-serif;
				color: #b2b2b2;
			}
				#battle-caluclation .accounts .line .selectbox {
					vertical-align: middle;
					cursor: pointer;
					position: relative;
					z-index: 2;
					background-color: #fff;
				}
				#battle-caluclation .accounts .line .selectbox .select {
					width: 53px;
					height: 30px;
					padding: 0 45px 0 10px;
					font: 16px/30px Arial, sans-serif;
					color: #b2b2b2;
					text-shadow: 1px 1px #FFF;
					border: 1px solid #ccc;
					background-color: #fff;
				}
				#battle-caluclation .accounts .line .selectbox .select:active {
					background: #f5f5f5;
					box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
				}
				#battle-caluclation .accounts .line .selectbox.focused .select {
					border: 1px solid #5794BF;
				}
				#battle-caluclation .accounts .line .selectbox .select .text {
					display: block;
					width: 100%;
					white-space: nowrap;
					text-overflow: clip;
					overflow: hidden;
					
					-webkit-user-select: none;  /* Chrome all / Safari all */
					-moz-user-select: none;     /* Firefox all */
					-ms-user-select: none;      /* IE 10+ */

					/* No support for these yet, use at own risk */
					-o-user-select: none;
					user-select: none;   
				}
				#battle-caluclation .accounts .line .selectbox .trigger {
					position: absolute;
					top: 0;
					right: 0;
					width: 30px;
					height: 100%;
					border-left: 1px solid #CCC;
					background-color: #fafafa;
				}
				#battle-caluclation .accounts .line .selectbox .trigger .arrow {
					position: absolute;
					top: 14px;
					right: 11px;
					border-left: 4px solid transparent;
					border-right: 4px solid transparent;
					border-top: 5px solid #000;
					width: 0;
					height: 0;
					overflow: hidden;
					opacity: 0.3;
					filter: alpha(opacity=30);
				}
				#battle-caluclation .accounts .line .selectbox:hover .arrow {
					opacity: 1;
					filter: alpha(opacity=100);
				}
				#battle-caluclation .accounts .line .selectbox .dropdown {
					top: 33px;
					width: 240px;
					margin: 0;
					padding: 4px 0;
					background: #FFF;
					border: 1px solid #C6CBD0;
					box-shadow: 0 2px 10px rgba(0,0,0,0.2);
					font: 16px/18px Arial, sans-serif;
					color: #b2b2b2;
				}
				#battle-caluclation .accounts .line .selectbox li {
					padding: 5px 10px 6px;
					color: #5a5a5a;
				}
				#battle-caluclation .accounts .line .selectbox li.selected {
					background: #A3ABB1;
					color: #FFF;
				}
				#battle-caluclation .accounts .line .selectbox li:hover {
					background: #009ACF;
					color: #FFF;
				}
				#battle-caluclation .accounts .line .selectbox li.disabled {
					color: #AAA;
				}
				#battle-caluclation .accounts .line .selectbox li.disabled:hover {
					background: none;
				}
			#battle-caluclation #right_list
						{
							float:right !important;
						}
			#battle-caluclation .accounts .accounts-list{
				position: relative;
				padding-left: 20px;
				padding-right: 20px;
			}
			
				#battle-caluclation .accounts .accounts-list .line{
					min-height: 32px;
					margin-bottom: 13px;
					padding-left: 10px;
					clear: both;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					width: auto;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flex;
					display: -o-flex;
					display: flex;
				}
				#battle-caluclation .accounts .accounts-list .line:hover{
					background: #C5FBCE;
				}
				#battle-caluclation .accounts .accounts-list .line-alert:hover{
					background: #ECFBBA;
				}
				#battle-caluclation .accounts .accounts-list .line .text{
					height: 32px;
					display: block;
					float: none;
				}
					#battle-caluclation .accounts .accounts-list .line .text span{
						font: 16px/30px Arial, sans-serif;
						letter-spacing: -0.2px;
						color: #5a5a5a;
						border-bottom: 1px dotted #5a5a5a;
					}
					#battle-caluclation .accounts .accounts-list .line .text input{
						position: relative;
						margin-left: -10px;
						height: 28px;
						padding: 0 9px;
						width: 90px;
					}
					#battle-caluclation .accounts .accounts-list .line .text label.error{
						margin-left: -10px;
					}
					#battle-caluclation .accounts .accounts-list .line .text.repayment-sum input{
						margin-left: -11px;
					}
					#battle-caluclation .accounts .accounts-list .line .text.repayment-sum  label.error{
						margin-left: -11px;
					}
					#battle-caluclation .accounts .accounts-list .line .text .selectbox{
						position: relative;
						margin-left: -12px;
						height: 28px;
					}
					#battle-caluclation .accounts .accounts-list .line .text.repayment-type  label.error{
						margin-left: -12px;
					}
				#battle-caluclation .accounts .accounts-list .line .text.repayment-date,
				#battle-caluclation .accounts .accounts-list .line .text.repayment-sum{
					width: 121px;
				}
				#battle-caluclation .accounts .accounts-list .line .text.repayment-type{
					width: 184px;
				}
				#battle-caluclation .accounts .accounts-list .line .text.repayment-date span,
				#battle-caluclation .accounts .accounts-list .line .text.repayment-sum span{
					height: 26px;
					display: block;
					overflow: hidden;
					float: left;
					max-width: 105px;
					white-space: nowrap;
				}
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-date span,
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-sum span{
					border-bottom: none;
				}
				#battle-caluclation .accounts .accounts-list .line .text.repayment-type span{
					height: 26px;
					display: block;
					overflow: hidden;
					float: left;
					max-width: 169px;
					white-space: nowrap;
				}
				#battle-caluclation .accounts .accounts-list .line .text.repayment-type span.selectbox{
					border-bottom: none;
					overflow: visible;
					height: auto;
					white-space: normal;
				}
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-date{
					width: 122px;
					margin-left: 41px;
				}
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-date span,
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-sum span{
					height: 26px;
					display: block;
					overflow: hidden;
					float: left;
					max-width: 149px;
					white-space: nowrap;
				}
				#battle-caluclation .accounts .accounts-list .line-alert .text.repayment-date span,
				#battle-caluclation .accounts .accounts-list .line-alert .text.repayment-sum span{
					color: #6cb44d;
				}
				#battle-caluclation .accounts .accounts-list .line .replenishment-alert{
					display: none;
					background: url(../images/lock.png) 0 6px no-repeat;
					padding-left: 18px;
					margin-left: 40px;
					float: left;
					font: 12px/32px Arial, sans-serif;
					color: #5a5a5a;
				}
				#battle-caluclation .accounts .accounts-list .line .text.replenishment-sum{
					width: 100px;
				}
				#battle-caluclation .accounts .accounts-list .line a.remove{
					background: url(../images/close.png) 0 0 no-repeat;
					display: block;
					float: left;
					margin-top: 10px;
					width: 12px;
					height: 12px;
				}
				#battle-caluclation .accounts .accounts-list .line a.remove:hover{
					background: url(../images/close.png) 0 -12px no-repeat;
				}
					#battle-caluclation .accounts .line.line-replenishment{
						width: 338px;
						margin-left: 472px;
						border-radius: 4px;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
					}
					#battle-caluclation .accounts .line-replenishment:hover{
						background: #C5FBCE;
					}
						#battle-caluclation .accounts .line-replenishment .replenishment-date{
							width: 111px !important;
							margin-left: 8px !important;
						}
						#battle-caluclation .accounts .line-replenishment .replenishment-date span,
						#battle-caluclation .accounts .line-replenishment .replenishment-sum span{
							border-bottom: 1px dashed #5a5a5a !important;
						}
						#battle-caluclation .accounts .line-replenishment .replenishment-sum span{
							margin-left: 12px;
						}
						#battle-caluclation .accounts .line-replenishment a.remove{
							background: url(../images/close.png) 0 0 no-repeat;
							display: block;
							margin-top: 10px;
							margin-left: 76px;
							padding-right: 10px;
							width: 12px;
							height: 12px;
						}
						#battle-caluclation .accounts .line-replenishment a.remove:hover{
							background: url(../images/close.png) 0 -12px no-repeat;
						}

@media (max-width: 1000px) {
	#battle-caluclation .accounts .accounts-list .line .text.repayment-date span, #battle-caluclation .accounts .accounts-list .line .text.repayment-sum span {
		float: none;
	}
	#battle-caluclation .accounts .accounts-list .line {
		display: block;
		margin-bottom: 0;
	}
	#battle-caluclation .accounts .accounts-list .line .text.repayment-date, #battle-caluclation .accounts .accounts-list .line .text.repayment-sum {
		width: auto;
	}
	#battle-caluclation .accounts .accounts-list .line:hover {
		background: none;
	}
	#battle-caluclation .accounts .accounts-list .line {
		padding: 10px 20px;
		border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	}
	#battle-caluclation .accounts .accounts-list .line .text {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		float: none;
		width: auto;
		height: auto;
	}
	#battle-caluclation .accounts .accounts-list .line .text.repayment-type {
		width: auto;
	}
	#battle-caluclation .accounts .accounts-list .line:first-child {
		border-top: 1px solid #CDCDCD;
	}
	#battle-caluclation .accounts .accounts-list .line a.remove {
		float: none;
		margin: 0;
	}
	#battle-caluclation.btl-calc #right_list {
	    float: none !important;
	}
}

@media (max-width: 450px) {
	#battle-caluclation .accounts .accounts-list {
		padding-left: 15px;
		padding-right: 15px;
	}
	#battle-caluclation .accounts .accounts-list .line {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 375px) {
	#battle-caluclation .accounts .accounts-list .line .text.repayment-type span {
		max-width: 130px;
	}
}