/*.form-group {
    position: relative;
    margin-bottom: 0px;
}

.form-group label {
    position: absolute;
    left: 15px;
    top: 0;
    transform: translateY(-50%);
    background-color: #ffffff;
    padding: 0 5px;
    font-size: 12px;
    color: #6c757d;
    transition: all 0.2s ease;
    pointer-events: none;
}*/

/*.form-group .form-control {
    padding: 5px 2px 5px 6px;
    border: 1px solid #cee5ff !important;
    border-radius: 5px;
    font-size: 13px;
    transition: all 0.2s ease;
}

.form-group .form-control:focus {
    border-color: #278fec;
    box-shadow: 0 0 0 3px rgba(60, 98, 194, 0.1);
}*/

/* Floating label effect */
/*.form-group .form-control:focus + label,
.form-group .form-control:not(:placeholder-shown) + label {
    top: 0;
    font-size: 12px;
    color: #278fec;
    font-weight: 500;
}*/

/* Textarea için özel stil */
/*.form-group textarea.form-control + label {
    top: 0px;
}

.form-group textarea.form-control:focus + label,
.form-group textarea.form-control:not(:placeholder-shown) + label {
    top: 0;
}*/

/* Mevcut select stilleri yerine yeni stiller */

.form-group select.form-control {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding: 8px 35px 8px 12px;
    height: 42px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #e0e4e8;
    border-radius: 5px;
    font-size: 12px;
    transition: all 0.2s ease;
}

/* Select hover durumu */
.form-group select.form-control:hover {
    border-color: #3c62c2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%233c62c2' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

/* Select focus durumu */
.form-group select.form-control:focus {
    border-color: #3c62c2;
    box-shadow: 0 0 0 3px rgba(60, 98, 194, 0.1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%233c62c2' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

/* Option stilleri */
.form-group select.form-control option {
    padding: 10px;
    background-color: #fff;
    color: #495057;
    font-size: 12px;
    border: none;
    transition: background-color 0.2s ease;
}

/* Option hover durumu */
.form-group select.form-control option:hover {
    background-color: #f8f9fa;
} 

/* Seçili option durumu */
.form-group select.form-control option:checked {
    background-color: #e9ecef;
    color: #3c62c2;
    font-weight: 500;
}

/* Disabled durumu */
.form-group select.form-control:disabled {
    background-color: #f8f9fa;
    cursor: not-allowed;
    opacity: 0.7;
    color: #6c757d;
    border-color: #e0e4e8;
}

/* Placeholder benzeri boş option */
.form-group select.form-control option[value=""] {
    color: #6c757d;
    font-style: italic;
}

/* Multiple select için özel stiller */
.form-group select.form-control[multiple] {
    height: auto;
    min-height: 42px;
    padding: 0;
    background-image: none;
}

.form-group select.form-control[multiple] option {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f1f1;
}

.form-group select.form-control[multiple] option:last-child {
    border-bottom: none;
}

/* Scrollbar stilleri */
.form-group select.form-control::-webkit-scrollbar {
    width: 6px;
}

.form-group select.form-control::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.form-group select.form-control::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.form-group select.form-control::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}


/*


.form-group-xxx .form-control-xxx:focus + label, .form-group-xxx .form-control-xxx:not(:placeholder-shown) + label{   
    background-color: #ffffff; 
    color: #6c757d; 
    font-weight: 400;
    font-size: 12px;
    transition: all 0.2s ease; 
}
.form-group-xxx .form-control-xxx:focus + label{
    color:#278fec;
    font-weight: 500;
    transition: all 0.2s ease; 
    font-size: 12px;
}*/

/* Date input için özel stiller */
.form-group input[type="date"].form-control {
    position: relative; 
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'/%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    cursor: pointer;
}

/* Date input hover durumu */
.form-group input[type="date"].form-control:hover {
    border-color: #278fec;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23278fec' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'/%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/%3E%3C/svg%3E");
}

/* Date input focus durumu */
.form-group input[type="date"].form-control:focus {
    border-color: #278fec;
    box-shadow: 0 0 0 3px rgba(39, 143, 236, 0.1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23278fec' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'/%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/%3E%3C/svg%3E");
}

/* Date input için takvim ikonunu gizle */
.form-group input[type="date"].form-control::-webkit-calendar-picker-indicator {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

/* Date input için placeholder rengi */
.form-group input[type="date"].form-control::-webkit-datetime-edit {
    color: #495057;
}

/* Date input için seçilmemiş durumda placeholder rengi */
.form-group input[type="date"].form-control:invalid::-webkit-datetime-edit {
    color: #6c757d;
}

/* Date input disabled durumu */
.form-group input[type="date"].form-control:disabled {
    background-color: #f8f9fa;
    cursor: not-allowed;
    opacity: 0.7;
}

 


/* yazılabilir input özelliği ************************************/

/*Editlenebilir table input*/
.inpt-table .table-input { 
    /*background: transparent;*/
    /*background: white;*/
    width: 100%;
    padding: 6px !important;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    transition: all 0.2s ease;
    border-radius: 4px !important;
    border: 1px solid #f0f0f0 !important;
    font-size: 12px !important;
    border: 1px solid #cee5ff !important;
}

    .inpt-table .table-input:hover {
        background-color: white;
    }

    .inpt-table .table-input:focus {
        outline: none;
        background-color: #fff;
        box-shadow: 0 0 0 2px #278fec33;
        border-radius: 4px;
    }

.inpt-table td {
    padding: 0 !important;
}

/* Remove modal trigger from table cells */
.inpt-table td {
    cursor: text;
}

.inpt-table input::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

/* CustomerRep tablosu için özel stiller */
#customerRep .custom-table {
    border: 1px solid #e0e4e8;
    border-radius: 8px;
    overflow: hidden;
    margin: 10px 0px 0px 0px;
}

    #customerRep .custom-table thead th {
        padding: 15px 20px;
        background: #f8fbff;
        font-weight: 600;
        color: #278fec;
        font-size: 14px;
        border-bottom: 2px solid #278fec;
        white-space: nowrap;
    }

    #customerRep .custom-table tbody td {
        padding: 12px 2px 4px 2px !important;
        vertical-align: middle;
        border-bottom: 1px solid #e0e4e8;
        font-size: 14px;
        color: #444;
    }

    #customerRep .custom-table tbody tr:last-child td {
        border-bottom: none;
    }

