.page__content {
    background: #fbfbfb !important;
}

.onsen-dialog {
    text-align: center !important;
}

.onsen-loader {
    vertical-align: text-top !important;
    margin-top: 12% !important;
}

.dialog-container {
    text-align: center !important;
}

ons-select.select {
    width: 100% !important;
}

ons-select.select.ng-pristine.ng-untouched.ng-empty.ng-invalid.ng-invalid-validation {
    width: 100% !important;
}

/* 
img.list-item__thumbnail.list-item--divider__thumbnail.list-item--chevron__thumbnail {
    height: 75px;
    width: 70px;
}
img.list-item__thumbnail.list-item--divider__thumbnail.list-item--chevron__thumbnail {
    width: 70px;
   
} */
input#mobile {
    width: 300px;
    background: #ffffff !important;
    /* padding: 0 !important; */
    /* margin: 0 !important; */
    height: 38px !important;
    border: none;
}


input.mapboxgl-ctrl-geocoder--input {
    width: 100%;
    margin-left: 30px !important;
}

svg.mapboxgl-ctrl-geocoder--icon.mapboxgl-ctrl-geocoder--icon-search {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 23px;
    height: 23px;
}

.onsen-dialog {
    text-align: center !important;
}

.onsen-loader {
    vertical-align: text-top !important;
    margin-top: 12% !important;
}

.dialog-container {
    text-align: center !important;
}

.button:disabled,
.button[disabled] {
    background-color: #b2b6ba !important;
    border-color: #b2b6ba !important;
    color: white !important;
}

button:hover:not(:disabled) {
    /*background-color: #00aacc;*/
}

/* ons-list-item.list-item.list-item--chevron:active {

    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item.list-item--chevron:focus {

    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item.list-item--chevron:target {

    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}


ons-list-item.list-item.list-item--divider:active {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item.list-item--divider:focus {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item.list-item--divider:target {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
} */

/* 
ons-list-item.list-item:active {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item:focus {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
}

ons-list-item.list-item:target {
    transition: background-color linear 0.02s, box-shadow linear 0.02s;
    background-color: #4258ff !important;
    box-shadow: #4258ff 0px -1px 0px 0px !important;
    color: white;
} */


/* Enhanced Onsen UI CSS - Override Styles */
:root {
    --primary-color: #4285f4;
    --secondary-color: #34a853;
    --danger-color: #ea4335;
    --warning-color: #fbbc05;
    --light-color: #f8f9fa;
    --dark-color: #202124;
    --border-radius: 12px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* Buttons */
.ons-button {
    border-radius: var(--border-radius);
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: none;
}

.ons-button:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ons-button--material {
    padding: 12px 24px;
}

/* Toolbar */
.ons-toolbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.ons-toolbar__center {
    font-weight: 600;
    font-size: 1.1rem;
}

/* List Items */
.ons-list-item {
    transition: var(--transition);
    border-radius: var(--border-radius);
    margin: 8px 0;
}

.ons-list-item:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.ons-list-item__chevron {
    color: rgba(0, 0, 0, 0.3);
}

/* Inputs */
.ons-input {
    border-radius: var(--border-radius);
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    transition: var(--transition);
}

.ons-input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
}

/* Switch */
.ons-switch__input:checked+.ons-switch__toggle {
    background-color: var(--primary-color);
}

.ons-switch__toggle {
    transition: var(--transition);
}

/* Progress */
.ons-progress-bar {
    height: 6px;
    border-radius: 3px;
}

.ons-progress-bar--indeterminate {
    background-color: var(--primary-color);
}

/* Cards */
.ons-card {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    transition: var(--transition);
}

.ons-card:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Tabs */
.ons-tabbar__content {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.ons-tabbar__tab {
    transition: var(--transition);
}

.ons-tabbar__tab:active {
    opacity: 0.8;
}

/* Toast */
.ons-toast {
    border-radius: var(--border-radius);
    padding: 16px 24px;
    box-shadow: var(--box-shadow);
}

/* Dialog */
.ons-dialog {
    border-radius: var(--border-radius);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.ons-dialog__content {
    padding: 24px;
}

/* Navigation */
.ons-navigator__content {
    background-color: #f5f5f5;
}

/* Floating Action Button */
.ons-fab {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: var(--transition);
}

.ons-fab:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Ripple Effect Enhancement */
.ons-ripple {
    background-color: rgba(255, 255, 255, 0.4);
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --light-color: #202124;
        --dark-color: #f8f9fa;
    }

    .ons-list-item,
    .ons-card,
    .ons-dialog {
        background-color: #2d2d2d;
        color: #ffffff;
    }

    .ons-input {
        background-color: #2d2d2d;
        color: #ffffff;
        border-color: #444;
    }
}



.bottom-bar {
    bottom: 0 !important;
    box-sizing: border-box;
    /* padding-bottom: 18px; */
    /* margin-bottom: 0px; */
    height: 52px !important;
    background: #191ca9 !important;
}

.mapboxgl-ctrl-geocoder--icon-close {
    margin-top: 3px;
    margin-right: 3px;
}