.dt-search .search-datatable.icon-interface-search { position: absolute; top: 1.2rem; left: auto; right: 2rem; color: var(--primary); } .dt-search input { margin-left: 0 !important; min-width: 25rem; } .ui-widget-header { background: #cc0000; color: #fff; } .ui-widget-header a { color: #fff; } button.ui-multiselect { font-size: 1.7rem !important; border-radius: .4rem; } #serviceFilterContainer { margin: 1rem 0; font-size: 1.7rem; width: 100%; } #filterSelectedContainer { display: none } #lbCaption .lyteboxContainer h2 { color: #605d5c; font-family: wuerthbold, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif; font-size: 18px; margin: 15px 4px 12px; padding: 0; line-height: 19px; font-weight: normal; } #lbCaption .lyteboxContainer table { width: 100%; font-size: 11px; } 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: 18px; left: 10px; height: 14px; width: 14px; display: block; position: absolute; color: #000; border: none; border-radius: 14px; box-shadow: none; box-sizing: unset; text-align: center; text-indent: 0 !important; font-family: Wuerthicons; line-height: 14px; content: '\eac5'; background-color: transparent; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #catfiltercontainer { width: 100%; margin: 0; padding: 0; } .card-deck .card.filterobject { color: #cc0000; font-weight: bold; min-height: 150px; } .card-deck .card.filterobject:hover, .card-deck .card.filterobject.selected { background-color: #cc0000; color: #ffffff; cursor: pointer; } .card-deck .card.filterobject .card-body { height: 100%; display: flex; align-items: center; justify-content: center; } .card-deck .card.filterobject .card-body span { text-align: center; } .alphabet span { color: #000; cursor: pointer; display: inline-block; padding: 3px 12px; margin: 0 10px 10px 0; border: solid 1px #DEDEDE; } .alphabet span:hover { color: #fff; background: #cc0000; } .alphabet span.label { display: none; } .alphabet span.spanAll { padding: 5px 20px; } .alphabet span.active { background-color: #cc0000; border: solid 1px #cc0000; color: #fff; } .dtsp-panesContainer { width: 100%; } .dtsp-panesContainer .dtsp-titleRow { display: none; } table.dataTable.table>tbody>tr.selected>* { box-shadow: inset 0 0 0 9999px var(--primary); color: rgb(255, 255, 255); color: rgb(var(--dt-row-selected-text)); } .dtsp-panesContainer table { background-color: transparent; } .dtsp-panesContainer table tr:hover { background-color: var(--light) !important; } .pane-container .dtsp-topRow { border-color: var(--light) } div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow2 { margin-left: 0; } div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button { line-height: 3.8rem; } .dataTables_filter input { font-size: 1.3rem; line-height: 1.3; height: 4.2rem; padding-left: 12px; width: 268px; } /* .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: #cc0000; } .webkit .dataTables_length button { background: none; color: #000; font-family: Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif; height: auto; padding: 1.3rem 3.2rem 1.1rem 1.2rem; margin: 0; } .webkit thead th { background: none; } */ table { border-collapse: separate; border-spacing: 0 0.4rem; font-size: 1.5rem; width: 100% !important; } table thead { background: none; } /* .webkit th, .webkit td { padding: 10px; } */ table tr:first-child td { border-top: 1px solid #dedede; } tbody tr { background-color: #fff; } tbody td { border: none; padding: 20px; } tbody td.td-title { width: 25%; } tbody td.td-title span { line-height: inherit; } tbody td.td-categories { width: 10%; } tbody td.td-description { width: 65%; } tbody td.td-link { width: 10%; } tbody tr:hover { background-color: #ececec; } 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; } .dataTables_paginate.paging_simple_numbers .paginate_button, .dataTables_paginate .paginate_button { padding: .5rem 0 0 0.3rem; text-align: center; margin: 0 .2rem; cursor: pointer; text-decoration: none; font-size: 1.5rem; display: inline-block; } .page-item .page-link { padding: .8rem; } .page-item:focus .page-link, .page-item .page-link:focus { outline: none; } .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: black; cursor: default; } .dropdown .dropdown-menu .dropdown-item, .fake-select-mask .dropdown-menu .dropdown-item { color: #000; } .fake-select-mask .dropdown-menu .dropdown-item:hover { color: #535050; text-decoration: none; background-color: #ECECEC; } .dataTables_paginate.paging_simple_numbers .paginate_button.current { color: #000000; background-color: #dedede; } /*@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/ #sortableTable tr:hover .multiline-ellipsis::after { content: ""; background: none; } /*@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/ #sortableTable tr .multiline-ellipsis::before { right: 10px; } #sortableTable tr:hover .multiline-ellipsis::before { content: ""; background: none; } #sortableTable_filter .icon-interface-search { color: #cc0000; position: absolute; right: 1rem; top: 2.3rem; } .bg-g-lightest div.dataTables_wrapper div.dataTables_length label, .bg-g-lightest div.dataTables_wrapper div.dataTables_filter label { width: 100%; } .bg-g-lightest .dataTables_wrapper .dataTables_length, .bg-g-lightest .dataTables_wrapper .dataTables_filter { width: 100%; } .bg-g-lightest div.dataTables_wrapper div.dataTables_filter input { margin-left: 0 !important; width: 100%; } .bg-g-lightest .dataTables_wrapper .dataTables_filter { float: right; } .bg-g-lightest .dataTables_wrapper .dataTables_length, .bg-g-lightest .dataTables_wrapper .dataTables_filter { padding: 1rem 0; } .dataTable td { border-bottom: 1px solid #dedede; } table.dataTable thead th { padding: 1.2rem 2rem; } table.dataTable tbody tr:hover{ cursor: pointer; } table.dataTable tbody tr:hover .text-link { text-decoration: underline; } .bg-g-lightest .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-g-lightest .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: none; background: none; color: #cc0000 !important; } .bg-g-lightest .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: none; background: #fff; color: #000 !important; } .bg-g-lightest .page-link { background-color: transparent; border: none; } .bg-g-lightest .page-item.disabled .page-link { color: #000; pointer-events: none; background: none; border: none; } .bg-g-lightest .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: none; } .bg-g-lightest .page-link:focus, .bg-g-lightest .page-link:hover, .bg-g-lightest .dataTables_paginate .paginate_button.current, .bg-g-lightest .dataTables_paginate .paginate_button:hover:not(.disabled) { background-color: #fff !important; border: none; } .bg-g-lightest .dataTables_paginate.paging_simple_numbers .paginate_button, .dataTables_paginate .paginate_button { padding: .5rem 0 .3rem .3rem !important; } .bg-g-lightest .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:focus, .bg-g-lightest .dataTables_paginate.paging_simple_numbers .paginate_button.previous:focus, .bg-g-lightest .dataTables_paginate.paging_simple_numbers .paginate_button.next:focus { border: none; } @media screen and (min-width: 200px) and (max-width:974px) { #sortableTable_length select { border: 1px solid #cdcdcd; } .lyteboxImg { max-width: 170px; width: 100%; height: auto; } .alphabet .label { display: block; width: 100%; } table.services.dataTable tbody tr:hover { cursor: default; background-color: #fff; } table.services.dataTable tbody tr:hover a { text-decoration: none; } } @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: 98%; } .card-deck .card.filterobject { min-height: auto; } .dataTables_filter { padding: 0; } #sortableTable_filter .icon-interface-search { right: 1.6rem; } .dataTables_wrapper .dataTables_length .lengthDropdown, .dataTables_wrapper .dataTables_filter input { width: 100%; } } @media screen and (max-width: 380px) { table#sortableTable tr td:nth-child(4), table#sortableTable tr th:nth-child(4) { /*display: none;*/ } .dataTables_length { float: left; } }