/* TEMPLATE SB ADMIN CUSTOM */

html, body {
	height: 100%;
	font-family: "Rubik";
}

#layoutAuthentication {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#layoutAuthentication #layoutAuthentication_content {
	min-width: 0;
	flex-grow: 1;
}
#layoutAuthentication #layoutAuthentication_footer {
	min-width: 0;
}

#layoutSidenav {
	display: flex;
}
#layoutSidenav #layoutSidenav_nav {
	flex-basis: 250px;
	flex-shrink: 0;
	transition: transform 0.15s ease-in-out;
	z-index: 1038;
	transform: translateX(-250px);
}
#layoutSidenav #layoutSidenav_content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	flex-grow: 1;
	min-height: calc(100vh - 60px);
	margin-left: -250px;
}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
	transform: translateX(0);
}
.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1037;
	opacity: 0.5;
	transition: opacity 0.3s ease-in-out;
}

@media (min-width: 992px) {
	#layoutSidenav #layoutSidenav_nav {
		transform: translateX(0);
	}
	#layoutSidenav #layoutSidenav_content {
		margin-left: 0;
		transition: margin 0.15s ease-in-out;
	}

	.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		transform: translateX(-250px);
	}
	.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: -250px;
	}
	.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
		display: none;
	}
}
.sb-nav-fixed .sb-topnav {
	z-index: 1039;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
	width: 250px;
	height: 100vh;
	z-index: 1040;
}

@media (min-width: 992px) {
	.sb-nav-fixed .sb-topnav .navbar-content {
		padding-left:  250px;
		width: 100%;
		transition: padding 0.15s ease-in-out;
	}
	.sb-sidenav-toggled .navbar-content{
		padding-left: 0 !important;
	}
}

.sb-sidenav-heading{
	width: 100%;
	height: 60px;
	position: absolute;
	display:  flex;
	justify-content: center;
	align-items: center;
	z-index: 1040;
	background-color: #e9ecef;
}
.sb-brand{
	font-size: 1.25rem;
}

.sb-sidenav-menu{
	padding-top: 60px;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
	overflow-y: auto;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
	padding-left: 250px;
	top: 60px;
}

.nav .nav-link .sb-nav-link-icon,
.sb-sidenav-menu .nav-link .sb-nav-link-icon {
	margin-right: 0.5rem;
}

.sb-topnav {
	padding-left: 0;
	height: 60px;
	z-index: 1039;
}
.sb-topnav .navbar-brand {
	width: 250px;
	margin: 0;
}
.sb-topnav.navbar-dark #sidebarToggle {
	color: rgba(255, 255, 255, 0.5);
}
.sb-topnav.navbar-light #sidebarToggle {
	color: #212529;
}

.sb-sidenav {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex-wrap: nowrap;
	background-color: #fff;
	color: #212529;
}
@media (min-width: 992px) {
	.sb-sidenav {
		/* box-shadow: 0.25rem 0 0.5rem rgba(0,0,0,0.25); */
		box-shadow: 0.25rem 0 0.5rem 0 rgb(69 90 100 / 15%);
	}
	.sb-sidenav-toggled .sb-sidenav {
		box-shadow: none;
	}
}
.sb-sidenav .sb-sidenav-menu .sb-sidenav-menu-heading {
	color: #adb5bd;
}
.sb-sidenav .sb-sidenav-menu .nav-link {
	color: #212529;
}
.sb-sidenav .sb-sidenav-menu .nav-link .sb-nav-link-icon {
	color: #adb5bd;
}
.sb-sidenav .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
	color: #adb5bd;
}
.sb-sidenav .sb-sidenav-menu .nav-link:hover {
	color: #0d6efd;
}
.sb-sidenav .sb-sidenav-menu .nav-link.active {
	color: #0d6efd;
}
.sb-sidenav .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
	color: #0d6efd;
}
.sb-sidenav .sb-sidenav-footer {
	background-color: #e9ecef;
}
.sb-sidenav .sb-sidenav-menu {
	flex-grow: 1;
}
.sb-sidenav .sb-sidenav-menu .nav {
	flex-direction: column;
	flex-wrap: nowrap;
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading {
	padding: 1.75rem 1rem 0.75rem;
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link {
	display: flex;
	align-items: center;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	position: relative;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-nav-link-icon {
	/* font-size: 0.9rem; */
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-sidenav-collapse-arrow {
	display: inline-block;
	margin-left: auto;
	transition: transform 0.15s ease;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.collapsed .sb-sidenav-collapse-arrow {
	transform: rotate(-90deg);
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
	margin-left: 1.5rem;
	flex-direction: column;
}
.sb-sidenav .sb-sidenav-footer {
	padding: 0.75rem;
	flex-shrink: 0;
}

.dataTable-wrapper .dataTable-container {
	font-size: 0.875rem;
}

.dataTable-wrapper.no-header .dataTable-container {
	border-top: none;
}

.dataTable-wrapper.no-footer .dataTable-container {
	border-bottom: none;
}

.dataTable-top {
	padding: 0 0 1rem;
}

.dataTable-bottom {
	padding: 0;
}

.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
	float: left;
}

.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
	float: right;
}

.dataTable-selector {
	width: auto;
	display: inline-block;
	padding-left: 1.125rem;
	padding-right: 2.125rem;
	margin-right: 0.25rem;
}

.dataTable-info {
	margin: 7px 0;
}

/* PAGER */
.dataTable-pagination a:hover {
	background-color: #e9ecef;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
	background-color: #0d6efd;
}

.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
}

.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.dataTable-pagination .pager a {
	font-weight: bold;
}

/* TABLE */
.dataTable-table {
	border-collapse: collapse;
}

.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
	vertical-align: top;
	padding: 0.5rem 0.5rem;
}

.dataTable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: none;
}

