:root {
	--green: #1BC5BD;
	--orange: #ff931e;
}

html,
body,
.tooltip,
.popover,
.daterangepicker,
.vakata-context,
.vakata-context ul,
.ql-toolbar,
.uppy .uppy-Root,
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-legend-text,
.leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
}

b,
strong,
.font-weight-bolder {
	font-weight: 900;
}

label.form-group {
	display: block;
	width: 100%;
}

.font-weight-bold {
	font-weight: 700;
}

.form-control:focus {
	border-color: #93120f
}

.swal2-container .swal2-confirm.btn-success {
	color: #ffffff;
	background-color: #1BC5BD;
	border-color: #1BC5BD;
}

.swal2-container .swal2-confirm.btn-success:hover {
	color: #ffffff;
	background-color: #16a39d;
	border-color: #159892;
}

.swal2-container .swal2-confirm.btn-success:focus,
.swal2-container .swal2-confirm.btn-success.focus {
	color: #ffffff;
	background-color: #16a39d !important;
	border-color: #159892 !important;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5) !important;
	box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5) !important;
}

.swal2-container .btn-success.disabled,
.swal2-container .btn-success:disabled {
	color: #ffffff;
	background-color: #1BC5BD;
	border-color: #1BC5BD;
}

#customer-survey {
	padding: 0.75rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	background-color: #ffffff22;
	backdrop-filter: blur(2px);
	visibility: hidden;
	opacity: 0;
	transition: .3s ease .3s;
}

#customer-survey.show {
	visibility: visible;
	opacity: 1;
	transition: .3s ease;
}

#customer-survey .card {
	transform: scaleY(0.9) translateY(12px);
	transition: .3s ease .3s;
}

#customer-survey.show .card {
	transform: scaleY(1) translateY(0);
	transition: .3s ease;
}

.account-number {
	position: relative;
}

.account-number .input-group {
	margin-bottom: -10px;
	width: 100%;
}

.account-number .input-group-append {
	position: absolute;
	right: 10px;
}

.account-number {
	background-color: transparent;
	color: inherit;
	border: 0 !important;
	text-align: center;
	letter-spacing: 4px;
	font-size: 1.2rem;
	font-weight: 600;
}


.account-number .input-group-text {
	color: inherit;
	background-color: transparent;
	opacity: 0;
	transition: .3s ease;
	border: 0;
	font-size: 1.1rem !important;
}

.account-number:hover .input-group-text {
	opacity: 1;
}

body {
	/* background-color: #F3F6F9; */
	background-color: #F3F6F958;
	background-image: url(../media/bg-pattern.png);
	background-size: 50%;
	background-position: fixed;
	background-blend-mode: color-burn;
}

.aside {
	background-color: #F3F6F9;
	overflow: hidden;
}

#kt_content>div>div.container {
	padding: 0 0;
	max-width: 100% !important;
}

#kt_subheader {
	background-color: #F3F6F9;
	border-bottom: 1px solid #EBEDF3;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
}

#kt_header_menu .menu-nav i.fa {
	font-size: 20px;
}

.menu-item .menu-link {
	color: #81818b;
}

.menu-item .menu-link i {
	color: inherit;
}

.menu-item.menu-item-active .menu-link {
	color: var(--primary);
}

.menu-item.menu-item-active .menu-link.border {
	border-color: var(--primary) !important;
}

.logo {
	max-width: 40px;
}

.platform-products img {
	width: 40px;
}

.aside-menu {
	background-color: transparent;
}

.aside-menu .menu-nav .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link,
.aside-menu .menu-nav .menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav .menu-item.menu-item-active>.menu-link {
	background-color: #93120f;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #fff;
}

.aside-menu .menu-nav>.menu-item:hover>.menu-link>.menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon.svg-icon svg g [fill] {
	color: var(--orange);
	fill: var(--orange)
}

.verify-login .form-control {
	letter-spacing: 5px;
	text-align: center;
}

.verify-login .form-control:first-of-type {
	width: 120px;
	flex-shrink: 0;
}

