/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body{
  color: #2f2f2f;
  background-color:#fcfce8;
  background-color:#CDCDCD;
  background-color:#ABABAB;
  background-color:#CDBCDD;
  background-color:#A99EB2;
  background-color:#78717E;
  background: rgb(205,205,205);
background: linear-gradient(342deg, rgba(205,205,205,1) 16%, rgba(120,113,126,1) 39%, rgba(171,171,171,1) 87%);
overflow-x:hidden;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{
  height: 100%;
}
body {
  line-height: 1;
  height: 100%;
  table-layout: fixed;
  overflow: hidden;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/*#torrents_wrapper{
  height: 100%;
}*/


.output a{
  margin-bottom:0px !important;
}


.upload_inst{
  font-size:16px;
  font-family:"Arial", sans-"Special Elite";
  color:black;
  display:block;
  text-align:justify !important;
  width:100%;
  padding-right:5px;
}




.graph_search{
  display:none;
}


.graph_search{
  height:500px;
  margin-left:5px;
  margin-right:5px;
  width:calc(100% - 10px);
  border-radius:14px;
  background-color:black;
  position:relative;
}


.dataTables_length{
  padding-top:10px;
  padding-bottom:10px;
}

/* TORRENT */

#progressBar {
   height: 5px;
   width: 0%;
   background-color: #35b44f;
   transition: width .4s ease-in-out;
}

body.is-seed .show-seed {
   display: inline;
}

body.is-seed .show-leech {
   display: none;
}

.show-seed {
   display: none;
}


.output embed{
  position:fixed;
  top:88px;
  bottom:60px;
  height: calc(100% - 148px);
  z-index:900;
  width:100%;
  margin:0 auto;
  /*top: 0;
  bottom: 0;*/
}

.is-seed #hero {
   background-color: darkcyan;
   transition: .5s .5s background-color ease-in-out;
}

#hero, #hero option{
  font-family:"Share Tech Mono", system-ui;
}


body.is-seed .show-seed { display: inline; } /* Shows "Seeding" and "to" */
body.is-seed .show-leech { display: none; }  /* Hides "Downloading" and "from" */

footer{
  height:80px;
  width:100%;
  background-color:black !important;
}


#status {
   color: cyan;
   font-size: 13px;
   margin-top: 5px;
   margin-left:5px;
   border-radius:9px;
}

#anonymous{
  padding-left:6px;
  padding-top:5px;
  font-size:12px;
}

#progressBar{
  color:#50C777 !important;
}

#numPeers, #uploadSpeed, #downloadSpeed{
  color:cyan !important;
}

footer a:link, #hero a:visited {
   color: lightcyan;
   text-decoration: none;
}

/* UPLOAD */




.upload form{
  padding-top:13px;
  padding-left:5px;
  width:999px;
}

.manageTorrents{
  font-weight: bold;
}

form{
  padding: 15px 0px 0px 0px;
}

label{
  font-size: 11px;
}

.grid_0{
  width: 125px;
  float: left;
}



.grid_1{
  width: 888px;
  float: left;
}


#submit{
  width:200px;
  height:60px;
  margin-top:37px;
  margin-bottom:55px;
}

.grid_1 input:not(.copyright){
  height:25px;
  font-size:16px;
}

.upload input:not(#edition_check, #payment, #payWhatYouWant, #copyrighted, #public_domain){
  width:  300px;
}



/* MISC PARTIALS */
/*

::-webkit-input-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Special Elite";
}

:-ms-input-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Special Elite";
}

:-moz-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Special Elite";
}

::-moz-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Special Elite";
}*/

.dataTables_length{

  border-radius:13px;
}

#header_stream{
  position:relative;
  top:40px;
  margin:0 auto;
}

div.TEMPLAR{
    overflow-y: auto;
    color:black;
    width: 100%;
    height: calc(100% - 169px);
    position: absolute;
    box-sizing: border-box;
    top: 92px;
    bottom: 80px;
    background: linear-gradient(342deg, rgba(205,205,205,1) 16%, rgba(120,113,126,1) 39%, rgba(171,171,171,1) 87%);

  /*padding: 12px 8px 6px 8px;*/
}


