button > i,
a > i {
	pointer-events: none;
}

.wizard > .steps .current-info, .wizard > .steps .number {
	display: none;
}

#wizardHoSoTiepNhan {
	background: #fff;
	padding-top: 35px;
}

.steps {
	margin-bottom: 10px;
}

	.steps ul {
		display: flex;
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0;
	}

		.steps ul li {
			width: 7%;
			margin-right: 10px;
		}

			.steps ul li a {
				display: inline-block;
				width: 100%;
				height: 7px;
				background: #e6e6e6;
				border-radius: 3.5px;
				text-decoration: none;
			}

			.steps ul li.disabled a{
				cursor: default;
			}

				.steps ul li a:focus-visible{
					outline: none
				}

				.steps ul li.first a, .steps ul li.checked a {
					background: var(--primary-color);
					transition: all 0.5s ease;
				}

		.steps ul:before {
			content: attr(data-content);
			font-size: 1.2em;
			color: #333;
			top: -20px;
			position: absolute;
		}

.form-control {
	height: 42px;
	width: 100%;
	padding: 0 18px;
}

.select2-selection {
	height: 42px !important;
	/*border: 1px solid #e6e6e6 !important;*/
	/*background: none;*/
	width: 100%;
	padding: 0 18px;
}

.select2-selection__rendered {
	line-height: 40px !important;
	text-align: center
}

.select2-selection__arrow {
	height: 40px !important
}

.select2-selection.is-invalid {
	border: 1px solid #ff5a5f !important;
	padding-right: calc(1.7em + 0.75rem ) !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	background-repeat: no-repeat;
	background-position: right calc(0.425em + 0.1875rem ) center;
	background-size: calc(0.85em + 0.375rem ) calc(0.85em + 0.375rem );
}


	.select2-selection.is-invalid .select2-selection__arrow {
		display: none !important;
	}

.select2-dropdown {
	outline: 0;
}

	.select2-dropdown .select2-search__field:focus {
		/*border-color: #f3d4b7 !important;*/
		outline: 0;
	}

	.select2-dropdown .select2-results__options::-webkit-scrollbar {
		-webkit-appearance: none;
	}

		.select2-dropdown .select2-results__options::-webkit-scrollbar:vertical {
			width: 5px;
		}

		.select2-dropdown .select2-results__options::-webkit-scrollbar:horizontal {
			height: 5px;
		}

	.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .2);
		border-radius: 5px;
		border: 1px solid #ffffff;
	}

	.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #ffffff;
	}

.form-control:focus {
	border-color: #f3d4b7;
}

.form-control::-webkit-input-placeholder {
	color: #999;
	font-size: 13px;
}

.form-control::-moz-placeholder {
	color: #999;
	font-size: 13px;
}

.form-control:-ms-input-placeholder {
	color: #999;
	font-size: 13px;
}

.form-control:-moz-placeholder {
	color: #999;
	font-size: 13px;
}

textarea.form-control {
	padding-top: 11px;
	padding-bottom: 11px;
}

.option {
	color: #999;
}

input[type="radio"] ~ .custom-control-label {
	cursor: pointer
}

.actions ul {
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
	list-style: none;
	padding-left: 0px;
}

