/* .tox-silver-sink {
    z-index: 999999!important;
  } */

/* #header {
    z-index: 999;
  } */
  :root {
	  --bs-font-sans-serif: 'Roboto', 'Arial'!important;
	  --bs-body-font-size: 0.9rem!important;
	  --bs-dropdown-font-size: 0.9rem!important;
  }

html,
body {
	/* font-family: 'Roboto', 'Arial'; */
	/* font-size: 0.95rem; */
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none!important;
}

.order_by {
	position: relative;
	padding-right: 20px !important;
}

.order_by:after {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	margin-left: 5px;
	content: "\f338";
	opacity: 0.5;
}

.order_by.up:after {
	content: "\f077";
}

.order_by.down:after {
	content: "\f078";
}

.table-responsive table thead tr:nth-child(1) td {
	position: sticky;
	top: -1px;
	z-index: 1;
}

.sticky-bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 1;
}

.menu-container .sub-menus {
	width: 100%;
	overflow-y: hidden;
	max-height: 0;

	-webkit-transition-property: all;
	-webkit-transition-duration: .5s;

	-moz-transition-property: all;
	-moz-transition-duration: .5s;

	-ms-transition-property: all;
	-ms-transition-duration: .5s;

	transition-property: all;
	transition-duration: .5s;

}

.menu-container.open .sub-menus {
	max-height: 1000px;
}

.menu-container .sub-icon {
	display: none;
	opacity: 0.9;
}

.menu-collapser {
	z-index: 2001;
}

/* layout: begin */

.side-bar-closed .side-bar {
	display: none;
}

.side-bar .menu-container .arrow:before {
	content: "\f105";
}

.side-bar .menu-container.open .arrow:before {
	content: "\f107";
}

.side-bar .menu-container.open .menu-icon:before,
.side-bar-closed .menu-container:hover .menu-icon:before {
	color: #fff !important;
}

.page-content {
	display: none;
}

#page-container {
	height: calc(100% - 40px);
}

/*  */

.fs_11 {
	font-size: 11px;
}

/* sizes */

.w_20p {
	width: 20px;
}

.w_30p {
	width: 30px;
}

.w_300p {
	width: 300px;
}

.mw_300p {
	min-width: 300px;
}

.h_40 {
	height: 40px;
}

.h_40_ {
	height: calc(100% - 40px);
}

/* breakpoints:begin */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	#page-container {
		height: 100vh;
	}

	.side-bar {
		width: 200px !important;
	}

	.sub-side-bar {
		width: 200px !important;
	}

	.side-bar-closed .side-bar {
		width: 45px !important;
		overflow: visible !important;
		display: block;
	}

	.page-content {
		display: flex;
		width: calc(100% - 200px) !important;
	}

	.side-bar-closed .page-content {
		width: calc(100% - 45px) !important;
	}

	/* sub page */

	.sub-page-content {
		display: block !important;
		width: calc(100% - 200px);
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* breakpoints:end */

@media (min-width: 992px) {

	.side-bar-closed .menu-container .sub-menus {
		max-height: inherit;
	}

	.side-bar-closed .closed_hide,
	.side-bar-closed .title,
	.side-bar-closed .arrow {
		display: none !important;
	}

	.side-bar-closed .menu-container:hover .title {
		display: inline !important;
	}

	.side-bar-closed .menu-container:hover {
		width: 255px !important;
		position: relative !important;
		z-index: 10000;
		display: block !important;
	}

	.side-bar-closed .menu-container:hover {
		background: #425164;
		border-color: #425164 !important;
	}

	.side-bar-closed .menu-container:hover .sub-menus {
		width: 209px;
		position: absolute;
		z-index: 2000;
		left: 46px;
		margin-top: 0;
		top: 100%;
		display: block !important;
		background-color: #425164;
	}

	.side-bar-closed .menu-container:hover .submenu {
		border-width: 0px !important;
		padding-left: 15px !important;
	}

	.side-bar-closed .menu-container:hover .sub-icon {
		display: inline-block;
	}

}

/*  */

.sub-side-bar {
	width: 100vw;
}

.sub-page-content {
	display: none;
	height: 100%;
}

.sub-side-bar-closed .sub-page-content {
	display: block;
}

.page-content.sub-side-bar-closed .sub-side-bar {
	display: none;
}

.page-content.sub-side-bar-closed .sub-page-content {
	/* width: calc(100% - 4px); */
	overflow: hidden;
}

.page-content .sub-hidden,
.side-bar-closed .side-bar-closed-hidden {
	display: none !important;
}

.page-content.sub-side-bar-closed .sub-hidden {
	display: block !important;
}

.side-bar-closed-hidden-reverse {
	display: block;
}

/* layout: end */


/* scroll 1 */

.overflow_overlay {
	overflow: auto;
	overflow-y: overlay !important;
	overflow-x: overlay !important;
}

.overflow_overlay::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

/* dark */
.overflow_overlay.overflow_dark::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}

.overflow_overlay.overflow_dark:hover::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

.overflow_overlay.overflow_dark::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 50px;
}

.overflow_overlay.overflow_dark:hover::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
}

/* .overflow_overlay.overflow_dark::-webkit-scrollbar-thumb:hover {
		background: rgba(255, 255, 255, 0.5); 
	} */

/* light */
.overflow_overlay.overflow_light::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}

.overflow_overlay.overflow_light:hover::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

.overflow_overlay.overflow_light::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.08);
	border-radius: 50px;
}

.overflow_overlay.overflow_light:hover::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50px;
}

/* .overflow_overlay.overflow_light::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.5); 
	} */

/* scroll 1 */