.dataTable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
}

.dataTable-table th {
	vertical-align: bottom;
	text-align: left;
}

.dataTable-table th a {
	text-decoration: none;
	color: inherit;
}

.dataTable-sorter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
	padding-right: 1rem;
}

.dataTable-sorter::before,
.dataTable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}

.dataTable-sorter::before {
	bottom: 4px;
}

.dataTable-sorter::after {
	top: 0px;
}

.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
	opacity: 0.6;
}

.dataTables-empty {
	text-align: center;
}

.dataTable-top::after,
.dataTable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}

.btn-datatable {
	height: 20px !important;
	width: 20px !important;
	font-size: 0.75rem;
	border-radius: 0.25rem !important;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav, .sb-nav-fixed .sb-topnav {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

.sb-sidenav-menu .nav-link:hover{
	background-color: rgba(0,0,0,0.025);
}
.sb-sidenav-menu .sb-sidenav-menu-nested .nav-link:hover{
	background-color: transparent;
}
.sb-sidenav-menu .nav-link.active{
	font-weight: 500;
	color: #0d6efd;
	border-left: 3px solid #0d6efd;
}
.sb-sidenav-menu .nav-link.active > .sb-nav-link-icon > i{
	font-weight: 700;
}
.sb-sidenav-menu .nav-link:hover .sb-nav-link-icon{
	color: #0d6efd;
}

.sb-sidenav-menu .profile .nav-link{
	color: #212529;
	/* background-color: #f0f2f4; */
	background-color: #fff;
}
.sb-sidenav-menu .profile .nav-link:hover{
	background-color: rgba(0,0,0,0.025);
}
.sb-sidenav-menu .profile .nav-link *{
	color: #212529;
}
.sb-sidenav-menu .profile .nav-link:hover{
	color: #212529;
}
.sb-sidenav-menu .profile .sb-sidenav-menu-nested {
	margin-left: 0 !important;
}
.sb-sidenav-menu .profile .sb-sidenav-menu-nested .nav-link{
	padding: 5px 0 5px 2.5rem !important;
}

.sb-sidenav-menu .profile .sb-sidenav-menu-nested .nav-link.active{
	font-weight: 500;
	color: #0d6efd;
	border-left: 3px solid #0d6efd;
}
.sb-sidenav-menu .profile .sb-sidenav-menu-nested .nav-link.active > .sb-nav-link-icon > i{
	font-weight: 700;
	color: #0d6efd;
}

.sb-sidenav-menu .profile{
	border-bottom: 1px solid #ced4da;
}

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #f2f2f2; 
}
::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2); 
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.25);
}
.sb-sidenav-menu{
	overflow-y: auto;
	scrollbar-color: rgba(0, 0, 0, 0.25) #eee;
	scrollbar-width: thin;
}

/* CUSTOM JC */

.content-box {
	position: relative;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
	border-radius: 5px;
}
.content-box hr {
	margin: 20px 0px 20px -20px !important;
	width: calc(100% + 40px) !important;
}

.btn-warning, .btn-warning:hover, .btn-outline-warning:hover, .btn-info, .btn-info:hover, .btn-outline-info:hover{
	color: #fff !important;
}

.btn-white{
	color: #000;
	background-color: #fff;
	border-color: #ced4da;
}
.btn-white:hover {
	color: #000;
	background-color: #f0f2f4;
	border-color: #ced4da;
}
.btn-white.focus, .btn-white:focus {
	color: #000;
	background-color: #f0f2f4;
	border-color: #ced4da;
	box-shadow: 0 0 0 0.2rem rgb(240 242 244 / 50%);
}

.form-control.is-warning {
	border-color: #ffc107;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-warning:focus {
	border-color: #ffc107;
	box-shadow: 0 0 0 0.25rem rgb(255 193 7 / 40%) !important;
}

