/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* @media screen and (max-width: 767px) { */
    /* .carousel-caption { */
        /* display: none; */
    /* } */
/* } */

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/*material da bazı bileşenlerin öncesi boşluğu kaldırmak için*/
.nobefore {
    margin-top: 0px !important;
}
.nobefore:before {
    top: 0px !important;
    height: 0px !important;
}
/*Material de h2 öncesi boşluk var, üst dive padding verince iptal oluyor. h2 dekini kaldırırsak yukarı yapıştığı için onu aynen tutuyoruz.*/
.padding10 {
    padding-top:10px !important;
}
.text-white-shadow {
    color: white !important;
    text-shadow: 2px 2px 4px #000000 !important;
}
.form-section {
    color: black;
    line-height: 3rem;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px solid darkblue;

}
.form-section i {
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
}
.backgroundSet {
    position: relative;
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 0 0 4px black, 0 -5px 4px black, 2px -10px 6px black, -2px -15px 11px black, 2px -25px 18px black;
    padding: 15px 10px;
}
.backgroundSet::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
}