#add_author, #create_author{
  margin-top:13px;
  margin-bottom:16px;
}





  




h3{
  font-size:32px;
  text-decoration:underline;
  font-variant:small-caps;
  font-family:  "Rye", serif;
  
}


header{
  height: 92px;
  width: 100%;

  position: fixed;
  z-index: 999;
 
}









.tabs{
  width:1080px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position:relative;
}

.tabs li{
  width: 196px !important; 
}


.tabs a, .tabs a:visited, .mobile_tabs a, .mobile_tabs a:visited{
  
  /*font-family:"Atkinson Hyperlegible Mono", "Special Elite";*/
  text-decoration:underline;
  font-size:27px;  
  font-family:"Special Elite", "Times New Roman";
  font-variant:small-caps;
}

.tabs a.sources, .tabs a.sources:visited, .mobile_tabs a.sources, .mobile_tabs a.sources:visited{
  color:white !important;


}

.tabs a.top10, .tabs a.top10:visited, .mobile_tabs a.top10, .mobile_tabs a.top10:visited{
  color:white !important;
}



.tabs, .mobile_tabs{
  font-size:21px;
}

.search{
  position:relative;
  left: 0;
  right: 0;
  width:1080px;
  margin-left: auto;
  margin-right: auto;
}

.titleBreak h2 span a{
  text-decoration:none;
}


.titleBreak h3{
  padding-left:0px;
  text-align:center;
  width:100%;
}






h2{
  text-align:center;
}



.mobile_title, .mobile_h1{
  display:none;
}


/* TABLES */


.col-md-6{
  max-width:100%;
  flex: 0 0 100%;
}



#uploadHeading a{
    color:white !important;
}

/* Target the DataTables "Processing" (Loading) bar */

.dataTable td:not(.torrentsTable td, .dtr-control, .child){
  padding:26px 0px 13px 0px;
}

.dtr-data{
  padding-bottom:13px;
}

.child{
  padding-top:0px;
}

thead tr{
  
}




.dataTable{
  margin-left:0px;
}

.row{
  max-width:100%;
  margin-left:0px !important;
  margin-right:0px !important;
}



.child{
  border-bottom:3px solid darkgoldenrod;
}


table.dataTable tr.dtrg-group th{
  
  height:160px;

}

/* 1. Set the table to allow rounded corners */
table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0;
}

/* 2. Apply radius to the top-left and top-right of the header row */
table.dataTable thead tr:first-child th:first-child {
    border-top-left-radius: 13px;
}

table.dataTable thead tr:first-child th:last-child {
    border-top-right-radius: 13px;
}

.dataTable td{
  padding-bottom:13px;
}


.torrentsTable{
  border-bottom:1px solid silver;
}

.torrentSource{
  position:relative;
  width: calc(100% - 111px);
  float: left;
  padding-left: 0;
  height:100%;

}











.tableHeading{
  position: relative;
  float: left;
  padding: 0px 8px 0px 8px !important;
  display: flex;
  flex-wrap: wrap;       /* Allows wrapping to new lines */
  gap: 0px 13px;         /* Vertical gap: 8px, Horizontal gap: 12px */
  padding: 10px 0;       /* Keep vertical padding, remove horizontal padding */
  box-sizing: border-box;
  width: 100%;
  letter-spacing:3px;
  line-height:23px !important;
}







.tableImg{
  width:95px;
  float: left;
  height: 111px;
  border-radius:14px;
  border:2px dotted cyan;
  margin-left:3px;
  margin-top:3px;
}

.torrentClasses a{
  padding-right:4px !important;
}

/* HEADER SILOS */



/*HEADER TABS */



.panel{
  position: absolute;
  top:10px;
  right: 0px;
  float: right;
  font-size: 16px;
  /*z-index: 1;*/
}

/* HEADER SEARCH */

.search input{
  border-radius: 5px 5px 6px;
  margin: 0px 16px 0px 0px;
  background-color:lightcyan !important;
  width:180px;
  color:black;
  height:17px !important;
}

input{
  color:black;
}

.search input::placeholder, .adv_show input::placeholder{
  color:#50C777;
  font-family:"Share Tech Mono", system-ui;
}