.brand {
	background-color: transparent;
}

.password-group {
	position: relative;
}

.password-group .btn-section {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	display: flex;
	align-items: center;
	padding: 5px;
}

.password-group .btn-section .fa {
	font-size: 1.33333em;
}

.input-group.date .form-control {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.wizard-wrapper .wizard-icon {
	flex-shrink: 0 !important;
	min-width: 50px;
}

#transfer-details .modal-content {
	transform: scale(.7);
	transition: .4s ease;
}

#transfer-details .modal-content.full {
	transform: scale(1);
}

#user_sessions {
	--displacement: 120px;
}

#user_sessions p.timeline-content {
	margin-bottom: auto;
}

#user_sessions .timeline-label {
	width: var(--displacement);
	font-size: 1rem;
	padding-right: 1rem;
}

#user_sessions .timeline-6::before {
	left: var(--displacement);
}

#all-bank-accounts .account-list-item {}

#all-bank-accounts .separator {
	margin: 2rem 0;
}

#kt_subheader .nav-link {
	position: relative;
}

#kt_subheader .nav-link::after {
	content: "";
	display: block;
	width: 1px;
	height: 1px;
	border-width: 10px;
	border-style: solid;
	border-color: currentColor transparent transparent transparent;
	transition: .3s ease-in-out;
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 100%;
	margin: 0px -10px;
	visibility: hidden;
	opacity: 0;
}

#kt_subheader .nav-link.active::after {
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}

.datepicker-days .day.disabled {
	opacity: .3;
	cursor: not-allowed;
}

.datepicker-days .day.disabled:hover,
.datepicker-days .day.disabled:focus {
	cursor: not-allowed;
}

#wallet-statement-table {
	min-height: 300px;
}

.td-credit .icon {
	transform: rotate(45deg);
	color: var(--success);
}

.td-debit .icon {
	transform: rotate(-45deg);
	color: var(--danger);
}

.table-pagination .btn.active {
	cursor: default;
	pointer-events: none;
}

.no-records-message {
	max-width: 500px;
}

.no-records-message .fa {
	opacity: .5;
}

.account-verification-report,
form[data-filter] {
	transition: .4s ease-in-out;
}

.linked-account {
	min-height: 150px;
}

#collections .tab-pane.active {
	min-height: 300px;
}

.blockUI.blockElement {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100% !important;
	height: 100%;
}

#dashboard-statements .tab-pane {
	min-height: 300px;
}

input[name='amount'].disabled,
input[name='amount'].disabled:focus,
input[name='amount'].disabled:active {
	border-color: #eee;
	color: #ccc !important;
}

.sticky-table-header th {
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 2;
	box-shadow: 0 2px .3rem -2px rgba(0, 0, 0, .1);
}

.account-panes,
.account-panes .transactions {
	min-height: 450px;
	max-height: 100vh;
}

.user-sessions-list {
	overflow: auto;
}

#settlement-account {
	min-height: 300px;
}

@media (max-width: 991.98px) {
	.header-mobile {
		background-color: #fff;
	}
}

.display-private-key {
	position: fixed;
	z-index: -2;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	visibility: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .4s ease;
}

.display-private-key.show {
	opacity: 1;
	visibility: visible;
	z-index: 10000;
}

.display-private-key .content {
	background-color: #fff;
	padding: .5rem 2rem 2rem 2rem;
	max-width: 800px;
	width: 100%;
	margin-bottom: -3rem;
	transition: .4s ease-in-out;
}

.display-private-key.show .content {
	margin-bottom: 1rem;
}

.transfer-group {
	overflow: hidden;
	width: 100%;
	position: relative;
	padding: 1.25rem 2rem;
	min-height: 100%;
}

.transfer-group .overview {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: .3s ease .25s;
	background-color: #00000065;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	backdrop-filter: blur(2px);
}

.transfer-group .auth-content {
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.25rem 0.25rem 0 0;
	margin-bottom: -30px;
	opacity: 0.6;
	transition: .25s ease;
}

