.modal-header {
	background : linear-gradient(90deg, #21283a 0%, #282e81 100%);
	height: 40px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.modal-header h4 {
	color : #fff;
}
/* .modal-body table {
	width: 100%;
	border: 1px solid #a1a1a1;
	border-collapse: collapse;
}
.modal-body tr {
	height:40px;
}
.modal-body th, td {
   	border: 1px solid #a1a1a1;
} */
.modal-footer  {
	padding: 3px !important;
}
.margin-left-10 {
	margin-left:10px;
}
.margin-right-10 {
	margin-right:10px;
}
.modal-backdrop.show {
   opacity: 0.6;
}
.note-icon-caret {
	display:none;
}
.not-border {
	border:0 !important;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.modal-body .input-group-text {
	border-radius : 0 !important;
	height : 100%;
	background: rgb(12,109,255);
	background: linear-gradient(45deg, #d3e5ff 0%, #ebf6ff 100%);
}
.modal-body .form-control {
	border-radius : 0 !important;
	font-size: 0.95rem;
}
.modal-body .form-select {
	border-radius : 0 !important;
	font-size: 0.95rem;
}
.modal-body .row>* {
	padding-left:0;
	padding-right:0;
}
.modal-footer .btn-primary {
	background:#2d38b8;
	border:1px solid #2d38b8;
}
.swal2-container .swal2-title {
	font-size: 1.4em;
}
.modal-content {
	border-radius:3px;
}
.btn-close {
	box-shadow:none !important;
}
.modal-body .row.row-sm,
.modal-body .row.row-sm .row{
	margin-left:0;
	margin-right:0;
}
.modal-body .input-group-text {
	border:0;
}
.modal-body .row.row-sm .row {
	margin-bottom:1px;
}
.modal-dialog-scrollable .modal-content {
	background: transparent;
}
.modal-footer,
.modal-body {
	background:#fff;
}
.modal-body input[type=text]:focus {
	border: 1px solid var(--input-text-active);
    background: var(--input-text-active-back);
}
.form-control{
	box-shadow:none !important;
}
.btn-close {
	opacity: 0.9;
}
.btn-close:hover, 
.btn-close:focus {
	opacity: 1;
}
.modal-footer .btn.btn-default:focus{
	border:0;
}
.modal-footer .btn.btn-default:hover{
	background: #f4f4f4;
}
html body.swal2-height-auto {
	height:100% !important;
}


.modal-dialog-scrollable .modal-content {
	/* border:0 !important; */
	border : 1px solid black;
}
.modal-body-horizontal {
	max-height: 70vh; overflow: auto; background: #fff;
}
.modal-body-horizontal .row {
	margin:0;
}
.modal-header.ui-draggable-handle .btn-close {
	color:#fff;
}
.modal-header button.btn-close {
	color:#fff;
}
.form-icon input[readonly="readOnly"] {
	border:1px solid #dfdfdf;
}
.svg-inline--fa.fa-calendar, .svg-inline--fa.fa-search{ 
    position: absolute;
    z-index: 7;
    right: 10px;
    top: 8px;
    opacity: 0.4;
    width: 10px;
    color: #0d1bba;
}
td input[name="remark"] {
    border: 1px solid #dfdfdf;
    padding: 4.5px 7px;
    outline: none;
}
td input[name="remark"]:hover,
td input[name="remark"]:focus {
    border: 1px solid var(--input-text-active);
    background: var(--input-text-active-back);
}
.modal-header .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}
.modal-body .ms-choice {
    border: 0;
}
.modal-body .ms-choice > span {
    padding-left: 0; 
	outline: none;
}
.modal-body .ms-choice > div.icon-caret {
    right: 12px;
}
.modal-body textarea {
    outline: none; 
	height: 100%; 
	border:1px solid #dfdfdf;
}
.modal-body textarea:focus {
    border: 1px solid var(--input-text-active);
    background: var(--input-text-active-back);
}
.search_item .form-control.mtz-monthpicker-widgetcontainer {
    border-radius: 0;
    padding: 4.5px 7px;
    font-size: 0.95rem;
}
.mtz-monthpicker .mtz-monthpicker-year {
    outline: none;
}
.fileContainer svg {
	width: 1.2em;
    height: 1.2em;
}
.modal-body-horizontal .table th {word-break: break-all;}
.modal-body-horizontal .table td {word-break: break-all; vertical-align: middle;}
.modal-content .table td input[name="remark"] {width: 100%;}

@media screen and (max-width: 600px){
	.d-flex.justify-content-center.align-items-center {
		width: 100%;
	} 
	.checking_title {min-width: 110px; word-break: break-all;}
}

.modal-xxl {
	--bs-modal-width:1650px
}

/* Board article editor */
.modalcls-board-article .modal-body {
	padding: 16px;
	background: #f4f7fb;
}

.modalcls-board-article .common-modal-form {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr);
	gap: 12px;
	width: 100%;
}

.modalcls-board-article .modal-field-row {
	display: block;
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	border: 1px solid #d8e1eb;
	border-radius: 7px;
	background: #fff;
}

.modalcls-board-article .modal-field-row > .col-md-4,
.modalcls-board-article .modal-field-row > .col-md-8 {
	width: 100%;
}

.modalcls-board-article .modal-field-row .input-group-text {
	height: auto;
	min-height: 34px;
	padding: 7px 11px;
	border-bottom: 1px solid #e3e9f0 !important;
	color: #41566f;
	background: #edf3f9;
	font-size: .82rem;
	font-weight: 700;
}

.modalcls-board-article .modal-field-row .form-control,
.modalcls-board-article .modal-field-row .form-select {
	height: 40px;
	padding: 8px 11px;
	border: 0;
	background: #fff;
}

.modalcls-board-article .modal-field-row .form-select {
	padding-right: 32px;
	-webkit-appearance: menulist;
	appearance: auto;
}

.modalcls-board-article .modal-editor-row {
	grid-column: 1 / -1;
	margin: 0 !important;
	overflow: hidden;
	border: 1px solid #d8e1eb;
	border-radius: 7px;
	background: #fff;
}

.modalcls-board-article .modal-editor-row .form-group > .input-group-text {
	height: auto;
	min-height: 36px;
	padding: 8px 11px;
	border-bottom: 1px solid #d8e1eb !important;
	color: #41566f;
	background: #edf3f9;
	font-size: .82rem;
	font-weight: 700;
}

.modalcls-board-article .note-editor.note-frame {
	margin: 0;
	border: 0;
}

.modalcls-board-article .note-toolbar {
	padding: 7px 8px;
	border-bottom: 1px solid #e1e7ee;
	background: #f8fafc;
}

.modalcls-board-article .note-editable {
	min-height: 260px;
	padding: 16px;
}

.modalcls-board-article .fileContainer {
	margin-top: 12px;
	overflow: hidden;
	border: 1px solid #d8e1eb;
	border-radius: 7px;
	background: #fff;
}

.modalcls-board-article .fileContainerHeader {
	min-height: 40px;
	align-items: center;
	padding: 7px 11px;
	border-bottom: 1px solid #e3e9f0;
	background: #edf3f9;
}

.modalcls-board-article .fileDrop .list-group {
	min-height: 110px;
	max-height: 150px;
	border: 0;
	background: #fff;
}

.modalcls-board-article .modal-footer {
	padding: 8px 14px !important;
	border-top: 1px solid #d8e1eb;
}

.modalcls-board-article-view .modal-header {
	background: #43566d;
}

.modalcls-board-article-view .board-view-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
	padding: 3px 8px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 999px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	font-size: .68rem;
	font-weight: 600;
	vertical-align: middle;
}

.modalcls-board-article-view .modal-body {
	background: #edf1f5;
}

.modalcls-board-article-view .modal-field-row .form-control:disabled,
.modalcls-board-article-view .modal-field-row .form-select:disabled {
	opacity: 1;
	color: #27384b;
	background: #f3f6f9;
	font-weight: 600;
}

.modalcls-board-article-view .note-toolbar,
.modalcls-board-article-view .note-statusbar {
	display: none;
}

.modalcls-board-article-view .note-editable,
.modalcls-board-article-view .note-editable[contenteditable="false"] {
	min-height: 390px;
	color: #27384b;
	background: #fff;
	cursor: default;
}

.modalcls-board-article-view .modal-save {
	display: none !important;
}

@media (max-width: 767.98px) {
	.modalcls-board-article .common-modal-form {
		grid-template-columns: 1fr;
	}

	.modalcls-board-article .modal-editor-row {
		grid-column: auto;
	}
}