.actions li a {
	padding: 0;
	border: none;
	display: inline-flex;
	height: 51px;
	width: 135px;
	align-items: center;
	background: var(--primary-color);
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	color: var(--primary-button-color);
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	font-weight: 400;
	text-decoration: none;
}

	.actions li a:before {
		content: '\f061';
		position: absolute;
		top: 14px;
		right: 30px;
		font-family: "Font Awesome 5 Pro";
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.actions li a:hover {
		background: rgba(var(--primary-color-rgb),0.85);
	}

		.actions li a:hover:before {
			-webkit-animation-name: hvr-icon-wobble-horizontal;
			animation-name: hvr-icon-wobble-horizontal;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}

.actions li[aria-disabled="true"] a {
	display: none;
}

.actions li:first-child a {
	background: #e6e6e6;
	padding-left: 48px;
}

	.actions li:first-child a:before {
		content: '\f060';
		left: 26px;
	}

	.actions li:first-child a:hover {
		background: #ccc;
	}

.actions li:last-child a {
	padding-left: 29px;
	width: 167px;
	font-weight: 400;
}

	.actions li:last-child a:before {
		right: 30px;
	}


@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (max-width: 1500px) {
	.wrapper {
		height: auto;
	}
}

@media (max-width: 1199px) {
	.wrapper {
		height: 100vh;
	}

	#wizard {
		margin-right: 40px;
		min-height: 829px;
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (max-width: 991px) {
	.wrapper {
		justify-content: center;
	}

		.wrapper .image-holder {
			display: none;
		}

		.wrapper form {
			width: 60%;
		}

	#wizard {
		margin-right: 0;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 767px) {
	.wrapper {
		height: auto;
		display: block;
	}

		.wrapper .image-holder {
			width: 100%;
			display: block;
		}

		.wrapper form {
			width: 100%;
		}

	#wizard {
		min-height: unset;
		padding: 70px 20px 40px;
	}

	.form-row.form-group {
		display: block;
	}

		.form-row.form-group .form-holder {
			width: 100%;
			margin-right: 0;
			margin-bottom: 24px;
		}

	.item .purchase {
		margin-left: 11px;
	}
	
	.actions li a:before {
		top: 11px;
	}

}


.list-thutuchanhchinh {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

	.list-thutuchanhchinh li {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		border-bottom: 1px solid #dee2e6;
	}


		.list-thutuchanhchinh li:last-child {
			border-bottom: 0;
		}

		.list-thutuchanhchinh li input[type=radio] {
			position: absolute;
			visibility: hidden;
		}

		.list-thutuchanhchinh li label {
			display: block;
			position: relative;
			font-size: 1em;
			padding: 15px 25px 15px 80px;
			margin: 0px auto;
			z-index: 9;
			cursor: pointer;
			text-align: justify
		}

		.list-thutuchanhchinh li:hover label {
			color: #666;
		}

		.list-thutuchanhchinh li .check {
			display: block;
			position: absolute;
			border: 5px solid #e6e6e6;
			border-radius: 100%;
			height: 30px;
			width: 30px;
			top: calc(50% - 15px);
			left: 20px;
			z-index: 5;
			transition: border .25s linear;
			-webkit-transition: border .25s linear;
		}

		.list-thutuchanhchinh li .check-icon {
			position: absolute;
			top: calc(50% - 27px);
			left: 20px;
			z-index: 5;
			transition: color .25s linear;
			-webkit-transition: color .25s linear;
			color: #e6e6e6
		}
			.list-thutuchanhchinh li .check-icon:before {
				content: '\f058' !important;
				font-size: 2rem;
				font-weight: 300;
				font-family: "Font Awesome 5 Pro";
			}

		.list-thutuchanhchinh li:hover .check-icon {
			color: rgba(var(--primary-color-rgb), 0.5);
			/*color: #14A098*/
		}

	.list-thutuchanhchinh input[type=radio]:checked ~ .check-icon {
		color: var(--primary-color);
	}

		.list-thutuchanhchinh input[type=radio]:checked ~ .check-icon:before {
			/*content: '\f14a' !important;*/
			font-weight: 900;
		}

	.list-thutuchanhchinh input[type=radio]:checked ~ label {
		/*color: #ff5a5f;*/
		font-weight: 500
	}


.search-wrapper {
	display: inline-block;
	position: relative;
	height: 30px;
	float: right;
	padding: 0;
}

.search-wrapper input[type="text"] {
	height: 30px;
	font-size: 1rem;
	display: inline-block;
	border: none;
	outline: none;
	color: #555;
	padding: 3px;
	padding-right: 50px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
}

	.search-wrapper input[type="text"]:focus:hover {
		border-bottom: 1px solid #dee2e6;
	}

	.search-wrapper input[type="text"]:focus {
		width: 350px;
		z-index: 1;
		border-bottom: 1px solid #dee2e6;
		cursor: text;
	}

	.search-wrapper span {
		height: 30px;
		width: 30px;
		display: inline-block;
		padding: 4px 6px;
		float: right;
		border: none;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		cursor: pointer;
		opacity: 0.4;
		cursor: pointer;
		transition: opacity .4s ease;
	}

.search-wrapper span:hover {
	opacity: 0.8;
}

.form-search .input-group {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	background: #fff;
}

.form-search .form-control {
	height: 40px;
	width: 350px;
	border-radius:0
}

.form-search .form-control:focus {
	background: 0 0;
	box-shadow: none;
	border-color: #dee2e6;
	outline: 0;
}

.form-search .input-group-append {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	font-size: 20px;
	margin-left: 0;
	z-index:3
}

.form-search .input-group-append:hover, 
.form-search .input-group-append:focus,
.form-search .input-group-append:active {
	border: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #000;
}
/* STEP 2*/

.item-thuadat {
	background-color: #fff;
	position: relative;
	display: flow-root;
	flex-direction: column;
	word-wrap: break-word;
	padding: 1.25rem;
	margin-bottom: 15px;
	box-shadow: 0 2px 4px rgba(0,0,0, .2);
	cursor: pointer;
}

	.item-thuadat.selected {
		background-color: #f0f2f3;
		box-shadow: none !important;
	}

	.item-thuadat:not(.selected):hover {
		box-shadow: 0 5px 10px rgba(0,0,0,.15);
	}

	.item-thuadat:last-child {
		margin-bottom: 0px
	}

	.item-thuadat .info {
		display: flex;
		float: left;
	}

		.item-thuadat .info[name="soToSoThua"] {
			width: 25%;
		}

		.item-thuadat .info[name="tenXa"] {
			width: 50%
		}

		.item-thuadat .info[name="dienTich"] {
			width: 25%
		}

		.item-thuadat .info[name="diaChi"] {
			width: 100%;
			padding-top: 1rem;
			margin-top: 10px;
			border-top: 1px solid #dee2e6;
			clear: both;
		}

		.item-thuadat .info .icon {
			font-size: 18px;
			margin-right: 1rem;
		}

	.item-thuadat .info[name="dienTich"] .value {
		margin-right: 5px;
	}

			.item-thuadat .info .icon:before {
				font-family: "Font Awesome 5 Pro";
			}

		.item-thuadat .info[name="soToSoThua"] .icon:before {
			content: '\f05a';
		}

		.item-thuadat .info[name="tenXa"] .icon:before {
			content: '\f277';
		}

		.item-thuadat .info[name="dienTich"] .icon:before {
			content: '\f0c8';
		}

		.item-thuadat .info[name="diaChi"] .icon:before {
			content: '\f3c5';
		}

#tblThongTinThuaDat tr td {
	text-align: left;
	vertical-align: middle;
}


	#tblThongTinThuaDat tr td:nth-child(1) {
		width: 30px;
		text-align: center
	}

	#tblThongTinThuaDat tr td:nth-child(2) {
		text-align: left;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#tblThongTinThuaDat tr td:nth-child(4) {
		min-width: 200px
	}