.transfer-group.proceed .overview {
	visibility: visible;
	opacity: 1;
	top: 0;
	z-index: 2;
	transition: .25s ease;
}

.transfer-group.proceed .auth-content {
	margin-bottom: 0;
	opacity: 1;
	transition: .25s ease .2s;
}

.account-number .alert[data-notify] {
	min-width: 100%;
	width: 100%;
}

#single-vba-ussd-details .modal-content,
#crypto-details .modal-content,
#multi-vba-details .modal-content,
#multi-vba-details .tranx-table,
#jockey-details .modal-content,
#jockey-details .tranx-table {
	min-height: 300px;
}

.modal .tranx-table {
	max-height: 400px;
}

.resend-code.disabled {
	opacity: .2;
	transition: .3s ease-in-out;
}

.resend-notice {
	display: none;
}

#bank-chart {
	min-height: 400px;
}

.form-control.form-control-solid:not([readonly]) {
	background-color: #fff !important;
}

.password-confirmation {
	max-width: 400px;
}

.pin-confirmation {
	max-width: 350px;
}

.pin-input {
	display: flex;
	align-items: center;
	justify-content: stretch;
	max-width: 220px;
	width: 100%;
}

.pin-input input[type="password"] {
	font-size: 20px;
}

.pin-input .box {
	width: 100%;
	padding: 0 .25rem;
	position: relative;
	margin: 0;
}

.pin-input span.label {
	position: absolute;
	width: 14px;
	height: 0;
	border-bottom: 2px solid var(--secondary);
	top: 50%;
	left: calc(50% - 7px);
	opacity: 1;
	visibility: visible;
	transition: .4s ease;
}

.pin-input input[type="password"]:focus~span.label,
.pin-input input[type="password"]:not(:placeholder-shown)~span.label {
	opacity: 0;
	visibility: hidden;
	top: 100%;
}

.pin-input input[type="password"] {
	background-color: #F3F6F9;
	border-radius: 0.4rem;
	padding: 0.5rem 1rem;
	border: 1px solid #f8f8f8;
	min-width: 30px;
	outline: none;
	text-align: center;
	font-size: 20px;
	width: 100%;
}

.animate__fadeInUp,
.animate__fadeOutDown {
	animation-duration: 400ms;
}

.toast .toast-message {
	min-height: 60px;
	align-items: center;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 990px) {
	.aside-minimize .aside .hide-minimized {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		z-index: -12;
	}
}

.partial-statement {
	max-height: 0;
	overflow: hidden;
	transition: .3s linear;
}

.partial-statement.open {
	max-height: 300px;
}

.transaction-details {
	max-height: -moz-available;
	max-height: -webkit-fill-available;
	max-height: fill-available;
}

.transaction-details .swal2-html-container {
	max-height: unset;
	height: unset;
}

.transaction-details .swal2-content {
	padding: 0;
	overflow: auto;
	height: 100%;
}

.transaction-details #copy-ref-no {
	opacity: 0;
	position: absolute;
	z-index: -2;
}

.transaction-details .make-tranx-report {
	/* position: relative; */
}

.transaction-details .make-tranx-report .report-templates {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: calc(100% - 45px);
	overflow: auto;
	z-index: 100;
	transition: opacity .6s ease, top .4s ease;
	top: 45px;
}

.transaction-details .make-tranx-report.show .report-templates {
	visibility: visible;
	transition: opacity .4s ease, top .6s ease;
	opacity: 1;
	top: 0;
	height: 100%;
}

.transaction-details .report-templates.show [data-action="report_toggle"] {
	transform: rotate(180deg);
}

.swal2-container .swal2-popup.pin-setup .swal2-html-container {
	max-height: unset;
}

.pin-setup {
	max-width: 500px;
}

.pin-setup .pin-input {
	max-width: 500px;
	width: auto;
	margin: 1.5rem auto;
	justify-content: center;
}

.pin-setup .pin-input .box {
	width: 70px;
	height: 70px;
	flex-shrink: 0;
}