/* Form elemanları için özel stiller */
#customerRep .form-group {
    margin: 0;
}

    #customerRep .form-group input {
        /*padding: 8px 15px;*/
        border: 1px solid #e0e4e8;
        border-radius: 6px;
        font-size: 14px;
        width: 100%;
        transition: all 0.3s ease;
    }

        #customerRep .form-group input:focus {
            border-color: #278fec;
            box-shadow: 0 0 0 3px rgba(39, 143, 236, 0.1);
        }
/*
    #customerRep .form-group label {
        font-size: 12px;
        color: #666;
        margin-bottom: 4px;
    }*/

/* Action butonları için stiller */
#customerRep .action-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: #f8fbff;
    border: 1px solid #e0e4e8;
}

    #customerRep .action-btn:hover {
        background: #dff0ff;
        color: white;
        transform: translateY(-2px);
    }

    #customerRep .action-btn i {
        font-size: 14px;
    }

/* Hover efekti */
#customerRep .custom-table tbody tr {
    transition: all 0.3s ease;
}

    #customerRep .custom-table tbody tr:hover {
        background-color: #f8fbff;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(39, 143, 236, 0.08);
    }

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    #customerRep .custom-table thead th,
    #customerRep .custom-table tbody td {
        padding: 10px 15px;
        font-size: 13px;
    }

    #customerRep .form-group input {
        padding: 6px 12px;
        font-size: 13px;
    }

    #customerRep .action-btn {
        width: 28px;
        height: 28px;
    }
}

/* Genel atama butonu için ek stiller */
#customerRep .d-flex.justify-content-end {
    padding: 15px 5px;
}

#customerRep .btn-genel-atama {
    padding: 10px 20px;
    font-weight: 500;
    box-shadow: 0 2px 6px rgba(39, 143, 236, 0.15);
}

    #customerRep .btn-genel-atama:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(39, 143, 236, 0.2);
    }
/* yazılabilir input özelliği**************************************/


/*custom table stilleri *********************/

/* Tablo stilleri */
.custom-table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: #fff;
    border-collapse: collapse;
}

.custom-table thead th {
    padding: 1rem;
    /*background-color: #f8fbff;*/
    border-bottom: 2px solid #2c7dd1;
    color: #278fec;
    font-weight: 600;
    text-align: left;
    font-size: 12px;
}

.custom-table tbody td {
    padding: 12px !important;
    border-bottom: 1px solid #e0e4e8;
    color: #333;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

 
.custom-table tbody tr:last-child td {
    border-bottom: none;
}

/* Responsive tasarım için tablo düzenlemeleri */
@media (max-width: 768px) {
    .table-responsive {
        border-radius: 8px;
        border: 1px solid #e0e4e8;
    }

    .custom-table thead th,
    .custom-table tbody td {
        padding: 0.75rem;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .custom-table thead th,
    .custom-table tbody td {
        padding: 0.5rem;
        font-size: 12px;
    }
}

/* Responsive tablo stilleri */
@media (max-width: 992px) {
    .table-responsive {
        display: block;
        /* width: 100%; */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-button {
        padding: 6px 10px;
    }

    /* Tablo başlıklarını sabit genişlikte tut */
    .custom-table thead th {
        white-space: nowrap;
        min-width: 120px;
    }

        /* Bazı sütunlar için özel genişlikler */
        .custom-table thead th:nth-child(1), /* Kaynak */
        .custom-table thead th:nth-child(2), /* Kaynak Açıklama */
        .custom-table thead th:nth-child(3), /* Proje Adı */
        .custom-table thead th:nth-child(9), /* Görüşme Notu */
        .custom-table thead th:nth-child(10) { /* Temsilci */
            min-width: 20px;
        }

        .custom-table thead th:nth-child(4), /* Tarih */
        .custom-table thead th:nth-child(5), /* Saat */
        .custom-table thead th:nth-child(6), /* Görüşme Türü */
        .custom-table thead th:nth-child(7), /* Görüşme Durum */
        .custom-table thead th:nth-child(8) { /* Görüşme Durum Açıklama */
            min-width: 130px;
        }

    /* Tablo hücrelerindeki metinleri düzenle */
    .custom-table tbody td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px; /* Maksimum genişlik */
    }

        /* Görüşme notu sütunu için özel stil */
        .custom-table tbody td:nth-child(9) {
            white-space: normal; /* Not sütununda kelime kaydırma aktif */
            min-width: 200px;
        }
}

/* Mobil görünüm için ek düzenlemeler */
@media (max-width: 576px) {
    .custom-table {
        font-size: 12px;
    }

        .custom-table thead th,
        .custom-table tbody td {
            padding: 8px;
        }

    /* Tablo scroll göstergesi */
    .table-responsive::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background: linear-gradient(to right, transparent, rgba(0,0,0,0.1));
        pointer-events: none;
    }
}
/*custom table stilleri************/