textarea.form-control.is-warning {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-warning {
	border-color: #ffc107;
}
.form-select.is-warning:not([multiple]):not([size]), .form-select.is-warning:not([multiple])[size="1"] {
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-warning:focus {
	border-color: #ffc107;
	box-shadow: 0 0 0 0.25rem rgb(255 193 7 / 40%) !important;
}
.form-check-input.is-warning {
	border-color: #ffc107;
}
.form-check-input.is-warning:checked {
	background-color: #ffc107;
}
.form-check-input.is-warning:focus {
	box-shadow: 0 0 0 0.25rem rgb(255 193 7 / 40%) !important;
}
.form-check-input.is-warning ~ .form-check-label {
	color: #ffc107;
}

.cardboard{
	position: relative;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	min-height: 1px;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	padding: 1.25rem;
	border-radius: 0.25rem;
}

.cardboard.cardboard-primary{
	border-left: 0.5rem solid #0d6efd;
}

.cardboard.cardboard-secondary{
	border-left: 0.5rem solid #6c757d;
}

.cardboard.cardboard-success{
	border-left: 0.5rem solid #198754;
}

.cardboard.cardboard-danger{
	border-left: 0.5rem solid #dc3545;
}

.cardboard.cardboard-warning{
	border-left: 0.5rem solid #ffc107;
}

.cardboard.cardboard-info{
	border-left: 0.5rem solid #0dcaf0;
}

.cardboard.cardboard-purple{
	border-left: 0.5rem solid #6f42c1;
}

.cardboard.cardboard-justify-center{
	height: 100%;
	display: flex;
	justify-content: center;
}

.modal{
	z-index: 1100 !important;
}
.modal-backdrop{
	background-color: rgba(0,0,0,0.4) !important;
	z-index: 1090 !important;
}
.modal-backdrop.show{
	opacity: 1 !important;
}

@media (min-width: 769px) {
	.modal-xxl {
		max-width: 739px;
	}
}
@media (min-width: 992px) {
	.modal-xxl {
		max-width: 962px;
	}
}
@media (min-width: 1200px) {
	.modal-xxl {
		max-width: 1170px;
	}
}
@media (min-width: 1400px) {
	.modal-xxl {
		max-width: 1370px;
	}
}
@media (min-width: 1600px) {
	.modal-xxl {
		max-width: 1570px;
	}
}

.btn-label{
	text-align: left;
	padding: 0 !important;
	border-color: rgba(0,0,0,0.125) !important;
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.btn-label-icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.125);
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	padding: 10px 14px;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	height: 100%;
}
.btn-lg > .btn-label-icon{
	padding: 13px 17px !important
}
.btn-label-text{
	padding: 0 15px 0 15px;
	width: 100% !important;
	text-align: center !important;
}
.d-grid > .btn-label{
	display: inline-flex !important;
}

button:disabled {
	cursor: not-allowed !important;
	pointer-events: all !important;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a.btn:hover, .nav a:hover{
	text-decoration: none;
}

.btn-table{
	font-size: 1.25rem !important;
	width: 45px !important;
	height: 40px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Datatables */
div.dataTables_wrapper div.dataTables_info{
	white-space: normal !important;
}
@media (max-width: 767.98px) {
	.dataTables_wrapper > .row > .col-sm-12{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
table.dataTable {
	width: 100% !important;
	border-top: 1px solid #dee2e6 !important;
}
@media screen and (max-width: 767px) {
	li.paginate_button.previous {
		display: inline;
	}

	li.paginate_button.next {
		display: inline;
	}

	li.paginate_button {
		display: none;
	}

	li.paginate_button.active {
		display: inline;
	}

	ul.pagination{
		display: inline-flex !important;
		margin-top: 10px !important;
	}
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
	right: 1em;
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 400 !important;
	content: "\f30c" !important;
	padding-right: 2px !important;
	font-size: 0.8rem;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
	right: 0.5em;
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 400 !important;
	content: "\f309" !important;
	font-size: 0.8rem;
}

/* Popover & Tooltip BS */
.popover{ 
	max-width: 650px !important;
	z-index: 1100 !important;
}
.tooltip{
	z-index: 1100 !important;
}

/* Datepicker */
.datepicker{
	z-index: 1100 !important;
}

/* Flexdatalist */
ul.flexdatalist-results li.active{
	background: #0a58ca !important;
	color:  #fff !important;
}
ul.flexdatalist-results li span:nth-child(n + 2){
	color: #6c757d !important;
	font-size: smaller !important;
}

/* Toast JS */ 
.jq-toast-wrap{
	width: 360px !important;
}

.jq-toast-single{
	border-radius: 0px !important;
	font-size: 14px !important;
}

.jq-toast-loader{
	border-radius: 0px !important;
	background-color:  #fff !important;
}

.jq-icon-info {
	background-color: #0dcaf0 !important;
	color: #fff !important;
	border-color: #0dcaf0 !important;
}

.jq-icon-warning {
	background-color: #ffc107 !important;
	color: #fff !important;
	border-color: #ffc107 !important;
}

.jq-icon-error {
	background-color: #dc3545 !important;
	color: #fff !important;
	border-color: #dc3545 !important;
}

.jq-icon-success {
	color: #fff !important;
	background-color: #198754 !important;
	border-color: #198754 !important;
}

@media screen and (max-width: 765px) {
	.jq-toast-wrap{
		width: 300px !important;
	}

	.jq-toast-wrap.top-right{
		top: 20px !important;
		right: 20px !important;
	}
}