/* Here you can add custom CSS for the current table */ /* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */ /* To prevent the use of styles to other tables use "#supsystic-table-5" as a base selector for example: #supsystic-table-5 { ... } #supsystic-table-5 tbody { ... } #supsystic-table-5 tbody tr { ... } */ #A2 { width: 270px; color:red; } #F3 { border-right:1px solid #fff; color:red; } #supsystic-table-1_wrapper { width: 100%; // Makes table width 50% of content width float: left; // Specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap it. margin-right: 10px; // Makes a 10px space on the right side between table and other content. } #supsystic-table-1 tbody tr td { height: 40px; border: 1px solid #000; text-align: center; vertical-align: middle; font-family:15px Roboto; } table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; border-right: 2px solid #000;} /*.dataTable.cell-border tbody tr td:first-child { height:40px; border: 1px solid #000; border-right:none; text-align: center; vertical-align: middle; font: normal 14px Roboto;}*/ .dataTables_filter{ font-family: Roboto; font-size: 18px;} } .dataTables_filter input { width: 200px; border-radius: 0; padding: 9px 15px; border: 1px solid #ccc; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; }