.pin-setup .pin-input .box+.box {
	margin-left: 1.4rem;
}

.pin-setup .pin-input input[type="password"] {
	font-size: 24px;
	padding: 1rem 1.5rem;
	background-color: #828282;
}

#kt_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100vh;
}

#kt_content {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#kt_content>div:nth-child(2) {
	flex-grow: 1;
	overflow: auto;
	max-height: calc(100vh - 60px);
}
@media (max-width: 480px){
    #kt_content>div:nth-child(2) {
    	overflow: initial;
    	max-height: initial;
    }   
}
#kt_wrapper .swal2-container {
	position: absolute;
}

#take-a-tour .tour-content {
	position: absolute;
	left: 50%;
	top: -20%;
	z-index: 10;
	/* transform: translate(-50%, -50%); */
	margin-left: -200px;
	min-width: 100%;
	min-height: 120%;
	width: 90vw;
	max-width: 400px;
	border-radius: 0.35rem;
	border: 1px solid #EBEDF3;
	padding: 2.3rem;
	/* opacity:0;
	visibility:hidden; */
	background-color: #fff;
	animation-name: flipOutX;
	animation-fill-mode: both;
	animation-timing-function: ease;
	animation-duration: .3s;
	animation-delay: 0;
}

#take-a-tour .tour-content.show {
	opacity: 1;
	visibility: visible;
	box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
	-webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);
	animation-name: flipInX;
}

.tour-content-header {
	position: relative;
	padding: 0.5rem 2.5rem;
	text-align: center;
}

[data-toggle="tour-section"] {
	text-align: center;
}

.tour-content-header [data-toggle="tour-section"] {
	position: absolute;
	top: 0;
	right: 0.5rem;
}

#take-a-tour .modal-footer .btn {
	border-radius: 20px;
	margin: auto;
}

.toggle-balance-visibility {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5;
}

.toggle-balance-visibility input~span::before {
	content: "\f06e";
}

.toggle-balance-visibility input:checked~span::before {
	content: "\f070";
}

.toggle-balance-visibility input {
	display: none;
}

.blur-text {
	--blur-intensity: 8px;
	filter: blur(var(--blur-intensity));
	-webkit-filter: blur(var(--blur-intensity));
	-o-filter: blur(var(--blur-intensity));
	-ms-filter: blur(var(--blur-intensity));
}

.side-balances .toggle-balance-hide {
	visibility: hidden;
}

.side-balances .blur-balance .toggle-balance-hide {
	visibility: visible;
}


.floating-btns {
	position: fixed;
	bottom: 30px;
	right: 35px;
	margin: 2rem;
	z-index: 1000;
}

.floating-btns>a {
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
}

.floating-btns .dropdown-menu {
	background-color: #fff;
}

.floating-btns .dropdown-menu a {
	position: relative;
	animation-duration: .3s;
	animation-direction: normal;
	animation-fill-mode: both;
	animation-name: swagUp;
	animation-timing-function: ease;
	animation-delay: .1s;
	border-radius: 25px;
}

@keyframes swagUp {
	from {
		visibility: hidden;
		opacity: 0;
		top: 30px;
	}

	to {
		top: 0;
		visibility: visible;
		opacity: 1;
	}
}

.floating-btns.show .dropdown-menu a:nth-child(2) {
	animation-delay: .3s;
}

.floating-btns.show .dropdown-menu a:nth-child(3) {
	animation-delay: .6s;
}

.floating-btns.show .dropdown-menu a:nth-child(4) {
	animation-delay: .9s;
}

.purchase-widget {
	column-fill: balance;
	column-count: 3;
	column-gap: 7px;
	break-after: always;
	margin: 1rem 0;
	padding: 1.5rem;
}

@media screen and (max-width:640px) {
	.purchase-widget {
		column-count: 2;
	}
}

.purchase-widget .list-group-item {
	padding: 0;
	border-width: 1px;
	margin-bottom: 5px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	break-inside: avoid;
}