/*input[name="phuongThucNhanThongTin"]:checked ~ .custom-control-label {
	font-weight:600
}
input[name="phuongThucNhanThongTin"]:checked ~ .custom-control-label::before {
	background: 0 0;
	border-color: #14A098 !important;
}

input[name="phuongThucNhanThongTin"]:checked ~ .custom-control-label::after {
	background-image: none;
	background: #14A098 !important;
	top: 0.6rem !important;
}

input[name="phuongThucNhanThongTin"]:checked ~ .form-check-label::before {
	background: 0 0;
	border-color: #14A098 !important;
}

input[name="phuongThucNhanThongTin"]:checked ~ .form-check-label::after {
	background-image: none;
	background: #14A098 !important;
	top: 0.6rem !important;
}*/
/*STEP 3*/

#tblGiayToDinhKem thead {
	background: #e6e6e6;
}

#tblGiayToDinhKem tr th,
#tblGiayToDinhKem tr td {
	text-align: center;
	vertical-align: middle;
}

	#tblGiayToDinhKem tr th:first-child {
		width: 50px;
	}
	#tblGiayToDinhKem tr th:nth-child(2){
		text-align:left;
		padding-left:0
	}

	#tblGiayToDinhKem tr td.icon-file {
		color: #e6e6e6;
		width: 50px;
		font-size: 30px
	}

#tblGiayToDinhKem tr.valid td.icon-file {
	color: #1da1f2;
}

#tblGiayToDinhKem tr td[name="tenGiayTo"] {
	text-align: left;
	padding-left: 0 !important;
}

