@charset "UTF-8";

@media all { .alphabet span.label { display: none; } .alphabet span { color: #000; padding: 3px 12px; margin: 0 10px 10px 0; border: solid 1px #DEDEDE; } .alphabet span.spanAll { padding: 5px 20px; } .alphabet span.active { background-color: #cc0000; border: solid 1px #cc0000; color: #fff; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { padding: 10px 0; position: relative;; } div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label { width: 100%; } div.dataTables_wrapper div.dataTables_filter input { font-size: 1.5rem; line-height: 1.3; height: 4rem; padding-left: 12px; width: 100% !important; margin-left: 0; border: none; } .webkit a.btn, .webkit a.btn:link, .webkit a.btn:hover, .webkit a.btn:focus, .webkit a.btn:visited, .webkit a.btn:active { color: #fff; background-color: #c00; } .webkit thead th { background: none; } table.dataTable { border-spacing: 0 0.4rem; width: 100% !important; } table thead { background: none; } table.dataTable thead th { padding: 1.2rem } tbody tr{ background-color: #fff; } table.dataTable tbody td { border: none; padding: 1.2rem; height: auto; } tbody td.td-title { width: 25%; } tbody td.td-posted { display: none; } tbody tr:hover { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); } tbody tr.tr-entity:hover { cursor: pointer; } td a.color-normal { color: #000000; } table td p.multiline-ellipsis { height: 50px; -webkit-line-clamp: 2; padding: 0; margin: 0; width: 100%; } .dataTables_paginate.paging_simple_numbers { margin: .8rem 0; float: left; position: relative; width: 100%; height: auto; } .page-link, .page-item.disabled .page-link { background-color: transparent; border: none; color: #000; } .page-item.active .page-link { color: #cc0000; } /*.page-link:focus,*/ .page-link:hover { background-color: #fff; color: #000; } .dataTables_paginate.paging_simple_numbers .paginate_button.disabled, .dataTables_paginate.paging_simple_numbers .paginate_button.previous, .dataTables_paginate.paging_simple_numbers .paginate_button.next { display: inline-block; font-family: "Wuerthicons" !important; } .dataTables_paginate .paginate_button.disabled { color: #ececec; cursor: default; background:none; } /* .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:hover:not(.disabled) { background-color: #fff; color: black; } */ .selectBox { position: relative; display: block; width: 100%; padding: 1rem; background-color: #fff; } .selectBox i { color: #cc0000; position: absolute; top: 1.5rem; right: 1.2rem; } #sortableTableFilterLocations , #sortableTableFilterCategories{ -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; outline: none; cursor: pointer; } select::-ms-expand { display: none; } .selectBox2::after { position:absolute; margin-left:0; font-family: 'Wuerthicons'; vertical-align:middle; text-decoration:none; content: '\eac5'; font-size:2rem; border:none; color:#c00; height:auto; width:auto; right:1.2rem; top:1.2rem; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) } .selectBox:focus { background-color: #cc0000; } .selectBox select { width: 100%; font-weight: bold; } .selectBox select:active{ background-color: #cc0000; } .multiselect { width: 20rem; } .overSelect { //position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #checkboxesLocation, #checkboxesCategory, #checkboxesWorktype { display: none; border: 1px #dadada solid; background-color: #fff; overflow: auto; position: absolute; width: 96%; max-height: 25rem; z-index: 1; } #checkboxesLocation label, #checkboxesCategory label, #checkboxesWorktype label { display: inline-block; position: relative; width: 100%; padding: 0.5rem; } #checkboxesLocation input, #checkboxesCategory input, #checkboxesWorktype input { position: absolute; right: 1rem; width: 2rem; height: 2rem; } #checkboxesLocation label:hover, #checkboxesCategory label:hover, #checkboxesWorktype label:hover { background-color: #cc0000; color: #fff; } /* Styles for the drop-down. Feel free to change the styles to suit your website. :-) */ .cb-dropdown-wrap { max-height: 80px; /* At most, around 3/4 visible items. */ position: relative; height: 40px; } .cb-dropdown, .cb-dropdown li { margin: 0; padding: 0; list-style: none; height: 40px; position: relative; } .cb-dropdown { position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; background: #fff; border: 1px solid #888; } /* For selected filter. */ .active .cb-dropdown { background: pink; } .cb-dropdown-wrap:hover .cb-dropdown { height: 200px; overflow: auto; transition: 0.2s height ease-in-out; } .cb-dropdown li label > input { position: absolute; right: 0; top: 10px; width: 20px; height: 20px; } .cb-dropdown li label > span { display: block; position:absolute; margin-left: 10px; margin-right: 20px; /* At least, width of the checkbox. */ font-family: sans-serif; font-size: 0.8em; font-weight: normal; text-align: left; width: 90%; float: left; } .cb-dropdown li label input { position: absolute; right: 5px; top: 10px; width: 20px; height: 20px; } /* This fixes the vertical aligning of the sorting icon. */ table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-position: 100% 10px; } #filterSelectedContainer { display: none; } #filterLabel { margin-right: 1rem; } #filterSelectedContainer .filter-item, #filterSelectedContainer .unselect-all-filter { background-color: #fff!important; padding: .9rem 1.2rem .7rem 0.8rem!important; line-height: 1.1!important; font-size: 1.3rem!important; font-weight: normal!important; display: inline-block!important; position: relative!important; margin: 0 .4rem .4rem 0!important; font-size: 1.3rem; } #filterSelectedContainer .filter-item:hover, #filterSelectedContainer .unselect-all-filter:hover{ cursor: pointer; background-color: #fcfcfc; } #filterSelectedContainer span .icon-interface-cross { color: #cc0000; } #sortableTable_filter .icon-interface-search { color: #cc0000; position: absolute; right: 1rem; top: 2.3rem; } } @media screen and (max-width: 900px) { tbody tr.tr-entity:hover { cursor: default; } } @media screen and (max-width: 576px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_filter input { width: 100%; } .dataTables_length label, .dataTables_filter label { width: 100%; } #sortableTable_filter .icon-interface-search{ right: 1.6rem; } }