		.pagination {
		  display: inline-block;
		  padding-left: 0;
		  margin: 20px 0;
		  border-radius: 4px;
		}
		.pagination > li {
		  display: inline;
		}
		.pagination > li > a,
		.pagination > li > span {
		  position: relative;
		  float: left;
		  padding: 6px 12px;
		  margin-left: -1px;
		  line-height: 1.42857143;
		  color: #337ab7;
		  text-decoration: none;
		  background-color: #fff;
		  border: 1px solid #ddd;
		}
		.pagination > li:first-child > a,
		.pagination > li:first-child > span {
		  margin-left: 0;
		  border-top-left-radius: 4px;
		  border-bottom-left-radius: 4px;
		}
		.pagination > li:last-child > a,
		.pagination > li:last-child > span {
		  border-top-right-radius: 4px;
		  border-bottom-right-radius: 4px;
		}
		.pagination > li > a:hover,
		.pagination > li > span:hover,
		.pagination > li > a:focus,
		.pagination > li > span:focus {
		  z-index: 2;
		  color: #23527c;
		  background-color: #eee;
		  border-color: #ddd;
		}
		.pagination > .active > a,
		.pagination > .active > span,
		.pagination > .active > a:hover,
		.pagination > .active > span:hover,
		.pagination > .active > a:focus,
		.pagination > .active > span:focus {
		  z-index: 3;
		  color: #fff;
		  cursor: default;
		  background-color: #337ab7;
		  border-color: #337ab7;
		}
		.pagination > .disabled > span,
		.pagination > .disabled > span:hover,
		.pagination > .disabled > span:focus,
		.pagination > .disabled > a,
		.pagination > .disabled > a:hover,
		.pagination > .disabled > a:focus {
		  color: #777;
		  cursor: not-allowed;
		  background-color: #fff;
		  border-color: #ddd;
		}
		.pagination-lg > li > a,
		.pagination-lg > li > span {
		  padding: 10px 16px;
		  font-size: 18px;
		  line-height: 1.3333333;
		}
		.pagination-lg > li:first-child > a,
		.pagination-lg > li:first-child > span {
		  border-top-left-radius: 6px;
		  border-bottom-left-radius: 6px;
		}
		.pagination-lg > li:last-child > a,
		.pagination-lg > li:last-child > span {
		  border-top-right-radius: 6px;
		  border-bottom-right-radius: 6px;
		}
		.pagination-sm > li > a,
		.pagination-sm > li > span {
		  padding: 5px 10px;
		  font-size: 12px;
		  line-height: 1.5;
		}
		.pagination-sm > li:first-child > a,
		.pagination-sm > li:first-child > span {
		  border-top-left-radius: 3px;
		  border-bottom-left-radius: 3px;
		}
		.pagination-sm > li:last-child > a,
		.pagination-sm > li:last-child > span {
		  border-top-right-radius: 3px;
		  border-bottom-right-radius: 3px;
		}
		.row {
			display: flex;
			flex-wrap: wrap;
			margin-right: 0px;
			margin-left: 0px;
			width: 100% !important;
		}
		
		div.dataTables_wrapper div.dataTables_length label {
		  font-weight: normal;
		  text-align: left;
		  white-space: nowrap;
		  justify-content: flex-start !important;
		  margin-bottom: 20px !important;
		}
		div.dataTables_wrapper div.dataTables_length select {
		  width: 75px;
		  display: inline-block;
		}
		div.dataTables_wrapper div.dataTables_filter {
		  text-align: right;
		}
		div.dataTables_wrapper div.dataTables_filter label {
		  font-weight: normal;
		  white-space: nowrap;
		  text-align: left;
		  justify-content: flex-end !important;
		  margin-bottom: 20px !important;
		}

		/* ============ File Attachment Upload (content_type = 9) ============ */
		.dropzone-area {
			border: 2px dashed #ccc;
			padding: 30px;
			text-align: center;
			cursor: pointer;
			border-radius: 5px;
			transition: all 0.3s ease;
			margin-bottom: 10px;
			background: #fafafa;
		}
		.dropzone-area:hover,
		.dropzone-area.dragover {
			border-color: #5867dd;
			background: #f0f2ff;
		}
		.dropzone-message i {
			color: #bbb;
			margin-bottom: 10px;
			display: block;
		}
		.dropzone-message p {
			margin: 5px 0;
			color: #666;
			font-size: 14px;
		}
		.dropzone-message small {
			color: #999;
		}
		.file-input-hidden {
			display: none;
		}
		.uploaded-files {
			margin-top: 5px;
		}
		.uploaded-file-item {
			display: flex;
			align-items: center;
			padding: 8px 12px;
			margin: 5px 0;
			background: #f7f8fa;
			border-radius: 4px;
			border: 1px solid #ebedf2;
		}
		.uploaded-file-item > i {
			font-size: 18px;
			color: #5867dd;
			margin-right: 10px;
		}
		.uploaded-file-item .file-name {
			flex: 1;
			font-weight: 500;
			font-size: 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.uploaded-file-item .file-size {
			color: #999;
			font-size: 12px;
			margin: 0 10px;
			white-space: nowrap;
		}
		.uploaded-file-item .btn-delete-attachment {
			padding: 2px 6px;
			font-size: 11px;
		}
		.upload-progress {
			margin-top: 5px;
		}
		.upload-progress .progress {
			height: 6px;
			border-radius: 3px;
		}
		/* Admin file attachment review */
		.file-attachment-answer .table td {
			vertical-align: middle;
		}

		/* Logo max-height constraints */
		.m-brand__logo-wrapper img,
		.m-brand img,
		.m-brand--desktop img {
			max-height: 50px;
			width: auto;
		}
		.m-login__logo img,
		.m-login__logo a img {
			max-height: 90px;
			width: auto;
		}
		.m-login__logo {
			text-align: center;
		}