/* plyr custom prop */
:root{
 --plyr-color-main: #2c96ff;
 --plyr-badge-background: #333;
 --plyr-audio-control-color: #333;
 --plyr-menu-color: #333;
 --plyr-tooltip-color: #333;
 --plyr-badge-border-radius: 10px;
 --plyr-control-radius: 10px;
 --plyr-menu-radius: 10px;
 --plyr-tooltip-radius: 10px;
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
   background-color: #333333; 
   color: #FFFFFF; 
       /*font-family: arial, helvetica, sans-serif;*/
       font-family: 'Open Sans', sans-serif;
       text-align:center;
}

.hidden {
display: none;
}

.content {
   text-align:center;
width:750px;
margin:0 auto;
}

a {
    color: #2C96FF;
    text-decoration: none;
  }
a:hover {
 color: #7DBEFF;
}

img {
border:0;
}


.header_image {
width:450px;
height:138px;
margin:auto;
}

nav {
margin:10px 0 20px 0;
}

nav ul, nav li {
   list-style:none;
display:inline;
margin:0;
padding:0;
}

nav a {
background:#2d2d2d;
padding:7.5px;
margin:5px;
color:#eaeaea;
font-weight:bold;
border-radius: 10px;
}
nav a:hover {
color:#fff;
}
.share-buttons a {
 font-size: x-small;
 padding: 0 5px;
 }
.list_filter a, .footer a {
color:#eaeaea;
background:#2d2d2d;
margin:16px 0;
padding:7.5px;
white-space:nowrap;
       font-weight:inherit;
border-radius: 10px;
}
.list_filter a:hover, .footer a:hover {
 color:#fff;
}
.list_filter a.active{
font-weight:bold;
color:#fff;
}
.ads
{
   background-color:#2d2d2d;
border:1px solid #474747;
width:480px;
height:80px;
       border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
margin:auto;
}

.ads .top
{
   font-size:small;
   text-align:right;
   padding-right:5px;
}

.adTable
{
border:1px solid #ccc;
}

.adTable td
{
padding:10px;
        vertical-align:top;
}

.adTable a:link,
   .adTable a:hover,
   .adTable a:visited,
   .adTable a:active
{
color:#fff;
      font-size:small;
}

#progress_bar > div, #progress_bar > table {
margin: 0 auto;
}

#progress_bar #remain {
   font-weight:bold;
}

#progress_bar {
   font-size: small;
}
#progress_bar table {
border:1px solid #2d2d2d;
}

#progress_bar .data {
   min-width: 300px;
}

#upload_div {
overflow:hidden;
}

.dnbs-player {
 max-width: 450px;
 margin: 20px auto;
}
.plyr {
 border-radius: 10px;
}
#player {
margin: 10px 0;
}

#player a {
   font-size: large;
}

#player audio {
width: 100%;
       max-width: 450px;
       border: 1px solid #333;
      border-radius: 30px;
}

#dlbutton input[disabled=disabled] {
color:grey;
}

#dlbutton {
margin: 5px 0 15px 0;
}

.result {
color:#000;
}

.filelisting {
margin:10px auto 10px auto;
}

.filelisting .file {
 display:block;
 margin:5px 0 5px 0;
 padding:7.5px;
 background-color:#2d2d2d;
 height:20px;
 border-radius: 10px;
}
.filelisting .file a {
color:#2C96FF;
    font-weight:inherit;
}
.filelisting .file a:hover {
color:#7DBEFF;
}
.filelisting .file a:after {
    content: '';
    clear: both;
    display: block;
}

.filelisting .filename {
float:left;
width:560px;
height:20px;
       line-height:21px;
       text-align:left;
       white-space:nowrap;
       text-overflow:ellipsis;
overflow:hidden;
}

.filelisting .filename a {
}

.filelisting .filesize {
float:right;
color:#fff;
      font-size:small;
      text-align:right;
width:80px;
}

.filelisting .fileuploaded {
float:right;
color:#fff;
      font-size:small;
width:90px;
      text-align:right;
}
.filelisting .clear {
display:block;
}

.filelisting img {
border:0;
}

.filesearch_res {
   font-style: italic;
}
.clear {
clear:both;
}

.fileinfo {
color:#fff;
      font-size:small;
      text-align:center;
}

.fileinfo ul {
padding:0;
margin:0;
}

.fileinfo li {
padding:0;
margin:0;
       list-style:none;
}

