/* CSS Document */
:root {
  --mainclair: rgb(254, 228, 206);;
  --main: rgb(255,117,0);
}
body { 
  font-family:Arial, Helvetica, sans-serif;
  margin:00px;
  margin-top:80px;
  background-color:white; /* lightgrey */
  font-size:12pt;
}

.head {
  background:white;
  color:var(--main);
  margin:0px;
  position:fixed;
  top:0;
  min-height: 40px;
  width:100%;
  height: 40px;
  z-index:100;
  /*border-bottom:1px solid var(--main);*/
  font-weight:bolder;
}

.head .sitetitle,.head .sitetitle a {
  text-decoration:none;
  font-weight: bolder;
  color:var(--main);
  font-size:28px;
  padding-left:5px;
  min-height:40px;
  display:inline-block;
}
.menu {
  width:40px;
  height:40px;
  background-color:var(--main);
  overflow: hidden;
  color:white;
  float:left;
  padding:10px;
  padding-left:10px;
  
}
.subtitle {
  border-left:1px dotted var(--main);
  padding-left:10px;
  padding-right:10px;
  min-height:40px;
  font-weight: 100;
}
.subtitle a {
  font-weight: 100 !important;
  color:var(--main);
  text-decoration: none;
}
.header {
    background-color:lightgray;
}
#topnav {
  display: none;
  background: var(--mainclair);
  color:var(--main);
  border-top:1px solid var(--main);
  /*border-bottom:1px solid var(--main);*/
  font-weight: 100;
}

#topnav a {
  color:var(--main);
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

#topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

#topnav a:hover {
  background-color: var(--main);
  color: black;
}
.toolbar {
  background-color:  whitesmoke;
  border-top:1px solid var(--main);
  border-bottom: 1px solid rgba(211, 211, 211, 0.901);
  /*position:fixed;*/
  width:100%;
  /*top:40px;*/
  /*height:40px;*/
  /*z-index:100;*/
  /*padding:5px;*/
}
.lxist {
  margin:00px;
  margin-top: 90px;
}

.item {
    border-bottom:1px dotted var(--main);
    padding:1vw;
    min-height:50px;
}
.item .title {
  color:var(--main);
  /*font-weight: bold;*/
}
.item .dlflag {
  margin-left:5px;
  color:green;
}

.lstitem {
  border-bottom:1px dotted var(--main);
  padding:10px;
}
.lstitem a {
  text-decoration:none;
}
.lsth {
  font-weight: bolder;
  padding-top:25px;
  padding-left:10px;
}
.filmtype, .Filmstype, .Animestype {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    border-color:red;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:-2;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
}
.serietype, .Sériestype {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    border-color:blue;
    background-color:blue;
    color:white;
    font-weight:bold;
    font-size:-2;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
}
.Jeux-PCtype, .Jeux-Consolestype, .Sportstype {
  padding-left:2px;
  padding-right:2px;
  border-radius: 5px;
  border-color:grey;
  background-color:grey;
  color:black;
  font-weight:bold;
  font-size:-2;
  vertical-align:center;
  margin-bottom:4vh;
  text-transform: uppercase;
  margin-left:5px;
}
.ebooktype, .Ebookstype {
  padding-left:2px;
  padding-right:2px;
  border-radius: 5px;
  border-color:green;
  background-color:green;
  color:white;
  font-weight:bold;
  font-size:-2;
  vertical-align:center;
  margin-bottom:4vh;
  text-transform: uppercase;
  margin-left:5px;
}
.dirtype {
  padding-left:2px;
  padding-right:2px;
  border-radius: 5px;
  border-color:orange;
  background-color:orange;
  color:black;
  font-weight:bold;
  font-size:-2;
  vertical-align:center;
  margin-bottom:4vh;
  text-transform: uppercase;
  margin-left:5px;
}
.Pornotype {
  padding-left:2px;
  padding-right:2px;
  border-radius: 5px;
  border-color:rosybrown;
  background-color:rosybrown;
  color:red;
  font-weight:bold;
  font-size:-2;
  vertical-align:center;
  margin-bottom:4vh;
  text-transform: uppercase;
  margin-left:5px;
}
.inplex {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    /*border-color:blue;*/
    background-color:black;
    color:orange;
    font-weight:bold;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
    display:inline;
}
.inplex a {
  color:orange;
}
.outplex {
  padding-left:2px;
  padding-right:2px;
  border-radius: 5px;
  /*border-color:blue;*/
  background-color:lightgrey;
  color:red;
  font-weight:bold;
  vertical-align:center;
  margin-bottom:4vh;
  text-transform: uppercase;
  margin-left:5px;
  display:inline;
}
.noplex {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    border-color:blue;
    background-color:lightgrey;
    color:white;
    font-weight:bold;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
    display:none;
}
.noebrary {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    border-color:blue;
    background-color:lightgrey;
    color:white;
    font-weight:bold;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
    display:none;
}
.inebrary {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    /*border-color:blue;*/
    background-color:rgb(230, 245, 245);
    color:rgb(0, 145, 145);
    font-weight:bold;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
    display:inline;
}
.inebrary a {
  color:rgb(0, 145, 145);
}

