/* General */
    :root {
        --color-green: #00A443;
        --gradient: linear-gradient(180deg, #00A443 0%,#00A443 100%);
        --color-min-price: #00ab61;
        --color-max-price: #ea1f15;
    }
    body {font-size: 14px;}
    .unit {font-size: 0.6em;white-space: nowrap;}
    .op-25 { opacity: 0.25; }
    .op-50 { opacity: 0.50; }
    .tabular-nums {
        font-variant-numeric: tabular-nums;
        white-space:nowrap;
    }

/* Fullpage */
    .fpage {--header-height: 60px;height: 100dvh;display: flex;flex-direction: column;}
    .fpage__head {/* height: var(--header-height); *//* border: green 1px solid; */padding: 5px 0;border-bottom: #eee 1px solid;}
    .fpage__main {flex-grow: 1;/* border: red 1px solid; *//* padding-top: 10px; */}

/* Map */
    .map {height: 100%;display:block; position: relative; }
    .map__map { height: 100%; display: block; }
    .map__loading {height: 100%;width: 100%;position:absolute;z-index:5;/* display: block; */top: 0;left: 0;background: rgba(0 0 0 / 45%);color: white;font-weight: bold;display: flex;align-content: center;justify-content: center;align-items: center;font-size: 1.5em;padding: 20px;text-align: center;}
    .map__marker {
        --marker-color: var(--color-green);
        --marker-outer: var(--gradient);
    }
    .map__marker {width: 10px;height: 10px;background:var(--marker-color);border-radius: 50%;cursor: pointer;-webkit-print-color-adjust: exact;text-align: center;}
    .map__marker:before {content: '';width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: var(--marker-outer);border-radius: 50%;opacity: 0.30;-webkit-print-color-adjust: exact;z-index: -1;}
    
    .map__popup {  }
    .map__popup__title {font-weight: bold;line-height: 1.2;border-bottom: #ddd 1px solid;padding-bottom: 5px;margin-bottom: 5px;}
    .map__popup__price { font-weight: bold; font-size: 1.3em; }
    .map__popup__location {  }

    .map__form {/* border: green 1px solid; */position: absolute;top: 5px;left: 7px;z-index: 2;background: #00ab61;/* color: white; */font-weight: bold;/* font-size: 12px; */padding: 5px 9px;border-radius: 8px;width: 570px;}
    .map__form .form-select {font-size: 0.75rem;}

    @media screen and (max-width: 767px) {
        .map__form {left: 5px;width: calc(100% - 10px);}
        .map__form .form-select { }
    }

/* Choices */
    .choices { }
    .choices[data-type*=select-one] .choices__inner {padding: 5px;}
    .choices {font-weight: normal;}
    .choices__inner {padding: .39rem .75rem;min-height: initial;height: initial;border-radius: var(--bs-border-radius);}
    .choices-sm .choices__inner {padding: .25rem .5rem !important;}
    .is-open .choices__inner { 
        border-radius: var(--bs-border-radius);
    }
    .choices__list--single { padding: 0; }
    .choices__list--dropdown .choices__item, 
    .choices__list[aria-expanded] .choices__item {font-size: 12px;/* padding-right: 10px; */padding: 5px;}
    .choices__button[aria-label*=Remove]{ display:none !important; }

/* Price legend */
    .pl {position: absolute;bottom: 10px;right: 10px;z-index: 2;background: white;padding: 5px;border-radius: 4px;font-size: 0.7em;}
    .pl__title {font-weight: bold;line-height: 1.6;}
    .pl__wrapper {display: flex;}
    .pl__min { }
    .pl__gradient {flex-grow: 1;height: 20px;border: gray 1px solid;width: 50px;margin: 0 4px;background: linear-gradient(in srgb-linear to right, var(--color-min-price), var(--color-max-price));}
    .pl__max { }

/* NProgress */
    #nprogress {}
    #nprogress .bar { background: var(--color-green); }
    #nprogress .spinner-icon { border-top-color: var(--color-green); border-left-color: var(--color-green); }
    #nprogress .peg { box-shadow: 0 0 10px var(--color-green),0 0 5px var(--color-green) }

/* Header */
    .header { }
    .header__left { display: flex; align-items: center; }
    .header__right { margin-left: auto; align-items: center; justify-content: flex-end; display: flex; }
    .header__date {font-style: italic;}
    .header img {max-width: 25px;margin-right: 5px;}
    .header h1 {font-size: 16px;font-weight: bold;margin-right: 5px;}

    @media screen and (max-width: 767px) {
        .header { }
        .header__left {display: block;flex-grow: 1;}
        .header h1 {font-size: 14px;white-space: nowrap;line-height: 1;}
        .header img { float: left; }
        .header__date {line-height: 1;}
    }

/* Go up */
    go-up {position: fixed;bottom: 20px;right: 20px;width: 30px;height: 30px;background: black;color: white;text-align: center;display: flex;justify-content: center;align-items: center; z-index: 10; cursor:pointer;}


/* DataTable */
    table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
        padding: .25rem .25rem
    }