N3RDN/JN/dr_py/templates/player/mui/css/common.css

[class^="nox-"], [class*=" nox-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'noxplayer3' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nox-icon-macos:before {
  content: "\e917";
  color: #fff;
}
.nox-icon-windows:before {
  content: "\e918";
  color: #fff;
}
.nox-icon-youtube:before {
  content: "\e913";
}
.nox-icon-twitter:before {
  content: "\e914";
}
.nox-icon-facebook:before {
  content: "\e915";
}
.nox-icon-more-o:before {
  content: "\e916";
}
.nox-icon-close:before {
  content: "\e911";
  color: #fff;
}
.nox-icon-menu:before {
  content: "\e912";
  color: #fff;
}
.nox-icon-arrowdown:before {
  content: "\e900";
  color: #fff;
}
.nox-icon-arrowleft:before {
  content: "\e901";
  color: #fff;
}
.nox-icon-arrowright:before {
  content: "\e902";
  color: #fff;
}
.nox-icon-arrowup:before {
  content: "\e903";
  color: #fff;
}
.nox-icon-circle64:before {
  content: "\e904";
  color: #fff;
}
.nox-icon-googledrive .path1:before {
  content: "\e905";
  color: rgb(255, 208, 76);
}
.nox-icon-googledrive .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(68, 134, 244);
}
.nox-icon-googledrive .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(29, 163, 98);
}
.nox-icon-heart:before {
  content: "\e908";
  color: #fff;
}
.nox-icon-keyboard:before {
  content: "\e909";
  color: #fff;
}
.nox-icon-multi:before {
  content: "\e90a";
  color: #fff;
}
.nox-icon-nougat:before {
  content: "\e90b";
  color: #fff;
}
.nox-icon-play .path1:before {
  content: "\e90c";
  color: rgb(255, 255, 255);
}
.nox-icon-play .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(28, 27, 32);
}
.nox-icon-ram:before {
  content: "\e90e";
  color: #fff;
}
.nox-icon-script:before {
  content: "\e90f";
  color: #fff;
}
.nox-icon-search:before {
  content: "\e910";
}

.semibold{
  font-family: 'Volte W03 Semibold' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}body{padding:0;margin:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:inherit}ol,ul{list-style:none;padding:0}ol,p,ul{margin:0}input,textarea{font-family:inherit;padding:0}input:focus,textarea:focus{outline:none}button{padding:0}button:focus{outline:none}html{font-size:14px;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges}body{font-family:Volte W03 Semibold,PingFang Light,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif;min-height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.lang_cn{font-family:PingFang Light,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif}body.lang_vn{font-family:Arial,Volte W03 Semibold,PingFang Light,Hiragino Sans GB,Microsoft YaHei,Helvetica,sans-serif}body.lang_jp{font-family:Yu Gothic,FP-ヒラギノUD角ゴ StdN W3,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif}body.lang_ru{font-family:Volte W03 Semibold,PingFang Light,Microsoft YaHei,Helvetica,Arial,sans-serif}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){body{display:block}.linear-link{background:none!important;color:#247ddc}}.pull-left{float:left}.pull-right{float:right}.overflow-hidden{overflow:hidden}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;overflow:hidden}.ellipsis{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.d-flex{-webkit-box-flex:1;-webkit-flex:1 1;-moz-box-flex:1;-ms-flex:1 1;flex:1 1}@media (min-width:769px){.d-sm{display:none}}@media (min-width:993px){.d-md{display:none}}@media (min-width:1201px){.d-lg{display:none}}@media (min-width:577px){.d-xs{display:none}}@media (max-width:1200px){.d-lg-none{display:none}}@media (max-width:992px){.d-md-none{display:none}}@media (max-width:768px){.d-sm-none{display:none}}@media (max-width:576px){.d-xs-none{display:none}}.mobile-full-dialog{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#090b23;z-index:1000;color:hsla(0,0%,100%,.6);line-height:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10%;display:none}.mobile-full-dialog .nox-icon-close{position:absolute;right:24px;top:16px;font-size:20px}.mobile-full-dialog.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.mobile-full-dialog .cover{margin:0 auto;width:240px;height:216px;background-image:url();-moz-background-size:cover;background-size:cover}.mobile-full-dialog .dialog-content{-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);text-align:center}.header{position:absolute;left:0;right:0;z-index:100;height:88px;color:hsla(0,0%,100%,.6);background-color:#0b0b0d}.lang_ar .header .pull-left{float:right}.lang_ar .header .header-nav-wrapper{float:left}.lang_ar .header .header-nav,.lang_ar .header .header-nav .nav-link{float:right}@media (max-width:768px){.lang_ar .header .header-menu-btn{float:left}}.sub-page .header{position:static}.header .header-lang-notice{background-color:#0b0b0d;color:#fff;text-align:center;line-height:60px}.header .header-lang-notice .switch-btn{display:inline-block;color:#fff;border:1px solid #fff;margin-left:16px;height:40px;line-height:38px;width:128px;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;bor