/*--------------------------------------------------------------
Note
--------------------------------------------------------------*/
table#note-details-2col-table th,
table#note-details-2col-table td {
	position: relative!important;
}
table#note-details-2col-table th {
	display: none;
}
table#note-details-2col-table td {
	width: 100%!important;
}
table#note-details-2col-table .content-info img {
	border-radius: 50%;
	max-width: 40px;
	max-height: 40px;
	float: left;
	margin: 0 1em 0 0;
}
table#note-details-2col-table .content-info .information img {
	max-width: max-content!important;
    max-height: max-content!important;
    border-radius: 0;
}
table#note-details-2col-table .date-info {
	margin: 0.75em 1.5em 0 0!important;
}
.single-note-blocks {
	margin: 0.75em 0;
}
#form-note-comment-entry-wrapper {
	margin-top: 1px;
}
/*#form-note-comment-entry-wrapper #comment-textarea {
	background: rgb(250 253 253);
	border: 1px solid #dae1eaab;
	border-bottom: 2px solid #dce3ebab;
	border-bottom-width: 2px;
	border-radius: 6px;
	margin-bottom: 0.75em;
}*/
#form-note-comment-entry-wrapper textarea {
	background: none;
	border: 1px solid #e5eaef!important;
    width: 97%;
    padding: 0.5% 1.5%;
	height: 50px;
    border: none;
    box-shadow: none;
}
table.thread-format-table .content-info {
	padding: 0.4em 1em;
}
div.comment-row label.checkbox-data {
	margin-right: 6px;
}
/*div.comment-row label.textarea-data span,
div.comment-row label.label-data span {
	padding: 0!important;
	text-align: center!important;
	width: 60px!important;
}*/
div.portal #comment-textarea .data-label {
	display:none!important;
}
div#portal-block-note #comment-submit .data-label {
	display:inline!important;
}
div.portal .comment-row {
	text-align: right!important;
}
div.portal #form-note_comment .checkbox-data {
	display:none;
}

/* Page Lead List */
.list_in_table-note-entry table tr.data-row_chain .table-row-item-3 .table-row-item-1 {
	width: 18.5%!important;
}
.list_in_table-note-entry table tr.data-row_chain .table-row-item-3 .table-row-item-2,
.list_in_table-note-entry table tr.data-row_chain .table-row-item-3 .table-row-item-3 {
	width: 12.5%!important;
}
.list_in_table-note-entry table tr.data-row_chain .table-row-item-3 .table-row-item-4 {
	width: 57%!important;
}

/* Media Query */
/* For screen with width below 48em */
@media screen and (max-width: 48em) {
	table#note-details-2col-table th,
	table#note-details-2col-table td {
		background: white;
		display: block;
		margin: 0 0 -4px 0;
		width: 100%;
		border-radius: 3px;
	}
	table#note-details-2col-table th .content-info,
	table#note-details-2col-table td .content-info {
		word-break: break-all;
	}
	table#note-details-2col-table tr {
		background: none!important;
		display: block;
		padding-bottom: 0.5em!important;
	}
	table#note-details-2col-table th {
		background: rgb(245, 249, 250);
	}
}