@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800|Shadows+Into+Light);
body{
    line-height: unset !important;
}
.multiselect-native-select .btn-group{width:100%!important}
.multiselect-native-select .dropdown-menu{width:100%!important}
.multiselect-native-select .input-group-text{padding-top:11px;padding-bottom:11px;border-top-right-radius:0;border-bottom-right-radius:0}
.multiselect{width:100%!important}
.form-check-label-my{position:relative;bottom:-1.6px}
.pointer-badge{cursor:pointer}
.d-language-col .dropdown-language{height:60px!important;display:flex;justify-content:center;align-items:center;padding:0!important;margin-top:-2px!important}
.d-language-col .dropdown-language img{margin-right:3px}
.d-language-col .dropdown-language i{margin-left:3px;margin-top:-2px}
.contract-progress-col{display:flex;justify-content:center}
.count-input{font-size:12px!important;display:flex;justify-content:center;align-items:center}
.select2-container--bootstrap .select2-selection--single{height:38px!important;line-height:26px!important}
.file-upload{background-color:#fff;width:100%}
.remove-image:active{border:0;transition:.2s}
.file-upload-content{display:none;text-align:center}
.file-upload-input{position:absolute;margin:0;padding:0;width:100%;height:100%;outline:0;opacity:0;cursor:pointer}
.image-upload-wrap{border:2px dashed #14b8a6;position:relative;transition:.3s}
.image-dropping,.image-upload-wrap:hover{background-color:#14b8a6;border:2px solid #6f6a6a}
.image-upload-wrap:hover h3{color:#fff!important}
.image-title-wrap{padding:0 15px 15px;color:#222}
.drag-text{text-align:center}
.drag-text h3{color:#155182;padding:60px 0;transition:all .3s}
.file-upload-pdf{width:100%;height:400px}
.remove-image{width:200px;margin:0;color:#fff;background:#cd4535;border:none;padding:10px;border-radius:4px;border-bottom:4px solid #b02818;transition:.2s;outline:0;text-transform:uppercase;font-weight:700}
.remove-image:hover{background:#c13b2a;color:#fff;transition:.2s;cursor:pointer}
/* .select2-container{width:100%!important} */
.table-head-position-sticky{position:sticky;position:-webkit-sticky;top:0;z-index:9}
.multiselect-filter .fa-search{display:none}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #ced4da!important}
.jodit-toolbar-button__button[aria-label="Resim Ekle"]{display:none!important}
html body .tabs .nav-tabs .nav-link,html body .tabs .nav-tabs .nav-link:hover,html.dark body .tabs .nav-tabs .nav-link,html.dark body .tabs .nav-tabs .nav-link:hover{color:#fff}
.nav-tabs li .nav-link,.nav-tabs li .nav-link:hover{background:#14b8a6}
.wizard-tabs ul>li.active>a,.wizard-tabs ul>li.active>a:focus,.wizard-tabs ul>li.active>a:hover{font-weight:700;color:green}
.wizard-tabs ul>li.active .badge{background-color:green!important;color:#fff}
.select2-dropdown{z-index:999999!important}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{color:#fff!important}
div.dataTables_wrapper div.dataTables_length label{background:#2e353e;color:#fff;border-radius:5px}
.fields .field{ display:inline-block; margin-bottom:20px;}
.placeholderx{padding:0px !important;background-color: greenyellow !important;border:1px solid #ddd !important;cursor:grab !important}


#map{width:100%;height:400px;margin-bottom:20px}
.map-controls{margin:10px 0;font-size:16px;width:100%;z-index:5}
#mapModal .modal-dialog{max-width:800px}
.pac-logo{z-index:2147483647}
.dataTables_length{margin-bottom:20px!important}


.modal,
.modal.fade .modal-dialog {
    transition: none !important;
    animation: none !important;
}
div.dataTables_wrapper div.dataTables_processing{
    z-index: 9 !important;
}
.buttons-html5{
    display: none;
}


/* Parent container to apply flexbox */
.dataTables_length,
.dataTables_filter {
    display: inline-block;
}
.dataTables_filter{
    position: absolute;
    right: 0px;
    top: 5px;
    width: 50%;
}
img{
    transition: all 0.3s;
}
img:hover{
    cursor: pointer;
}

.header .logo{
    margin: 0px 0 0 13px !important;
}

.popover{
    z-index: 9999999 !important;
}




@media (max-width:768px){
.wizard-tabs{display:none}
#stage-selector{display:block!important}
}
@media (max-width:768px){
.d-language-col{float:right!important;margin-right:20px;border-left:1px solid #e9ecef;padding-left:20px!important}
}
@media (max-width:990px){
.contract-progress-col{display:block!important;overflow-x:scroll!important}
}


.bill-city-container  .select2-selection, .bill-city-container #bill_city{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}


.iziToast-wrapper{
    z-index: 9999999 !important;
}

.iziToast-overlay{
    z-index: 9999998 !important;
}




 #image-container {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     margin-bottom: 20px;
 }

 .image-wrapper {
     display: flex;
     align-items: center;
     gap: 5px;
     position: relative;
 }

 .draggable-image {
     width: 150px;
     height: 150px;
     object-fit: cover;
     cursor: move;
     border: 2px solid #ddd;
     border-radius: 5px;
 }

 .move-btn {
     width: 30px;
     height: 30px;
     background-color: red;
     color: white;
     border: 1px solid #ddd;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
 }

     .move-btn:hover {
         background-color: #e0e0e0;
     }

     .left-btn{
        position: absolute;
        top: 10px;
        left: 10px;
     }
          .right-btn{
        position: absolute;
        top: 10px;
        right: 10px;
     }
 .left-btn::after {
     content: "←";
 }

 .right-btn::after {
     content: "→";
 }

 #save-btn {
     padding: 10px 20px;
     background-color: #4CAF50;
     color: white;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
 }

     #save-btn:hover {
         background-color: #45a049;
     }

 #message {
     margin-top: 15px;
     padding: 10px;
     border-radius: 5px;
     display: none;
 }

 .success {
     background-color: #dff0d8;
     color: #3c763d;
 }

 .error {
     background-color: #f2dede;
     color: #a94442;
 }

 .delete-btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background-color: #ff4444;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    z-index: 10;
}

.delete-btn:hover {
    background-color: #cc0000;
}
.badge-lg {
    font-size: 1.2rem;
    padding: 0.5rem 0.75rem;
}


.table .sorting_asc{
    background-color: #2980b9 !important;
}



.dropdown-menu{
    border-radius: 0px !important;
}

.logo-container{
    padding-top: 7px;
}
@media screen and (min-width: 768px) {
    .header-right{
        height: unset !important;
        display: flex !important;
    }
}
@media screen and (max-width: 768px) {
    .logo-container{
        padding-top: 0px;
        display: flex;
        align-items: center;
    }
}


.required{
    background: #d2322d;
    color: #fff;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    border-radius: 3px !important;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-weight: 700;;
    margin-left: 2px;
    position: relative;
    top: -0.2em;
}






































.referral-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:20px 0}
.referral-profile-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;padding:24px 20px;text-align:center}
.referral-status-badge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:6px 12px;border-radius:5px;text-transform:capitalize}
.referral-status-badge.pending{background-color:#fff3cd;color:#856404}
.referral-status-badge.approved{background-color:#d4edda;color:#155724}
.referral-status-badge::before{content:'';width:8px;height:8px;border-radius:50%;display:inline-block}
.referral-status-badge.pending::before{background-color:#ffc107}
.referral-status-badge.approved::before{background-color:#28a745}
.referral-avatar{width:60px;height:60px;margin:0 auto 5px;background:#14b8a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.referral-name{font-size:18px;font-weight:700;color:#333;margin:0 0 15px 0}
.referral-meta{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:16px;font-size:12px}
.referral-meta-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#666;margin-bottom:6px}
.referral-meta-item:last-child{margin-bottom:0}
.referral-contact{background:#f0f4ff;padding:12px;border-radius:8px;margin-bottom:16px;text-align:left}
.referral-contact-item{font-size:12px;color:#555;margin-bottom:6px;word-break:break-all}
.referral-contact-item:last-child{margin-bottom:0}
.referral-contact-label{font-weight:600;color:#14b8a6;display:block;font-size:11px;text-transform:uppercase;margin-bottom:2px}
.referral-date{font-size:11px;color:#999}
@media (max-width:768px){
.referral-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0}
.referral-profile-card{padding:16px 12px}
.referral-avatar{width:50px;height:50px;font-size:20px;margin:0 auto 8px}
.referral-name{font-size:16px;margin-bottom:2px}
.referral-meta{padding:10px;margin-bottom:10px;font-size:11px}
.referral-contact{padding:10px;margin-bottom:10px}
.referral-contact-item{font-size:11px;margin-bottom:4px}
.referral-contact-label{font-size:10px;margin-bottom:4px}
.referral-date{font-size:10px}
.referral-status-badge{font-size:10px;padding:4px 8px;top:12px;left:12px}
}
@media (max-width:480px){
.referral-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0}
.referral-profile-card{padding:12px 10px}
.referral-avatar{width:30px;height:30px;font-size:11px;margin:0 auto 0}
.referral-name{font-size:9px;margin-bottom:2px}
.referral-meta{padding:8px;margin-bottom:8px;font-size:10px}
.referral-meta-item{font-size:7px;margin-bottom:4px;line-height:1.2}
.referral-contact{padding:8px;margin-bottom:8px}
.referral-contact-item{font-size:7px;margin-bottom:1px}
.referral-contact-label{font-size:7px}
.referral-date{font-size:7px}
.referral-status-badge{font-size:5px;padding:3px 5px;top:10px;left:10px}
}
.referral-page-header{margin-bottom:10px}
.referral-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff;border-radius:12px;padding:14px 20px}
.referral-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.referral-filter-input-wrap{position:relative;display:flex;align-items:center}
.referral-filter-input-wrap i{position:absolute;left:12px;color:#aaa;font-size:13px}
.referral-filter-input{padding:8px 14px 8px 34px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;outline:0;transition:border-color .2s;min-width:180px;background:#fafafa}
.referral-filter-input:focus{border-color:#14b8a6;background:#fff}
.referral-filter-btn{padding:8px 18px;border:none;border-radius:8px;font-size:13px;cursor:pointer;font-weight:500;transition:background .2s,transform .1s;background:#14b8a6;color:#fff}
.referral-filter-btn:hover{background:#5e50ee;transform:translateY(-1px)}
.referral-filter-btn-clear{background:#f1f1f1;color:#555}
.referral-filter-btn-clear:hover{background:#e0e0e0}
.referral-count-badge{font-size:13px;color:#888;font-weight:500}
.referral-loading{display:flex;justify-content:center;align-items:center;padding:60px 0}
.referral-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#14b8a6;border-radius:50%;animation:referral-spin .7s linear infinite}
@keyframes referral-spin{
to{transform:rotate(360deg)}
}
.referral-empty{text-align:center;padding:80px 20px;color:#bbb}
.referral-empty i{font-size:48px;margin-bottom:16px;display:block}
.referral-empty p{font-size:15px;margin:0}
.referral-pagination{display:flex;justify-content:center;margin-top:32px;margin-bottom:16px}
.referral-page-list{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap}
.referral-page-item .referral-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;color:#555;font-size:13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;cursor:pointer}
.referral-page-item .referral-page-link:hover{background:#f0eeff;border-color:#14b8a6;color:#14b8a6}
.referral-page-item.active .referral-page-link{background:#14b8a6;border-color:#14b8a6;color:#fff;font-weight:600}
.referral-page-item.disabled .referral-page-link{pointer-events:none;opacity:.45;cursor:default}

/* Email template placeholder chips (Jodit sidebar) */
.ph-panel-scroll{max-height:520px;overflow-y:auto}
.ph-group-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#6c757d;margin-bottom:6px}
.ph-chip{cursor:grab;display:inline-block;background:#d6f5b6;color:#1a4d1a;padding:4px 8px;border-radius:4px;font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.3;border:1px solid #9fcf7a;user-select:none}
.ph-chip:active{cursor:grabbing}
.ph-chips{gap:6px!important}

/* Jodit içi atomik placeholder (içerik düzenlenmez; blok olarak seçilip silinir) */
.jodit-wysiwyg .template-ph,
.template-ph{
    display:inline-block;background:#e8f5e9;border:1px solid #81c784;border-radius:4px;padding:2px 8px;
    font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4;
    cursor:default;user-select:all;-webkit-user-select:all;vertical-align:baseline
}