#view-sskhocsinh {
	position: relative;
}
.sidebar-dshoso {
    z-index: 100;
    position: absolute;
    width: 220px;
    right: 0;
    top: 0;
    font-size: 13px;
    height: calc(100%);
	background-color: #FFF;
}
.sidebar-header {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 8px;
}
.sidebar-list {
	width: 100%;
	height: calc(100% - 50px);
	overflow-y: auto;
	overflow-x: hidden;
}
ul.hoso-nav {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
}

ul.hoso-nav li {
    margin: 0;
    box-sizing: border-box;
    position: relative;
}
ul.hoso-nav li a {
    color: #000;
    overflow: visible;
    font-weight: 400;
    display: block;
    text-decoration: none;
    padding: 6px 0 3px 12px;
}

ul.hoso-nav li.active {
    pointer-events: none;
}
ul.hoso-nav li a:hover {
    color: #1ab394;
}
ul.hoso-nav li.active a {
    color: #1ab394;
    font-weight: 500;
    pointer-events: none;
}
ul.hoso-nav.nav-second-level {
    display: none;
}
ul.hoso-nav.nav-second-level > li {
    margin: 0;
}
.open ul.hoso-nav.nav-second-level {
    display: block;
}
ul.hoso-nav:not(.embedded) li:before {
    border-left: 1px solid #444;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
  }
  ul.hoso-nav li.active a:before {
    content: "";
    border-radius: 50%;
    left: -2px;
    top: 10.5px;
    background: #1ab394;
    position: absolute;
    width: 6px;
    height: 6px;
  }
  ul.hoso-nav li.parent > a:before {
    content: "+";
    left: -4px;
    top: 10px;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20%;
    color: #eee;
    background: #444;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
  }
  ul.hoso-nav li.parent.open > a:before {
    content: "-";
  }
  ul.hoso-nav li.parent:hover > a:before {
    background-color: #888888;
  }
  ul.hoso-nav:not(.embedded) li:not(.active):not(.parent):hover a:before {
    content: "";
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #888888;
    position: absolute;
    width: 6px;
    height: 6px;
  }

.hoso-wrapper {
	margin: 0 220px 0 0;
    transform: translateZ(0);
    position: relative;
}

.hoso-viewer {
    position: relative;
	overflow: auto;
	height: calc(100vh - 72px);
	color: #000 !important;
}
/* #region viewer */
	.hoso-viewer:-webkit-full-screen {
		width: 100vw !important;
		height: 100vh !important;
	}

		.hoso-viewer:-webkit-full-screen .fullscreen-buttons .full-in {
			display: none;
		}

		.hoso-viewer:-webkit-full-screen .fullscreen-buttons .full-out {
			display: block;
		}

	.hoso-viewer:-moz-full-screen {
		width: 100vw;
	}

		.hoso-viewer:-moz-full-screen .fullscreen-buttons .full-in {
			display: none;
		}

		.hoso-viewer:-moz-full-screen .fullscreen-buttons .full-out {
			display: block;
		}

	.hoso-viewer:-ms-fullscreen {
		width: 100vw;
	}

		.hoso-viewer:-ms-fullscreen .fullscreen-buttons .full-in {
			display: none;
		}

		.hoso-viewer:-ms-fullscreen .fullscreen-buttons .full-out {
			display: block;
		}

	.hoso-viewer:fullscreen {
		width: 100vw;
	}

		.hoso-viewer:fullscreen .fullscreen-buttons .full-in {
			display: none;
		}

		.hoso-viewer:fullscreen .fullscreen-buttons .full-out {
			display: block;
		}	

		.hoso-viewer .fullscreen-buttons .full-in {
			display: block;
		}

		.hoso-viewer .fullscreen-buttons .full-out {
			display: none;
		}

		.hoso-viewer .fullscreen-buttons:hover {
			opacity: 1;
		}

	.hoso-viewer .hoso-item-controls {
		color: #0e476c;
		position: fixed;
		z-index: 300;
		left: 0;
		top: 0;
		background: rgb(100,100,100);
		background: linear-gradient(120deg, rgba(100,100,100,0.15) 45%, rgba(100,100,100,0) 85%);
		padding: 2px 10px;
		padding-right: 80px;
	}

		.hoso-viewer .hoso-item-controls:hover {
			background: linear-gradient(120deg, rgba(100,100,100,0.25) 45%, rgba(100,100,100,0) 85%);
		}

		.hoso-viewer .hoso-item-controls .btn-save {
			display: block;
		}

		.hoso-viewer .hoso-item-controls #hidden-buttons {
			float: left;
			display: table;
			border-radius: 24px;
			width: 48px;
			padding: 5px;
			margin-top: -5px;
		}

			.hoso-viewer .hoso-item-controls #hidden-buttons .btn {
				margin-right: 0px;
			}

			.hoso-viewer .hoso-item-controls #hidden-buttons .hidden-buttons-btns .btn {
				margin-top: 5px;
				opacity: 0.8;
			}

			.hoso-viewer .hoso-item-controls #hidden-buttons.show-btn {
				background: #000a;
			}

		.hoso-viewer .hoso-item-controls.hoso-item-controls-right {
			left: unset;
			right: 0;
			background: linear-gradient( 60deg, rgba(100,100,100,0) 10%, rgba(100,100,100,0.15) 50%);
			padding-right: 10px;
			padding-left: 80px;
		}
			.hoso-viewer .hoso-item-controls.hoso-item-controls-right:hover {
				background: linear-gradient( 60deg, rgba(100,100,100,0) 10%, rgba(100,100,100,0.25) 50%);
			}

			.hoso-viewer .hoso-item-controls .btn-circle {
				margin-right: 5px;
			}

	.hoso-viewer .show-page-buttons {
		position: fixed;
		z-index: 3;
		right: 15px;
		bottom: 0px;
		-webkit-user-select: none;
	}
