/* OfficePages.css
   Small, focused styles to modernize Office page panels and tables.
   Designed to work with the existing bootstrap.css in the project.
*/

.office-card-wrapper {
    padding-top:30px;
    margin-bottom: 85px;
}

.office-card {
    border: 1px solid #e6e6e6;
    border-radius: 0.375rem;
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08);
    margin-bottom: 30px !important;
    background: #fff;
    width: 700px;
    display: block !important;
    margin: 0px auto;
}

.teslimat-bekleyen-siparisler .office-card {
    width: 90% !important;
}

.office-card .office-card-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 600;
    color: #222;
}

.office-card-header h4 {
    margin: 0;
    padding: 0;
    color: #173e62;
}

.office-card .office-card-body {
    padding: 1rem 1.25rem;
}

.office-card-sub-header {
    background-color: #efefef;
    border-radius: 5px;
    width: 100% !important;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}



.office-card .office-card-footer {
    padding: 0.75rem 1.25rem;
    background: #fafafa;
    border-top: 1px solid #f1f1f1;
    font-size: 0.95rem;
    min-height: 20px;
}

.office-table {
    margin-bottom: 0;
    width: 100%;
}

    .office-table thead th,
    .office-table tfoot th {
        border-bottom: 1px dotted #e9ecef;
        font-weight: 600;
        height: 30px;
        text-align: center;
        padding: 0.75rem;
    }

    .office-table thead th {
        background-color: #efefef;
        border-right: dotted 0.5px #96c3ee73;
    }

        .office-table thead th:first-child,
        .office-table td:first-child {
            border-left: dotted 0.5px #96c3ee73;
        }

    .office-table tr {
        border-bottom: 1px solid #e9ecef;
    }

        .office-table tr:first-child th {
            text-align: right;
        }

    .office-table tbody tr:last-child {
        padding-bottom: 100px !important;
    }

    .office-table td {
        height: 30px;
        padding: 0.75rem;
        text-align: center;
        border-right: dotted 0.5px #96c3ee73;
    }

#ekstreDetayTable.office-table td {
    padding: 0.30rem;
}

    #riskTable.office-table td,
    #ekstre-ba-bs-Table.office-table th:nth-child(2),
    #ekstre-ba-bs-Table.office-table td:nth-child(n+2),
    #ekstreDetayTable.office-table th:nth-child(2),
    #ekstreDetayTable.office-table td:nth-child(n+2),
    #baBsTable.office-table th:nth-child(2),
    #baBsTable.office-table td:nth-child(n+2) {
        text-align: right;
    }

        #riskTable.office-table td span::after,
        #ekstre-ba-bs-Table.office-table td span::after,
        #ekstreDetayTable.office-table td span::after,
        #baBsTable.office-table td span span::after {
            content: " ₺";
        }

    #riskTable.office-table th:first-child,
    #ekstre-ba-bs-Table.office-table th:first-child,
    #ekstre-ba-bs-Table.office-table td:first-child,
    #ekstreDetayTable.office-table th:first-child,
    #ekstreDetayTable.office-table td:first-child,
    #baBsTable.office-table th:first-child,
    #baBsTable.office-table td:first-child {
        text-align: left;
    }

#ekstre-ba-bs-Table tr td:first-child,
#ekstreDetayTable tr td:first-child {
    font-weight: 600;
}

#ekstre-ba-bs-Table tr td,
#ekstreDetayTable tr td {
    vertical-align: top !important;
}

#ekstre-ba-bs-Table td p,
#ekstre-ba-bs-Table td span,
#ekstre-ba-bs-Table td a {
    display: block !important;
    margin: 0;
    padding: 5px 0px 5px 0px;
    border-bottom: dotted 1px #efefef !important;
}
#ekstreDetayTable td,
#ekstreDetayTable td a,
#ekstreDetayTable td p,
#ekstreDetayTable td span {
    font-size: 13px !important;
    padding: 3px 0px 3px 0px;
}

#ekstre-ba-bs-Table td a,
#ekstreDetayTable td a,
#ekstreDetayGoster {
    color: #128cf3 !important;
    text-decoration: underline !important;
}

    #ekstre-ba-bs-Table td a:hover, #ekstre-ba-bs-Table td a:active,
    #ekstreDetayTable td a:hover, #ekstreDetayTable td a:active,
    #ekstreDetayGoster  {
        color: #128cf3 !important;
        text-decoration: none !important;
    }

.mutabakat-table th:last-child,
.mutabakat-table td:last-child {
    display: none;
}

.babs-table td a::after {
    /*content: "Detay Göster";
    font-size: 11px;*/
}

.office-meta {
    font-size: 11px;
    color: #555;
}

/* responsive tweaks */
@media (max-width: 767.98px) {

    .office-card .office-card-header,
    .office-card .office-card-body,
    .office-card .office-card-footer {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.muted-small {
    color: #6c757d;
    font-size: 11px;
}

.table .text-right,
.text-right {
    text-align: right !important;
}

h5 span {
    font-weight: 600;
}

.table-row-danger {
    background-color: #f8d7da;
}

.klasik-table-urun-listesi tr th, .klasik-table-urun-listesi tr td, #tblNakliyeTeslimatBilgileri tr td {
    font-size: 13px !important;
}


#bekleyenUrunlerList tr th {
    font-size: 13px !important;
    font-weight: 600 !important;
    background-color: #efefef;
    padding: 5px;
}

.align-left {
    text-align: left !important;
    left: 5px;
    float: left !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

#myModal2 #btnExportDetay, 
#myModal2 #btnExportDetayTumSene{
    display:none;
}

.ba-bs-toplam-tutar {
    float: right;
    font-size: 16px;
    margin-right:5px;
}
.ba-bs-toplam-tutar span {
    font-weight: 600;
}
.ba-bs-toplam-tutar span::after {
    content: " ₺";
}

.office-vergi-no {
    width: 110px !important;
    border: solid 1px #128cf3;
    font-size: 15px;
    color: #efefef;
    background-color: #006fba;
    border-radius: 3px;
    padding: 5px;
    height: 28px;
}
.office-vergi-no:active, .office-vergi-no:focus {
    outline: none;
    box-shadow: none;
}
    .office-vergi-no::placeholder {
        color: #efefef;
    }

#santralVergiNoSecim {
    width: auto !important;
    background-color: #ced4da;
    border-radius: 3px;
    font-size: 16px !important;
    padding: 10px;
    margin-left: 10px !important;
}



#ceklerdenDoganRisk span {
		font-weight: 500;
		font-size: 13px;
		text-align: right;
		float: right;
		padding-top:1px;
}

#ceklerdenDoganRisk span:hover {
		cursor: pointer;
		text-decoration: underline;
}