body .ui-menu-item {
  /* font-family to all */
 /* box-shadow:4px 4px 5px #83DAC0;*/
  background-color:goldenrod;
  text-align:justify;
  font-size:16px;
  padding:7px 0px 7px 0px;
}
.ui-autocomplete{
  max-height:310px;
  width:270px;
  color:white !important;
  font-family: "Share Tech Mono", system-ui;
  position:relative;
  z-index:9999;
  overflow-y:auto;
  border: 3px solid #333777 !important;
  border-radius:15px;
    
  /* A soft, deep shadow to give the menu elevation */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 
              0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

body .ui-autocomplete {
  /* font-family to all */
}

.search{
  margin-top:-3px;
}

.panel ul, .tabs ul, #search_ul{
  margin-top: 0px;
}

.panel li, .tabs li, #search_ul li{
  float: left;
  padding: 0px;
}

.panel li:not(.health){
  padding: 0px 13px 0px 13px;
}

/* TOP 10 */

h3{
  font-size: 24px;
}

/* SOURCE */


/* GRAPH */




.torrentsTable{
  overflow-x:auto;

}

.dtr-title{
  margin-left:5px;
  display:block;
}

.dtr-data{
  width:100%;
}

.dataTable td:first-child{
}

.snatches{
  color:#83DAC0;
}


  


.torrentsTable th{
  padding: 7px 0px 7px 0px !important;
  font-size:16px;
}

.torrentsTable td:first-child, .torrentsTable th:first-child{
  padding-left:0px;
}

.torrentsTable td:last-child{
  padding-right:5px;
}

.torrentsTable th{
 

}

.dtr-details{
  float:left;
}

.dtr-details li{
  margin-left:5px;
  
}

.torrentsTable .tr:last-child td{
  padding-bottom:9px;
}




.torrentsTable{
  font-size:13px;
}

a.link a.visited{
  color: cyan;
}

.torrentsTable{


  font-family:"Lato", sans-"Special Elite";
}


table {
    table-layout:fixed;
}
td{
    overflow:hidden;
    text-overflow: ellipsis;
}

.odd td:first-child, .even td:first-child{
  width:200px;
}

.mobile_title, .mobile_menu, #mobile_menu{
  display:none;
}

.upload .titleBreak span:not(#uploadHeading){
  width:100%;
  padding-left:5px;
  display:block;
}

div.home{
  padding-left:5px;
  padding-top:22px;
  padding-bottom:23px;
  font-size:22px;
  color:#83DAC0;;
  width:100%;
}

a.adv_toggle{
  color:white !important;
}


/* CAPTAIN'S LOG 8:28 */
 
.active .page-link{
  background-color:goldenrod !important;
  color:#007BFF !important;
}


.adv_search{
  width:301px;
  text-align:center;
  /*border:5px solid transparent;
  border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  border-image-slice: 1;
  border-radius:27px;*/
  
  margin:0 auto;
  --angle: 0deg;
  /*border: 3px solid;
  border-image: conic-gradient(from var(--angle), red, palegoldenrod, lime, aqua, #007BFF, magenta, red) 1;
  
  animation: 10s rotate linear infinite;
  box-shadow:4px 3px 5px black;*/
  border-radius:14px !important;
 
  background: linear-gradient(120deg, #007BFF, silver, #333777);
  border:3px solid mediumvioletred;

  
}

.adv_search input:not(.adv_all){
  font-size:16px;
  height:27px;
  font-family:"Lato", sans-"Special Elite";
  margin-top:22px !important;

}

.adv_search input::placeholder{
  color:silver !important;
}



.torrentArea a{
  color:#83DAC0;
  font-size:16px;
}


.adv_all, .graph_class{
  width:33px;
  color:black;
  font-weight:bold;
  padding-top:5px;
}

.adv_search input:not(.adv_all){
  width:270px;
  background-color:white;
  
}

.adv_search select{
  margin-top:8px;

}

#adv_submit{
  margin-top:30px;
  margin-bottom:30px;
}


#adv_heading{
  font-family: "Share Tech Mono", "Times New Roman" !important;
  font-size:24px;
  text-align:center;
  float:left;
  display:block;
  margin:0 auto;
  font-weight:bold;
  letter-spacing:3px;
  width:100%;
  text-align:center;
  padding-top:0px;
  padding-bottom:15px;
  text-decoration:underline;
  text-shadow:1px 1px black;
}





