@import "common.css";

section#tavfelugyeleti_diszpecser {
    background-image: url(/images/monitoring_header.jpg?t=6);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
}

header#otf {
    background-image: url(/images/header_idos.JPG?t=6);
}

section#velemenyek {
    padding: 0;
}
#velemenyek {
    background: rgba(255, 247, 237, 1);
    text-align: center;
}

#velemeny-hatter {
    background-image: url(/images/idosgondozas/comment.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#velemenyek .p-3 {
    padding: 100px 5% !important;
}

#velemenyek .carousel-indicators li {
    background-color: #000;
}

#velemenyek p {
    margin-bottom: 40px;
    text-align: left;
    font-size: 15px;
}

#velemenyek .content-title, #velemenyek p, #velemenyek span {
    color: #000;
}
.carousel-item {
    min-height: 400px !important;
}

.husegido {
    color: #ec263b;
    font-size: 14px;
}

#keszuler_ar  ul {
    list-style: none; /* Remove default bullets */
}
#keszuler_ar ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#mikor_ajanljuk p.leiras::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

@media (max-width: 992px) {
    table#arak_table { width: 100% !important;}
    #szolgaltatas_dij { margin-top: 50px}
    #szolgaltatas_dij table { margin-top: 10px !important;}
    #szolgaltatas_dij table td {
        font-size: 13px;
    }

    img.rounded-lg {
        width: 100% !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}