#tblGiayToDinhKem tr.valid td[name="tenGiayTo"] {
	font-weight: bold;
}

#tblGiayToDinhKem tr th:nth-child(3),
#tblGiayToDinhKem tr th:nth-child(4) {
	width: 140px;
}

#tblGiayToDinhKem tr td[name="soBanChinh"],
#tblGiayToDinhKem tr td[name="soBanSao"] {
	width: 140px;
	padding: 22px 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#tblGiayToDinhKem tr th:nth-child(5) {
	width: 200px
}

#tblGiayToDinhKem tr td:nth-child(5) {
	width: 200px
}

#tblGiayToDinhKem tr:hover td:nth-child(5) a {
	display: inline-block
}

#tblGiayToDinhKem tr td:nth-child(5) a.btnView,
#tblGiayToDinhKem tr td:nth-child(5) a.btnDelete {
	display: none
}

#tblGiayToDinhKem tr.valid td:nth-child(5) a.btnView,
#tblGiayToDinhKem tr.valid td:nth-child(5) a.btnDelete {
	display: inline-block;
}

/*#tblGiayToDinhKem tr.valid:hover td:nth-child(5) a.btnView,
#tblGiayToDinhKem tr.valid:hover td:nth-child(5) a.btnDelete {
	display: inline-block;
}
*/

#tblGiayToDinhKem input[type=number] {
	float: left;
	width: 50px;
	height: 35px;
	padding: 0;
	text-align: center;
	border: 1px #dee2e6 solid;
	background: none;
	outline: none;
	pointer-events: none;
}

#tblGiayToDinhKem span.quantity {
	height: 40px;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

	#tblGiayToDinhKem span.quantity > .sub,
	#tblGiayToDinhKem span.quantity > .add {
		float: left;
		display: block;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 33px;
		/*color: #93504C;*/
		border: 1px #dee2e6 solid;
		border-right: 0;
		border-radius: 2px 0 0 2px;
		cursor: pointer;
		transition: 0.1s linear;
		-o-transition: 0.1s linear;
		-ms-transition: 0.1s linear;
		-moz-transition: 0.1s linear;
		-webkit-transition: 0.1s linear;
	}

	#tblGiayToDinhKem span.quantity > .add {
		top: 0;
		border: 1px #dee2e6 solid;
		border-left: 0;
		border-radius: 0 2px 2px 0;
	}

		#tblGiayToDinhKem tr.valid span.quantity > .sub:hover,
		#tblGiayToDinhKem tr.valid span.quantity > .add:hover {
			background: #9FEDD7;
			color: #fff;
		}

#tblGiayToDinhKem input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

#tblGiayToDinhKem tr.giaytodinhkem.saved td.icon-file > i {
	display: block;
}

#tblGiayToDinhKem tr.giaytodinhkem.saved td.icon-file > a {
	display: none;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	font-size: 18px !important;
	color: rgb(246,78,96);
	justify-content:center;
	align-items:center;
	text-decoration: none !important;
}

	#tblGiayToDinhKem tr.giaytodinhkem.saved td.icon-file > a:hover > i {
		color: var(--red);
		font-weight: 600 !important;
	}

#tblGiayToDinhKem tr.giaytodinhkem.saved:hover td.icon-file > i {
	display: none;
}

#tblGiayToDinhKem tr.giaytodinhkem.saved:hover td.icon-file > a {
	display: flex;
}

#tblGiayToDinhKem tr.giaytodinhkem td[name="tenGiayTo"] input {
	width: 100%;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: none;
	background: transparent;
}

#tblGiayToDinhKem tr.giaytodinhkem td.group-button a:first-child {
	margin-right: 10px;
}

#tblGiayToDinhKem tr.row-action {
	height: 50px
}

	#tblGiayToDinhKem tr.row-action td {
		padding: 0;
		width: 100%;
		height: 100%;
	}

#tblGiayToDinhKem tr.row-action td a{
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: block;
	padding: 0.75rem
}

	#tblGiayToDinhKem tr.row-action td a:hover {
		font-weight: 600;
		color: var(--primary-color)
	}

