:root {
  --primary-color: #0d6efd;
  --secondary-color: #07306e;
  --text-main: #fff;
}
body {
  background-color: #121212;
  color: var(--text-main);
  animation: fadeIn 1.5s ease-out;
  animation: rainbow 10s infinite;
}
.list-group {
  padding-left: 6px;
  border-radius: 16px;
}
div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0.75em 0;
  border: 1px solid var(--primary-color);
  background-color: #121212;
  overflow: hidden;
  z-index: 2002;
  border-radius: 16px;
  box-shadow: none;
  box-sizing: border-box;
}
div.dt-button-collection .dt-button:hover:not(.disabled) {
  border: none;
  background: var(--primary-color);
  box-shadow: none;
}
div.dt-button-collection .dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  float: none;
  justify-content: space-between;
  align-items: center;
  background: none;
  margin: 0;
  padding: 0.5em 1em;
  border: none;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font-weight: bold;
}
.container-fluid.custom-width {
  width: 90% !important;
  margin: 0 auto;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.dropdown-menu iframe {
  display: block;
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 16px;
}
.dropdown-menu {
  color: var(--text-main);
  background-color: #1e1e1e;
  border-radius: 16px;
  transition: opacity 2s ease-in-out;
}
.dropdown-menu.dropdown-color {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
  padding: 10px;
  border: 1px solid var(--primary-color);
  border-radius: 16px;
}

.nav-item.dropdown:hover .dropdown-menu.dropdown-color {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s 0s;
}

#colorPicker {
  width: 80%;
  height: 40px;
  margin-top: 10px;
  border: none;
  padding: 0;
  border-radius: 16px;
  border: 2px solid var(--primary-color);
}

label {
  text-align: center;
  font-weight: bold;
}
.dropdown-menu.dropdown-discord {
  width: 400px;
  max-width: 90vw;
  padding: 0;
  margin: 0;
  right: 0;
  left: auto;
  border-radius: 16px;
}
.card {
  background-color: #1e1e1e;
  color: var(--text-main);
  border: none;
  margin-bottom: 20px;
  animation: fadeIn 1s ease-out;
  border: 2px solid var(--primary-color);
  border-radius: 16px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spinner-border {
  width: 1.5rem;
  height: 1.5rem;
  border-width: 0.2em;
  animation: spin 1s linear infinite;
}

.form-control {
  background-color: #121212;
  border: 1px solid var(--primary-color);
  color: var(--text-main);
  border-radius: 16px;
}

.form-control:focus {
  background-color: #121212;
  color: var(--text-main);
  box-shadow: none;
  border: 2px solid var(--primary-color);
}
table.dataTable {
  width: 100% !important;
  margin-top: 16px;
  margin-bottom: 16px;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  border-top: 1px solid var(--primary-color);
  border-radius: 16px;
  overflow: hidden;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 10px;
  background-color: var(--primary-color);
}

table.dataTable > tbody > tr > td {
  border-left: 1px solid var(--primary-color);
  border-top: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
}
.dt-button-down-arrow {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
}
table.dataTable > thead > tr > th:first-child,
table.dataTable > thead > tr > td:first-child {
  border-top-left-radius: 16px;
}
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.dt-empty {
  text-align: center;
  font-weight: bold;
}
table.dataTable > thead > tr > th:last-child,
table.dataTable > thead > tr > td:last-child {
  border-top-right-radius: 16px;
}

table.dataTable > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 16px;
}

table.dataTable > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 16px;
}

.dt-column-title {
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}
.table > :not(caption) > * > * {
  color: #fff;
  background-color: #121212;
  box-shadow: none;
}
.list-group-item {
  background-color: #1e1e1e;
  color: var(--text-main);
  border: none;
  padding: 6px 12px;
  font-size: 0.85rem;
}

.list-group-item:hover {
  background-color: #333333;
}

#map {
  width: 100%;
  height: 500px;
  margin-top: 20px;
  border-radius: 16px;
  border: 2px solid var(--primary-color);
}

.card-header:first-child {
  border-radius: 14px 14px 0 0;
}

