.ajax-loading {
	justify-content: center;
	align-items: center;
	width:100vw;
	height:100vh;
	color: white;
	background-color: rgba(0, 0, 0, .01);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.ajax-loading.show { display:flex }
.ajax-loading .loader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px;
	color: white;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 5px;
	font-size:28px;
}

.content-section {
	display:flex;
	flex-direction: column;
	width:100%;
	height: calc(100vh - (3.5rem + 1px));
	transition: margin-left .5s ease-in-out;
	margin-left:0;
}

.content-section.on-detail {
	margin-left:-100%;
}

.content-section .content-list,
.content-section .content-detail {
	display:flex;
	flex-direction:column;
	width:100%;
}

.btn-detail-search { display:none }

.frozen-wrapper {
	/*width: calc(100vw - 3.5rem);*/
	height: calc(100% - 1px);
	overflow: scroll;
	
	margin: 0 auto;
}

.table-frozen {
	border-spacing: 0;
    border-collapse: separate;
}

.table-frozen thead,
.table-frozen thead th {
    position: sticky;
    top: 0;
    z-index: 200;
}

.table-frozen thead th {
	background-color:#efefef;
	border-top: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
}

.table-frozen thead th:nth-child(1) {
	border-left: 1px solid #dee2e6;
}

.table-frozen tbody th,
.table-frozen tbody td {
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.table-frozen tbody th:nth-child(1),
.table-frozen tbody td:nth-child(1) {
	border-left: 1px solid #dee2e6;
}

.table-frozen th,
.table-frozen td {
	white-space: nowrap;
}

@media (min-width: 1024px) {
	.content-section {
		width: 100%;
	}
	.content-section.on-detail {
		margin-left: 0;
		transition: none;
	}
	.content-section .content-list { width:320px }
	.content-section .content-detail { width: calc(100vw - 320px) }
	.frozen-wrapper {
		width: calc(100vw - 3.5rem - 320px);
	}
	.title-detail { display:none }
	.btn-list-search { display:none }
	.btn-detail-search { display:inline-block }
	.btn-back { display:none }
	
}

@media (min-width: 1199.98px) {
	.content-section .content-detail { width: calc(100vw - 320px) }
	body:not(.sidebar-collapse) .content-section .content-detail { width: calc(100vw - 570px) }
	body:not(.sidebar-collapse) .frozen-wrapper {
		width: calc(100vw - 3.5rem - 570px);
	}
}

.list-table { font-size: .75rem }

.list-table th,
.list-table td {
	padding: .25rem
}

/**********************************
Toast Style
**********************************/
.toast-container {
	padding: 5px !important;
	background-color:#555 !important;
}
.toast-title {
	color:#FFF !important;
}