@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
}

:root {
    --border-color: #e0e4e8;
    --disabled-color: #b8d0ee;
    --input-color: #f0f1f3;
    --td-hover-color: 0 0 .875rem 0 rgb(142 171 201 / 5%);
    --td-hover-background: #f2f2fa;
    --section-background-color:#ecedef;
    --card-input-color:#ecedef;
    --table-th-color:#6c757d;
    --table-td-border:#e0e4e8;
}

.dataTable thead th, table th{
    border-bottom: 2px solid var(--table-th-color)!important;
    font-weight: 600!important;
    text-transform: uppercase;
    letter-spacing: 0.5px!important;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.dataTable thead th, .dataTable tbody td:not(.dt-empty) {
    text-align: left !important;
}



.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    background: rgba(6, 6, 6, 0.4);
}


/*//select2*/
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e8ebf3 !important;
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px !important;
    height: 35px !important;
}

.select2-dropdown {
    border: 1px solid #e8ebf3 !important;
}


/*show page*/

.vehicle-details {
    font-family: Arial, sans-serif;
}

.detail-row {
    /*display: flex;*/
    margin-bottom: 10px;
    align-items: start;
}

.detail-label {
    font-weight: bold;
    /*width: 300px;*/
    text-align: left;
    padding-right: 20px;
    flex: 1;
    font-size: 12px;
}

.detail-value {
    flex: 1;
    text-align: left;
}
.vehicle-details .row .col-lg, .vehicle-details .row .col-lg-4{
    /*border-right:1px solid  #e4e1e1;*/
}

.vehicle-details .row .col-lg:nth-child(3n){
    border-right:none;
}
@media(max-width: 900px){
    .vehicle-details .row .col-lg, .vehicle-details .row .col-lg-4{
        border-right:none;
    }
}

.except_detail {
    border: 1px solid #e4e1e1;
    border-radius: 8px;
    margin-bottom: 12px;
}

.except_detail p {
    padding: 12px;
    padding-bottom: 0;
}


/*datepicker */
.datepicker td, .datepicker th {
    padding: 6px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none; /* Hides the date picker icon */
    -moz-appearance: textfield; /* Removes the calendar icon in Firefox */
    appearance: none; /* Removes browser default appearance in some browsers */
    cursor: pointer !important;
}

/*header breadcrumb*/

.headerBreadcrumb {
    background: #142937;
    padding: 0 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-height: 55px;
}
.headerBreadcrumb .page-title{
    color:white;
}

.textCenter {
    background: #edf3f7;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.textCenter span {
    width: 20px;
    height: 20px;
    border: 1px solid #1f77a6;
    display: inline-flex;
    border-radius: 100%;
    background: #1f77a6;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 10px;
}

.marginCityNumber {
    padding-left: 12px;
}

.plusIcon {
    font-size: 10px;
}

.cardTopRadius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

hr {
    margin: 25px 0 !important;
}

.detail-value img {
    border-radius: 4px;
}

.fa.fa-save {
    margin-right: 4px;
}


/*yol vereqesi*/
.withdrawalButtonDatatable i {
    font-size: 10px
}

.withdrawalButtonDatatable span {
    margin-top: 2px;
}

#filterAjaxForm label, #filterAjaxForm input {
    width: 100%;
}

#filterAjaxForm select {
    width: 100%;
}

#datatable th span {
    width: max-content !important;
    display: inline-block;
}

.lastColumnRowsDatatable {
    width: max-content !important;
    /*display: flex;*/
}

.disabled {
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed;
    background-color: var(--disabled-color);
}

.table td, .table p{
    font-weight: 300;
}
.table th{
    background: #ccc!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}


[id^="equipmentPurchaseAcquiredExtra"] {
    display: none;
}

.hideServiceQuestionElement, #hideServiceQuestionElementSelect{
    display:none;
}
.showElement{
    display: block!important;
}



/*datatable border-bottom scroll zamani silinsin */
.dt-scroll-body{
    border:unset!important;
}


/*menu sidebar dropdown icon hidden*/
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link::before {
    display: none!important;
}


/*datatable overflow scroll*/

.dt-scroll-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.dt-scroll-body::-webkit-scrollbar-thumb {
    background-color: #486bd3;
    border-radius: 4px;
}

.dt-scroll-body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}


.menu-icon{
    flex: 0 0 15px;
}


/*yol vereqei edit*/

.roadPassHideBranch{
    display: none;
}
.roadPassShowBranch{
    display: block;
}

.border-hover i, .button-hover i{
    color:black!important;
}
.disabled-select .select2-selection{
    pointer-events: none!important;
    background: var(--disabled-color)!important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background: var(--disabled-color)!important;
}

.border-hover{
    transition: all ease .5s;
    border:1px solid transparent;
}
.border-hover:hover{
    border:1px solid black;
}
.form-check-input:not(.form-checkIN) {
    background-color: red;
}
.form-check-input:checked {
    background-color: green;
    border-color: #557ef8;
}
.form-switch .form-check-input{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e")
}



.lastColumnAlignRowsDatatable{
    /*display: flex!important;*/
    /*align-items: center;*/
    /*height: 100%!important;*/
}