.purchase-widget a.list-group-item-action {
	display: block;
	white-space: nowrap;
	padding: 0.75rem 1.25rem;
	border-radius: 0;
	text-align: center;
	background-color: var(--light);
	color: var(--dark);
}

.purchase-widget a.list-group-item-action:hover {
	background-color: #f5f5f5;
}

.badge.badge-success {
	background-color: var(--success);
}


.aside-left {
	background-color: #fff;
}

.aside-menu .menu-nav>.menu-item>.menu-heading,
.aside-menu .menu-nav>.menu-item>.menu-link {
	min-height: 40px;
}

.aside-menu .menu-nav>.menu-item>.menu-link {
	padding: 6px 25px;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
	color: #494949;
	font-size: 1rem;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon svg,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon svg {
	width: 20px;
	height: 20px;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
	fill: #494949;
}

#kt_wrapper,
.aside-left {
	transition: .3s ease;
}

/*#kt_subheader {*/
/*	background-color: #F3F6F97a;*/
/*}*/

body:not(.subheader-fixed) #kt_subheader {
	background-color: #F3F6F97a;
}

#kt_aside_toggle svg {
	transform: rotateZ(90deg);
	transition: .3s ease;
}

.aside-minimize #kt_aside_toggle svg {
	transform: rotateY(180deg) rotateZ(90deg);
}

@media (min-width: 577px) {
	.header-fixed.subheader-fixed .subheader {
		height: 54px;
	}

	.contact-wlt-support.btn {
		font-family: "Nunito" sans-serif;
		white-space: nowrap;
		font-size: 12px;
		letter-spacing: 0.02rem;
		padding: 0px 15px 0px 28px;
		font-weight: 400;
		border-radius: 28px 0 0 0;
		position: fixed;
		z-index: 100000;
		bottom: 30vh;
		right: 0;
		box-shadow: none;
		transform: rotate(-90deg);
		transform-origin: bottom right;
	}

	.contact-wlt-support.btn .img-icon {
		position: absolute;
		width: 30px;
		height: 30px;
		background-color: #fff;
		top: 0;
		left: 0;
		margin: -15px;
		padding: 5px;
		border-radius: 50%;
		overflow: hidden;
		z-index: 1;
		display: block;
	}

	.contact-wlt-support.btn .img-icon img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.contact-wlt-support.btn .img-icon::before {
		content: "";
		display: block;
		background-color: var(--primary);
		transform: scale(0.4);
		transition: 0.3s ease;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		border-radius: 50%;
	}

	.contact-wlt-support.btn:hover .img-icon::before {
		transform: scale(1);
	}
}

@media (max-width: 578px) {
	.contact-wlt-support.btn {
		bottom: 68px;
		border-radius: 0 0 14px 14px;
		background-color: transparent;
		padding: 0.2rem;
		border: none;
	}

	.contact-wlt-support.btn span.text {
		transform: rotate(180deg);
		display: none;
	}

	.contact-wlt-support.btn .img-icon {
		position: static;
		margin: 5px;
	}

	.contact-wlt-support.btn .img-icon::before {
		transform: scale(1);
	}
}

.nav-justified .nav-item,
.nav-justified .nav-link {
	flex-grow: 1;
	text-align: center;
	justify-content: center;
}

.was-validated .form-control[type='password']:invalid,
.form-control.is-invalid[type='password'],
.was-validated .form-control[type='password']:valid,
.form-control.is-valid[type='password'] {
	background-position: 3px 1px;
	background-size: 12px;
}

#custom--datepicker .bootstrap-timepicker-widget{
	width:100px;
	padding:0;
}

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