@media only screen and (max-width: 767px) {
	#tblGiayToDinhKem thead {
		display: none;
	}

	#tblGiayToDinhKem tbody {
		display: block;
	}

		#tblGiayToDinhKem tbody tr {
			display: block;
			position: relative;
			padding: 10px;
			border: 1px solid #f5f5f5;
			height: 100px;
		}

			#tblGiayToDinhKem tbody tr td {
				display: flex;
				border-top: none;
				padding: 0 !important;
				margin-bottom: 5px;
				justify-content: left !important;
				align-items: start;
				font-size: 0.9em
			}

				#tblGiayToDinhKem tbody tr td:first-child {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					width: 50px !important;
					justify-content: center !important;
				}

				#tblGiayToDinhKem tbody tr td:not(:first-child) {
					padding-top: 25px !important;
					position: relative;
					text-align: left;
					display: inline-flex;
					position: absolute;
					top: 35px;
				}

					#tblGiayToDinhKem tbody tr td:not(:first-child):before {
						content: '';
						display: block;
						top: 0;
						position: absolute;
						font-weight: normal
					}

				#tblGiayToDinhKem tbody tr td[name="tenGiayTo"] {
					position: relative;
					padding-top: 0px !important;
					align-items: start;
					margin-left: 60px;
					width: calc(100% - 50px);
					display: flex;
					top: 0;
				}

	/*#tblGiayToDinhKem tbody tr td[name="tenGiayTo"]:before {
					content: 'Tên giấy tờ'
				}*/

	#tblGiayToDinhKem tr td[name="soBanChinh"] {
		left: 70px
	}

	#tblGiayToDinhKem tbody tr td[name="soBanChinh"]:before {
		content: 'Số bản chính';
	}

	#tblGiayToDinhKem tbody tr td[name="soBanSao"] {
		left: calc(50% + 70px);
		transform: translate(-50%)
	}

		#tblGiayToDinhKem tbody tr td[name="soBanSao"]:before {
			content: 'Số bản sao'
		}

	#tblGiayToDinhKem tbody tr td:last-of-type:before {
		content: 'Tập tin'
	}


	#tblGiayToDinhKem tbody tr td:last-of-type {
		right: 10px;
	}

	#tblGiayToDinhKem tbody tr td:last-of-type {
		width: auto;
		height: 58px;
		min-width: 98px;
	}

		#tblGiayToDinhKem tbody tr td:last-of-type .button-square {
			margin-left: 7px;
			height: 28px;
			width: 28px;
			line-height: 22px;
		}

			#tblGiayToDinhKem tbody tr td:last-of-type .button-square i {
				line-height: 22px;
				font-size: 0.9em
			}

			#tblGiayToDinhKem tbody tr td:last-of-type .button-square:first-of-type {
				margin-left: 0;
			}

	#tblGiayToDinhKem span.quantity {
		height: 33px;
	}

		#tblGiayToDinhKem span.quantity > .sub,
		#tblGiayToDinhKem span.quantity > .add {
			width: 28px;
			height: 28px;
			line-height: 22px;
		}

	#tblGiayToDinhKem input[type=number] {
		width: 42px;
		height: 28px;
		font-size: 0.9em;
	}
	
	#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved){
		display: flex;
		flex-direction: row;
		height:auto;
		justify-content:center;
		align-items:center;
	}

		#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td {
			position: relative;
			top:0;
			left:0;
			transform: none;
		}

			#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td:before{
				content: '' !important;
				display: none;
			}

			#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="tenGiayTo"] {
				flex: 1;
				margin-left: 0;
				padding-right: 10px !important;
			}	

		#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="soBanChinh"],
		#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="soBanSao"] {
			display: none;
		}

		#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) .group-button{
			padding-top:0 !important;
			justify-content:center;
			align-items:center;
			height:auto;
			margin-bottom: 0;
		}

		#tblGiayToDinhKem tbody tr.row-action td {
			width: 100% !important;
			height: 100% !important;
		}

	#tblGiayToDinhKem tbody tr.row-action td:before{
		content: '';
		display: none;
	}
}