/* #endregion  */
.hoso-viewer hr {
	margin-top: 5px;
    margin-bottom: 5px;
	border-top: 1px solid #aaa;
}
	.hoso-viewer.in-form {
		height: calc(100vh - 49px);
		position: absolute;
		width: 100%;
		z-index: 5;
		background: #0006;
	}

	.hoso-viewer.in-form-all {
		height: calc(100vh - 49px);
	}

	.hoso-viewer.in-popup {
		padding: 0;
		overflow: unset;
		height: auto;
	}

	.hoso-viewer .page-view {
		display: table;
		margin: auto;
		position: relative;
		padding: 1px;
		background-color: white;
	}

	.hoso-viewer.in-popup .page-view {
		border: none;
		box-shadow: none;
	}

	.hoso-viewer .page-content {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		position: relative;
		box-shadow: 0 0 1px #000;
	}

	.hoso-viewer .border-rounder {
		border: 3px solid black;
		border-radius: 7px;
		padding: 5px 10px 5px 10px;
	}

	.hoso-viewer .border-rounder-s {
		margin-top: 5px;
		border: 2px solid black;
		border-radius: 5px;
		padding: 2px 0px 3px 10px;
	}

	.hoso-viewer .page-content:nth-child(n+2) {
		margin-top: 20px;
	}

	.hoso-viewer .page-a4, .hoso-viewer .page-a4-tyc, .hoso-viewer .page-a4-r, .hoso-viewer .page-a4-pk, .hoso-viewer .page-a4-ba, .hoso-viewer .page-a4-ba-01, .hoso-viewer .page-a5, .hoso-viewer .page-a5-r, .hoso-viewer .page-baocao, .hoso-viewer .page-a4-r-x2 {
		background: #fff;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.hoso-viewer .page-baocao {
		width: 1121px;
		height: auto;
		padding: 1rem 3rem !important;
		font-size: 12px;
		overflow: unset;
	}
	/* A4- phiếu khám chuyên khoa */
	.hoso-viewer .page-a4-pk {
		width: 791px;
		height: auto;
		min-height: 1121px;
		padding: 1rem 2rem 0rem 3rem !important;
	}
	/* A4 dọc - thông tin BA */
	.hoso-viewer .page-a4-ba {
		width: 791px;
		height: 1121px;
		padding: 1rem 1rem 4rem 3rem !important;
	}

	.hoso-viewer .page-a4-ba-01 {
		width: 791px;
		height: 1121px;
		padding: 1rem 2rem 4rem 2rem !important;
	}
	/* A4 dọc */
	.hoso-viewer .page-a4 {
		width: 791px;
		height: 1121px;
		padding: 2rem 2rem 0rem 4rem !important;
	}

	.hoso-viewer .page-a4-tyc {
		width: 791px;
		height: 1121px;
		padding: 2rem 1rem 0rem 3rem !important;
	}
	/* A4 ngang */
	.hoso-viewer .page-a4-r {
		width: 1121px;
		height: 791px;
		padding: 1rem 2rem 1rem 3rem !important;
	}

	.hoso-viewer .page-a4-bcao {
		height: auto;
		overflow: unset;
	}

	.hoso-viewer .page-a4-popup {
		height: auto;
		overflow: unset;
		width: 791px;
	}
	/* A4 ngang x2 */
	.hoso-viewer .page-a4-r-x2 {
		width: 2242px;
		height: auto;
		padding: 1rem 3rem !important;
	}
	/* A5 dọc */
	.hoso-viewer .page-a5 {
		width: 560px;
		height: 793px;
		padding: 1.5rem 1rem 0rem 2rem !important;
	}
	/* A5 ngang */
	.hoso-viewer .page-a5-r {
		width: 794px;
		height: 559px;
		padding: 1.5rem 2rem 0rem 3rem !important;
	}

		.hoso-viewer .page-a5-r.center {
			padding: 1.5rem 2rem 0rem 2rem !important;
		}

	.hoso-viewer .page-full-width {
		width: calc(100vw - 260px);
	}

	.hoso-viewer .page-a4-tyc.padding-none .page-a4-pk.padding-none, .hoso-viewer .page-a4.padding-none, .hoso-viewer .page-a4-r.padding-none, .hoso-viewer .page-a4-r-x2.padding-none, .hoso-viewer .page-a4-ba.padding-none, .hoso-viewer .page-a4-ba-01.padding-none, .hoso-viewer .page-a5.padding-none, .hoso-viewer .page-a5-r.padding-none .page-baocao {
		padding: 0 !important;
	}

	.hoso-viewer .page-content.padding-none .copyright {
		left: 1rem !important;
	}

	.hoso-viewer .tableDG tr td {
		border: 1px solid black;
		padding: 5px 0px 15px 5px;
	}

	.hoso-viewer .page-content .row {
		margin-left: -2px !important;
		margin-right: -2px !important;
	}

	.hoso-viewer .page-content .col-1, .hoso-viewer .page-content .col-2, .hoso-viewer .page-content .col-3, .hoso-viewer .page-content .col-4, .hoso-viewer .page-content .col-5, .hoso-viewer .page-content .col-6, .hoso-viewer .page-content .col-7, .hoso-viewer .page-content .col-8, .hoso-viewer .page-content .col-9, .hoso-viewer .page-content .col-10, .hoso-viewer .page-content .col-11, .hoso-viewer .page-content .col-12, .hoso-viewer .page-content .col-xs, .hoso-viewer .page-content .col-auto, .hoso-viewer .page-content .col-sm-1, .hoso-viewer .page-content .col-sm-2, .hoso-viewer .page-content .col-sm-3, .hoso-viewer .page-content .col-sm-4, .hoso-viewer .page-content .col-sm-5, .hoso-viewer .page-content .col-sm-6, .hoso-viewer .page-content .col-sm-7, .hoso-viewer .page-content .col-sm-8, .hoso-viewer .page-content .col-sm-9, .hoso-viewer .page-content .col-sm-10, .hoso-viewer .page-content .col-sm-11, .hoso-viewer .page-content .col-sm-12, .hoso-viewer .page-content .col-sm, .hoso-viewer .page-content .col-sm-auto, .hoso-viewer .page-content .col-md-1, .hoso-viewer .page-content .col-md-2, .hoso-viewer .page-content .col-md-3, .hoso-viewer .page-content .col-md-4, .hoso-viewer .page-content .col-md-5, .hoso-viewer .page-content .col-md-6, .hoso-viewer .page-content .col-md-7, .hoso-viewer .page-content .col-md-8, .hoso-viewer .page-content .col-md-9, .hoso-viewer .page-content .col-md-10, .hoso-viewer .page-content .col-md-11, .hoso-viewer .page-content .col-md-12, .hoso-viewer .page-content .col-md, .hoso-viewer .page-content .col-md-auto, .hoso-viewer .page-content .col-lg-1, .hoso-viewer .page-content .col-lg-2, .hoso-viewer .page-content .col-lg-3, .hoso-viewer .page-content .col-lg-4, .hoso-viewer .page-content .col-lg-5, .hoso-viewer .page-content .col-lg-6, .hoso-viewer .page-content .col-lg-7, .hoso-viewer .page-content .col-lg-8, .hoso-viewer .page-content .col-lg-9, .hoso-viewer .page-content .col-lg-10, .hoso-viewer .page-content .col-lg-11, .hoso-viewer .page-content .col-lg-12, .hoso-viewer .page-content .col-lg, .hoso-viewer .page-content .col-lg-auto, .hoso-viewer .page-content .col-xl-1, .hoso-viewer .page-content .col-xl-2, .hoso-viewer .page-content .col-xl-3, .hoso-viewer .page-content .col-xl-4, .hoso-viewer .page-content .col-xl-5, .hoso-viewer .page-content .col-xl-6, .hoso-viewer .page-content .col-xl-7, .hoso-viewer .page-content .col-xl-8, .hoso-viewer .page-content .col-xl-9, .hoso-viewer .page-content .col-xl-10, .hoso-viewer .page-content .col-xl-11, .hoso-viewer .page-content .col-xl-12, .hoso-viewer .page-content .col-xl, .hoso-viewer .page-content .col-xl-auto {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
	
	.hoso-viewer .page-content .table > thead > tr > th,
	.hoso-viewer .page-content .table > tbody > tr > th,
	.hoso-viewer .page-content .table > tfoot > tr > th,
	.hoso-viewer .page-content .table > thead > tr > td,
	.hoso-viewer .page-content .table > tbody > tr > td,
	.hoso-viewer .page-content .table > tfoot > tr > td {
		padding: 2px 2px 2px 4px;
	}

	.hoso-viewer .page-content .table.table-p-none > thead > tr > th,
	.hoso-viewer .page-content .table.table-p-none > tbody > tr > th,
	.hoso-viewer .page-content .table.table-p-none > tfoot > tr > th,
	.hoso-viewer .page-content .table.table-p-none > thead > tr > td,
	.hoso-viewer .page-content .table.table-p-none > tbody > tr > td,
	.hoso-viewer .page-content .table.table-p-none > tfoot > tr > td {
		padding: 0px 2px 0px 2px;
	}

		.hoso-viewer .page-content .table .table-active td, 
		.hoso-viewer .page-content .table td.table-active, 
		.hoso-viewer .page-content .table .table-active th, 
		.hoso-viewer .page-content .table th.table-active {
			background-color: #ddd !important;
		}

		.hoso-viewer .page-content .table th.border-none, .hoso-viewer .page-content .table td.border-none {
			border: 1px solid white !important;
			background: white !important;
		}

		.hoso-viewer .page-content .table th.border-top, .hoso-viewer .page-content .table td.border-top {
			border-top: 1px solid #555 !important;
		}

		.hoso-viewer .page-content .table th.border-bottom, .hoso-viewer .page-content .table td.border-bottom {
			border-bottom: 1px solid #555 !important;
		}

		.hoso-viewer .page-content .table th.border-right, .hoso-viewer .page-content .table td.border-right {
			border-right: 1px solid #555 !important;
		}

		.hoso-viewer .page-content .table th.border-left, .hoso-viewer .page-content .table td.border-left {
			border-left: 1px solid #555 !important;
		}

	.hoso-viewer .page-content .table {
		margin-bottom: 0;
	}

	.hoso-viewer .font-times-new-roman {
		font-family: times new roman;
	}

	.hoso-viewer .font-arial {
		font-family: Arial;
	}

	.hoso-viewer .page-content td, .hoso-viewer .page-content th {
		font-family: inherit !important;
		font-size: inherit !important;
		line-height: inherit;
	}

	.hoso-viewer .input-ehr {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.hoso-viewer .mapRHM {
		width: 180px;
	}

	.hoso-viewer .mapRHM-sm tr td .mapRHM tr td {
		height: 50px;
	}

	.hoso-viewer .mapRHM-sm {
		width: 120px;
	}
	.hoso-viewer .input-ehr span.width-auto {
		flex: auto
	}

	.hoso-viewer .input-ehr-form, .hoso-viewer .span-ehr-form {
		display: block;
		width: 100%;
		padding: 2px 2px 0px 5px;
		font-size: inherit;
		line-height: 1.25;
		color: #00a;
		border: none;
		border-radius: 0;
		margin-bottom: 2px;
		background: url(img/bg-line-input.png);
		background-repeat: repeat no-repeat;
		background-position-y: 80%;
	}

	.hoso-viewer .input-ehr-form.border-none {
		background: none;
	}

	.hoso-viewer .input-ehr-noline {
		display: block;
		width: 100%;
		padding: 0px 2px 0px 2px;
		font-size: 14px;
		line-height: 1;
		color: #00a;
		border: none;
		border-radius: 0;
		background-repeat: repeat no-repeat;
		background-position-y: 80%;
	}

		.hoso-viewer .input-ehr-noline.border-none {
			background: none;
			resize: none;
		}

	.hoso-viewer .input-ehr-form-gmhs {
		display: block;
		width: 100%;
		padding: 0px 2px 0px 2px;
		font-size: 12px;
		line-height: 1;
		color: #00a;
		border: none;
		border-radius: 0;
		background: url(img/bg-line-input.png);
		background-repeat: repeat no-repeat;
		background-position-y: 80%;
	}

	.hoso-viewer .input-ehr-form-cns {
		display: block;
		width: 100%;
		padding: 0px 2px 0px 2px;
		font-size: 12px;
		line-height: 1;
		color: #0000aa;
		border: none;
		border-radius: 0;
		background: url(img/bg-line-input.png);
		background-repeat: repeat no-repeat;
		background-position-y: 80%;
	  }

	.hoso-viewer .input-ehr-form.border-none {
		background: none;
		resize: none;
	}

	.hoso-viewer .input-ehr-form-gmhs.border-none {
		background: none;
		resize: none;
	}

	.hoso-viewer .input-ehr-border {
		border: 1px solid #000;
		border-radius: 0;
	}

	.hoso-viewer .input-ehr-form:disabled, .hoso-viewer .input-border:disabled, .hoso-viewer .input-birthday:disabled, .hoso-viewer .input-the-bhyt:disabled, .hoso-viewer .input-ehr-form-gmhs:disabled, .hoso-viewer .input-border:disabled, .hoso-viewer .input-ehr-noline:disabled, .hoso-viewer .input-ehr-td:disabled {
		background-color: transparent;
		/* border-bottom: 1px none #fefefe;
	 */
	}

	.hoso-viewer my-date, .hoso-viewer input-birthday {
		width: 1%;
		flex: 1 1 auto;
		display: flex;
	}

	.hoso-viewer .input-ehr .input-ehr-form, .hoso-viewer .input-ehr .input-ehr-form-gmhs, .hoso-viewer .input-ehr .input-ehr-noline, .hoso-viewer .input-ehr .span-ehr-form {
		width: 1%;
		flex: 1 1 auto;
	}

	.hoso-viewer .input-ehr-margin-none .input-ehr-form, .hoso-viewer .input-ehr-margin-none .input-ehr-form-gmhs .input-ehr-noline {
		margin-bottom: 0;
		line-height: 15px;
	}

	.hoso-viewer select.input-ehr-form {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

		.hoso-viewer select.input-ehr-form:hover {
			appearance: auto;
			-moz-appearance: auto;
			-webkit-appearance: auto;
			padding-left: 1px;
		}

	.hoso-viewer input-birthday .input-ehr-form {
		background-image: url(img/bg-input-border.png);
		margin-bottom: 0px;
		padding-bottom: 2px;
		background-size: auto 100%;
		letter-spacing: 17px;
		padding-left: 6px;
		width: 200px !important;
		flex: unset !important;
		margin-right: -10px;
	}

	.hoso-viewer input-birthday input:focus {
		outline-color: transparent;
	}


	.hoso-viewer .input-ehr .ui-select-container {
		width: 1%;
		flex: 1 1 auto;
		border: none;
		min-height: 16px;
		font-size: 14px;
		line-height: 1.25;
		color: #00a;
		border: none;
		border-radius: 0;
		height: 19.8px;
		background: url(img/bg-line-input.png);
		background-repeat: repeat no-repeat;
		background-position-y: 14px;
		flex-wrap: wrap;
		-webkit-box-align: center;
		align-items: center;
		padding: 0px 2px 0px 5px;
	}

	.hoso-viewer .input-ehr my-tinhthanh,
	.hoso-viewer .input-ehr my-quanhuyen,
	.hoso-viewer .input-ehr my-xaphuong {
		width: 1%;
		flex: 1 1 auto;
	}

		.hoso-viewer .input-ehr my-tinhthanh .ui-select-container,
		.hoso-viewer .input-ehr my-quanhuyen .ui-select-container,
		.hoso-viewer .input-ehr my-xaphuong .ui-select-container {
			width: unset;
			flex: unset;
		}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-toggle {
		border: none;
		border-radius: unset;
		padding: 0;
		background: unset;
		color: inherit;
		font-size: inherit;
		height: unset;
		overflow: overlay;
	}

	.hoso-viewer .input-ehr .ui-select-container .btn-default-focus {
		color: inherit;
		background-color: unset;
		border-color: unset;
		outline: unset;
		box-shadow: unset;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-match .ui-select-match-item {
		background-color: unset;
		border-radius: unset;
		font-size: inherit;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-match .ui-select-match-text span {
		display: unset;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-search {
		top: 0;
		margin: unset;
		height: unset;
		border: none;
		outline: none;
		padding: 0px;
		background-color: transparent !important;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-match.btn-default-focus .btn {
		box-shadow: 0 0 0 1px #1ab394;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-match .ui-select-toggle > .caret {
		color: transparent;
		right: 5px;
	}

	.hoso-viewer .input-ehr .ui-select-container .ui-select-match .ui-select-toggle > a.btn {
		display: none;
	}

	.hoso-viewer .input-ehr .ui-select-container:hover .ui-select-match .ui-select-toggle > a.btn {
		display: block;
	}

	.hoso-viewer .input-ehr .ui-select-container.ui-select-multiple > div:first-child {
		display: flex;
	}

	.hoso-viewer .input-ehr .ui-select-container.ui-select-multiple .ui-select-match-item {
		margin: unset;
		border: none;
		padding: unset;
	}

	.hoso-viewer .input-ehr .ui-select-container.ui-select-multiple .ui-select-match .ui-select-match-close {
		color: transparent;
	}

	.hoso-viewer .input-ehr .ui-select-container.ui-select-multiple .ui-select-search {
		padding: 0;
		flex: 1;
	}

	.hoso-viewer .input-ehr .ui-select-container.ui-select-multiple:hover .ui-select-match .ui-select-match-close,
	.hoso-viewer .input-ehr .ui-select-container:hover .ui-select-match .ui-select-toggle > .caret,
	.hoso-viewer .input-ehr .ui-select-container .ui-select-match.btn-default-focus .ui-select-toggle > .caret {
		display: inline-block;
		color: #000;
	}

	.hoso-viewer .input-ehr .text-date {
		word-spacing: 5px;
	}

	.hoso-viewer .input-ehr input-datepicker {
		width: 1%;
		flex: 1 1 auto;
	}

		.hoso-viewer .input-ehr input-datepicker .input-ehr-form {
			width: 100%;
			padding-top: 5px;
		}

	.hoso-viewer .font-weight-bold {
		font-weight: 700 !important;
	}

	.hoso-viewer .font-italic {
		font-style: italic !important;
	}

	.hoso-viewer .input-ehr-xxxl {
		font-size: 24px;
	}

	.hoso-viewer .input-ehr-xxl2 {
		font-size: 22px;
	}

	.hoso-viewer .input-ehr-xxl {
		font-size: 20px;
	}

	.hoso-viewer .input-ehr-xl {
		font-size: 18px;
	}

	.hoso-viewer .input-ehr-lg {
		font-size: 16px;
	}

	.hoso-viewer .input-ehr-xsm {
		font-size: 14px;
	}
	.hoso-viewer .input-ehr-14pt {
		font-size: 14pt;
	}
	.hoso-viewer .input-ehr-16pt {
		font-size: 16pt;
	}
	.hoso-viewer .input-ehr-18pt {
		font-size: 18pt;
	}

	.hoso-viewer .input-ehr-sm, .hoso-viewer .input-ehr-sm .input-ehr-form {
		font-size: 12px;
		line-height: 14px;
	}

	.hoso-viewer .input-ehr-xs, .hoso-viewer .input-ehr-xs .input-ehr-form, .hoso-viewer .input-ehr-xs .input-ehr-form-gmhs, .hoso-viewer .input-ehr-xs .input-ehr-noline {
		font-size: 9px;
		line-height: 14px;
	}

	.hoso-viewer .label-ehr-select {
		width: 100%;
		cursor: pointer;
	}

		.hoso-viewer .label-ehr-select:hover {
			background-color: #b8daff;
		}

		.hoso-viewer .label-ehr-select.active {
			background-color: #007bff;
			color: #fff;
		}

	.hoso-viewer .text-border-line {
		background-image: -webkit-linear-gradient(to left, white 45px, transparent 0px), -webkit-linear-gradient(to right, white 45px, transparent 0px), -webkit-linear-gradient(white 0px, #000 0px, #000 1px, white 1px);
		background-image: -moz-linear-gradient(to left, white 45px, transparent 0px), -moz-linear-gradient(to right, white 45px, transparent 0px), -moz-linear-gradient(white 0px, #000 0px, #000 1px, white 1px);
		background-image: -ms-linear-gradient(to left, white 45px, transparent 0px), -ms-linear-gradient(to right, white 45px, transparent 0px), -ms-linear-gradient(white 0px, #000 0px, #000 1px, white 1px);
		background-image: -o-linear-gradient(to left, white 45px, transparent 0px), -o-linear-gradient(to right, white 45px, transparent 0px), -o-linear-gradient(white 0px, #000 0px, #000 1px, white 1px);
		background-image: linear-gradient(to left, white 45px, transparent 0px), linear-gradient(to right, white 45px, transparent 0px), linear-gradient(white 0px, #000 0px, #000 1px, white 1px);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position-y: 100%;
	}

	.hoso-viewer textarea-line, .hoso-viewer .textarea-line {
		position: relative;
		width: 100%;
	}

		.hoso-viewer textarea-line span, .hoso-viewer .textarea-line span {
			position: absolute;
			background: #fff;
			top: 3px;
			left: 1px;
		}
		.hoso-viewer textarea-line input-maicd, .hoso-viewer .textarea-line input-maicd {
			position: absolute;
			background: #fff;
			bottom: 5px;
			right: 0px;
		}

		.hoso-viewer textarea-line span, .hoso-viewer .textarea-line span.bottom-right {
			top: auto;
			left: auto;
			bottom: 5px;
			right: 0px;
		}

	.hoso-viewer .textarea .textarea-bcao {
		border: none;
		line-height: 20px;
		padding: 4px 2px 0px 2px;
		font-size: 12px;
		width: 100%;
		color: #00a;
		resize: none;
	}
	.hoso-viewer .page-content .my-textarea:hover,
	.hoso-viewer input:hover, .hoso-viewer textarea:hover {
		outline-color: #1ab39466;
		outline-style: solid;
		outline-width: 1px;
		border-color: #1ab39466;
	}
	.hoso-viewer .page-content .my-textarea:focus,
	.hoso-viewer input:focus, .hoso-viewer textarea:focus {
		outline-color: #1ab394;
		outline-style: solid;
		outline-width: 1px;
		border-color: #1ab394;
	}

	.hoso-viewer textarea-line textarea.textarea-ehr-line,
	.hoso-viewer .textarea-line textarea.textarea-ehr-line,
	.hoso-viewer .textarea-line textarea.textarea-ehr-line-gmhs {
		border: none;
		line-height: 20px;
		padding: 4px 2px 0px 2px;
		font-size: 14px;
		width: 100%;
		color: #00a;
		resize: none;
		overflow: hidden;
	}

	.hoso-viewer textarea-line textarea.textarea-ehr-line,
	.hoso-viewer .textarea-line textarea.textarea-ehr-line,
	.hoso-viewer .textarea-line textarea.textarea-ehr-line-gmhs {
		background: url(img/bg-line-textarea.png);
		background-position-y: 1px;
	}

	.hoso-viewer .table-ehr-line > tbody > tr > td {
		background: url(img/bg-line-textarea.png);
		background-position-y: 0px;
	}

	.hoso-viewer .table-ehr-line > tbody > tr > td.not-line {
		background: none;
	}

	.hoso-viewer .textarea-bcao {
		background-position-y: -1px;
	}

	.hoso-viewer .div-ehr-line {
		background: url(img/bg-line-textarea.png);
		background-position-y: 1px;
		padding: 2px 0;
	}

		.hoso-viewer .div-ehr-line input-maicd {
			float: right;
		}

		.hoso-viewer .div-ehr-line span.title {
			background: #fff;
		}

		.hoso-viewer .div-ehr-line.rows2 {
			min-height: 42px;
		}

		.hoso-viewer .div-ehr-line.rows21 {
			min-height: 60px;
		}

	.hoso-viewer textarea-line ::-webkit-scrollbar-track, .hoso-viewer .textarea-line ::-webkit-scrollbar-track {
		background-color: #f5f5f5;
	}

	.hoso-viewer textarea-line ::-webkit-scrollbar, .hoso-viewer .textarea-line ::-webkit-scrollbar {
		width: 5px;
		height: 5px;
		background-color: #f5f5f5;
	}

	.hoso-viewer textarea-line ::-webkit-scrollbar-thumb, .hoso-viewer .textarea-line ::-webkit-scrollbar-thumb {
		background-color: #888;
	}

	.hoso-viewer .span-ehr {
		color: #00a;
		line-height: 1.25;
	}

	.hoso-viewer .span-col-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.hoso-viewer .span-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.hoso-viewer .span-col-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.hoso-viewer .span-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.hoso-viewer .span-col-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.hoso-viewer .span-col-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.hoso-viewer .span-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.hoso-viewer .span-col-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.hoso-viewer .span-col-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.hoso-viewer .span-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.hoso-viewer .span-col-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.hoso-viewer .span-col-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.hoso-viewer .span-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.hoso-viewer .p-md-6 {
		padding: 4rem !important;
	}

	.hoso-viewer .pt-md-6 {
		padding-top: 4rem !important;
	}

	.hoso-viewer .pr-md-6 {
		padding-right: 4rem !important;
	}

	.hoso-viewer .pb-md-6 {
		padding-bottom: 4rem !important;
	}

	.hoso-viewer .pl-md-6 {
		padding-left: 4rem !important;
	}

	.hoso-viewer .px-md-6 {
		padding-right: 4rem !important;
		padding-left: 4rem !important;
	}

	.hoso-viewer .py-md-6 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	.hoso-viewer .ml-md-0 {
		margin-left: none;
	}

	.hoso-viewer .mr-md-0 {
		margin-right: none;
	}

	/* .hoso-viewer .float-left {
		margin-left: 0 !important;
		margin-right: auto !important;
		float: none !important;
	}

	.hoso-viewer .float-center {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}

	.hoso-viewer .float-right {
		margin-left: auto !important;
		margin-right: 0 !important;
		float: none !important;
	} */

	.hoso-viewer .page-content .table-ehr-bordered > thead > tr > th,
	.hoso-viewer .page-content .table-ehr-bordered > tbody > tr > th,
	.hoso-viewer .page-content .table-ehr-bordered > tfoot > tr > th,
	.hoso-viewer .page-content .table-ehr-bordered > thead > tr > td,
	.hoso-viewer .page-content .table-ehr-bordered > tbody > tr > td,
	.hoso-viewer .page-content .table-ehr-bordered > tfoot > tr > td {
		border: 1px solid #333333 !important;
	}

	.hoso-viewer .page-content tdt-ngaykham > textarea,
	.hoso-viewer .page-content .table-ehr-bordered > tbody > tr > td > .textarea,
	.hoso-viewer .page-content .my-textarea,
	.hoso-viewer .table-ehr-line .tdt-td .textarea {
		line-height: 20px;
		font-size: 14px;
		resize: none;
		background: transparent;
		border: none;
		width: 100%;
		color: #00a;
		padding: 0px;
   }
	.hoso-viewer .table-ehr-line > tbody > tr > td > .textarea,
	.hoso-viewer .table-ehr-line .tdt-td .textarea {
		white-space: pre-wrap;
		overflow-wrap: break-word;
		margin: 0;
		overflow: hidden;
		min-height: 20px;
   }
	.hoso-viewer .table-ehr-line > tbody > tr > td > input {
		margin-top: 11px;
   }
	.hoso-viewer .table-ehr-line > tbody > tr > td {
		position: relative;
   }

   .hoso-viewer .table-ehr-bordered-2 > tbody > tr > td {
	border-bottom-style: double;
   }
/* View hồ sơ báo cáo*/
hoso-bao-cao {
	overflow: auto;
	height: calc(100vh - 90px);
	display: block;
}

	hoso-bao-cao .page-view {
		display: table;
		margin: auto;
		position: relative;
		border: 1px solid #bbb;
		background: #fff;
		min-width: 791px;
		padding: 1rem !important;
		height: 100%;
		overflow: auto;
	}
/* #region i-checkbox */

	.hoso-viewer .side-label {
		position: relative;
		margin: 0;
		padding-right: 0;
		padding-left: 22px;
		cursor: pointer;
		padding-top: 0px;
		height: unset;
	}

		.hoso-viewer .side-label.right {
			padding-right: 22px;
			padding-left: 0px;
		}

		.hoso-viewer .side-label::before, .hoso-viewer .side-label::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
		}

	.hoso-viewer input[type="radio"].i-checks + .side-label::before,
	.hoso-viewer input[type="radio"].i-checks + .side-label::after {
		border-radius: unset;
	}

	.hoso-viewer .side-label::before {
		display: block;
		width: 19px;
		height: 19px;
		border: 1px solid #000;
		position: absolute;
		right: auto;
		left: 0px;
		top: -1px;
	}

	.hoso-viewer .side-label.right::before {
		right: 4px;
		left: auto;
	}

	.hoso-viewer input.i-checks:focus + .side-label::before {
		border-color: #1976d2;
	}

	.hoso-viewer input.i-checks:hover + .side-label::before {
		border-color: #1976d2;
	}

	.hoso-viewer .side-label::after {
		display: none;
		content: "\f00c";
		color: #1b4cad;
		font: normal normal normal 17px/1 FontAwesome;
		position: absolute;
		right: auto;
		left: 1px;
		top: 0px;
		width: unset;
		height: unset;
		margin: unset;
		background: unset;
	}

	.hoso-viewer input.i-checks:checked + .side-label::after {
		content: 'X';
		font-family: Helvetica, Arial, sans-serif;
		position: absolute;
		color: #000;
		display: block;
		left: 3px;
		background: unset;
	}

	.hoso-viewer input.i-checks:checked + .side-label.right::after {
		left: auto;
		right: 7px;
	}

	.hoso-viewer input.i-checks:disabled + .side-label::before {
		border: 1px solid #000;
		cursor: not-allowed;
		background: unset;
	}

	.hoso-viewer input.i-checks:disabled + .side-label::after {
		cursor: not-allowed;
	}

	.hoso-viewer input.i-checks.no-border + .side-label::before, .hoso-viewer input.i-checks.no-border:hover + .side-label::before, .hoso-viewer input.i-checks.no-border:focus + .side-label::before, .hoso-viewer input.i-checks.no-border:disabled + .side-label::before {
		display: none;
	}

	.hoso-viewer input.i-checks.no-border + .side-label::after, .hoso-viewer input.i-checks.no-border:hover + .side-label::after, .hoso-viewer input.i-checks.no-border:focus + .side-label::after, .hoso-viewer input.i-checks.no-border:disabled + .side-label::after {
		left: calc(50% - 8.5px);
	}

	.hoso-viewer input.i-checks.no-border + .side-label {
		width: 100%;
		height: 100%;
	}

	.hoso-viewer .input-ehr-sm .side-label {
		padding-left: 17px;
	}

		.hoso-viewer .input-ehr-sm .side-label.right {
			padding-right: 17px;
			padding-left: 0px;
		}

		.hoso-viewer .input-ehr-sm .side-label::after {
			font-size: 13px;
		}

		.hoso-viewer .input-ehr-sm .side-label::before {
			width: 15px;
			height: 15px;
		}
/* #endregion */

/* #region input-border */
.hoso-viewer .div-ehr-line {
	position: relative;
	display: flow-root;
}

.hoso-viewer .input-border, .hoso-viewer .input-birthday, .hoso-viewer .input-the-bhyt {
	width: 22px;
	margin-right: 2px;
	height: 20px;
	border: 1px solid #222;
	padding-top: 2px;
	float: left;
	color: #00a;
	text-align: center;
	margin-bottom: 1px;
	outline-width: 0px;
}

	.hoso-viewer .input-birthday.space {
		margin-left: 3px;
	}

	.hoso-viewer .input-the-bhyt.w2 {
		width: 33px;
	}

	.hoso-viewer .input-the-bhyt.w3 {
		width: 39px;
	}

	.hoso-viewer .input-the-bhyt.w5 {
		width: 60px;
	}
/* #endregion input-border*/

/* #region table-ehr */
.hoso-viewer .table-todieutri {
	background: url(img/bg-todieutri.png);
	background-repeat: repeat-y;
	border-bottom: 1px solid #555;
	overflow: hidden;
}
.hoso-viewer .tdt-table {
	width: 100%;
	display: grid;
	grid-template-columns: 12.2% 39.8% 48%;
	background: #fff;
}
.hoso-viewer .tdt-table .tdt-th, .hoso-viewer .tdt-table .tdt-td {
	padding: 2px 2px 2px 4px;
	line-height: 1.42857;
	vertical-align: top;
	border-right: 1px solid #555 !important;
	border-top: 1px solid #555 !important;
	display: table-cell;
	position: relative;
}
.hoso-viewer .tdt-table .tdt-th {
    font-weight: bold;
}
.hoso-viewer .tdt-table .tdt-th,
.hoso-viewer .tdt-table .tdt-td:nth-child(3n + 1) {
	border-left: 1px solid #555 !important;
}

.hoso-viewer .table-ehr-line .tdt-td {
    background: url(img/bg-line-textarea.png);
}

.hoso-viewer .table-ehr-line tr button {
	display: none;
	position: absolute;
	top: 1px;
}
.hoso-viewer .table-ehr-line tr button.left {
	left: -17px;
}
.hoso-viewer .table-ehr-line tr button.right {
	right: -17px;
}
.hoso-viewer .table-ehr-line tr:hover button {
	display: block;
}
.hoso-viewer .table > thead > tr > th, 
.hoso-viewer .table > tbody > tr > th, 
.hoso-viewer .table > tfoot > tr > th, 
.hoso-viewer .table > thead > tr > td, 
.hoso-viewer .table > tbody > tr > td, 
.hoso-viewer .table > tfoot > tr > td {
	border-top: unset;
}
.hoso-viewer table td .input-ehr-td {
	padding: 0;
	border: 0;
	width: 100%;
}
.hoso-viewer .text-rotate {
	font-size: 12px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
}
.hoso-viewer .line {
	width: 100px;
	height: 1px;
	border-bottom: 1px solid black;
	position: absolute;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
}
.hoso-viewer .line-td {
	width: 50px;
	height: 1px;
	border-bottom: 1px solid black;
	position: absolute;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.hoso-viewer .dropdown.angular2-contextmenu {
	margin-top: 0px;
}
.hoso-viewer .table-bordered-pdt {
	border: 1px solid #000 !important;
}
.hoso-viewer .table-bordered-pdt > thead > tr > th, .hoso-viewer .table-bordered-pdt > tbody > tr > th, .hoso-viewer .table-bordered-pdt > tfoot > tr > th, .hoso-viewer .table-bordered-pdt > thead > tr > td, .hoso-viewer .table-bordered-pdt > tbody > tr > td, .hoso-viewer .table-bordered-pdt > tfoot > tr > td {
	border: 1px solid #000 !important;
}
.hoso-viewer .table-bordered-pdt > thead > tr > th {
	border-bottom: 1px solid #000 !important;
}
.hoso-viewer .table-bordered-pdt > thead > tr > th, .hoso-viewer .table-bordered-pdt > tbody > tr > th, .hoso-viewer .table-bordered-pdt > tfoot > tr > th, .hoso-viewer .table-bordered-pdt > thead > tr > td, .hoso-viewer .table-bordered-pdt > tbody > tr > td, .hoso-viewer .table-bordered-pdt > tfoot > tr > td {
	border-top: 1px solid #000 !important;
}
.hoso-viewer .hoso-tdt-ylenh {
	line-height: 20px;
	font-size: 14px;
	color: #00a;
}
.hoso-viewer .hoso-tdt-ylenh .phieu-dvkt span {
	display: inline-block;
}
.hoso-viewer .hoso-tdt-ylenh .phieu-dvkt:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.hoso-viewer .btn-giay-hen {
	top: -10px;
	right: unset;
	left: 10px;
}
.hoso-viewer .hoso-tdt-ylenh.thuoc div.don-thuoc:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.hoso-viewer .hoso-tdt-ylenh.thuoc div.don-thuoc {
	white-space: pre-wrap;
	overflow-wrap: break-word;
	width: 327px;
	display: inline-block;
}
.hoso-viewer .hoso-tdt-ylenh.vat-tu div.don-thuoc {
	width: 264px;
}
.hoso-viewer .tdt-tool-row {
	text-align: right;
	display: none;
    background: #eee;
    position: absolute;
    top: -24px;
    right: 0;
    height: 28px;
    width: 120%;
    border: 1px solid #ccc;
    box-shadow: -1px 1px 2px 0px #bbb8;
	color: #555;
    padding: 3px;
	-webkit-animation-duration: 0.5s;
    animation-duration: 0.39s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.hoso-viewer .btn-edit {
	display: none;
	position: absolute;
	top: -20px;
	border-left: 1px solid #aaa;
    padding-left: 2px;
	-webkit-animation-duration: 0.5s;
    animation-duration: 0.39s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.hoso-viewer .tdt-tool-row .btn,
.hoso-viewer .btn-edit .btn{
	padding: 1px 4px;
}
.hoso-viewer .tdt-td:hover .tdt-tool-row,
.hoso-viewer .tdt-td:hover + .tdt-td .tdt-tool-row,
.hoso-viewer tr:hover .tdt-tool-row,
.hoso-viewer .tdt-td:hover .btn-edit,
.hoso-viewer .tdt-td:hover + .tdt-td .btn-edit, 
.hoso-viewer tr:hover .btn-edit {
	display: block;
}
/* #endregion table-ehr */

/* #region chữ ký */
.hoso-viewer .tdt-signature {
	width: 100%;
	min-height: 40px;
}
.hoso-viewer .tdt-signature-none {
	color: transparent;
	padding: 10px;
	font-family: Florence, cursive;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
}
.hoso-viewer .tdt-signature-none:hover {
	color: rgba(107, 170, 231, 0.5);
}
.hoso-viewer hoso-signature {
	min-height: 42px;
	display: block;
}
.hoso-viewer .hoso-signature {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 250px;
	margin: auto;
	pointer-events: initial;
}
.hoso-viewer .hoso-signature img {
	max-width: 100%;
	min-width: 50%;
	min-height: 40px;
	max-height: 69px;
}
.hoso-viewer .hoso-signature:hover {
	box-shadow: 0 0 1px #000;
}
.hoso-viewer .hoso-signature-none {
	color: transparent;
	padding: 10px;
	font-family: Florence, cursive;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	pointer-events: initial;
}
.hoso-viewer .hoso-signature-none:hover {
	color: rgba(107, 170, 231, 0.5);
}
#paint-chuky-viettay {
	position: relative;
	border: 1px solid;
	display: table;
	margin: auto auto;
	margin-bottom: 10px;
	cursor: url(img/pen.cur), auto;
}
/* #endregion chữ ký*/

/* #region sổ sức khỏe */
.hoso-viewer .page-content.bg-page {
	background: url(/assets/img/bg-page.png) no-repeat;
	background-size: 100% 100%;
	background-color: #91e7db22;
}

.hoso-viewer .page-content.bg-bia {
	background: url(/assets/img/bg-bia.png) no-repeat;
	background-size: 100% 100%;
	background-color: #91e7db44;
}

.hoso-viewer .page-content .table {
	background-color: #fff;
}


.ssk-header {
	display: flex;
	align-items: center;
	margin: -0.5cm -1cm 0;
}
	.ssk-header .head-stt {
		background: #24a9a8;
		color: #fff;
		padding: 20px;
		border-radius: 0px 50px 50px 0;
		font-size: 22px;
		font-weight: 900;
		box-shadow: 1px 2px 4px 0px #0006;
		z-index: 1;
	}
	.ssk-header .head-title {
		background: #2dd1ba85;
		flex: auto;
		margin-left: -20px;
		padding: 5px;
		padding-left: 28px;
		font-weight: 700;
		z-index: 0;
	}

		.ssk-header .head-title.full-width {
			margin-left: unset;
		}
		.ssk-header .head-title > .title {
			font-size: 1.8rem;
		}
		.ssk-header .head-title > .title-sub {
		}
.hoso-viewer .title-2 {
	border: 2px solid #24a9a8;
	font-size: 1.6rem;
	font-weight: 600;
	color: #137676;
	padding: 2px 16px;
	border-radius: 20px;
	background: #24a9a822;
}
.hoso-viewer .title-2 {
	border: 2px solid #24a9a8;
	font-size: 1.6rem;
	font-weight: 600;
	color: #137676;
	padding: 2px 16px;
	border-radius: 20px;
	background: #24a9a822;
}

.bieu-do-dinh-duong .age-range {
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}

.bieu-do-dinh-duong .note {
	color: #c81054;
	font-size: 16px;
	font-style: italic;
}
/* #endregion sổ sức khỏe */
.hoso-viewer .page-content-lg {
	font-size: 16px;
}
.hoso-viewer .page-content-lg .textarea-line,
.hoso-viewer .page-content-lg .input-ehr,
.hoso-viewer .page-content-lg .input-ehr-form,
.hoso-viewer .page-content-lg .input-ehr-form-gmhs,
.hoso-viewer .page-content-lg .span-ehr-form,
.hoso-viewer .page-content-lg .table-ehr-line > tbody > tr > td > .textarea,
.hoso-viewer .page-content-lg .table-ehr-line .tdt-td .textarea,
.hoso-viewer .page-content-lg .hoso-tdt-ylenh,
.hoso-viewer .page-content-lg .my-textarea,
.hoso-viewer .page-content-lg tdt-ngaykham > textarea {
	font-size: 16px;
}

.hoso-viewer .page-content-lg textarea-line textarea.textarea-ehr-line,
.hoso-viewer .page-content-lg .textarea-line textarea.textarea-ehr-line,
.hoso-viewer .page-content-lg .textarea-line textarea.textarea-ehr-line-gmhs {
	font-size: 16px;
	background-position-y: 2px;
}

.hoso-viewer .page-content-xl {
	font-size: 18px;
}
.hoso-viewer .page-content-xl .input-ehr,
.hoso-viewer .page-content-xl .input-ehr-form,
.hoso-viewer .page-content-xl .input-ehr-form-gmhs,
.hoso-viewer .page-content-xl .span-ehr-form,
.hoso-viewer .page-content-xl .table-ehr-line > tbody > tr > td > .textarea,
.hoso-viewer .page-content-xl .table-ehr-line .tdt-td .textarea,
.hoso-viewer .page-content-xl .hoso-tdt-ylenh,
.hoso-viewer .page-content-xl .my-textarea,
.hoso-viewer .page-content-xl tdt-ngaykham > textarea {
	font-size: 18px;
}

.hoso-viewer .page-content-xl textarea-line textarea.textarea-ehr-line,
.hoso-viewer .page-content-xl .textarea-line textarea.textarea-ehr-line,
.hoso-viewer .page-content-xl .textarea-line textarea.textarea-ehr-line-gmhs {
	font-size: 18px;
	background-position-y: 3px;
}

.hoso-viewer .page-content-xxl {
	font-size: 20px;
}
.hoso-viewer .page-content-xxl .input-ehr,
.hoso-viewer .page-content-xxl .input-ehr-form,
.hoso-viewer .page-content-xxl .input-ehr-form-gmhs .span-ehr-form,
.hoso-viewer .page-content-xxl .table-ehr-line > tbody > tr > td > .textarea,
.hoso-viewer .page-content-xxl .table-ehr-line .tdt-td .textarea
.hoso-viewer .page-content-xxl .hoso-tdt-ylenh,
.hoso-viewer .page-content-xxl .my-textarea,
.hoso-viewer .page-content-xxl tdt-ngaykham > textarea {
	font-size: 20px;
}

.hoso-viewer .page-view.readonly .page-content,
.hoso-viewer .page-content.readonly,
.hoso-viewer .readonly .btn-auto-disabled {
	pointer-events: none;
}
.hoso-viewer .page-view.delete .page-content::before,
.hoso-viewer .page-content.delete::before {
	content: '';
	background: #aaa5;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 100px;
	z-index: 1000;
	width: 100%;
    height: 100%;
}
.hoso-viewer .page-view.delete .page-content::after,
.hoso-viewer .page-content.delete::after {
	content: 'ĐÃ HUỶ';
    position: absolute;
    top: 10%;
    left: calc(50% - 176px);
    font-size: 100px;
    z-index: 1000;
    color: #f005;
    -webkit-transform: rotate(333deg);
    -moz-transform: rotate(333deg);
    -o-transform: rotate(333deg);
    -ms-transform: rotate(333deg);
    transform: rotate(333deg);
}
.hoso-viewer .m-t-line {
	margin-top: 3px;
}
.hoso-viewer .rotate {
    display: block;
    transform-origin: top left;
    transform: rotate(-90deg) translate(-100%);
    white-space: nowrap;
    font-size: 14px;
    border: none;
}
.hoso-viewer .td-canvas {
	background: url(img/bg-cn-song.png);
	background-size: 5.57%;
}
/* #region CSS Print*/
@media print {
	body {
		min-width: unset !important;
	}

	#toast-container, .mat-toolbar, .toc-container, .hoso-item-controls, .fullscreen-buttons, .show-page-buttons
	, .swiper-pagination-n, .swiper-button-prev, .swiper-button-next, .gay-bia-hoso, .hoso-tdt-ylenh .btn-edit
	, .css-lat-trang, app-sidebar, app-footer, .print-display-none, .overlay-container {
		display: none !important;
	}
	.app-body, .main {
		margin: unset !important;
	}

		.app-body .container-fluid, .main .container-fluid {
			padding: unset !important;
		}

	#page-wrapper,
	#view-sskhocsinh,
	.hoso-wrapper, .page-content {
		margin: unset !important;
		padding: unset !important;
		width: 100% !important;
	}
	#page-wrapper {
		background: #fff;
	}
	.btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: inherit !important;
    }

	.page-view {
		zoom: 1 !important;
		padding: unset !important;
	}

	.container-view-page {
		overflow: unset !important;
	}
	.hoso-viewer textarea {
		overflow: hidden;
	}

	.form-view-hoso,
	.hoso-viewer {
		padding: 0 !important;
		height: unset !important;
		overflow: unset !important;
	}

	.hoso-viewer.in-form {
		height: calc(100vh) !important;
	}

	.table-ehr-line tr:last-child .tdt-signature-none {
		display: none !important;
	}

	.table-todieutri-1 {
		min-height: 900px !important;
	}

	.table-todieutri-2 {
		min-height: 1050px !important;
	}
	.page-content {
		box-shadow: unset !important;
		margin-top: unset !important;
	}
}

@page {
	margin: 0;
	size: auto;
}
/* #endregion*/