.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
}