@media only screen and (max-width: 510px) {

	#tblGiayToDinhKem tbody tr {
		height: auto;
	}

		#tblGiayToDinhKem tbody tr td {
			display: flex;
			width: calc(100% - 50px) !important;
			border-top: none;
			padding: 0 !important;
			margin-bottom: 5px;
			justify-content: left !important;
			align-items: center;
		}

			#tblGiayToDinhKem tbody tr td:first-child {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 50px !important;
				justify-content: center !important;
			}

			#tblGiayToDinhKem tbody tr td:not(:first-child) {
				margin-left: 60px;
				padding-left: 110px !important;
				padding-top: 0px !important;
				position: relative;
				text-align: left;
				top: 0;
				left: 0 !important;
			}

				#tblGiayToDinhKem tbody tr td:not(:first-child):before {
					left: 0;
				}

			#tblGiayToDinhKem tbody tr td[name="tenGiayTo"] {
				padding-left: 0px !important;
				margin-bottom: 15px
			}

			#tblGiayToDinhKem tbody tr td[name="soBanSao"] {
				transform: translate(0);
			}

			#tblGiayToDinhKem tbody tr td:last-of-type {
				width: auto;
				height: auto;
				min-width: 98px;
			}

				#tblGiayToDinhKem tbody tr td:last-of-type .button-square {
					margin-left: 7px;
				}

					#tblGiayToDinhKem tbody tr td:last-of-type .button-square:first-of-type {
						margin-left: 0;
					}


		#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) {
			display: flex;
			flex-direction: row;
			height: auto;
			justify-content: center;
			align-items: center;
		}

			#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td {
				position: relative;
				top: 0;
				left: 0;
				transform: none;
				margin: 0 !important;
				padding: 0 !important;
			}

				#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td:before {
					content: '' !important;
					display: none;
				}

				#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="tenGiayTo"] {
					flex: 1;
					margin-left: 0;
					padding-right: 10px;
				}

				#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="soBanChinh"],
				#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) td[name="soBanSao"] {
					display: none;
				}

			#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) .group-button {
				padding-top: 0 !important;
				justify-content: center;
				align-items: center;
				height: auto;
				margin-bottom: 0;
				width: auto !important;
				min-width: auto;
			}

			#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) .group-button a{
				font-size: 0;
			}

				#tblGiayToDinhKem tbody tr.giaytodinhkem:not(.saved) .group-button a i{
					font-size: 1rem;
				}

		#tblGiayToDinhKem tbody tr.row-action td {
			width: 100% !important;
			height: 100% !important;
		}

	#tblGiayToDinhKem tbody tr.row-action td {
		width: 100% !important;
		height: 100% !important;
	}
}

.button-square {
	border: 1px solid transparent;
	border-radius: 2px;
	width: 35px;
	height: 35px;
	display: inline-block;
	line-height: 33px;
	margin-left: 10px;
	text-align: center;
	background-color: transparent;
	color: #999;
	border-color: #dee2e6;
}

	.button-square:first-child {
		margin-left: 0 !important
	}

	.button-square i {
		line-height: 33px
	}

	.button-square:hover {
		color: #fff !important;
	}

	.button-square.info:hover {
		background-color: #1da1f2;
	}

	/*.button-square.info {
		color: #1da1f2;
		border-color: #1da1f2;
	}*/

	.button-square.success:hover {
		background-color: #14A098;
	}

	/*.button-square.success {
		color: #74b100;
		border-color: #74b100;
	}*/

	.button-square.danger:hover {
		background: #ff5a5f
	}
/*
	.button-square.danger {
		color: #900;
		border-color: #900;
	}*/


.dangky-summary .info-item .label {
	-webkit-box-flex: 0;
	flex: 0 0 35%;
	max-width: 35%;
}

.dangky-summary .info-item .value {
	-webkit-box-flex: 0;
	flex: 0 0 65%;
	max-width: 65%;
	text-align:right;
}

.dangky-summary ul.list-thuadat {
	color: #000 !important;
	padding-left: 15px
}

	.dangky-summary ul.list-thuadat li {
		border: 0;
		text-align: justify
	}

	.dangky-summary ul.list-thuadat li span > i{
		color: #999;
	}

.dangky-summary .phuongthucnhanthongtin-info p{
	padding-left:15px;
	color:#000;
}
	.dangky-summary .phuongthucnhanthongtin-info p > i {
		margin-right: 0.625rem
	}

.thutuchanhchinh-summary > p {
	text-align: justify;
}

