html{
  position:relative;
  min-height:100%;
  /*
  fix the scrollbar shift with vw (view width ... can also use vh)

  You can also try the following ...

  margin-left: calc(100vw - 100%);
  margin-right: 0;
   */
  width: 100vw;
  overflow-x: hidden;
  /* Mozilla supported CSS scrollbar options scrollbar-color and scrollbar-width */
  scrollbar-color:#7dc9ea #a9dbf1;
}

/* Chrome supported CSS scrollbar options */
::-webkit-scrollbar {
  background:#a9dbf1;
}
::-webkit-scrollbar-thumb {
  background:#7dc9ea;
}


body{

  padding-top:0;
  padding-bottom:5px;
  margin-bottom:80px;
  background-color:#a9dbf1;background:url(/assets/bg-560a1eb433adf9a9a064c87f61eb515d.png),linear-gradient(#a9dbf1 96%,#e1bf92 100%);
  background-repeat:no-repeat;
  color:#63687a;
}

.footer{
  position:absolute;
  text-align:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  bottom:0;
  width:100%;
  height:90px;
}

.jumbotron{
  margin:0 0 15px;
  padding:15px 0;
  background-color:transparent;
}

::placeholder{
  text-align:center;
}

.alert-risk{
  color:red;
  font-weight:500;
  margin-top:40px;
}

.input-group-width{
  min-width:334px;
}

.jumbotron-jr{
  margin:0;padding:0;
  background-color:transparent;
}

code{
  color:#000;
  background-color:#fff;
  border-radius:.3rem;
  margin-top:10px;
  font-size:90%;
  padding:0 10px;
}

pre{
  color:#000;
  background-color:#fff;
  border-radius:.3rem;
  margin-top:10px;
  font-size:90%;
  max-width:1000px;
  overflow-wrap:break-word;
}

.word-wrap{
  word-wrap:break-word;
  -ms-word-break:break-all;
  word-break:break-all;
  word-break:break-word;
  overflow-wrap:break-word;
}

.center{
  margin-left:auto;
  margin-right:auto;
  width:50%;
  display:block;
}

.input-group-width{
  margin-left:auto;
  margin-right:auto;
  width:50%;
}



/*    TMP Custom Fonts ... naming based on logo  */
/*    T = TheMiners Color  P = Pond color        */
/*    TMP-brand = Main Navbar Title              */
/*    S, M, L, XL, XXL = Font size               */
/*    5, 6, 9  = 500, 600, 900 Font weight       */

.TMP-brandT{
  color:#63687a;
  font-size:x-large;
  font-weight:900;
}

.TMP-brandP{
  color:#3a89a5;
  font-size:xx-large;
  font-weight:900;
}

.TMP-T{
  color:#63687a;
}

.TMP-T7{
  color:#63687a;
  font-weight:700;
}

.TMP-T9{
  color:#63687a;
  font-weight:900;
}

.TMP-TL9{
  color:#63687a;
  font-weight:900;
  font-size:large;
}

.TMP-TXL5{
  font-size:x-large;
  font-weight:500;
  color:#63687a;
}

.TMP-TXL9{
  color:#63687a;
  font-size:x-large;
  font-weight:900;
}

.TMP-P{
  color:#3a89a5;
}

.TMP-P6{
  font-weight:600;
  color:#3a89a5;
}

.TMP-P9{
  color:#3a89a5;
  font-weight:900;
}

.TMP-PXXL9{
  color:#3a89a5;
  font-size:xx-large;
  font-weight:900;
}


/* TMP Custom Stats */
.stat-fp{
  font-size:x-large;
  color:#63687a;
}

.stat-fp-lg{
  font-size:large;
  font-weight:600;
  color:#63687a;
}

.stat-fp-jr{
  font-size:medium;
}

.stat-search{
  min-width:20%;
}

.statCat-fp{
  font-weight:600;
  color:#63687a;
  min-height:80px;
}

.statCat-fp-lg{
  font-weight:900;
  color:#63687a;
  min-height:80px;
}

.statCat-fp-jr{
  font-weight:900;
  min-height:39px;
  font-size:medium;
}

.pool-jr{
  max-width:50%;
  border:.3em solid #82bcd4;
  border-radius:20px;
  padding:3px 0;
}

.jr-pool{
  padding:10px 0;
}


/* Glass */

.glass{
  background:radial-gradient(ellipse at center,rgba(145,209,236,.8) 50%,rgba(255,255,255,.3) 100%);
}

.glass-stat-acc{
  background:radial-gradient(ellipse at center,rgba(145,209,236,.3) 60%,rgba(255,255,255,.15) 100%);
  border-radius:10%;
  margin:5px;
  padding:1em 22px 0;
  min-width:152px;
  max-width:180px;
  justify-content:center;
}

.glass-stat-blk{
  background:radial-gradient(ellipse at center,rgba(145,209,236,.3) 60%,rgba(255,255,255,.15) 100%);
  border-radius:10%;
  margin:10px auto;
  padding:1em 20px 0;
  min-width:100px;
  max-width:180px;
  justify-content:center;
}

.glass-stat-min{
  background:radial-gradient(ellipse at center,rgba(145,209,236,.3) 60%,rgba(255,255,255,.15) 100%);
  border-radius:10%;
  margin:0 40px;
  padding:1em 0 0;
  max-width:200px;
  justify-content:center;
}


/* TMP Custom */
.container-miner{
  padding-top:20px;
  padding-bottom:30px;
}

.container-search-etc{
  min-width:340px;
}

.container-search-eth{
  min-width:280px;
}

.container-search{
  min-width:340px;
}

.container-search-exp{
  min-width:280px;
}