a.authors{
  color:gold !important;
}

a.classes{
  color:#50C777 !important;
}

a.publishers{
  color:darkviolet !important;
}


.bold{
  font-weight:bold;
}



.upload h3{
  margin-top:55px;
}

#newUploadHeader a{
  color:palevioletred;
}

#newUploadHeader span{
  color:black;
}
/* MOBILE */


.removeAuthor{
  color:#83DAC0;
  font-family:"Pirata One",sans-"Special Elite";
}

.sourceTab{
  text-align:justify;
}

.torrentClasses a, .torrentClasses a:visited{
  text-decoration:none;
}

.classComma{
  color:#333777;
}

a.publisher{
  text-decoration:none;
}


  body, div.TEMPLAR{

    background: #EFEFEF; 
    

  }


a.source, .source span{
  color:white;
}

.sourceAuthor{
  color:cyan!important;
}




#authorTitle span{
  color:#007BFF;
}

#classTitle span{
  color:darkgoldenrod;
}

#publisherTitle{
  color:mediumvioletred;
}

div.authors h2 span a{
  color:#007BFF !important;
}

div.classes h2 span a{
  color:darkgoldenrod !important;
}

div.publishers h2 span a{
  color:darkviolet !important;
}

  .upload p{
    font-size:16px;
    padding-left:5px;
    color:#007BFF;
  }

  #legal{
    color:#50C777;
    font-weight:bold;
  }



  

  .upload label{
    color:darkgoldenrod;
  }


h1, h1 a, h1 a:visited{
  font-size:36px;
   color:white;
   text-shadow:3px 3px black;
  position:fixed;
  text-decoration:none;
    font-variant:small-caps !important;
  top:0px;
  letter-spacing:2px;
  left:5px;
  font-family:"Share Tech Mono", system-ui !important;

}

a.author, span.author{
  color:gold !important;
}

.tableHeading{
  padding-left:11px;
}

.set h2 span a.author{
  text-shadow:1px -1px black;

}

a.class, span.class{
  color:#50C777;
}

a.publisher, span.publisher{
  color:darkviolet !important;
}

/* 12;22 */
label.adv_all, input.adv_all{
  padding-top:10px;
}

#top10Title span a{
  color: white;
  
}


/* GOT */
 a.class{
  padding:16px;
  padding-left:0px;
  line-height:16px;
 }



#adv_submit, #graph_search, .upload button {
  background: #50C777;
  /* Negating the Y-offset and Spread to create the 'Top Shadow' look from the header */
  box-shadow: 2px 3px 2px slategray; 
  color: gold;
  border: 3px solid silver;
  transition: all 0.2s ease-in-out;
  font-variant:small-caps;
}

#adv_submit:hover, #graph_search:hover, .upload button:hover {
  /* Intense top glow on hover */
  box-shadow: 2px 3px 2px goldenrod;
  border: 4px solid black;
  cursor: pointer;
}

.upload button{
  height:55px;
  width:135px;
  border-radius:16px;
}


.torrentClasses a{
  line-height:16px;
}


/* 8:26 */
.mobile_panel li{
  padding-left:5px !important;
}

.torrentClasses a{
  font-family:"Share Tech Mono", system-ui !important;
  font-size:14px;
  letter-spacing:1px;
}

a.source, a.author{
  text-decoration: none;
}


.titles a.source, .node a.source, .top10 a.source{
  padding-right:11px;
}

.torrentsTable td{
  font-size:16px;
}


.torrentsTable td{
  font-family:""Special Elite"", "Special Elite";

}


h2 span a{
  
  font-size:24px;
}


#torrentsTitle span a:not(.loading){
  color: white !important;
}

.sourceType{
  color:black !important;
  text-shadow:1px 3px gold;
  font-size:18px !important;
  font-family:"Share Tech Mono", "Times New Roman" !important;
  text-align:center !important;
  font-variant:small-caps;
  width:98px;
  position:relative;
  left:-98px;
  top:114px;
  text-align:center;
  display:block;
  float:left;
}