h1 {
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

input, button, select, textarea {
   font-size: large;
padding:7.5px;
border:1px solid #2d2d2d;
       -ms-box-sizing:content-box;
       -moz-box-sizing:content-box;
       -webkit-box-sizing:content-box; 
       box-sizing:content-box;
       border-radius: 10px;
}
input[type=file]{
   font-size: inherit;
background-color: transparent;
}
select,input[type=checkbox] {
   font-size: inherit;
}
.dlbody {
margin:10px 0 10px 0;
       word-wrap:break-word;
}



.page {
 margin:auto;
 width:450px;
 text-align:left;
}
.center {
 text-align: center;
}

.page h2 {
   text-align:center;
}

.page ul, .page li {
/*padding:0;*/
}

.page li {
margin:10px 0 10px 0;
}

.accordeon > li > p {
    display: none;
    overflow: hidden;
}
.accordeon > li:target > a{
 color: #7dbeff;
}
.accordeon > li:target > p{
    display: block;
}

.contact_form {
width:313px;
}
.contact_form input:not([type=checkbox]), .contact_form textarea, .contact_form select {
width:300px;
}

.contact_form textarea {
height:150px;
}

.contact_form label {
display: block;
}

.contact_form .submit_contact_form {
}

.donate {
display:none;
float:right;
      padding-top:50px;
}

/** old **/
.info {font:18px Arial; }
.data {background-color:#474747; border:0; width:40%;}
.data tr td {background-color:#333333; font:13px Arial; width:35%;}
.bar1 {background-color:#000000; position:relative; text-align:left; height:20px; width:400px; border:1px solid #505050;}
.bar2 {background-color:#A10001; position:relative; text-align:left; height:20px; width:0%;}
.style6 {	font: 18px Arial;
   font-size: 14px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style7 {	font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
      font-size: 16px;
      color: #FF0000;
}
.style8 {font-size: 14px}


.style11 {	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
}
.style15 {
   font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: bold;
      color: #00FF33;
      text-decoration: blink;
}

.reportabuse 
{
width: 450px;
       font-size:10px;
margin:0 auto 20px auto;
       text-align: right;
}

.adv {
width:728px;
height:auto;
margin: 0 auto;
}
.adv-head{
   font-size:0.6em; 
   text-align:right; 
   float: right;
}

.adv-content {
   clear: right;
   background-color:#2d2d2d;
 position: relative;
 width: 728px;
 padding-bottom:12.36%;
 margin: 0 auto;
}
.adv-content img{
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100% !important;
 }
.paypal_widget {
width: 240px;
height: 60px;
background: #444; 
border: 1px solid #474747;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
padding: 4px;
         font-size: 10.5px;
         text-align: left;
margin:20px auto;
       white-space: nowrap;
clear:both;
}
.paypal_widget .header {
padding: 2px;
         font-weight: bold;
         font-size: smaller;
}
.paypal_widget .meter-bg {
background: green;
height: 12px;
        border-radius: 5px;
}
.paypal_widget .meter {
float: left;
background: #999;
width: 90%;
height: 12px;
        margin-right: 5px;
        border-radius: 5px;
}
.paypal_widget .meter-wrapper {
   padding-left: 2px;
float: left;
}
.paypal_widget .meter-percent {
margin: 6px 0;
}
.paypal_widget .raised {
clear: left;
}
.paypal_widget .button {
float: right;
}
.paypal_widget .donate-button {
   font-weight: bold;
width: 70px;
height: 25px;
color: white;
background: green;
border: 0;
        -webkit-box-shadow: 2px 2px 2px #222;
        border-radius: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        text-shadow: 0.1em 0.1em 0.2em black;
cursor: pointer;
}
.paypal_widget .donate-button:hover {
background: gold;
}
.paypal_widget .about {
   text-align: right;
   margin-top: 2px;
}
.paypal_widget .about a {
color: white;
}
/* css3 loading, https://github.com/tobiasahlin/SpinKit */
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/* end css3 loading */

.loading {
/*background:url(/images/ajax-loader.gif) no-repeat center center;*/
margin: 0 auto;
display: none;
height: 32px;
width:32px;
}

#dnb-upload:not(.sent) progress {
 display: none;
}
#dnb-upload.sent progress{
 display: '';
}
#dnb-upload .upload-progress {
 font-size: small;
}

/* mobile layout */
@media (max-width: 700px)
{
   div, img, input, select, form {
      max-width: 100%;
      height: auto;
   }
#filesearch_form input {
   max-width:70%;
}

.header_image {
   max-width:50%;
height: auto;
}
/*
   nav {
position: fixed;
top:0;
right:0;
background-color: #333;
border: 1px solid #303030;
padding: 10px 0;
margin: 0;
}
nav > a, nav > a:link {
display: inline;
text-decoration:none;
}
nav > ul, nav:active > ul{
display: none;
}
nav:hover > ul{
display: inline;
}
 */
.content {
width: 99%;
}

.filelisting .filename {
width: 99%;
       padding-bottom: 4px;
}

.filelisting .file {
height: auto;
}

.dlbody h1 {
   word-break: break-all;
}
}