.hrm-vacation-rule{
	height: 100%;
}
.hrm-vacation-rule-form{
	padding: 0 2%;
	height:100%;

	.wea-search-group{
		.wea-content{
			padding:0 10%;
		}
	}

	.annualAmount{
		.wea-input-number{
			width:80px;
		}
	}
	.extensionEnable{
		p{
			display: inline-block;
			padding-left: 10px;
		}
		.wea-input-number{
			width:65px;
			margin: 0 5px;
		}
	}
	.expirationMonth{
		.wea-select{
			width: 70px;
			margin-right: 10px;
		}
	}
	.effectiveDays{
		.wea-input-number{
			width:80px;
		}
	}
	.effectiveMonths{
		.wea-input-number{
			width:80px;
		}
	}
	.extendedDays{
		display: inline-block;
    	vertical-align: middle;
	}
	.balance-payment{
		border: 1px solid #d9d9d9;

		.section{
			margin:20px;
			margin-bottom:10px;
			border-bottom: 1px solid #d9d9d9;
			padding-bottom: 10px;

			.wea-input-number{
				width:60px;
				margin: 0 10px;
			}
		}
		.payment{
			padding: 5px 20px;

			position:relative;

			.wea-input-number{
				width:60px;
				margin: 0 10px;
			}

			.del-button{
				position:absolute;
				top:12px;
				margin-left: 15px;
			}
		}
		.add-button-wrapper{
			padding-left: 20px;
		}
	}
	.compose-balance-payment{
		.rule-select{
			padding-bottom: 10px;
    		border-bottom: 1px solid #e0d5d5;

			.wea-select{
				width:100px;
			}
		}
		.header{
			background-color: #eeeeee;
    		padding: 7px;

			span{
				display:inline-block;
				span{
					margin-left:10px;
				}
			}
		}
		.rules{
			.rule{
				padding: 5px 0;
				span{
					display:inline-block;

					.wea-input-number {
						width:calc(~"95% - 20px");
					}
					
				}
				.legal{
					.wea-input-number {
						width:100%;
					}
				}
				.weafare{
					.wea-input-number {
						width:100%;
					}
				}
				.del-button{
					margin-left:5px;
				}
			}
		}
	}
	.isprovince{
		.wea-input-number ,
		.wea-field-readonly {
			margin: 0 6px;
		}
	}

	.isprovince-table{
		.wea-new-table{
			margin-top: 8px;
			border: 1px solid #d9d9d9;
			border-bottom: 0;
		}
	}

	.carryOverDays{
		.wea-input-number{
			width: 80px;
		}
	}
}

.hrm-vacation-province-form{
	padding: 16px 30px;

	.wea-form-item {
			min-height: 30px;
			padding-top: 8px;
			padding-bottom: 8px;
			box-sizing: content-box;
	}
}

.hrm-vacation-province-dialog{
	.wea-select .wea-select-input span{
		white-space: initial;
	}
	.wea-select .wea-select-input{
		white-space: initial;
	}
}