.input--datetimerange .date-input,
.input--datetimerange .time-input {
	font-size: 0.8rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.input--datetimerange .datetime-group:first-of-type .date-input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input--datetimerange .datetime-group:last-of-type .date-input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input--datetimerange .time-input {
	position: absolute;
	border: 0;
	height: calc(100% - 2px);
	top: 1px;
	right: 1px;
	bottom: 1px;
	width: 50px;
	padding-left:0.25rem;
	padding-right:0.25rem;
}
.whole-balances {
	position: relative;
}

.more-balances {
	/* position: absolute;
	z-index:20;
	top: 100%;
	right: 0; */
	width: 100%;
	padding:0 1.25rem;
	background-color: #fff;
	transition: .3s ease;
	max-height:0;
	overflow:hidden;
}

.whole-balances.reveal .more-balances {

	padding: 1.25rem 1.25rem;
	max-height:1000px;
}

.whole-balances.reveal .toggle-more-balances .fa-caret-down {
	transform: rotate(180deg);
}

:root {
	--td-border-radius: 0.375rem;
	--td-active-bg: var(--primary);
}

.tempus-dominus-widget {
	max-width: 210px
}

.tempus-dominus-widget .calendar-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	/* padding: 8px 4px; */
	margin: 0
}

.tempus-dominus-widget .date-container-days .dow {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tempus-dominus-widget .td-row {
	flex-direction: column;
}

.tempus-dominus-widget.timepicker-sbs .td-row .td-half {
	width: 100%;
}

/* .tempus-dominus-widget.light .date-container-days .day{
	border-radius: 0.3rem;
} */
.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
	background-color: var(--primary);
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight).today,
.tempus-dominus-widget .date-container-days div:not(.no-highlight):hover {
	background-color: #ffe1e8;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before {
	border-bottom-color: var(--primary);
}

.time-container {
	background-color: var(--light)
}

/* Base widget box */
.tempus-dominus-widget {
	border: 1px solid #ebedf3 !important;
	border-radius: 0.42rem !important;
	box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03) !important;
	font-family: "Nunito", "Poppins", sans-serif !important;
	font-size: 0.9rem !important;
	color: #3f4254 !important;
}

.tempus-dominus-widget .date-container-days {
	grid-auto-rows: 36px;
}


.tempus-dominus-widget .picker-switch {
	max-width: 120px;
	width: 100%;
}

.tempus-dominus-widget .picker-switch,
.tempus-dominus-widget .calendar-header .next,
.tempus-dominus-widget .calendar-header .previous {
	border-radius: 0.42rem;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 0.75rem;
	line-height: 1.35;
	font-size: 0.925rem;
	margin: 0;
}

.tempus-dominus-widget .calendar-header .next,
.tempus-dominus-widget .calendar-header .previous {}

.tempus-dominus-widget .picker-switch:hover,
.tempus-dominus-widget .calendar-header .next:hover,
.tempus-dominus-widget .calendar-header .previous:hover {
	background-color: #F3F6F9;
	border-color: #F3F6F9;
	color: #3f4254;
}

/* Header (month/year) */
.tempus-dominus-widget .td-header {
	background-color: #f3f6f9 !important;
	border-bottom: 1px solid #ebedf3 !important;
	padding: 0.75rem !important;
	font-weight: 500;
	color: #3f4254 !important;
}

/* Days grid */
.tempus-dominus-widget .date-container .day {
	border-radius: 0.42rem !important;
	transition: all 0.2s ease;
	font-weight: 600;
}

.tempus-dominus-widget .date-container .day:hover {
	background-color: #f3f6f9 !important;
	color: var(--primary) !important;
}

/* Active (selected) day */
.tempus-dominus-widget .date-container .day.active {
	background-color: var(--primary) !important;
	color: #fff !important;
}

/* Today indicator */
.tempus-dominus-widget .date-container .day.today {
	/* border: 1px solid var(--primary) !important;
	color: var(--primary) !important; */
	font-weight: 500;
}

/* Footer buttons */
.tempus-dominus-widget .td-picker-footer .btn {
	border-radius: 0.42rem !important;
	padding: 0.35rem 0.75rem !important;
	font-size: 0.8rem !important;
}

.tempus-dominus-widget .td-picker-footer .btn-primary {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.tempus-dominus-widget .td-picker-footer .btn-primary:hover {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}