/*Blank CSS*/


/*Frond End Tarafı*/
.company-card {
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}

.company-card .header a{
    color: white;
}
.company-card .header a:hover{
    color: white;
    text-decoration: none;
}
.company-card .header {
    background-color: #3949ab;
    color: white;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.company-card .content {
    padding: 15px;
}

.company-card .content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.company-card .content p {
    margin: 5px 0;
    font-size: 14px;
    color: #555;
}

.company-card .content a {
    text-decoration: none;
    color: #555;
    width: 100%;
    font-weight: bold;
}

.company-card .footer {
    background: #f9f9f9;
    padding: 10px;
    font-size: 14px;
    border-top: 1px solid #ddd;
}

.company-card .footer .stars {
    color: #f4b400;
    margin-top: 5px;
}

/* User Active - Oturum Açık */
.user_active {
    color: #28a745;
    margin-left: 10px;
    box-shadow: 0 0 7px 4px green !important;
    border: 0px solid #ccc !important;
}

/* User Passive - Oturum Kapalı */
.user_passive{
    color: #28a745;
    margin-left: 10px;
    box-shadow: 0 0 7px 4px red !important;
    border: 0px solid #ccc !important;
}
.fs-30{font-size: 24px !important;}
.follow-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* İkon ile metin arası boşluk */
    padding: 8px 16px;
    background-color: #1da1f2; /* Mavi arka plan (Twitter tarzı) */
    color: white; /* Beyaz yazı */
    font-size: 16px;
    font-weight: bold;
    border: none; /* Kenarlık yok */
    border-radius: 6px; /* Hafif köşeler */
    cursor: pointer; /* Tıklanabilir işareti */
    transition: background-color 0.3s ease; /* Hover efekti geçişi */
}

.follow-btn:hover {
    background-color: #0d8bf0; /* Daha koyu mavi hover efekti */
}

.follow-btn .icon {
    width: 20px;
    height: 20px;
}
.permission_access {
    color: #fff; /* Yetkisi olanlar normal görünsün */
}

.permission_denied a {
    color: #faa !important; /* Yetkisi olmayanlar soluk olsun */
}

.inner-pages .blog .homes-content .homes-list li {
    width: 49%;
    border-bottom: 1px solid #ccc;
    margin: 0 3px;
}
.portfolio .project-head img.no-image {
    width: 74%;
}
.homepage-4 .portfolio .project-single {
    border-radius: 0;
}
.homepage-4 .portfolio .project-head {
    background-color: #1d293e;
    border-radius: 0;
}
.follow-btn i{color: #fff !important}

.disabled:hover{text-decoration: none;color: silver}

.loading-place li{width: 100% !important;}
.discharging-place li{width: 100% !important;}

.list-inline-item a img {
    width: 25px !important;
    height: 25px !important;
    border-radius: 100% !important;
    margin: 0 5px;
}
.carousel-inner div.item img{
    width:100%;
    height:400px;
    border-radius:10px !important;
}

.agents .portfolio .project-head img {
    height: 275px;
}



.header-logo-image {
    width: 100px;
    height: auto; /* Oranı korur */
    object-fit: contain;
    border-radius: 100px;
    margin-top: -20px;
}
#header.cloned #logo img {
    margin-top: -16px;
}
.logo-image {
    width: 100px;
    height: auto; /* Oranı korur */
    object-fit: contain;
    border-radius: 100px;
    margin: -50px 0 40px 0;
    float: right;
}

.site-name {
    font-size: 24px; /* Yazı boyutunu düzenleyebilirsiniz */
    margin: 0; /* Yazının tam hizalı olması için */
    color: white;
}
/*
#login .login, #register .login {
    width: 500px;
    padding: 40px;
    overflow-y: auto;
    margin: 20px;
}
.login div.form-group input{
    border-radius:30px;
    padding:25px 15px
}
.login div.card{padding: 0;border: 0}

#login {
    position: relative;
}

#login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://simplemaps.com/static/demos/resources/svg-library/svgs/world.svg') no-repeat center center;
    background-size: cover;
    opacity: 0.6;
    z-index: 0;
}

!* İçerikleri haritanın önüne çıkar *!
#login > * {
    position: relative;
    z-index: 1;
}*/













.inner-pages.homepage-4 #navigation.style-1 ul li:hover,.inner-pages.hp-6.full .btn.btn-yellow{background: #159bd8}
.hp-6 .btn.btn-yellow{box-shadow: none}
.inner-pages.hp-6.full .parallax-searchs .form-group .nice-select:hover, .inner-pages.hp-6.full .dropdown-filter span::after, .inner-pages.hp-6.full .btn.btn-yellow:hover{color: #159bd8}
.inner-pages.homepage-4 .first-footer .navigation h3::after, .inner-pages.homepage-4 .first-footer .widget h3::after, .inner-pages.homepage-4 .first-footer .newsletters h3::after, .inner-pages.homepage-4 .first-footer .bloq-email .email input[type="submit"], .inner-pages.homepage-4 .go-up{background: #159bd8}
.ms-1 {
    margin-left: .25rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.nice-select .list {
    max-height: 250px !important; /* Zorunlu olarak uygula */
    overflow-y: auto !important; /* Kaydırma çubuğunu göster */
}


@media print {
    #cvform {
        page-break-before: always; /* Yeni sayfa başlatır */
        page-break-after: auto;    /* Sayfa sonrasını kontrol eder */
        max-width: 100%;
    }
}
@media print {
    /* Sayfa kenar boşluklarını ayarlayın */
    @page {
        margin: 0 10px;
        size: auto;  /* Sayfa boyutunu otomatik olarak ayarla */
    }

    /* Yazdırma işlemi sırasında butonu gizleyin */
    #btn_cv_print {
        display: none;
    }

    /* Yazdırılacak alanın boyutunu küçültmek */
    #cvform {
        max-width: 100%;
        max-height: 100%;
        overflow: hidden;
        transform-origin: top left;
        width: 100%;
    }
}


