@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800|Shadows+Into+Light);
.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 #08c;position:relative;transition:.3s}
.image-dropping,.image-upload-wrap:hover{background-color:#08c;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:#08c}
.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, #map-pickup, #map-dropoff{width:100%;height:400px;margin-bottom:20px}
.map-controls{margin:10px 0;font-size:16px;width:100%;z-index:5}
#mapModal .modal-dialog, #pickupMapModal .modal-dialog, #dropoffMapModal .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;
}



























 #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;
}