.torrentSource{
  position:relative;
  top:-17px;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: #50C777 !important;
    font-weight:bold !important;
    color:palegoldenrod !important; /* Adjust text color for readability */
}



h3{
  font-size:21px;
  font-family:"Lato", sans-"Special Elite";
  text-align:center;
  width:100%;
}

.torrentsTable th{
  font-variant:small-caps;
}

/* Remove sorting icons from all headers */
.top10 table.dataTable thead th:before,
.top10 table.dataTable thead th:after {
    display: none !important;
}

/* Adjust padding to reclaim the space reserved for icons */
.top10 table.dataTable thead th {
    padding-right: 10px !important;
}

.titleBreak{
  padding-top:35px;
  padding-bottom:35px;
}



#hero{
  background:white !important;
  color:black !important;
}


footer{
  position:fixed;
  bottom:0px;
  z-index:9999;
  width:100%;
    /* Ensure consistent border styling */
  
  /* Add depth to separate these layers from the pyramid background */
}

#hero{
  height:30px;
  border-radius:10px;
  position:fixed;
  bottom:0px;
}


#hero {
  width: 100%;
  box-sizing: border-box; /* Crucial for preventing overflow */
  display: block;        /* Ensures it behaves as a block-level element */
}

.DL{
  padding:9px;
  position:fixed;
  left:5px;
  top:88px;
  background:#1a1a1a; color:#00ccff; border:1px solid #00ccff; text-decoration:none; font-family:"Share Tech Mono", sans-serif; font-size:14px; border-radius:3px; cursor:pointer;
}

.output img{
  margin:0 auto;
  display:block;
}

#hero option{
  background:lightcyan;
}

.adv_show select{
  height:25px;
}

.search input{
  height: 26px !important;
  position:relative;
}

.search input::placeholder{
  color:silver;
}


.torrentClasses a {
    padding-top:8px;
}



  .dtr-data:nth-last-child(2){
    margin-right:5px;
  }

  .torrentsTable{
    padding:0px 0px 0px 0px;
    width:100%;
    box-sizing:border-box;
  }



.magnetURI, a.webtorrent{
  color:mediumvioletred;
  display:block;
  font-family:"Share Tech Mono", sans-serif !important;
}

.webtorrent{
  padding-bottom:9px;
}

.upload h3{
  text-align:left;
  padding-left:5px;
}

.adv_search {
  padding-top:16px;
  box-sizing: border-box; /* Prevents overflow as discussed previously */
  border-radius: 14px;
 
  /* Assign the animation to the background */
 

  position: relative;
  overflow: hidden;
}


