* {
	margin  : 0;
	padding : 0;
}
body {
	width  : 100vw;
	height : 100vh;
}
.application {
	width          : 100%;
	height         : 100%;
	display        : flex;
	flex-direction : column;
}
.application-top {}
.application-middle {
	flex-grow      : 1;
	display        : flex;
	flex-direction : row;
}
.application-bottom {}
.menu-left {}
.menu-right {}
.content {
	flex-grow      : 1;
	display        : flex;
	flex-direction : column;
	overflow       : auto; /* 2024-06-11 */
}
.menu-top {}
.content-middle {
	flex-grow      : 1;
	display        : flex;
	flex-direction : row;
}
.menu-bottom {}
.content-left {}
.content-center {
	flex-grow      : 1;
	display        : flex;
	flex-direction : column;
	overflow       : auto; /* 2024-06-11 */
}
.content-right {}
.application-tabs {
	background-color : var(--color-app-tabs-cont-bg);
	margin           : 0 10px;
	padding          : 1px;
	border-radius    : 5px;
	flex-basis       : 42px;
    flex-shrink      : 0;
}
.page {
	flex-grow        : 1;
	display          : flex;
	flex-direction   : column;
	background-color : var(--color-page-bg);
	height           : 100%;
}
.page-top {}
.page-middle {
	flex-grow      : 1;
	display        : flex;
	flex-direction : row;
}
.page-bottom {}
.page-left {}
.page-center {
	flex-grow : 1;
	overflow  : auto; /* 2024-06-11 */
}
.page-right {}
/* ========================================================================================================================== */
.topbar {
	position : static;
}
.navbar-default {
    box-shadow : none;
}
/* ========================================================================================================================== */
body.fixed-left .side-menu.left {
	position       : static;
	margin         : 0;
	padding        : 0;
	display        : flex;
	flex-direction : column;
}
.slimScrollDiv {
	position  : static;
    margin    : 0;
    flex-grow : 1;
    height    : auto !important;
}
.sidebar-inner {
    height : auto !important;
}
#idx_copyright_lg, #idx_copyright_sm {
    position : static;
}
/* ========================================================================================================================== */
#centiva_container > .page {
	height     : 1vh;
	overflow-x : hidden;
}
#centiva_container > .page::-webkit-scrollbar {
	width : 0;
}
#centiva_index_contents {
    padding    : 0;
    margin     : 0;
	flex-grow  : 1;
	height     : 1vh;
	overflow-x : hidden;
}
#centiva_index_contents > .tab-pane {
    height         : 100%;
    display        : none;
    flex-direction : column;
}
#centiva_index_contents > .tab-pane.active {
    display : flex;
}
.page-center > .centiva-page-container {
    height           : 100%;
    background-color : var(--color-page-bg);
    border           : 10px solid var(--color-page-bdr);
}
.page-center > .centiva-page-container > div.row, .page-center > .centiva-page-container > div.row > div {
	height : 100%;
}
.page-center > .centiva-page-container > div.row > div {
	min-width : 0;
}
.page-center > .centiva-page-container .centiva-tab-border {
	height         : 100%;
	display        : flex;
	flex-direction : column;
	border         : 1px solid var(--color-grd-cb-bdr);
}
.centiva-tab-border .nav.nav-tabs.tabs {
	flex-shrink : 0;
}
.centiva-page-container .centiva-tab-border .tab-content {
    flex-grow                  : 1;
    overflow-x                 : auto;
	border-bottom-left-radius  : 5px;
	border-bottom-right-radius : 5px;
	background-color           : var(--color-page-fld-bg);
	padding                    : 0 10px 10px;
	margin                     : 10px 0 0;
	box-shadow                 : none;
}

.centiva-page-container > .row {
	margin         : 0;
	display        : flex;
	flex-direction : row;
	column-gap     : 10px;
	row-gap        : 10px;
}
@media screen and (max-width: 800px) {
	.centiva-page-container > .row.cwrap-800        { flex-direction : column;  }
	.centiva-page-container > .row.cwrap-800 > div  {
		flex-shrink : 1 !important;
		flex-basis  : 0 !important;
	}
	.cwrap-800 .centiva-tab-border .tab-content     { height : auto !important; }
}
@media screen and (max-width: 1000px) {
	.centiva-page-container > .row.cwrap-1000       { flex-direction : column;  }
	.centiva-page-container > .row.cwrap-1000 > div {
		flex-shrink : 1 !important;
		flex-basis  : 0 !important;
	}
	.cwrap-1000 .centiva-tab-border .tab-content    { height : auto !important; }
}
@media screen and (max-width: 1200px) {
	.centiva-page-container > .row.cwrap-1200       { flex-direction : column;  }
	.centiva-page-container > .row.cwrap-1200 > div {
		flex-shrink : 1 !important;
		flex-basis  : 0 !important;
	}
	.cwrap-1200 .centiva-tab-border .tab-content    { height : auto !important; }
}
.centiva-page-container > .row > .col-md-4,
.centiva-page-container > .row > .col-md-8 {
	padding : 0;
}

.centiva-page-container > .row:before,
.centiva-page-container > .row:after {
	content: none;
}
.centiva-main-card-box {
	height : 100%;
}
.pagebar {
    position      : static;
    margin        : 0;
	border        : none;
	padding       : 5px;
	margin        : 5px 10px 0;
	border-radius : 5px;
	border        : 1px solid var(--color-pi-bar-bdr);
}