.card-footer:last-child {
  border-radius: 0 0 14px 14px;
}

.card-footer {
  background-color: #121212;
  border-top: 1px solid var(--primary-color);
}

.scrollable-list {
  overflow-y: auto;
}

.loading-btn,
.loading-btn2 {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.loading-btn .spinner-border,
.loading-btn2 .spinner-border {
  position: absolute;
  top: 45%;
  left: 40%;
  transform: translate(-50%, -50%);
  display: none;
  margin-left: -70px;
  margin-top: -10px;
}
input:invalid {
  border-color: var(--primary-color);
  background-color: #121212;
}
input:invalid:focus {
  outline: none;
  box-shadow: none;
}
input:invalid::after {
  text-transform: capitalize;
}
.loading-btn.loading .spinner-border,
.loading-btn2.loading .spinner-border {
  display: inline-block;
}
.terminal-style {
  font-family: 'Cascadia Code', 'Courier New', Courier, monospace;
  background-color: #121212;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: 600px;
  max-height: 600px;
  box-shadow: none;
}
.text-red {
  color: #c20d0d;
}
.text-green {
  color: #00ff00;
}
div.feedback {
  border: solid thin var(--primary-color);
  position: absolute;
  left: 10%;
  padding: 0.2em;
  background-image: linear-gradient(180deg, #121212, #121212 40%, #121212);
  display: none;
}

input.invalid ~ div.feedback {
  display: block;
}

input:invalid {
  border: solid thin var(--primary-color);
}
.loading-btn span,
.loading-btn2 span {
  display: inline-block;
}

.list-group-item .font-weight-bold {
  font-weight: bold;
}

.flag-placeholder {
  width: 50px;
  height: 30px;
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.navbar-brand,
.nav-link {
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: var(--text-main);
  text-decoration: none;
  transition: color 0.3s ease;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--text-main);
  transition: width 0.3s ease;
}
.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}
.nav-link:hover,
.nav-link.active {
  color: var(--text-main);
  text-decoration: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--text-main);
}
.navbar-dark,
.navbar[data-bs-theme='dark'] {
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.text-white {
  color: var(--text-main);
}
.loading-state {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 16px;
}
.btn-primary {
  color: var(--text-main);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 16px;
}

button.btn:disabled {
  cursor: wait;
  pointer-events: none;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.btn-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.text-bold {
  font-weight: bold;
}

.btn-block {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}

.form-control::placeholder {
  color: #fff;
  font-weight: bold;
  opacity: 1;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #121212;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-color);
}

#map div.gmnoprint,
#map div.gmnoscreen,
#map div.gm-style-cc {
  display: none;
}

img[src="data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069%2029%22%3E%3Cg%20opacity%3D%22.3%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.4706%207.33616L18.0118%206.79504%2017.4599%206.26493C16.0963%204.95519%2014.2582%203.94522%2011.7008%203.94522c-4.613699999999999%200-8.50262%203.7551699999999997-8.50262%208.395779999999998C3.19818%2016.9817%207.0871%2020.7368%2011.7008%2020.7368%2014.1712%2020.7368%2016.0773%2019.918%2017.574%2018.3689%2019.1435%2016.796%2019.5956%2014.6326%2019.5956%2012.957%2019.5956%2012.4338%2019.5516%2011.9316%2019.4661%2011.5041L19.3455%2010.9012H10.9508V14.4954H15.7809C15.6085%2015.092%2015.3488%2015.524%2015.0318%2015.8415%2014.403%2016.4629%2013.4495%2017.1509%2011.7008%2017.1509%209.04835%2017.1509%206.96482%2015.0197%206.96482%2012.341%206.96482%209.66239%209.04835%207.53119%2011.7008%207.53119%2013.137%207.53119%2014.176%208.09189%2014.9578%208.82348L15.4876%209.31922%2016.0006%208.80619%2017.4706%207.33616z%22/%3E%3Cpath%20d%3D%22M24.8656%2020.7286C27.9546%2020.7286%2030.4692%2018.3094%2030.4692%2015.0594%2030.4692%2011.7913%2027.953%209.39009%2024.8656%209.39009%2021.7783%209.39009%2019.2621%2011.7913%2019.2621%2015.0594c0%203.25%202.514499999999998%205.6692%205.6035%205.6692zM24.8656%2012.8282C25.8796%2012.8282%2026.8422%2013.6652%2026.8422%2015.0594%2026.8422%2016.4399%2025.8769%2017.2905%2024.8656%2017.2905%2023.8557%2017.2905%2022.8891%2016.4331%2022.8891%2015.0594%2022.8891%2013.672%2023.853%2012.8282%2024.8656%2012.8282z%22/%3E%3Cpath%20d%3D%22M35.7511%2017.2905v0H35.7469C34.737%2017.2905%2033.7703%2016.4331%2033.7703%2015.0594%2033.7703%2013.672%2034.7343%2012.8282%2035.7469%2012.8282%2036.7608%2012.8282%2037.7234%2013.6652%2037.7234%2015.0594%2037.7234%2016.4439%2036.7554%2017.2961%2035.7511%2017.2905zM35.7387%2020.7286C38.8277%2020.7286%2041.3422%2018.3094%2041.3422%2015.0594%2041.3422%2011.7913%2038.826%209.39009%2035.7387%209.39009%2032.6513%209.39009%2030.1351%2011.7913%2030.1351%2015.0594%2030.1351%2018.3102%2032.6587%2020.7286%2035.7387%2020.7286z%22/%3E%3Cpath%20d%3D%22M51.953%2010.4357V9.68573H48.3999V9.80826C47.8499%209.54648%2047.1977%209.38187%2046.4808%209.38187%2043.5971%209.38187%2041.0168%2011.8998%2041.0168%2015.0758%2041.0168%2017.2027%2042.1808%2019.0237%2043.8201%2019.9895L43.7543%2020.0168%2041.8737%2020.797%2041.1808%2021.0844%2041.4684%2021.7772C42.0912%2023.2776%2043.746%2025.1469%2046.5219%2025.1469%2047.9324%2025.1469%2049.3089%2024.7324%2050.3359%2023.7376%2051.3691%2022.7367%2051.953%2021.2411%2051.953%2019.2723v-8.8366zm-7.2194%209.9844L44.7334%2020.4196C45.2886%2020.6201%2045.878%2020.7286%2046.4808%2020.7286%2047.1616%2020.7286%2047.7866%2020.5819%2048.3218%2020.3395%2048.2342%2020.7286%2048.0801%2021.0105%2047.8966%2021.2077%2047.6154%2021.5099%2047.1764%2021.7088%2046.5219%2021.7088%2045.61%2021.7088%2045.0018%2021.0612%2044.7336%2020.4201zM46.6697%2012.8282C47.6419%2012.8282%2048.5477%2013.6765%2048.5477%2015.084%2048.5477%2016.4636%2047.6521%2017.2987%2046.6697%2017.2987%2045.6269%2017.2987%2044.6767%2016.4249%2044.6767%2015.084%2044.6767%2013.7086%2045.6362%2012.8282%2046.6697%2012.8282zM55.7387%205.22081v-.75H52.0788V20.4412H55.7387V5.22081z%22/%3E%3Cpath%20d%3D%22M63.9128%2016.0614L63.2945%2015.6492%2062.8766%2016.2637C62.4204%2016.9346%2061.8664%2017.3069%2061.0741%2017.3069%2060.6435%2017.3069%2060.3146%2017.2088%2060.0544%2017.0447%2059.9844%2017.0006%2059.9161%2016.9496%2059.8498%2016.8911L65.5497%2014.5286%2066.2322%2014.2456%2065.9596%2013.5589%2065.7406%2013.0075C65.2878%2011.8%2063.8507%209.39832%2060.8278%209.39832%2057.8445%209.39832%2055.5034%2011.7619%2055.5034%2015.0676%2055.5034%2018.2151%2057.8256%2020.7369%2061.0659%2020.7369%2063.6702%2020.7369%2065.177%2019.1378%2065.7942%2018.2213L66.2152%2017.5963%2065.5882%2017.1783%2063.9128%2016.0614zM61.3461%2012.8511L59.4108%2013.6526C59.7903%2013.0783%2060.4215%2012.7954%2060.9017%2012.7954%2061.067%2012.7954%2061.2153%2012.8161%2061.3461%2012.8511z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M11.7008%2019.9868C7.48776%2019.9868%203.94818%2016.554%203.94818%2012.341%203.94818%208.12803%207.48776%204.69522%2011.7008%204.69522%2014.0331%204.69522%2015.692%205.60681%2016.9403%206.80583L15.4703%208.27586C14.5751%207.43819%2013.3597%206.78119%2011.7008%206.78119%208.62108%206.78119%206.21482%209.26135%206.21482%2012.341%206.21482%2015.4207%208.62108%2017.9009%2011.7008%2017.9009%2013.6964%2017.9009%2014.8297%2017.0961%2015.5606%2016.3734%2016.1601%2015.7738%2016.5461%2014.9197%2016.6939%2013.7454h-4.9931V11.6512h7.0298C18.8045%2012.0207%2018.8456%2012.4724%2018.8456%2012.957%2018.8456%2014.5255%2018.4186%2016.4637%2017.0389%2017.8434%2015.692%2019.2395%2013.9838%2019.9868%2011.7008%2019.9868zM29.7192%2015.0594C29.7192%2017.8927%2027.5429%2019.9786%2024.8656%2019.9786%2022.1884%2019.9786%2020.0121%2017.8927%2020.0121%2015.0594%2020.0121%2012.2096%2022.1884%2010.1401%2024.8656%2010.1401%2027.5429%2010.1401%2029.7192%2012.2096%2029.7192%2015.0594zM27.5922%2015.0594C27.5922%2013.2855%2026.3274%2012.0782%2024.8656%2012.0782S22.1391%2013.2937%2022.1391%2015.0594C22.1391%2016.8086%2023.4038%2018.0405%2024.8656%2018.0405S27.5922%2016.8168%2027.5922%2015.0594zM40.5922%2015.0594C40.5922%2017.8927%2038.4159%2019.9786%2035.7387%2019.9786%2033.0696%2019.9786%2030.8851%2017.8927%2030.8851%2015.0594%2030.8851%2012.2096%2033.0614%2010.1401%2035.7387%2010.1401%2038.4159%2010.1401%2040.5922%2012.2096%2040.5922%2015.0594zM38.4734%2015.0594C38.4734%2013.2855%2037.2087%2012.0782%2035.7469%2012.0782%2034.2851%2012.0782%2033.0203%2013.2937%2033.0203%2015.0594%2033.0203%2016.8086%2034.2851%2018.0405%2035.7469%2018.0405%2037.2087%2018.0487%2038.4734%2016.8168%2038.4734%2015.0594zM51.203%2010.4357v8.8366C51.203%2022.9105%2049.0595%2024.3969%2046.5219%2024.3969%2044.132%2024.3969%2042.7031%2022.7955%2042.161%2021.4897L44.0417%2020.7095C44.3784%2021.5143%2045.1997%2022.4588%2046.5219%2022.4588%2048.1479%2022.4588%2049.1499%2021.4487%2049.1499%2019.568V18.8617H49.0759C48.5914%2019.4612%2047.6552%2019.9786%2046.4808%2019.9786%2044.0171%2019.9786%2041.7668%2017.8352%2041.7668%2015.0758%2041.7668%2012.3%2044.0253%2010.1319%2046.4808%2010.1319%2047.6552%2010.1319%2048.5914%2010.6575%2049.0759%2011.2323H49.1499V10.4357H51.203zM49.2977%2015.084C49.2977%2013.3512%2048.1397%2012.0782%2046.6697%2012.0782%2045.175%2012.0782%2043.9267%2013.3429%2043.9267%2015.084%2043.9267%2016.8004%2045.175%2018.0487%2046.6697%2018.0487%2048.1397%2018.0487%2049.2977%2016.8004%2049.2977%2015.084zM54.9887%205.22081V19.6912H52.8288V5.22081H54.9887zM63.4968%2016.6854L65.1722%2017.8023C64.6301%2018.6072%2063.3244%2019.9869%2061.0659%2019.9869%2058.2655%2019.9869%2056.2534%2017.827%2056.2534%2015.0676%2056.2534%2012.1439%2058.2901%2010.1483%2060.8278%2010.1483%2063.3818%2010.1483%2064.6301%2012.1768%2065.0408%2013.2773L65.2625%2013.8357%2058.6843%2016.5623C59.1853%2017.5478%2059.9737%2018.0569%2061.0741%2018.0569%2062.1746%2018.0569%2062.9384%2017.5067%2063.4968%2016.6854zM58.3312%2014.9115L62.7331%2013.0884C62.4867%2012.4724%2061.764%2012.0454%2060.9017%2012.0454%2059.8012%2012.0454%2058.2737%2013.0145%2058.3312%2014.9115z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E"]
{
  display: none;
}

.colored-toast.swal2-icon-success {
  background-color: #449b12 !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  border-left: 10px solid var(--primary-color);
}
.colored-toast.swal2-icon-error {
  background-color: #aa2828 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #c06e26 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #1784a8 !important;
}

.colored-toast.swal2-icon-question {
  background-color: #1780ad !important;
}

.colored-toast .swal2-title {
  color: white;
  font-weight: bold;
}

.colored-toast .swal2-close {
  color: white;
  font-weight: bold;
}

.colored-toast .swal2-html-container {
  color: white;
  font-weight: bold;
}
.top .center {
  text-align: center;
  align-items: center;
  width: 100%;
}
.bottom .center {
  text-align: center;
  align-items: center;
  width: 100%;
}
div.dt-container div.dt-search {
  text-align: right;
  top: -30px;
  position: relative;
}
div.dt-container div.dt-paging {
  margin: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  align-self: center;
  display: flex;
}
div.dt-container div.dt-length select {
  width: 100px;
  display: inline-block;
  margin-right: 0.5em;
  background-color: #121212;
  border: 1px solid var(--primary-color);
  color: #fff;
  border-radius: 16px;
  text-align: center;
  font-weight: bold;
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  color: var(--text-main) !important;
  border: 1px solid var(--primary-color);
  background: #121212;
  box-shadow: none;
  border-radius: 16px;
  font-weight: bold;
}
div.dt-container .dt-paging .dt-paging-button.current {
  color: var(--text-main) !important;
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  border-radius: 16px;
}
div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: var(--text-main) !important;
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
}
div.dt-container .dt-paging .dt-paging-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.3em 2em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--text-main) !important;
  border: 1px solid var(--primary-color);
  border-radius: 16px;
  background: #121212;
  font-weight: bold;
}
div.dt-container .dt-paging .dt-paging-button:active {
  outline: none;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  color: var(--text-main) !important;
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
}
.table {
  border-radius: 16px;
  border-color: #1e1e1e;
}
.dnsrecords_wrapper .dt-search,
.portscan_wrapper .dt-search {
  margin-right: auto;
}
.dnsrecords_wrapper .dt-search input,
.portscan_wrapper .dt-search input {
  width: auto;
}
div.dt-buttons > .dt-button,
div.dt-buttons > div.dt-button-split .dt-button {
  border: 1px solid var(--primary-color);
  border-radius: 16px;
  line-height: 1.1em;
  background-color: var(--primary-color);
  font-weight: bold;
  text-transform: capitalize;
}

div.dt-buttons > .dt-button:hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
  border: 1px solid var(--secondary-color);
  background: linear-gradient(
    to bottom,
    var(--secondary-color) 0,
    var(--secondary-color) 100%
  );
}

div.dt-container .dt-search input {
  border: 1px solid var(--primary-color);
  border-radius: 16px;
  background-color: #121212;
  color: #fff;
  text-align: center;
}

::-webkit-input-placeholder {
  color: #fff;
  font-weight: bold;
}