*, table { font-family: sans-serif; } table.dataTable td.dt-control:before { height: 1em; width: 1em; margin-top: -9px; display: inline-block; color: white; border: .15em solid white; border-radius: 1em; box-shadow: 0 0 .2em #fff; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: "Courier New", Courier, monospace; line-height: 1em; content: "+"; background-color: #31b131 } table.dataTable tr.dt-hasChild td.dt-control:before { content: "-"; background-color: #d33333 } table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0 } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #e84040; color: #fff } table.dataTable thead th:active, table.dataTable thead td:active { outline: none } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111 } 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 { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right } table.dataTable thead .sorting { background-image: url("https://redescobrindoosvales.tur.br/distribuicao/images/sort_both.png") } table.dataTable thead .sorting_asc { background-image: url("https://redescobrindoosvales.tur.br/distribuicao/images/sort_asc.png") } table.dataTable thead .sorting_desc { background-image: url("https://redescobrindoosvales.tur.br/distribuicao/images/sort_desc.png") } table.dataTable thead .sorting_asc_disabled { background-image: url("https://redescobrindoosvales.tur.br/distribuicao/images/sort_asc_disabled.png") } table.dataTable thead .sorting_desc_disabled { background-image: url("https://redescobrindoosvales.tur.br/distribuicao/images/sort_desc_disabled.png") } table.dataTable tbody tr { background-color: #fff } table.dataTable tbody tr.selected { background-color: #b0bed9 } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 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: 1px solid #ddd } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9 } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4 } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6 } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1 } table.dataTable th, table.dataTable td { box-sizing: content-box } .dataTables_wrapper { position: relative; clear: both } .dataTables_wrapper .dataTables_length { float: left } .dataTables_wrapper .dataTables_length select { border: 1px solid #aaa; border-radius: 3px; padding: 5px; background-color: transparent; padding: 4px } .dataTables_wrapper .dataTables_filter { text-align: right } .dataTables_wrapper .dataTables_filter input { border-radius: 5px; padding: 5px; background-color: transparent; margin-left: 3px; margin-bottom: 15px; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: .755em } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: .25em } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: .5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; cursor: hand; color: #fff !important; border: 1px solid transparent; border-radius: 2px } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); background: linear-gradient(to bottom, white 0%, #dcdcdc 100%) } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #fff !important; border: 1px solid transparent; background: transparent; box-shadow: none } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #585858 0%, #111 100%); background: -moz-linear-gradient(top, #585858 0%, #111 100%); background: -ms-linear-gradient(top, #585858 0%, #111 100%); background: -o-linear-gradient(top, #585858 0%, #111 100%); background: linear-gradient(to bottom, #585858 0%, #111 100%) } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111 } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%) } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333 } .dataTables_wrapper .dataTables_scroll { clear: both } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111 } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0 } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center } .dataTables_wrapper .dataTables_paginate { margin-top: .5em } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center } .dataTables_wrapper .dataTables_filter { margin-top: .5em } } #myTable tr:nth-last-child(odd) { background: #096ee9; } #myTable { border-radius: 0 0 .5rem .5rem; } #myTable tr { background: #096ee9; transition-duration: .5s; border-bottom: 1px solid #eee; color: #fff; } #myTable tr:hover { background: #e84040; transition-delay: .3s } #myTable td { padding: 8px 1px 8px 8px } #myTable a { font-weight: 100; font-family: var(--font-family-clean); color: #fff; font-size: .95em } #myTable > tr, td, th { font-family: var(--font-family-p)!important; }