.dataTable th{
    color:black;
}


.extra-inputs {
    display: none;
    margin-top: 20px;
}

.timerTask{
    padding-top:12px;
}

.row .timerTask{
    /*border:1px solid #afb8c3;*/
}
.vehicle-details .detail-row:hover{
    transform:translateY(-4px);
}

.col-lg-4{
    height:100%;
}


/*.timer {*/
/*    margin-top: 20px;*/
/*    background-color: #cad1d9;*/
/*    width: auto;*/
/*    padding: 20px;*/
/*    margin-bottom: 20px;*/
/*    border-radius: 8px;*/
/*}*/
/*.timer-display {*/
/*    font-size: 40px;*/
/*    text-align: center;*/
/*    width: max-content;*/
/*}*/
/*.timer-buttons {*/
/*    display: flex;*/
/*    gap:8px;*/
/*    justify-content: center;*/
/*}*/
/*.timer-buttons button {*/
/*    font-size: 14px;*/
/*}*/

.bg-success i{
    color:#8d93a1
}

.successCard *{
    color:white!important;
}
.successCard .dropdown-menu a{
    color:black!important;
}


.table tbody tr:last-child td, .table tbody tr:last-child th{
    border:1px solid var(--border-color)!important;
}
.table tbody tr td, .table tbody tr th{
    border:1px solid var(--border-color);
}





.modalFixed{
    position: fixed;
}


.timerTask .detail-row:first-child{
    padding: 0px!important;
    border:unset!important;
    box-shadow: unset!important;
    display: flex;
}
.timerTask .detail-row:first-child .detail-label{
    width:max-content!important;
}
.timerTask .detail-row:first-child .detail-label,
.timerTask .detail-row:first-child .detail-value{
    flex:unset;
}
.timerTask {
    backdrop-filter: #ededf8;
    border-left: 4px solid blue!important;
    border-radius: 24px;
}


.cardFirst{
    background: #0a1d3e!important;
}
.cardSecond{
    background: #d2a63b!important;
}
.cardThird{
    background: #4b7b55!important;
}


/*badge bootstrap custom*/
.badge-primary {
    background-color: #0d6efd;
    color: #fff;
}
.badge-secondary {
    background-color: #6c757d;
    color: #fff;
}
.badge-success {
    background-color: #198754;
    color: #fff;
}
.badge-danger {
    background-color: #dc3545;
    color: #fff;
}
.badge-warning {
    background-color: #ffc107;
    color: #212529;
}
.badge-info {
    background-color: #17a2b8;
    color: #fff;
}
.badge-light {
    background-color: #f8f9fa;
    color: #212529;
}
.badge-dark {
    background-color: #212529;
    color: #fff;
}

.lastDetailColumn{
    border:1px solid #F0F2F5;
    margin-right: -1px;
}

.tableHeadBlack th{
    color:black!important;
}

.arrowHover{
    cursor: pointer;
}



/*filter*/


 .filterHeader {
     background-color: #504d4d;
     padding: 20px;
     border-radius: 0 0 8px 8px;
 }

.filterHeader label {
    color: #ffffff;
    font-weight: 500;
}

.filterHeader .form-control {
    background-color: #333333;
    color: #e0e0e0;
    border: 1px solid #555555;
    border-radius: 4px;
}

.filterHeader .form-control:focus {
    background-color: #444444;
    border-color: #007bff;
    color: #ffffff;
}





.filterHeader button {
    background-color: #007bff;
    color: white;
    border: none;
}

.filterHeader button:hover {
    background-color: #0056b3;
}

 .dropzone-wrapper {
     position: relative;
     border: 2px dashed #a3a3a3;
     border-radius: 8px;
     padding: 30px;
     text-align: center;
     transition: all 0.3s ease;
     cursor: pointer;
     background-color: #f8f9fa;
 }

.dropzone-wrapper:hover {
    background-color: #f1f3f5;
    border-color: #4CAF50;
}

.dropzone-wrapper.dragover {
    background-color: #e9ecef;
    border-color: #007bff;
}

.dropzone-desc {
    color: #7b7b7b;
}

.dropzone-desc i {
    font-size: 50px;
    color: #a3a3a3;
    margin-bottom: 15px;
}

.dropzone-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.dropzone-wrapper .file-selected {
    color: #28a745;
    font-weight: bold;
}


.file-preview {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px;
    background-color: #f9f9f9;
    position: relative;
    z-index: 1000;
}

.preview-content {
    display: flex;
    align-items: center;
}

.preview-content i {
    font-size: 30px;
    color: #6c757d;
    margin-right: 15px;
}

.preview-details {
    display: flex;
    align-items: center;
}

.preview-details span {
    margin-right: 10px;
}

.preview-details a {
    margin-left: 10px;
    text-decoration: none;
}

.showEquipment{
    display: none;
}


