.table tbody { font-size: 10px !important; } .table thead tr { font-size: 10px !important; } .table thead tr th { text-align: center; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 1px; } table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 10px !important; } div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; font-family: 'IRANSansFaNum'; white-space: nowrap; font-size: 14px !important; } .pagination a { font-size: 12px; } .table thead { background: #2070af; color: #fff; } .table thead tr th { font-size: 10px !important; } .table tbody tr td { font-size: 10px !important; } .filtering-btn { border: none; background: #153b58; color: #fff; border-radius: 5px; padding: 5px 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transition: 0.2s all; } .filtering-btn:hover { background: #db7240; } .filtering-btn:disabled { background: #153b58a8; } .table-btns { border: none; background: #153b58; color: #fff; border-radius: 5px; padding: 5px 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transition: 0.2s all; } .table-btns:hover { background: #db7240; } .table-btns:disabled { background: #153b58a8; } .dataTables_wrapper .dt-buttons { position: relative; } .btn-dataTable { border: none; background-color: transparent; } .btn-dataTable i { color: rgb(43, 125, 43); font-size: 18px; transition: all 0.2s; } .table.dataTable .check-row{ background: #db652de3 !important; color: #fff; } .table.dataTable .check-row .btn-dataTable i { color: #fff; } .table.dataTable .check-row .pipeline { background: #fff; } .table.dataTable .check-row:hover{ background: rgb(240, 147, 93) !important; color: #fff; } .table.dataTable tbody tr { cursor: pointer; transition: all 0.2s; } .table.dataTable tbody tr:hover { background: #7ab67a !important; color: #fff; } .table.dataTable tbody tr:hover .btn-dataTable i { color: #fff; } .table.dataTable tbody tr:hover .pipeline { background: #fff; } .table.dataTable .activate-row { background: #2b7d2b !important; color: #fff; } .table.dataTable .activate-row .btn-dataTable i { color: #fff; } .table.dataTable .activate-row .pipeline { background: #fff; } .table.dataTable .check-row.activate-row { background: #a8491de3 !important; color: #fff; } .btn-dataTable{ padding: 2px 6px; } .table-add-btn { display: flex; font-weight: 500; font-size: 14px; background: #015688; color: #fff; padding: 5px 15px; border: none; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transition: 0.3s all; } .table-add-btn:hover { background: #015688e0; } .table-add-btn:disabled { background: #015688a8; cursor: no-drop; } /* solve datatable responsive */ .table.dataTable>tbody>tr.child ul.dtr-details { width: 100%; } .table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { top: unset; } @media (max-width: 400px) { .page-link { padding: 5px 8px; } } /* solve datatable responsive */