.thutuchanhchinh-summary .list-inline {
	border-top: 1px solid #dee2e6;
	padding-top: 1rem;
	margin-bottom: 0;
}

	.thutuchanhchinh-summary .list-inline li {
		border-right: 1px solid #dee2e6;
		padding-right: 1rem;
		margin-right: 1rem
	}

		.thutuchanhchinh-summary .list-inline li > i {
			margin-right: 5px
		}

		.thutuchanhchinh-summary .list-inline li:last-child {
			border-right: 0;
			padding-right: 0;
			margin-right: 0
		}

#tblSummaryGiayToDinhKem thead {
	background: #e6e6e6
}

#tblSummaryGiayToDinhKem tr td,
#tblSummaryGiayToDinhKem tr th {
	text-align: center;
	vertical-align: middle
}

	#tblSummaryGiayToDinhKem tr th:nth-child(2),
	#tblSummaryGiayToDinhKem tr td:nth-child(2) {
		text-align: left;
		padding-left: 0 !important;
	}

	#tblSummaryGiayToDinhKem tr th:nth-child(1),
	#tblSummaryGiayToDinhKem tr td:nth-child(1) {
		width: 50px;
		font-size: 30px;
		color: #e6e6e6;
	}

	#tblSummaryGiayToDinhKem tr.valid td:nth-child(1) {
		color: #1da1f2;
	}

	#tblSummaryGiayToDinhKem tr th:nth-child(3),
	#tblSummaryGiayToDinhKem tr td:nth-child(3) {
		width: 130px
	}

	#tblSummaryGiayToDinhKem tr th:nth-child(4),
	#tblSummaryGiayToDinhKem tr td:nth-child(4) {
		width: 130px
	}

	#tblSummaryGiayToDinhKem tr th:nth-child(5),
	#tblSummaryGiayToDinhKem tr td:nth-child(5) {
		width: 50px
	}


.custom-overflow {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #ddd #f5f5f5;
}

	.custom-overflow::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}

	.custom-overflow::-webkit-scrollbar-track {
		background: #f5f5f5;
	}

	.custom-overflow::-webkit-scrollbar-thumb {
		background-color: #ddd;
		border-radius: 20px;
		border: 0px solid #f5f5f5;
	}



.nophoso-wapper {
	font-size: 13px;
	height: calc(100vh - 115px);
}
	.nophoso-wapper .main-content {
		height: 100%;
	}

	.nophoso-wapper .VModule{
		height:100%;
	}

	.nophoso-wapper #wpNopHoSo{
		height:100%;
	}

		.nophoso-wapper #wpNopHoSo .content {
			height: calc(100% - 110px);
			overflow: auto;
			overflow-x: hidden;
		}

			.nophoso-wapper #wpNopHoSo .content::-webkit-scrollbar {
				width: 4px;
				height: 4px;
			}

			.nophoso-wapper #wpNopHoSo .content::-webkit-scrollbar-track {
				background: #f5f5f5;
			}

			.nophoso-wapper #wpNopHoSo .content::-webkit-scrollbar-thumb {
				background-color: #ddd;
				border-radius: 20px;
				border: 0px solid #f5f5f5;
			}

	.nophoso-wapper #wizardHoSoTiepNhan {
		height: calc(100% - 30px);
	}

	.nophoso-wapper .nop-ho-so-title {
		font-size: 1.7em !important;
	}

/*STEP 5*/

.thongtintracuu-wrapper {
	width: 100%;
	max-width: 600px;
	padding: 15px;
	margin: 0 auto;
}

	.thongtintracuu-wrapper [name="maHoSo"] {
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}

	.thongtintracuu-wrapper [name="maHoSo"]:hover{
		transform:scale(1.1)
	}

.content-wrapper{
	position:relative
}


.content-wrapper .content {
	display: block;
	max-width: 500px;
	margin: 0 auto;
}

.content-wrapper .quote-right,
.content-wrapper .quote-left {
	position: absolute;
	font-size: 25px;
	color: #ccc;
	opacity: .3;
}

.content-wrapper .quote-right {
	content: "\f10e";
	bottom: -15px;
	right: 0;
}

.content-wrapper .quote-left {
	content: "\f10d";
	top: -15px;
	left: 0;
}

