/* Print */
.pageA4 {
	width: 1000px;
	min-height: 29.7cm;
	padding: 1cm;
	margin: 1cm auto;
	border-radius: 5px;
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

@media print {
	.pageA4 {
		margin: 0;
		border: initial;
		border-radius: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
	}
}



a { color: #4b566b; }
a.disabled {
	opacity: .65;
	pointer-events: none;
}

a:focus { outline: none !important; }

.font-weight-medium { font-weight: 500 !important; }
.font-size-xl { font-size: 1.625rem !important; }
.font-size-lg { font-size: 1.125rem !important; }
.font-size-base { font-size: 1rem !important; }
.font-size-md { font-size: 0.9375rem !important; }
.font-size-sm { font-size: 0.875rem !important; }
.font-size-ms { font-size: 0.8125rem !important; }
.font-size-xs { font-size: 0.75rem !important; }

.bg-dark { background-color: #1d252d !important; }
.bg-faded-primary { background-color: rgba(212, 178, 135 , 0.2) !important; }
.bg-faded-accent { background-color: rgba(212, 178, 135, 0.4) !important; }

.btn-primary {
	color: #fff;
	background-color: #e1b87f;
	border-color: #e1b87f;
	box-shadow: none;
}

.btn-primary:hover {
	color: #fff;
	background-color: #a38967;
	border-color: #a38967;
}

.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #a38967;
	border-color: #a38967;
	box-shadow: 0 0 0 0 rgba(212, 178, 135, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #e1b87f;
	border-color: #e1b87f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #a38967;
	border-color: #a38967;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0 rgba(212, 178, 135, 0.5);
}

.btn-outline-primary {
  color: #e1b87f;
  border-color: #e1b87f;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #e1b87f;
  border-color: #e1b87f;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(212, 178, 135, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #e1b87f;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #e1b87f;
  border-color: #e1b87f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(212, 178, 135, 0.5);
}

.text-primary { color: #e1b87f !important; }

.lancelot { font-family: 'Lancelot', cursive !important; }

.heading {
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
}

.heading small { display: none; }

@media (min-width: 992px) {
	.heading {
		text-align: left;
		padding-left: 5rem;
		border-bottom: 1px solid #dee2e6!important;
		padding-bottom: .5rem;
	}

	.heading small {
		display: inline !important;
		color: #a38967;
		font-weight: lighter;
		padding-left: 1rem;
	}
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}


[data-simplebar] {
	overflow-y: auto;
	padding-right: 1rem !important;
}

[data-simplebar]::-webkit-scrollbar {
	width: 0.1875rem;
	background-color: transparent;
	opacity: 0;
}

[data-simplebar]::-webkit-scrollbar-thumb {
	background-color: #aeb4be;
	border-radius: 0.09375rem;
}

[data-simplebar]:hover .simplebar-track {
	opacity: 1;
}

[data-simplebar-auto-hide='false'] .simplebar-track {
	opacity: 1;
}

/* Input group overlay */

.input-group-overlay {
	position: relative;
	width: 100%;
}

.input-group-overlay .prepended-form-control:not(.rounded-left-0) {
	padding-left: 2.5rem;
	border-top-left-radius: 0.3125rem !important;
	border-bottom-left-radius: 0.3125rem !important;
}

.input-group-overlay .appended-form-control:not(.rounded-right-0) {
	padding-right: 2.5rem;
	border-top-right-radius: 0.3125rem !important;
	border-bottom-right-radius: 0.3125rem !important;
}

.input-group-append-overlay,
.input-group-prepend-overlay {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 5;
}

.input-group-append-overlay .input-group-text,
.input-group-prepend-overlay .input-group-text {
	border: 0;
	background-color: transparent;
}

.input-group-append-overlay {
	right: 0;
}

.input-group-append-overlay .form-control,
.input-group-append-overlay .custom-select {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.input-group-prepend-overlay .form-control,
.input-group-prepend-overlay .custom-select {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

label, .label {
	color: #373f50;
	font-size: .875rem;
	font-weight: 500 !important;
}

label.isrequire {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	padding-bottom: .1rem;
}

label.isrequire > span {
	margin-left: .8rem;
	font-size: .675rem;
	font-weight: 300;
	color: #8191a0;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

/* Topbar */

.topbar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.625rem 0;
	font-size: 0.875rem;
}

.topbar > .container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.topbar .baseline {
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	color: #fff;
}

.topbar .topbar-text,
.topbar .topbar-link {
	display: inline-block;
	margin-bottom: 0;
	text-decoration: none !important;
	color: rgba(255, 255, 255, 0.65);
}

.topbar .topbar-text > i,
.topbar .topbar-link > i {
	color: #fff;
	vertical-align: middle;
}

.topbar .topbar-text.text-muted,
.topbar .topbar-text > .text-muted,
.topbar .topbar-link.text-muted,
.topbar .topbar-link > .text-muted {
	color: rgba(255, 255, 255, 0.45) !important;
}

.topbar .topbar-link:hover {
	color: #fff;
}

/* Navbar */
@media (min-width: 992px) {
	.navbar-sticky.navbar-stuck {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-animation: navbar-show .25s;
		animation: navbar-show .25s;
		box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
		z-index: 1030;
	}
}

@-webkit-keyframes navbar-show {
	from {
		-webkit-transform: translateY(-0.625rem);
		transform: translateY(-0.625rem);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes navbar-show {
	from {
		-webkit-transform: translateY(-0.625rem);
		transform: translateY(-0.625rem);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.navbar-tool {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none !important;
}

.navbar-tool .navbar-tool-label {
	position: absolute;
	top: -0.3125rem;
	right: -0.3125rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background-color: #e1b87f;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.25rem;
}

.navbar-tool .navbar-tool-tooltip {
	display: none;
}

@media (min-width: 992px) {
	.navbar-tool .navbar-tool-tooltip {
		display: block;
		position: absolute;
		top: -.5rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		transition: opacity .2s ease-in-out, top .2s ease-in-out;
		padding: .0625rem .375rem;
		border-radius: 0.1875rem;
		background-color: #2b3445;
		color: #fff;
		font-size: .6875rem;
		white-space: nowrap;
		opacity: 0;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.show-navbar-tool-tooltip:hover .navbar-tool-tooltip {
		top: -.75rem;
		opacity: .9;
	}

	.navbar-expand-lg .navbar-tool-text {
		display: block;
	}
}

.navbar-tool-icon-box {
	position: relative;
	width: 2.875rem;
	height: 2.875rem;
	transition: color 0.25s ease-in-out;
	border-radius: 50%;
	line-height: 2.625rem;
	text-align: center;
}

.navbar-tool-icon-box.dropdown-toggle::after {
	display: none;
}

.navbar-tool-icon-box,
.navbar-tool-icon-box a {
	color: #4b566b;
}

.navbar-tool-icon-box.bg-secondary {
	background-color: #f3f5f9 !important;
}

.navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
  background-color: #f3f5f9 !important;
}

.navbar-tool-icon {
	font-size: 1.25rem;
	line-height: 2.875rem;
}

.navbar-tool-text {
	display: none;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-left: .875rem;
	transition: color 0.25s ease-in-out;
	font-size: 0.875rem;
	white-space: nowrap;
}

.navbar-tool-text,
.navbar-tool-text a {
	text-decoration: none !important;
	color: #4b566b;
}

.navbar-tool-text > small {
	display: block;
	margin-bottom: -.125rem;
	color: #7d879c;
}

.navbar-sticky .navbar-nav .nav-item {
	font-weight: 500;
}

.navbar-sticky .navbar-nav .nav-item.active .nav-link {
	color: #e1b87f !important;
}

@media (min-width: 992px) {
	.navbar-sticky .navbar-nav .dropdown-toggle:after { display: none; }

	.navbar-sticky .navbar .has-mega-nav { position: static !important; }
	.navbar-sticky .navbar-nav .mega-nav {
		margin-top: -0.5rem !important;
		width: 100%;
		padding: 20px;
		border-bottom: 30px solid rgba(164, 168, 171, .5);
		border-radius: 0;
	}

	.navbar-sticky .navbar-nav>.show>a,
	.navbar-sticky .navbar-nav>.show>a:focus,
	.navbar-sticky .navbar-nav>.show>a:hover {
		color: #e1b87f !important;
		outline: none;
	}

	.navbar-sticky .navbar-expand-lg .dropdown-cart {
		margin-top: 0;
		border-color: #fff;
		background-color: #fff;
		box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
	}

	.navbar-sticky .navbar-expand-lg .dropdown:hover > .dropdown-menu {
		display: block;
		-webkit-animation: slide-up .25s ease-in-out;
		animation: slide-up .25s ease-in-out;
	}
}

@-webkit-keyframes slide-up {
	from {
		-webkit-transform: translateY(0.5rem);
		transform: translateY(0.5rem);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-up {
	from {
		-webkit-transform: translateY(0.5rem);
		transform: translateY(0.5rem);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.navbar-toggler { border: none; }
.navbar-toggler:focus { outline: none; }
.navbar-toggler small { display: block; font-size: 0.6rem; font-weight: 500; text-transform: uppercase; margin-top: .3rem; }

.navbar-toggler .icon-bar {
	display: block;
	width: 28px;
	height: 2px;
	background-color: #4b566b;
	transform: rotate(0deg) translate(0px, 0px);
	transition: ease all .2s;
}

.navbar-toggler .icon-bar+.icon-bar {
	margin-top: 6px;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
	transform: rotate(45deg) translate(5px, 4px);
	transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
	transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -4px);
	transition: ease all .2s;
}

/* Footer */

.bg-darker {
	background-color: #212529;
	color: rgba(255,255,255,0.65);
}

.bg-darker h3 {
	color: #e1b87f;
	font-size: 1.15rem;
	font-weight: 400;
}

footer hr {
	border-color: rgba(255,255,255,0.12);
}

footer a {
	color: rgba(255,255,255,0.65);
}

footer a:hover {
	color: #fff;
}

/* Home header */

.home-header {
	position: relative;
	background-color: black;
	height: 60vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}

.home-header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.home-header .container {
	position: relative;
	z-index: 2;
}

.home-header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 1;
}

/*@media (pointer: coarse) and (hover: none) {
	.home-header {
		background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
	}
	.home-header video {
		display: none;
	}
}*/

/* Scroll Top */

.btn-scroll-top {
	display: block;
	position: fixed;
	right: -4.125rem;
	bottom: 1.25rem;
	width: 2.75rem;
	height: 2.75rem;
	transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s, background-color 0.25s ease-in-out;
	border-radius: 50%;
	background-color: rgba(43, 52, 69, 0.25);
	color: #fff;
	text-align: center;
	opacity: 0;
	z-index: 1025;
}

.btn-scroll-top > .btn-scroll-top-icon {
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 2.625rem;
}

.btn-scroll-top .btn-scroll-top-tooltip {
	position: absolute;
	top: 50%;
	right: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.btn-scroll-top:hover {
	background-color: rgba(43, 52, 69, 0.5);
	color: #fff;
}

.btn-scroll-top:hover .btn-scroll-top-tooltip {
	visibility: visible;
	opacity: 1;
}

.btn-scroll-top.show {
	right: 1.25rem;
	opacity: 1;
}

@media (max-width: 767.98px) {
	.btn-scroll-top {
		width: 2.2916666667rem;
		height: 2.2916666667rem;
		bottom: 1rem;
	}

	.btn-scroll-top > .btn-scroll-top-icon {
		line-height: 2.1666666667rem;
	}
	
	.btn-scroll-top.show {
		right: 1rem;
	}
}

/* Page title */

.page-title-overlap {
	padding-bottom: 6.375rem;
}

.page-title-overlap + * {
	position: relative;
	margin-top: -4.875rem;
	z-index: 5;
}

@media (max-width: 991.98px) {
	.page-title-overlap {
		padding-bottom: 5.5rem;
	}
}

/* Product */

.product-card > .btn-wishlist {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 5;
}

.product-card .card-footer {
	background-color: transparent;
	border-top: none;
}

.btn-wishlist {
	width: 2.75rem;
	height: 2.75rem;
	padding: 0 !important;
	border-radius: 50%;
	background-color: rgba(243, 245, 249, 0.9);
	color: #373f50;
	text-align: center;
}

.btn-wishlist > i {
	font-size: 1.0625rem;
	line-height: 2.75rem;
}

.btn-wishlist.btn-sm {
	width: 2rem;
	height: 2rem;
}

.btn-wishlist.btn-sm > i {
	font-size: 0.975rem;
	line-height: 2rem;
}

.product-category {
	text-transform: uppercase;
	transition: color 0.25s ease-in-out;
	color: #7d879c;
	text-decoration: none !important;
	font-size: 0.825rem;
}

.product-category:hover {
	color: #4b566b;
}

.product-title > a {
	transition: color 0.25s ease-in-out;
	color: #373f50;
	text-decoration: none !important;
}

.product-title > a:hover {
	color: #a38967;
}

.product-meta {
	font-size: 0.75rem;
	color: #7d879c;
}

.product-badge {
	padding: .325rem .625rem;
	border-radius: 0.3125rem;
	font-size: 0.875rem;
}

.product-available {
	color: #3dc58b;
	background-color: rgba(61, 197, 138, 0.08);
}

/* Pagination */
.pagination .page-link {
	border-radius: .3125rem;
	font-size: .9375rem;
	color: #4b566b;
	border: 1px solid rgba(0,0,0,0);
}

.page-item {
	margin: .15rem;
}

.page-item.active .page-link, .page-item.disabled .page-link { border-color: rgba(0,0,0,0); }

.page-item.active .page-link {
	color: #000;
	background-color: #e1b87f;
}

/* Password toggle */
.password-toggle {
	position: relative;
}

.password-toggle .form-control {
	padding-right: 3rem;
}

.password-toggle-btn {
	position: absolute;
	top: 1.2rem;
	right: .625rem;
	margin-bottom: 0;
	padding: 0.5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.0625rem;
	line-height: 1;
	cursor: pointer;
}

.password-toggle-btn .password-toggle-indicator {
	transition: color .2s ease-in-out;
	color: #7d879c;
}

.password-toggle-btn .password-toggle-indicator:hover {
	color: #4b566b;
}

.password-toggle-btn .custom-control-input:checked ~ .password-toggle-indicator {
	color: #e1b87f;
}

.was-validated .password-toggle .form-control:invalid,
.was-validated .password-toggle .form-control.is-invalid,
.was-validated .password-toggle .form-control:valid,
.was-validated .password-toggle .form-control.is-valid {
	padding-right: 4rem;
}

.was-validated .password-toggle .form-control:invalid+.password-toggle-btn, 
.was-validated .password-toggle .form-control.is-invalid+.password-toggle-btn, 
.was-validated .password-toggle .form-control:valid+.password-toggle-btn, 
.was-validated .password-toggle .form-control.is-valid+.password-toggle-btn {
	right: 2.1rem;
}

label {
	color: #373f50;
	font-size: .875rem;
	font-weight: 500 !important;
}




/* Toast */
.toast-top-right .toast, .toast-bottom-right .toast {
	margin-right: 0;
	margin-left: auto;
}

.toast-top-left, .toast-top-center, .toast-top-right {
	top: 1.5rem;
}

.toast-container {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	z-index: 1040;
}

.toast-success {
	color: #fff !important;;
    background-color: #e1b87f !important;
}







.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .4375rem;
	color: #fff;
}

.alert-primary { background-color: #687ae8; }
.alert-secondary { background-color: #95aac9; }
.alert-success { background-color: #00cc99; }
.alert-danger { background-color: #f2545b; }
.alert-warning { background-color: #f6c343; }
.alert-info { background-color: #39afd1; }
.alert-light { background-color: #edf2f9; color: #000000; }
.alert-dark { background-color: #12263f; }

.alert-with-icon {
	padding-left: calc((.875rem * 3) + 1.125em);
}

.alert-icon-box {
	position: absolute;
	top: 0;
	left: 0;
	width: calc((.875rem * 2) + 1.125em);
	height: 100%;
	padding: 0 .875rem;
	border-radius: .4375rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: rgba(255, 255, 255, 0.2);
}

.alert-icon-box > .alert-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.125em;
}

/* Navabr */
.navbar-tool-icon-box,
.navbar-tool-icon-box a {
	color: #7d879c;
}

.navbar-tool-text,
.navbar-tool-text a {
	color: #7d879c;
}

.navbar-tool-text small {
	color: rgba(125, 135, 156, 0.6);
}

.form-control-dark {
	background-color: #3c4655;
	color: #fff;
	border: 0;
}

.form-control-dark:focus {
	background-color: #3c4655;
	color: #fff;
	box-shadow: none;
}

/* Sidebar
-------------------------------------------------- */
.cz-sidebar,
.cz-sidebar-static {
	width: 100%;
	max-width: 22rem;
	background-color: #fff;
}

.cz-sidebar .close,
.cz-sidebar-static .close {
	font-size: 1.75rem;
}

.cz-sidebar-static {
	padding: 1.875rem 1.875rem;
}

@media (max-width: 991.98px) {
	.cz-sidebar-static {
		max-width: 100%;
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}
}

.cz-sidebar-header {
	display: none;
	position: relative;
	width: 100%;
	height: 3rem;
	padding: 0.25rem 1.5rem;
	background-color: #fff;
}

.cz-sidebar-body .simplebar-content {
	padding-right: 1.875rem !important;
}

.cz-sidebar-body > .simplebar-track {
	display: none;
}

.cz-sidebar-body [data-simplebar] .simplebar-content > * {
	margin-right: -.625rem;
}

.cz-sidebar-body .sidebar-nav {
	margin-right: -1.875rem;
	margin-left: -1.875rem;
}

.cz-sidebar-fixed {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
}

.cz-sidebar-fixed .cz-sidebar-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.cz-sidebar-fixed .close {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.5rem;
	padding: 1rem 1.875rem;
	border-bottom: 1px solid #e3e9ef;
	background-color: #f6f9fc;
	float: none;
}

.cz-sidebar-fixed .cz-sidebar-body {
	height: 100%;
	overflow-y: auto;
}

.cz-sidebar-fixed .cz-sidebar-body::-webkit-scrollbar {
	width: 0.1875rem;
	background-color: transparent;
	opacity: 0;
}

.cz-sidebar-fixed .cz-sidebar-body::-webkit-scrollbar-thumb {
	background-color: #aeb4be;
	border-radius: 0.09375rem;
}

.cz-sidebar-fixed .cz-sidebar-body > .simplebar-track {
	display: block;
	background-color: transparent;
}

@media (min-width: 992px) {
	.sidebar-fixed-enabled {
		padding-left: 22rem;
	}
}

@media (max-width: 991.98px) {
	.cz-sidebar {
		position: fixed;
		top: 0;
		left: -22rem;
		height: 100%;
		transition: left 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.25s, box-shadow 0.3s 0.25s;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		z-index: 1035;
	}
	.cz-sidebar.show {
		left: 0;
		box-shadow: 1.375rem 0 2rem -0.75rem rgba(43, 52, 69, 0.15) !important;
	}
	.cz-sidebar-header {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}
	.cz-sidebar-body {
		position: absolute;
		left: 0;
		width: calc(100% - .375rem);
		height: calc(100% - 3rem);
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		overflow-y: auto;
	}
	.cz-sidebar-body .sidebar-nav {
		margin-right: -1.5rem;
		margin-left: -1.5rem;
	}
	.cz-sidebar-body::-webkit-scrollbar {
		width: 0.1875rem;
		background-color: transparent;
		opacity: 0;
	}
	.cz-sidebar-body::-webkit-scrollbar-thumb {
		background-color: #aeb4be;
		border-radius: 0.09375rem;
	}
	.cz-sidebar-body .simplebar-content {
		padding-right: 1.5rem !important;
	}
	.cz-sidebar-body > .simplebar-track {
		display: block;
		background-color: transparent;
	}
	.cz-sidebar-body [data-simplebar] .simplebar-content > * {
		margin-right: -.375rem;
	}
	.cz-sidebar-fixed {
		padding-top: 3.5rem !important;
		border-right: 0;
	}
	.cz-sidebar-fixed .close {
		display: block;
	}
	.cz-sidebar-fixed .cz-sidebar-body {
		position: relative;
		width: 100%;
		height: 100%;
	}
}

.cz-sidebar-static a.nav-link {
	display: block;
	position: relative;
	padding: 1.09375rem 1.25rem;
	padding-right: 4rem;
}

.cz-sidebar-static .nav-indicator {
	display: block;
	position: absolute;
	top: 50%;
	right: 0.875rem;
	width: 1.375rem;
	height: 1.375rem;
	margin-top: -0.6875rem;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	line-height: 1.375rem;
	text-align: center;
	background-color: #f3f5f9;
	color: #4b566b;
	border-radius: 50%;
	font-size: 12px;
}
.cz-sidebar-static .collapsed .nav-indicator {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

@media (min-width: 992px) {
	.secondary-nav.collapse {
		display: block;
		height: 100%;
	}
}


.cz-sidebar .nav-link {
	color: rgba(255,255,255,.5);
	padding: 8px 0 8px 15px;
}

.cz-sidebar .nav-link i {
	opacity: .8 !important;
	margin-right: 1rem;
	color: #fff;
}

.cz-sidebar .nav-link.active {
	background-color: rgba(255, 255, 255, .1);
}

.cz-sidebar .nav-link span {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 500;
	margin-right: 10px;
}

.cz-sidebar .nav-link small { font-size: .75rem; opacity: .6 !important; }




/* Custom option */
.custom-option {
	padding-left: 0;
}

.custom-option.custom-control-inline {
	margin-right: 0.25rem;
}

.custom-option-label {
	position: relative;
	min-width: 2rem;
	height: 2rem;
	margin-bottom: 0;
	padding-right: 0.375rem;
	padding-left: 0.375rem;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	border: 1px solid #e3e9ef;
	border-radius: 0.1875rem;
	color: #4b566b;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.75rem;
	cursor: pointer;
}

.custom-option-label:hover {
	border-color: #c9d5e0;
	color: #373f50;
}

.custom-option-color {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: -0.75rem;
	margin-left: -0.75rem;
	background-position: top left;
	background-size: 1.5rem 1.5rem;
	background-repeat: no-repeat;
}

.custom-control-input:checked ~ .custom-option-label {
	border-color: #cdad82;
	color: #cdad82;
	font-size: .9rem;
}

.custom-control-justified {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.custom-control-justified:not(:last-child) {
	margin-right: .5rem;
}

.custom-control-justified .custom-option-label {
	width: 100%;
}

.radio-tab-pane { display: none; }
.radio-tab-pane.active { display: block; }

.custom-control-input:checked  ~ .custom-control-label {
	background-color: #f3f5f9;
	border-radius: 0.25rem;
}

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #cdad82;
	background-color: #cdad82;
	box-shadow: none;
}

/* Handheld Toolbar
-------------------------------------------------- */
.cz-handheld-toolbar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: all 0.3s 0.35s ease-in-out;
	border-top: 1px solid #e3e9ef;
	background-color: #fff;
	box-shadow: -1.25rem 0 2rem 0 rgba(43, 52, 69, 0.15);
	z-index: 1026;
}

.table-fixed { table-layout: fixed !important; }

.cz-handheld-toolbar-item {
	padding: 0.5rem;
	padding-top: .125rem;
	border-left: 1px solid #e3e9ef;
	text-align: center;
}

.cz-handheld-toolbar-item:first-child {
	border-right: 0;
}

.cz-handheld-toolbar-item .badge {
	background-color: #cdad82;
	color: #fff;
	font-size: 0.625rem;
}

.cz-handheld-toolbar-icon {
	display: block;
	color: #4b566b;
	font-size: 1.25rem;
	position: relative;
}

.cz-handheld-toolbar-icon > i, .cz-handheld-toolbar-icon > .badge {
	display: inline-block;
	vertical-align: middle;
}

.cz-handheld-toolbar-label {
	display: block;
	color: #7d879c;
	font-size: 0.6875rem;
}

@media (max-width: 991.98px) {
	.toolbar-enabled { padding-bottom: 3.5rem; }
	.cz-handheld-toolbar { display: block; }
	.cz-handheld-toolbar + .btn-scroll-top { bottom: 4.5rem; }
}



.table tr td { vertical-align: middle; }

.badge-soft {
	border-radius: .1875rem;
	padding: .125rem .625rem;
}
.badge-soft-danger { color: rgb(237, 76, 120); background-color: rgba(237, 76, 120, .1); }
.badge-soft-warning { color: rgb(234, 152, 97); background-color: rgba(234, 152, 97, .1); }
.badge-soft-success { color: rgba(0, 201, 167); background-color: rgba(0, 201, 167, .1); }
.badge-soft-dark { color:  rgba(19, 33, 68); background-color: rgba(19, 33, 68, .1); }
.badge-soft-info { color:  rgba(55, 125, 255); background-color: rgba(55, 125, 255, .1); }


/* Nav tabs
-------------------------------------------------- */
.nav-tabs .nav-link {
	position: relative;
	border: 0;
	color: #4b566b;
	font-weight: normal;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	border-bottom:  2px solid #cdad82;
	color: #cdad82;
}