@media all { #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 { } .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_filter input { font-size: 1.3rem; line-height: 1.3; height: 4rem; /*padding-left: 1.2rem;*/ width: 30.5rem; } .ui-multiselect-menu .ui-multiselect-header { display: inline-block; width: 100%; } .ui-multiselect-menu .ui-widget-header ul.ui-helper-reset { list-style-type: none; padding: 0.5rem; } .ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li { margin: 0 2rem 0 0; width: 100%; } .ui-multiselect-menu .ui-widget-header ul.ui-helper-reset li.ui-multiselect-close { margin: 0; display:none; } .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-check, .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-closethick, .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-circle-close { font-family: 'Wuerthicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; padding-right: .5rem; } .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-check:before { content: "\ebd3"; } .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-closethick:before { content: "\ebcf"; } .ui-multiselect-menu .ui-widget-header .ui-icon.ui-icon-circle-close:before { content: "\ebcf"; } #locationFilterContainer { margin: 1rem 0; font-size: 1.3rem; width: 100%; } div.dataTables_wrapper div.dataTables_length select, #locationFilterContainer select { font-size: 1.3rem; width: 100%; padding: 1.3rem 3.2rem 1.1rem 1.2rem } #locationFilter option { padding: 0.5rem 0; } div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label { width: 100%; } div.dataTables_wrapper div.dataTables_filter input { width: 100% ; margin-left: 0 ; } table.dataTable tbody th, table.dataTable tbody td { padding: 1.2rem } .dataTables_wrapper .dataTables_length , .dataTables_wrapper .dataTables_filter { padding: 10px 0; width: 100% } .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 a, .webkit a:link, .webkit a:focus, .webkit a:visited, .webkit a:active { color: #000; } .webkit a:hover { color: #c00; } #sortableTable_wrapper .dataTables_length button, .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; /* width: 30.5rem;*/ } .webkit thead th { background: none; } .webkit table { border-collapse: separate; border-spacing: 0 0.4rem; font-size: 1.5rem; } table.dataTable { border-collapse: separate; border-spacing: 0 0.4rem; font-size: 1.5rem; width: 100% !important; } table.dataTable thead { background: none; } table.dataTable thead th { padding-left: 1.2rem; } table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer { border: none; } .webkit th, .webkit td { padding: 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top:none; } /* table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } */ tbody tr{ background-color: #fff; } tbody td { border: none; padding: 20px; /*height: 100px;*/ } tbody td.td-title { width: 20%; } tbody td.td-title span{ line-height: inherit; } tbody td.td-categories { width: 10%; } tbody td.td-description { width: 50%; } #sortableTable tbody td..td-places { display: none; } tbody td.td-link { width: 10%; } /* tbody tr:hover { cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); background-color: #ececec; } */ 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:2.7rem; } td a.color-normal { color: #000000; } table td p.multiline-ellipsis { height: 41px; -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; width: 30px; height: 30px; display: inline-block; } .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; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:hover:not(.disabled) { background-color: #fff; color: black; } .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; } } @media screen and (max-width: 992px) { tbody td.td-title { width: 30%; } tbody td.td-description { width: 40%; } #sortableTable tbody td.td-places { width: 30%; } } @media screen and (max-width: 786px) { #sortableTable tbody td.td-title { width: 45%; } #sortableTable tbody td.td-description { width: 50%; } #sortableTable tbody td.td-places { width: 5%; } } @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; } tbody td.td-title { width: 90%; } #sortableTable tbody td.td-description { width: 5%; } #sortableTable tbody td.td-places { width: 5%; } }