@keyframes showHide {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.showHide {
    color: red!important;
    animation: showHide 2s infinite;
}

.card-body .bg-secondary{
    background-color: #f6f9f5 !important;
    border-radius: 8px;
}
.custom-input, .custom-select{
    background-color: #f0f1f3;
    border:1px solid #162542;
}

.form-control-sm{
    background-color: var(--input-color);
    border:1px solid #162542;
    padding: 0.6rem 1rem;
    border-radius: 8px;
}
.form-select-sm{
    background-color: var(--input-color);
    color:black;
    border:1px solid #162542;
}
.form-control-sm::placeholder{
    color:black;
}
.form-control-sm:focus{
    border-color: #162542;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    background-color: #fff;

}
.onlyShowHover{
    margin:0;
}
/*.table:not(.onlyShowHover) tbody tr:hover, table:not(.onlyShowHover) tbody tr:hover{*/
/*    box-shadow:var(--td-hover-color);*/
/*    background-color: var(--td-hover-background)!important;*/
/*}*/
.onlyShowHover div span:last-child{
    font-weight: 450;
}

/*.table.onlyShowHover tbody td:hover{*/
/*    box-shadow:var(--td-hover-color);*/
/*    background-color: var(--td-hover-background)!important;*/
/*}*/

.cardGrayColor{
    /*background-color: var(--section-background-color);*/
}

.card-body input, .card-body select{
    background-color: var(--card-input-color);
    border:1px solid var(--border-color) !important;
}
.card-body input:focus, .card-body select:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    background-color: #fff;
}
.card-body select:focus{
    background-color: white;
}



.select2-container--default .select2-selection--single {
    background-color: var(--card-input-color) !important;
    /*default background*/
}

.select2-container--open .select2-selection--single {
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    background-color: #fff;
}

.data-item{
  border-bottom: 1px solid var(--border-color);
}

.data-item:hover{
    box-shadow: var(--td-hover-color);
    background-color: var(--td-hover-background) !important;
}


.metric-card {
    border: 1px solid #E5E9F2;
    border-radius: 0.75rem;
    background: #FFF;
    transition: transform 0.2s ease;
}
.metric-card:hover {
    box-shadow:var(--td-hover-color);
    background-color: var(--td-hover-background)!important;
}
.fancybox__container{
    z-index: 1200!important;
}

.products_list .card, .product_lists .card{
    position:relative;
}

.products_list .card:not(:first-of-type)::before,
.product_lists .card:not(:first-of-type)::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #ccc;
    margin-bottom: 60px;
    position: absolute;
    top: -27px;
    left: 0;
    width: 100%;
}











/* General Styling */
.product_lists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0;
}

.card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    margin: 0 auto;
}





/* Form Group Styling */


.form-group label {
    font-weight: 500;
    color: #333;
    margin-bottom: 0.5rem;
    display: block;
}


.form-control:focus, .form-select:focus {
    border-color: #007bff;
    outline: none;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

/* Button Styling */
.btn {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-success:hover, .btn-danger:hover {
    opacity: 0.9;
}

/* Warehouse Section Styling */
.warehouse_lists {
    margin-top: 20px;
}

.warehouse {
    background-color: #f9f9f9;
    /* padding: 15px; */
    border-radius: 8px;
    margin-bottom: 15px;
}

.warehouse .form-group {
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .card {
        max-width: 100%;
    }

    .warehouse {
        flex-direction: column;
    }

    .warehouse .col-lg-2 {
        margin-top: 10px;
    }
}

.exportButton{
    height:35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    padding:10px!important;
}

#filterAjaxForm label{
    color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
    font-size:16px;
    font-weight: 500;
}


.equipmentProcurementStatus{
    width: 20px;
    height: 20px;
    display: flex  ;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #198754;
}

.equipmentProcurementStatus i{
    font-size: 11px;
}

#datatable_wrapper label, #datatable_wrapper .dt-info{
    font-weight: 400;
}
.accordion-item{
    margin-bottom:12px;
}

.accordion-item .accordion-button{
    padding:0px!important;
    padding-left:8px!important;
}
.accordion-item h2{
    margin-top:0px!important;
}
.accordion-item .accordion-button.collapsed{
    background-color:#ccc!important;
}
.accordion-item .accordion-button{
    font-weight:600!important;
}
.accordion-item .accordion-button.collapsed:hover{
    background-color:#eef2fe!important;
}

.accordion-button .text{
    margin-left: 6px;
}
.product_lists .accordion-item{
    margin-bottom: 0px!important;
}

.tableWithdrawals thead th, .tableWithdrawals tbody td{
    padding:10px 5px!important;
    font-weight: 300!important;
    font-size: 12px!important;
}
.tableWithdrawals{
    display: none;
}
.flex-1{
    flex:1!important;
}
.hide{
    display:none;
}

.swal2-html-container{
    overflow: unset!important;
}
.swalForm{
    background: #d3d2d2;
    padding: 7px;
    border-radius: 4px;
    padding-bottom: 14px;
}
.swalForm label{
    margin-bottom: 12px;
    text-align: left;
    display: block;
}
.swalForm .select2-selection__rendered{
    text-align: left;
}
.swalForm input{
    background-color: var(--card-input-color) !important;
    border:unset;
}
.showOpenStatusModal{
    cursor: pointer;
}