:root,
[data-bs-theme=light] {
	--vz-primary: #F3D466;
	--vz-secondary: #000000;
	--vz-success: #28b446;
	--vz-info: #299cdb;
	--vz-warning: #f7b84b;
	--vz-danger: #f06548;
	--vz-light: #f3f6f9;
	--vz-white: #ffffff;
	--vz-dark: #1D1D25;
	--vz-card: #0b0e1d;
	--vz-primary-rgb: 0, 227, 209;
	--vz-secondary-rgb: 53, 119, 241;
	--vz-success-rgb: 40, 180, 70;
	--vz-info-rgb: 41, 156, 219;
	--vz-warning-rgb: 247, 184, 75;
	--vz-danger-rgb: 240, 101, 72;
	--vz-light-rgb: 243, 246, 249;
	--vz-dark-rgb: 21, 23, 34;
	--vz-border-radius: 0.65rem;
	--vz-primary-light: #ffe67d;
	--vz-topbar-search-bg: #fff2bc;
	--vz-btn-font-size: 16px;
}
[data-bs-theme=dark] {
	--vz-secondary-bg: #0b0e1d;
	--vz-secondary-bg-rgb: 11, 14, 29;
	--vz-footer-bg: #0b0e1d;
}
[data-bs-theme=dark]:is([data-theme=default], [data-theme=minimal], [data-theme=material], [data-theme=modern], [data-theme=creative], [data-theme=saas], [data-theme=interactive], [data-theme=corporate], [data-theme=classic], [data-theme=vintage]) {
	--vz-body-bg: #151722;
	--vz-dark: #0b0e1d;
}
[data-theme=default][data-sidebar=dark] {
	--vz-vertical-menu-title-color: #9e9e9e;
	--vz-vertical-menu-item-color: #f3f6f9;
	--vz-vertical-menu-sub-item-color: #dddfe2;
}
[data-theme=default] {
	--vz-header-item-sub-color: #000200;
}
.text-primary {
	color: #00333d !important;
}
.btn-primary {
	--vz-btn-color: #151722;
	--vz-btn-hover-bg: #00333d;
}
.btn {
	font-size: var(--vz-btn-font-size);
	font-weight: 600;
	/* --vz-btn-padding-x: 0.9rem; */
	--vz-btn-padding-y: 0.8rem;
}
.btn-primary{
    background: linear-gradient(276deg, rgba(185, 113, 32, 1) 0%, rgba(243, 212, 102, 1) 77%, rgba(150, 89, 26, 1) 94%, rgba(113, 43, 8, 1) 100%);
    border-color: #cf9f36;
}
.btn-primary:hover{
    background: linear-gradient(90deg, rgba(185, 113, 32, 1) 0%, rgba(243, 212, 102, 1) 77%, rgba(150, 89, 26, 1) 94%, rgba(113, 43, 8, 1) 100%);
    border-color: #cf9f36;
    color: #000;
}
.navbar-menu {
	background: var(--vz-dark);
}
.dashboadr-map-live-view .gmaps {
	height: 400px;
}
.btn-danger {
	--vz-btn-bg: var(--vz-primary);
	--vz-btn-border-color: var(--vz-primary);
	--vz-btn-disabled-bg: var(--vz-primary);
	--vz-btn-disabled-border-color: var(--vz-primary);
}
.card {
	--vz-card-border-radius: var(--vz-border-radius);
	--vz-card-inner-border-radius: var(--vz-border-radius);
	--vz-card-group-margin: calc(var(--vz-grid-gutter-width) * 0.5);
	border-radius: var(--vz-card-border-radius);
}
#page-topbar,
.header-main {
	background-color: var(--vz-secondary);
}
.hamburger-icon span {
	background-color: var(--vz-white);
}
.navbar-header .user-name-text {
	color: var(--vz-white);
}
.navbar-header .btn-topbar {
	color: var(--vz-white);
}
@media (min-width: 768px) {
	.topbar-user {
		background-color: var(--vz-secondary);
	}
}
.app-search .form-control {
	color: var(--vz-topbar-search-color);
	background-color: var(--vz-white);
}
.navbar-header .user-name-sub-text {
	color: var(--vz-vertical-menu-sub-item-color);
}
.btn-soft-primary {
	--vz-btn-color: var(--vz-dark);
	--vz-btn-bg: var(--vz-primary);
}
.custom-cabby-icon {
	background: url(../images/cabby-sidebar-icon.png);
	width: 28px;
	height: 28px;
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: -2px center;
}
.custom-sensys-icon {
	background: url(../images/sensys-sidebar-icon.png);
	width: 28px;
	height: 28px;
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: -2px center;
}
.auth-one-bg .bg-overlay {
	background: #0c0c0c;
	opacity: .9;
}
.shape > svg {
	fill: #1D1D25;
}
.full-screen-view {
	min-height: 700px;
}
.image-upload-area .avatar-custom {
	width: 100%;
	height: 6rem;
}
.image-upload-area {
}
.iti {
	width: 100%;
}
.form-control {
	padding: .8rem .9rem;
}
.navbar-brand-box {
	/* border-bottom: 1px solid var(--vz-vertical-menu-border); */
}
.navbar-menu .navbar-nav .nav-link.active {
	color: var(--vz-dark);
	background: var(--vz-primary);
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
	color: var(--vz-primary);
	background: var(--vz-dark);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
	background-color: var(--vz-secondary);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true].active {
	color: var(--vz-dark);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true].active:after {
	color: var(--vz-dark);
}
.choices__inner {
	padding: .55rem 3.6rem .18rem .5rem;
}
.choices[data-type*=select-one] .choices__inner {
	padding-bottom: .55rem;
}
.profile-wid-bg::before {
	background: var(--vz-card);
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(var(--vz-card)),
		to(var(--vz-card))
	);
	background: linear-gradient(to top, var(--vz-card), var(--vz-card));
}

/* toasty */
.t-error {
	background-color: #f06548;
}

.t-success {
	background-color: #28b446;
}

.pagination-wrap ul.pagination {
	margin-left: 15px;
}

/* Target the search input inside the intl-tel-input dropdown */
.iti__search-input {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.choices__inner {
	min-height: 46px;
}

.choices {
    margin-bottom: 2px;
}

.dropzone {
	border: 2px dashed #ced4da !important;
	background: #f8f9fa !important;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}

[data-bs-theme=dark] .dropzone {
	border: 2px dashed #ced4da !important;
	background: #262a2f !important;
}

.dropzone-required {
    border-color: red !important;
}

.dropzone .dz-message {
	margin: 1em 0 !important;
}

.dropzone .dz-message h4 {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0px;
}

.dropzone .dz-message span {
	font-size: 13px;
	font-weight: 300;
}

.dropzone .dz-message .ri-upload-cloud-2-fill {
	font-size: 40px;
	color: #405189;
}

/* Make sure the thumbnail looks nice */
.dropzone .dz-preview .dz-image {
	border-radius: 8px;
	overflow: hidden;
}

.dt-bootstrap5 .dt-length label {
	display: none;
}

/* Ensure the container is the reference point */
.dt-container {
    position: relative;
}

/* Center the processing div */
.dt-processing {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    
    /* Look and feel */
    z-index: 1000;
    padding: 1.5rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e9ebec;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    width: auto;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Rotate your specific loader icon */
.rotate {
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ldv-back-btn {
	background-color: #000000;
	border-radius: 2px;
	padding: 2px 10px;
	color: #FFF;
}

.ldv-back-btn:hover {
	background-color: #F3D466;
	color: #000;
}