.yeartitle {
    padding-left:2px;
    padding-right:2px;
    border-radius: 5px;
    border-color:DarkSeaGreen;
    background-color:DarkSeaGreen;
    color:white;
    font-weight:bold;
    vertical-align:center;
    margin-bottom:4vh;
    text-transform: uppercase;
    margin-left:5px;
}
.dp {
    color:darkgrey;
}

input, select {
    width:100%;
    background-color: white;
    border:1px solid darkgray;
    font-size:2vh;
}
input[type="checkbox"] {
  accent-color: var(--main);
}

.itemdetail {
    border-radius: 10px;
    background-color: lightgray;
    border:1px solid darkgrey;
    padding:5px;
    margin:5px;
}
p {
  margin-block-start:4px;
  margin-block-end:0;
}
.row {
  display: flex;
}
.column {
  flex: 50%;
  padding: 10px;
}
* {
  box-sizing: border-box;
}
.checkboxcontainer {
  float:right;
  width:5vh;
}
.tool {
  box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	/*padding:6px 6px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin:2px 1px 2px 0px;
  vertical-align:top;
  height:32px;
}
.tool:has(> svg) {
  padding:5px;
}
.tool:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.separator {
  border-left:1px dotted darkgrey;
  margin-left:3px;
  margin-right:3px;
}
 
.tool:active {
	position:relative;
	top:1px;
}

.tool img {
  height:20px;
  margin:5px;
}

/*settings*/
table {
  border:0px;
  table-layout: auto; 
  border-collapse: collapse;
  border-spacing: 0px;
}

th {
  border:0px;
  background: white;
  font-weight: bold;
  text-decoration:none;
  color:var(--main);
  border-bottom: 1px solid var(--main);
  border-right: 1px dotted var(--main);
  padding:3px;
}
td {
  border-right: 1px dotted var(--main);
  padding:3px;
}

.filesize {
    background-color:grey;
    padding: 0 2px 0 2px;
    color:white;
    margin-left:5px;
    border-radius:6px;
}

.ext {
  background-color:white;
  padding: 0 2px 0 2px;
  border:2px solid darkgrey;
  margin-left:5px;
  border-radius:6px;
}

.mp4, .mkv, .avi {
  background-color:lightcoral;
}
.epub, .cbr, .cbz, .pdf {
  background-color:lightgreen;
}

.dialog {
    border-radius: 5px;
    border-color: darkgrey;
    box-shadow: 5px 5px 5px darkgrey;
    display:none;
    background-color:#F2F3F4;
    border-color:black;
    padding:20px;
    position: absolute;
    top: 20%;
    left: 10%;
    width:80%;
    height: auto;

}

.fldprmitm {
  border:0px;
  font-size: medium;
  background-color: var(--mainclair);
  padding:4px;
}

.itmimg {
  width:70px;
  height:80px;
}