.adv_search input:focus { border-color: silver; outline: none; box-shadow: 0 0 8px #50C777; }

.adv_search input::placeholder{
  color:silver;
}

.dataTable{
  border-left:2px solid silver;
  border-right:2px solid silver;
  border-radius:14px;
}


.adv_search select{
  margin-top:14px !important;
}

.dt-container:not(div.top10 .dt-container, #set_wrapper){
  margin-top:0px;
}

.dt-container{  
  background-color:lightgoldenrodyellow !important;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  padding-top:12px;
}



.author span{
  color:silver !important;
}

h3{
  margin-top:20px;
  margin-bottom:21px;
}

.mobile_panel li a, .panel li a{
  text-decoration:none;
}


.dtr-details li{
  margin-left:0px;
}

.search input{
  font-family:"Share Tech Mono", "Special Elite";
}

.set a.publisher, .set a.class, .set a.author{
  text-decoration:none;
}

.set a.author{
  text-shadow: 
  -1px -1px 0 #007BFF,  
   1px -1px 0 #007BFF,
  -1px  1px 0 #007BFF,
   1px  1px 0 #007BFF;
}
.set table thead th:nth-last-child(2){
  border-radius:0;
}

.set table thead th:last-child{
  border-top-right-radius:15px;
}

.tableHeading{
  line-height:27px !important;
  text-align:justify;
}

.torrentClasses{
  text-align:justify;
}

.torrentClasses a{
  padding:0px;
}


#status{color: #CDCDCD !important;}

header{
  box-shadow:3px 4px 6px darkviolet;
  background:linear-gradient(90deg, black, #007BFF, skyblue);
  border-bottom:2px solid #000;
}

.dataTable thead th{
  box-shadow:none;
  border-bottom:3px solid darkviolet;
  /* 1. Define your gradient */
  background-color:goldenrod;
  color:black;
  text-shadow:1px 2px white;
  font-size:24px;
  padding-top:13px;
  padding-bottom:13px;
  font-family:"Rye", system-ui;

}

.silver{
  color:silver;
}

table.dataTable tr.dtrg-group th{
  background:#007BFF;
  box-shadow:2px 2px 4px silver;
  padding-top:6px;
  padding-left:5px;
  padding-bottom:6px;


}


.tableHeading, .tableHeading a{
  font-family: "Times New Roman" !important;
  font-size:16px !important;
}



.dataTable td{
  font-family:"Share Tech Mono", system-ui !important;
  font-size:16px !important;
  text-align:justify;
}

div.TEMPLAR{
  background-color:#EFEFEF;
}

.torrentsTable thead th{
  background:silver !important;
  border-bottom:none !important;
  box-shadow:none !important;
  font-family:"Rye", "sans-serif" !important;
  font-size:16px !important;
  text-shadow:none !important;
  color:white !important;
  text-align:left !important;
}

.torrentsTable td{
  color:black;
  text-align:left;
  background-color: white !important;
  padding:4px 0 4px 0 !important;
  font-family: "Share Tech Mono", sans-serif !important;
}


.apa-text{
  padding-left:5px !important;
  display:block;
}

.torrentsTable td:first-child, .torrentsTable th:first-child{
  padding-left:12px !important;
}

.adv_search{
  background:linear-gradient(135deg, lightgoldenrodyellow, silver) !important;
  color:palegoldenrod !important;
  margin-bottom:35px;
  box-shadow:3px 3px 4px #000;
  border:2px solid #50C777 !important;
}

.adv_search label{
  color:cyan !important;
  letter-spacing:1px;
  font-size:16px;
  font-family:"Share Tech Mono", "serif" !important;
}

.adv_search select, .adv_search select option{
  font-family:"Share Tech Mono", "serif" !important;
}

.adv_search input::placeholder{
  font-family: "Share Tech Mono", "serif" !important;
}

.adv_search input{
  font-family:"Share Tech Mono", "serif" !important;
}


#adv_heading{
  color:darkgoldenrod;
  font-size:25px !important;
  font-family:"Share Tech Mono", sans-serif !important;
  text-decoration:none;
  letter-spacing:0px;
}

.torrentsTable a{

  font-family:"Share Tech Mono", system-ui !important;
}

.authors_area div a{
  font-family:"Share Tech Mono", sans-serif;
}

.upload input, .upload select, .upload option, .upload input::placeholder{
  font-family:"Share Tech Mono", sans-serif;

}

.upload label{
  font-family:"Special Elite", sans-serif;
}

.inst{
  color:#000;
  text-align:center;
  font-size:16px;
  font-family:"Share Tech Mono", sans-serif;
  padding:0px 5px 0px 5px;
}

.graph_search, a.TEMPLAR{

    /* Prevents all native browser touch actions (scroll, zoom, swipe-to-back) */
    touch-action: pan-y;
    user-select: none;  /* Prevents text selection while swiping */
    /* Standardizes the cursor for a 'grab' feel */

}

/* Target the canvas only when it is in fullscreen mode */
canvas:fullscreen {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain; /* Keeps the aspect ratio clean */
    background-color: black; /* Prevents white bars on the sides */
}

/* Safari support */
canvas:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.graph{
  height:500px;
  width:100%;
}

#mobile_fullscreen{
  display:none;
  text-align:left;
  float:left;
  position:relative;
  left:10px;
  top:-49px;
  border:1px solid #50C777 !important;
  box-shadow:2px 3px 2px gold !important;
  width:99px;
  height:40px;
  background-color:palegoldenrod !important;
  color:cyan !important;
  font-family:"Share Tech Mono", system-ui;
}

#graph_search, #adv_submit, .upload button{
  border:2px solid #007BFF;
  background:goldenrod;
  color:darkviolet;
  font-family:"Share Tech Mono", system-ui;
  font-size:18px;
  width:90px;
  margin-bottom:16px;
  font-variant:small-caps;
  margin:0 auto;
  height:40px;
  border-radius:13px;
  display:block;
  text-align:center;
  margin-bottom:12px;
}