.contain-bottom{
  padding-bottom:30px;
  width:80%;
  margin-top:30px;
}

.container-topBig{
  margin-top:40px;
}

.contain-help{
  color:#2B3E46;
  font-size:larger;
}

.container-brand{
  min-width:260px;
  margin-left:auto;
}

.container-nav-main{
  min-width:527px;
  margin-right:auto;
}

.contain-top{
  margin-top:30px;
}


.nav-tabs a:focus,a:active,a:focus{outline:0}
.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #63687a}

.gslink{
  max-width:200px;
}

.badge,.badge-leftP{display:inline-block;padding:.3em .5em;font-size:80%;font-weight:700}

.active{background-color:#a7daef;border-radius:.3rem}

.dropdown-menu-M1{background-color:#91d1ec;border-color:transparent}
.dropdown-item-M1{color:#63687a}
.dropdown-item-M1:focus,.dropdown-item-M1:hover{background-color:#a7daef;margin-top:1px;margin-bottom:1px}
.dropdown-item-M1.active,.dropdown-item-M1:active{color:#63687a;text-decoration:none;background-color:#a7daef}
.dropdown-item-M1.disabled,.dropdown-item-M1:disabled{background-color:transparent}
.dropdown-item-M1:focus,.nav-item:hover{border-radius:.3rem;background-color:#a7daef}
.nav-item-M1{margin:0 1px}
.navbar-toggler-text{vertical-align:middle}
.btn-primary{color:#fff;background-color:#63687a;border-color:#63687a}
.btn-primary:hover{color:#fff;background-color:#5a6673;border-color:#4f5361}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#63687a;border-color:#63687a}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#4f5361;border-color:#324151}
.btn-outline-primary{color:#63687a;background-color:transparent;background-image:none;border-color:#63687a}
.btn-outline-primary:hover{color:#fff;background-color:#63687a;border-color:#63687a}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#63687a;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#63687a;border-color:#63687a}
.nav-tabs-tmp{border-bottom:1px solid #63687a}
.nav-tabs-tmp .nav-item{margin-bottom:0}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:transparent}
.nav-tabs-tmp .nav-item.show .nav-link,.nav-tabs-tmp .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #63687a}
.table-TMP th{border-top:1px solid transparent}

/* Dropdown Button */
.dropbtn {
 background-color: #91d1ec;
 color: #63687a;
 border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
 position: relative;
 display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
 display: none;
 position: absolute;
 background-color: #91d1ec;
 z-index: 9999;
}

/* Links inside the dropdown */
.dropdown-content a {
 color: black;
 text-decoration: none;
 display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #a7daef;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #a7daef;}


.table-TMP td{border-bottom:1px solid transparent}
.table-TMP thead th{border-bottom:2px solid #63687a}
.badge-leftP{margin-left:10px}
span.badge-info,span.badge-success{background-color:#0a6c9d}

@media (min-width:720px){
  .navbar-expand-custom{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}
  .navbar-expand-custom .navbar-nav{-ms-flex-direction:row;flex-direction:row}
  .navbar-expand-custom .navbar-nav .dropdown-menu{position:absolute}
  .navbar-expand-custom .navbar-nav .dropdown-menu-right{right:0;left:auto}
  .navbar-expand-custom .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
  .navbar-expand-custom>.container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
  .navbar-expand-custom .navbar-collapse{display:-ms-flexbox!important;display:flex!important}
  .navbar-expand-custom .navbar-toggler{display:none}
  .navbar-expand-custom .dropup .dropdown-menu{top:auto;bottom:100%}
  .navbar{flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important}
}
@media screen and (max-width:460px){
  .navbar .container-toggle-main{position:static}
}
@media screen and (max-width:500px){
  .input-group-width{width:100%;min-width:220px;margin-right:auto;margin-left:auto}
  .stat-break-l,.stat-break-r{margin-right:auto;margin-left:auto;padding:0;max-width:200px;min-width:152px}
  .glass-stat-acc{margin:10px auto;padding:1em 79px 0!important;max-width:260px;min-width:152px}
  .glass-stat-min{margin:10px auto;padding:10px 0 0;max-width:200px}
}
@media screen and (max-width:767.98px){
  .contain-bottom{margin-top:30px;width:75%}
  .glass-stat-blk{margin:10px 30px;padding:1em 40px}
}
@media screen and (max-width:991.98px){
  .navbar .container-search-eth,.navbar .container-search-exp{position:static;margin-right:auto;margin-left:auto}
  .glass-stat-acc{margin:5px 10px!important;padding:1em 40px 0;min-width:180px}
  .contain-bottom,.container-brand,.container-nav-main{margin-right:auto;margin-left:auto}
  .glass-stat-blk{padding:1em 40px 0;max-width:160px;min-width:100px}
  .contain-bottom{margin-top:30px;width:75%}
  .stat-fp{font-size:large;color:#63687a}
  .statCat-fp{font-size:x-large;font-weight:600;color:#63687a}
}
@media screen and (max-width:1100px){
  .navbar .container-search-etc{position:static;margin-right:auto;margin-left:auto}
}
@media screen and (max-width:1199px){
  .glass-stat-acc{margin:5px 31px;min-width:180px}
}
@media screen and (max-width:1365.98px){
  .stat-fp-jr,.statCat-fp-jr{font-size:medium}
  .statCat-fp-jr{font-weight:200;min-height:39px}
}
@media screen and (max-width:1460px){
  /* .container-search-eth,.container-search-exp{position:absolute;top:86px;right:20px} */
}
@media screen and (max-width:1600px){
  /* .container-search-etc{position:absolute;top:86px;right:20px} */
}