#mdlThongTinThuaDat .modal-content{
	min-width:800px;
}

.select2-results {
	font-size: 1em;
}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 1em;
	}

.select2-search {
	font-size: 1em;
}

/*==========================================*/
/*             MODAL FULLSCREEN             */
/*==========================================*/

.modal.modal-fullscreen {
	
}

	.modal.modal-fullscreen .modal-dialog {
		margin: 0;
		border-radius: 0px
	}

		.modal.modal-fullscreen .modal-dialog .modal-content {
			width: 100vw;
			height: 100vh;
		}

		.modal.modal-fullscreen .modal-dialog .modal-header {
			padding-top: 5px;
			padding-bottom: 5px;
		}
			.modal.modal-fullscreen .modal-dialog .modal-header .modal-title {
				font-size:15px;
			}
@media (min-width: 320px) and (max-width: 480px) {
	.nophoso-wapper {
		height: auto;
	}
	.nophoso-wapper #wpNopHoSo {
		display: flex;
		flex-direction: column;
		height: 650px;
	}
	.item-thuadat .info[name="soToSoThua"] {
		width: 50%;
	}
	.item-thuadat .info[name="dienTich"] {
		width: 100%;
	}
	#wizardHoSoTiepNhan .steps.fixed-header {
		position: fixed;
		width: 100%;
		z-index: 999;
		background: #fff;
		top: -1px;
		right: 0;
	}
	#wizardHoSoTiepNhan .steps ul {
		justify-content: center;
	}
	#wizardHoSoTiepNhan .steps ul::before {
		font-weight: 600;
	}
	#wizardHoSoTiepNhan .steps.fixed-header ul::before {
		content: none;
	}
	#wizardHoSoTiepNhan #wizardHoSoTiepNhan-p-2 .ml-auto button.btn-link {
		padding: 0 !important;
		font-size: 0.825rem;
		float: right;
	}
	#wizardHoSoTiepNhan-p-5 > div.row {
		padding: 0 1.25rem;
	}
	#tblSummaryGiayToDinhKem thead {
		display: none;
	}
	#tblSummaryGiayToDinhKem tbody tr {
		display: block;
		position: relative;
		padding: 10px;
		border: 1px solid rgb(0 0 0 / 10%);
		height: auto;
	}
	#tblSummaryGiayToDinhKem tbody tr td {
		display: flex;
		border-top: none;
		padding: 0 !important;
		margin-bottom: 5px;
		align-items: center;
	}
	#tblSummaryGiayToDinhKem tbody tr td:first-child {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 50px !important;
		justify-content: center !important;
	}
	#tblSummaryGiayToDinhKem tbody tr td:not(:first-child) {
		margin-left: 60px;
		padding-top: 0px !important;
		position: relative;
		text-align: left;
		top: 0;
		left: 0 !important;
	}
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(2) {
		font-weight: bold;
		padding-left: 0px !important;
		margin-bottom: 15px;
	}
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(3)::before,
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(4)::before {
		color: rgb(0 0 0 / 80%);
		width: 120px;
	}
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(3)::before {
		content: "Số bản chính";
	}
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(4)::before {
		content: "Số bản sao";
	}
	#tblSummaryGiayToDinhKem tbody tr td:nth-child(5) {
		margin: auto !important;
	}
	/* 
	  ##Device = Most of the Smartphones Mobiles (Portrait)
	  ##Screen = B/w 320px to 479px
	*/

}
@media (min-width: 768px) and (max-width: 1024px) {
	#mdlThongTinThuaDat .modal-content {
		min-width: 500px;
	}
	.item-thuadat .info .icon {
		margin-right: 0.35rem;
	}
	/* 
	  ##Device = Tablets, Ipads (Portrait)
	  ##Screen = B/w 768px to 1024px
	*/
}

@media (max-width:767px){
	#wizardHoSoTiepNhan-p-0 .card-title {
		display: block !important;
	}

		#wizardHoSoTiepNhan-p-0 .card-title span {
			display: none;
		}

	.actions li a{
		height:40px;
	}

	.form-search .form-control {
		width: 100%;
	}

	.px-4 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#frmDonViHanhChinh label{
		display:none;
	}

	#mdlThongTinThuaDat .modal-content {
		min-width: inherit;
	}
}