#send-email-dialog .dialog-container.loading .law-loader,
#send-email-dialog .dialog-container .sent-result {
	display: block;
}
#send-email-dialog .dialog-container .law-loader,
#send-email-dialog .dialog-container.loading .sent-result {
	display: none;
}
#send-email-dialog .dialog-container .law-loader {
	margin: 80px auto 0;
}
#send-email-dialog .dialog-container .sent-result-table {
	width: 100%;
}
#send-email-dialog .dialog-container .sent-result-table th,
#send-email-dialog .dialog-container .sent-result-table td {
	padding-bottom: 4px;
}
.my-payrolls-container {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.8);
}
.my-payrolls-container h4.page-title {
	margin: 10px;
}
.my-payrolls-container .my-payrolls-list {
	overflow: hidden;
}
.my-payrolls-container .my-payrolls-list .payroll {
	float: left;
	padding: 20px 36px;
	margin: 10px;
	width: 240px;
	background-color: #fff;
	color: #000;
	transition: all 0.1s;
}
.my-payrolls-container .my-payrolls-list .payroll:hover {
	transform: scale(1.05);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.my-payrolls-container .my-payrolls-list .payroll .document-title {
	font-size: 24px;
	text-align: center;
}
.my-payrolls-container .my-payrolls-list .payroll .payroll-title {
	text-align: center;
}
.my-payrolls-container .my-payrolls-list .payroll hr {
	margin: 20px auto;
}
.my-payrolls-container .my-payrolls-list .payroll .issue-date {
	margin-top: 72px;
	font-size: 12px;
	text-align: right;
}
#item-dialog .law-form .balance-earnings {
	border-left: 1px solid #ccc;
}
#item-dialog .law-form .balance .fieldname {
	font-weight: 600;
	text-align: right;
}
#item-dialog .law-form .balance input.balance-value {
	text-align: right;
	border: 0;
	background-color: transparent;
	box-shadow: none;
}
#item-dialog .leave-subform .fieldname {
	margin-bottom: -8px;
}
#item-dialog .leave-subform input[type="text"] {
	padding: 12px 4px;
	margin-top: 6px;
	margin-right: 6px;
	width: 30px;
}
#item-dialog .leave-subform input[type="text"]:not([name*="leave_reduction"]) {
	text-align: center;
	padding: 12px 1px;
}
#item-dialog .leave-subform input[type="text"]:last-child {
	margin-right: 0;
	width: 56px;
}
#item-dialog .leave-subform .fieldname {
	overflow: hidden;
}
#item-dialog .leave-subform .manual-leave-reduction {
	float: right;
}
#item-dialog .leave-subform .manual-leave-reduction label {
	margin-bottom: 0;
	transform: scale(0.8);
}
#item-dialog .law-form.gross-salary,
#item-dialog .law-form.summary {
	border-top: 1px solid #ccc;
}
#item-dialog .law-form.gross-salary .balance-value.earnings,
#item-dialog .law-form.summary .balance-value.earnings {
	font-weight: 600;
}
.taken-leave-history-container table.taken-leave-history {
	width: 100%;
}
.taken-leave-history-container table.taken-leave-history th,
.taken-leave-history-container table.taken-leave-history tfoot td {
	background-color: #333 !important;
	color: #fff;
	font-weight: 600;
}
.taken-leave-history-container table.taken-leave-history th,
.taken-leave-history-container table.taken-leave-history td {
	padding: 2px 4px;
	vertical-align: top;
}
.taken-leave-history-container table.taken-leave-history th.date,
.taken-leave-history-container table.taken-leave-history td.date {
	width: 25%;
	text-align: center;
}
.taken-leave-history-container table.taken-leave-history th.days,
.taken-leave-history-container table.taken-leave-history td.days {
	width: 15%;
	text-align: right;
}
.taken-leave-history-container table.taken-leave-history th.reason,
.taken-leave-history-container table.taken-leave-history td.reason {
	width: 60%;
}
.taken-leave-history-container table.taken-leave-history tr:nth-child(odd) td {
	background-color: #f3f3f3;
}
.taken-leave-history-container table.taken-leave-history tfoot td.date {
	text-align: right;
	font-weight: 600;
}
.taken-leave-history-container table.taken-leave-history tfoot td.date {
	font-weight: 600;
}
.taken-leave-history-container table.taken-leave-history .reason-container {
	/* width: 330px; */
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	/* white-space: nowrap; */
}