#graph_search:hover, #adv_submit:hover, .upload button:hover{
  box-shadow:3px 4px 3px #333777;  
  font-weight:bold;
  border:2px solid goldenrod;
  color:lightgoldenrodyellow;
}

#warp{
  font-family:"Share Tech Mono", system-ui;
  display:block;
  font-size:18px;
  margin:0 auto;
  background-color:black;
  color:white;
  font-variant:small-caps;
  text-align:center;
  width: 90px;
  height:40px;
  border-radius:13px;
}

#warp:hover{
  border:2px solid palegoldenrod;
  font-weight:bold;
}

.upload button{
  width:120px;
  height:77px;
  float:left;
}

#adv_submit{
  margin-top:12px;
}


h2 span a{
  font-size:32px;
  font-family:"Special Elite", "Times New Roman";
  padding-left:5px;
  text-shadow: 1px 2px #007;
}


footer{
  border-top:2px solid mediumvioletred;
  box-shadow: 0px -3px 6px silver;
  position:fixed;
  z-index:9998;
}

#status{
  font-family:"Share Tech Mono", sans-serif;
}

.panel li a, .panel li a:visited, .mobile_panel li a, .mobile_panel li a:visited{
  color:cyan;
  font-family:"Share Tech Mono", sans-serif;
}

.dataTable td{
  background-color:lightcyan;
}

.graph_search{
  background-color:black;
}

div.upload{
  background-color:#CDCDCD;
}

.torrentClasses{
  display: flex;
  flex-wrap: wrap;       /* Allows wrapping to new lines */
  gap: 0px 4px;         /* Vertical gap: 8px, Horizontal gap: 12px */
  padding-left:8px;       /* Keep vertical padding, remove horizontal padding */
  width: 100%;       
  margin-top:8px;    /* Ensure it spans the full container */
  box-sizing: border-box;
}

.torrentClasses a {
    line-height:12px;
    display: inline-block; /* Essential for proper margin/padding/wrapping */
    white-space: nowrap;   /* Keeps individual tag names on one line */
    padding-top:8px;
}


.mobile_inst{
  display:none;
}


.upload_inst{
  font-family:"Share Tech Mono", sans-serif;
}

@media only screen and (max-width: 1079px) {
  .row>*{
    padding:0px;
  }

  body, div.TEMPLAR{
    overflow-x:hidden;
  }

  .torrentClasses a{
    padding-top:5px;
    padding-bottom:0px;
  }



  .torrentsTable th:nth-child(2), .torrentsTable td:nth-child(2){
    width:100px;
  }

  h1, h1 a, h1 a :visited{
    position:relative;
    top:4px;
    text-align:center;
  }

  
  table{
    font-size:16px;
  }

 
  
  .mobile{
    display:block;
  }
  

  .titleBreak{
    padding-top:26px;
    padding-bottom:26px;
  }
  
  
  

  .upload .titleBreak span{
    width:300px;
  }

  .dtr-control{
    width:200px;
  }


  .titleBreak{  
    width:100%;
  }

  #mobile_menu{
    text-decoration:none;
  }

  

  .dataTables_wrapper{
    box-sizing:border-box;
    overflow-x:hidden;
  }


  .row:last-child{
    width:93.5%;
  }

  h3{
    font-size:24px;
  }

  header{
    height:55px;
  }

  .output embed{
    top:55px;
    height:calc(100% - 115px);
  }

  .ui-autocomplete{
    width:299px;
  }

  .dt_length{
    text-align:left;
  }

 
 div.TEMPLAR{
    top:60px;
    height:calc(100% - 141px) !important;
    bottom:80px;
 }

  .desktop_1{
    display:none;
  }
  
  #mobile_menu{
    display:block;
    position:absolute;
    font-size:40px;
    width:49px;
    height:49px;
    color:palegoldenrod !important;
    top:9px;
    left:5px;
    z-index:9999;
  }

  #mobile_menu:hover{
    color: #007BFF !important;
  }

  .mobile_menu{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:calc(100% - 83px);
    position:fixed;
    top:63px;
    z-index:9998;
    bottom:88px;
    background-color:#007BFF !important;
  }
  


  .desktop_h1{
    display:none;
  }

  .desktop_search{
    display:none;
  }

  .search{
    position:relative;
    float:left;
    left:5px;
    width:100%;
    opacity:1;


  }

  .search input{
    width:299px;

  }

  

  .mobile_panel{
    float:left;
  }

  #search_ul li{
    height:45px;
    float:none;
    vertical-align:center;
    line-height:32px;

  
  }

  .panel, .tabs{
    display:none;
  }


  header{
    display:block;
    width:100%;

    height:60px;
    
 
    box-sizing:border-box;

    position:fixed;
    z-index:9999;
  }

  .output img {
    /* Critical for mobile scaling */
    max-width: 100%; 
    height: auto; 
    
    /* Centering and display */
    display: block;
    margin: 0 auto;

    /* Prevents pixelated upscaling on small images */
    object-fit: contain; 
}

