﻿.pb-3 {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
main.pb-3 {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding:0 0 0 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 0 0 0 0;
    color: var(--bs-card-color);
    margin: 0 0 0 0;
}

.sidebar-wrapper .nav-item {
    max-width: 100%;
    margin-left: 5px;
}

.sidebar-menu .nav-link p, .app-sidebar .brand-text, .app-sidebar .logo-xs, .app-sidebar .logo-xl {
    transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
    font-size: 14px;
    /*  font-weight:bold; */
}

.container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.app-content {
    padding: 0 0 0 0;
}

.row > * {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.card-header {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.mb-4 {
    margin-bottom: 0;
}

.app-main {
    padding-bottom: 0;
}

.location-pin
img {
    width: 30px;
    height: 32px;
    margin: -5px 7px 0 -12px;
    z-index: 30;
    position: absolute;
    border-radius: 50%;
    background: transparent;
    border-color: black;
    border-width: 2px;
}

.pin {
    width: 40px;
    height: 40px;
    border-radius: 50% 50% 50% 0;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -30px;
    border-color: black;
    border-width: 2px;
}

    .pin:after {
        content: '';
        width: 26px;
        height: 26px;
        margin: 2px 0 0 2px;
        position: absolute;
        border-radius: 50%;
        border-color: black;
        border-width: 2px;
    }

.pulse {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 15px 0px 0px -12px;
    transform: rotateX(55deg);
    z-index: -2;
    border-color: black;
    border-width: 2px;
}

    .pulse:after {
        content: "";
        border-radius: 50%;
        height: 30px;
        width: 30px;
        position: absolute;
        margin: -16px 0 0 -13px;
        opacity: 0;
        background: rgba(94, 190, 255, 0.5);
        border-color: black;
        border-width: 2px;
    }

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    border: 3px solid #0dff92;
    height: 20px;
    width: 20px;
}

.form-check-input[type="radio"] {
    border-radius: 50%;
    border: 2px solid #fff;
    height: 20px;
    width: 20px;
}

    .form-check-input[type="radio"] + .form-check-label {
        color: white;
    }

input[type=radio]:checked + .form-check-label {
    color: #0dff92;
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #0dff92;
    border-color: var(--bs-btn-hover-border-color);
}

/* Sol (Previous) Ok Simgesini Özelleştirme ve Resim Ekleme */