/* Badge Temel Stili */
.badge {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    color: white !important;
    background-color: #159bd8; /* Mavi renk */
    border-radius: 12px;
    margin: 3px;
    transition: background-color 0.3s ease;
}

.badge:hover {
    background-color: #4582b5;
}
.accordion {
    color: #212529; /* Metin rengi (Dark Gray) */
    background-color: #ffffff; /* Arkaplan rengi (Beyaz) */
    border: 1px solid #dee2e6; /* Kenarlık rengi (Açık Gri) */
    border-radius: 6px;
    transition: all 0.15s ease-in-out;
}
.accordion-item > h2.accordion-header{
    font-size: 1rem;}

.accordion-item {
    border-bottom: 1px solid #dee2e6;
}

.accordion-button {
    padding: 1rem 1.25rem;
    background-color: #ffffff;
    color: #212529;
    font-weight: bold;
    text-align: left;
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.accordion-button:hover {
    background-color: #f8f9fa; /* Açık gri hover efekti */
}

.accordion-button:focus {
    border-color: #86b7fe; /* Seçildiğinde border rengi */
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-button::after {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease-in-out;
}

.accordion-button[aria-expanded="true"] {
    background-color: #cfe2ff; /* Açıldığında mavi arkaplan */
    color: #052c65;
}

.accordion-button[aria-expanded="true"]::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-collapse {
    border-top: 1px solid #dee2e6;
    padding: 1rem 1.25rem;
}

.accordion-item.open .accordion-collapse {
    display: block;
}
.circle {
    border-radius: 100%;
    position: relative;
    background: #1b6ae7 !important;
    z-index: 9;
    top: -60px;
    float: right;
    right: 10px;
}
#chat-box {
    margin: 10px auto;
    border-radius: 10px;
    overflow-y: auto;
    height: 700px;
    box-shadow: 0 0 10px #ccc;

    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="20" stroke="%23EEEEEE" stroke-width="2" fill="none"/><line x1="24" y1="4" x2="24" y2="12" stroke="%23EEEEEE" stroke-width="2"/><line x1="24" y1="44" x2="24" y2="36" stroke="%23EEEEEE" stroke-width="2"/><line x1="4" y1="24" x2="12" y2="24" stroke="%23EEEEEE" stroke-width="2"/><line x1="44" y1="24" x2="36" y2="24" stroke="%23EEEEEE" stroke-width="2"/><line x1="8" y1="8" x2="14" y2="14" stroke="%23EEEEEE" stroke-width="2"/><line x1="40" y1="40" x2="34" y2="34" stroke="%23EEEEEE" stroke-width="2"/><line x1="8" y1="40" x2="14" y2="34" stroke="%23EEEEEE" stroke-width="2"/><line x1="40" y1="8" x2="34" y2="14" stroke="%23EEEEEE" stroke-width="2"/></svg>')
    repeat;
        background-size: 48px 48px; /* İkon boyutunu belirler */

    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;

}

.chat-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.msg-style-left {
    background-color: white; /* Gelen mesajlar beyaz */
    color: black;
    align-self: flex-start; /* Sola hizala */
    text-align: left;
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 12px 12px 12px 0px; /* Baloncuk şekli */
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.msg-style-right {
    background-color: #c4efff; /* Giden mesajlar WhatsApp yeşili */
    color: black;
    align-self: flex-end; /* Sağa hizala */
    text-align: left;
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 12px 12px 0px 12px; /* Baloncuk şekli */
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.top-bar {
    padding: 2px 0 6px 0;
    background-color: #159bd8;
    color: white;
}
.top-bar a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.top-bar a:hover {
    text-decoration: underline;
}
.flag-icon {
    width: 20px;
    height: 14px;
    border-radius: 2px;
}
.language-menu ul {
    padding: 0;
    margin: 0 0 0 -40px;
}
.language-menu li {
    display: flex;
    align-items: center;
}
.mb-10{margin-bottom: 10px}
.user-menu ul{
    position:absolute;
    z-index:9999 !important;
    background:white;
}
.user-menu ul li a{
    width:100%;
}
.user-menu ul li a:hover{
    cursor:pointer;
    text-decoration:none;
    background:#ccc;
    transition:all linear 300ms;
}
#logo img{
    margin-top: -10px;
}
#header{padding: 22px 0 65px 0}
.top-bar{padding: 7px 0 10px 0;}