/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.separator {
	display: flex;
	align-items: center;
	text-align: center;
	padding: 30px 0px;
	color: var(--bs-card-border-color);
}

.separator::before,
.separator::after {
	content: '';
	flex: 1;
	border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    /* --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); */
}

.separator:not(:empty)::before {
	margin-right: 1em;
}

.separator:not(:empty)::after {
	margin-left: 1em;
}

.icon-transaction {
	max-width: 100px;
}

.text-transaction {
	max-width: 650px;
}

.login-error {
	color: var(--cnvs-color-stumbleupon);
}

.margin-user-icon {
	margin-left: 5px;
}

.order-item {
  text-align: center !important;
}

.img_kit{
    max-width: 200px;
}

:root {
	--cnvs-themecolor: #13846E !important;
	--cnvs-footer-bg: #6F7781 !important;
	--cnvs-contrast-500: #72777C !important;
	--cnvs-themecolor-rgb: 19, 132, 110;
}

.dark #copyrights, #copyrights.dark {
	background-color: rgba(111, 119, 129, 0.2) !important;
	color: rgba(255, 255, 255, 0.6) !important;
}

.legal-text-footer {
	color: rgba(255, 255, 255, 0.6);
}
.legal-text-footer:hover {
	color: var(--cnvs-link-color);
}

.my-order-tr:hover > td {
	cursor: pointer;
	background-color: rgb(235, 235, 235) !important;
}

.bd-example-modal-lg .modal-dialog{
	display: table;
	position: relative;
	margin: 0 auto;
	top: calc(50% - 24px);
}

.bd-example-modal-lg .modal-dialog .modal-content{
	background-color: transparent;
	border: none;
}