div.TEMPLAR.webtorrent{
  overflow-x:auto !important;
}
  


  .mobile_tabs{
    margin-top:24px;
    margin-left:5px;
    width:100%;
    float:left;
  }

  .mobile_panel{
    width:100%;
    margin-top:10px;
    float:left;
  }


  .mobile_panel li a{
      font-size:16px;
      /*background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/
    display:block;
    padding:13px 0px 13px 0px;

  }
  
  .mobile_tabs li a{
      font-size:24px;
      padding:13px 0px 13px 0px;
      border-top:1px solid silver;
     /*color:lightsea#50C777;*/
    font-variant:small-caps;
    display:block;
    width:299px;

  }
 

  #search_ul{
    margin-bottom:0px;
  }


  /* TORRENT */


  /* HEADER */

  .panel{
    position: absolute;
    left: 0px;
    top: 127px;
  }
  
  .mobile_panel li{
  }

  .mobile_panel li a:not(.health a){
    display:block;
    width:290px;
    padding-left:0px;
    border-top:1px solid silver;
  }





  /* TABLES */

 



 

  /* UPLOAD */
  .grid_1{
    width: 100%;
  }  

  .adv_search{
    width:301px;
  }


  
  
 
  h3{
    width:100%;
    }

 
  
  .torrentClasses{
    color:mediumvioletred;
    width:100%;
  }
  

  
  
  .dtr-data:not(.dtr-data:nth-last-child(2)){
    margin-left:9px;
  }
  
  .dtr-data:nth-last-child(2){
    margin-left:5px;
  }
  
 
  
  .odd td:first-child, .even td:first-child{
    padding-left:5px;
  }
  
 

  #search_ul{
    margin-top:5px;
  }

 
 
  .mobile_search input{
    width:250px;
  }

  .search{
    top:13px !important;
    position:relative;
  }

  .ui-autocomplete{
    width:250px;
  }

  h2 span a{
    font-size:32px;
  }

  h3{
    font-size:16px;
  }
  
  #hero{
    font-size:16px;
  }

  .search input{
    height:33px !important;
  }

}

h3{
  color:#DEDEDE;
}

/* 4. Final Polish for the .torrentsTable to bridge the gap */
.torrentsTable {
    width: 100% !important;
    margin: 0 !important; /* Removes the gap between the APA row and this table */
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.3); /* Subtle depth without a harsh gray block */
}

/* Ensure the text stays readable in the new dark context */
.torrentsTable td {
    padding: 10px;
}

/* The APA container */
.apa-text {
    line-height: 1.5;
}

/* Force the torrentsTable to align with the indented text, not the margin */
.torrentsTable {
    width: calc(100% - 15px) !important; /* Subtract the padding amount */
    margin-left: 15px !important; 
    margin-right: 0;
    border-left: 1px dotted goldenrod; /* Subtle vertical 'connector' line */
}

/* Ensure the table header (thead) doesn't overflow or clip */
.torrentsTable thead th {
    padding: 5px 5px;
    white-space: nowrap; /* Prevents text from wrapping and cutting off */
}

.torrentsTable td{
  padding-top:13px !important;
  padding-left:5px !important;
}