#dialog-pos {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); overflow-y: auto; padding: 30px;display: none; font-size: 16px;
}

#dialog-pos .dialog {
	display: block; width: 100%; max-width: 1024px; margin: 0 auto; background-color: white; border-radius: 15px
}

#dialog-pos .dialog .dialog-header {
	padding: 15px; text-transform: uppercase; font-size: 16px; font-weight: 700;display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d3d3d3
}

#dialog-pos .dialog .dialog-body {
	padding: 15px;
}

#dialog-pos .dialog .form-control {
	border: 1px solid #d3d3d3; border-radius: 8px; padding: 8px 12px; width: 100%;
}

#dialog-pos .dialog .table {
	border: 1px solid #dee2e6;    
	color: #212529;
	width: 100%;
	line-height: 1.3
}

#dialog-pos .dialog .table thead {
	background: #dcdcdc;
}

#dialog-pos .dialog .table thead th {
	color: #031f57;
	border-bottom-width: 2px;
	vertical-align: bottom;
	border: 1px solid #dee2e6;
    border-bottom: 2px solid #dee2e6;
	padding: .75rem;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}

#dialog-pos .dialog .table tbody td {
	border: 1px solid #dee2e6;
	padding: .75rem;
    vertical-align: top;
	font-size: 15px
}

#dialog-pos .dialog .table tbody td.td-message {
	text-align: center;
}

#dialog-pos .dialog .table .d-none { display: none; }

#dialog-pos .dialog .table .d-sm-none strong{
	font-weight: 600
}

@media screen and (min-width: 768px) {
	#dialog-pos .dialog .table .d-sm-table-cell {
		display: table-cell
	}
	
	#dialog-pos .dialog .table .d-sm-none {
		display: none
	}
	
}