
@media (max-width: 800px){
  .bender{
    flex-direction: column !important;
  }
}

.top-nester{
  margin: -8px -20px 0px -20px;
}

.margin-sides-20{
  /* margin: 0px -20px 0px -20px; */
}
.service-status-front {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 100px;
}



.boxman-stats {
  padding: 10px 15px;
  text-transform: uppercase;
  background-color: #131617;
  text-align: center;
  color: #828b8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); */
}
.boxman-1 {
  height: auto;
  min-height: 250px;
  padding: 20px 33px;
  border: 1px solid #131415;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

.boxman-1 h2 {
  font-weight: 800;
  font-style: normal;
  letter-spacing: 2px;
  line-height:  36px;
  font-size: 34px;
  text-shadow: 2px 2px 5px #000;
}


.bm-subtitle {
  line-height: 25px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 100;
  font-style: normal;
}

.boxman-2 {
  padding: 20px 25px;
  margin: 0px 0px 23px 0px;
  min-height: 100px;
  background-color: #1d1d1e;
  border-radius: 3px;
  color: #646464;
  line-height: 22px;
  text-align: left;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

/* .boxbg2{
  background: linear-gradient(-195deg, #12171800 0%, #000000 100%), url(assets/img/bg1.png);
  background-position: center 100%;
  background-size: cover;
} */
.boxbg99{
  background-position: center center !important;
  background-size: cover !important;
}
.boxman-3 {
  padding: 20px 25px;
  margin: 33px 0px;
  min-height: 100px;
  background-color: #202120;
  text-align: center;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
.boxbg1{
  background: linear-gradient(-45deg, #000000 -30%, #0f362d, #060908c9 110%), url(assets/img/bg1.png);
  background-position: center 100%;
  background-size: cover;
}
.boxbg4{
  background: linear-gradient(-45deg, #000000c7 -20%, #224d27, #1b342ceb 65%), url(assets/img/bg1.png);
  background-position: center 100%;
  background-size: cover;
}
.boxbg5{
  background: linear-gradient(-45deg, #4c5893c7 -30%, #0b434bd9, #191d93eb 110%), url(assets/img/bg1.png);
  background-position: center 100%;
  background-size: cover;
}
.boxbg6{
  background: linear-gradient(-45deg, #88934cc7 -30%, #224b0bd9, #198893eb 110%), url(assets/img/bg1.png);
  background-position: center 100%;
  background-size: cover;
}
.boxbg2{
  background: linear-gradient(-195deg, #203e384a 30%, #008e6f47 100%), url(https://cdna.artstation.com/p/assets/images/images/012/263/170/large/daniel-peteuil-echo-arena-echo-combat-echo-vr.jpg?1533882172);
  background-position: center 25%;
  background-size: cover;
}
.boxbg22{
  background: linear-gradient(-195deg, #1b1b1b8f 0%, #141819 94%), url(https://cdna.artstation.com/p/assets/images/images/012/263/170/large/daniel-peteuil-echo-arena-echo-combat-echo-vr.jpg?1533882172);
  background-position: center 25%;
  background-size: cover;
}
.boxbg3{
  background: linear-gradient(-195deg, #0b1815e6 38%, #082216f0 93%), url(https://media.vrgames.io/20190324175424/echoarena_render_character_04_wide.jpg);
  background-position: center 55%;
}
.boxbg33{
  background: linear-gradient(-195deg, #141510ad 38%, #004022d9 93%), url(https://previews.123rf.com/images/bartsadowski/bartsadowski1801/bartsadowski180100630/101731357-100-dollar-bills-full-frame.jpg);
  background-position: center 47%;
}
.boxman-title{
  font-family: filson-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.themed-header-admin {
  background: linear-gradient(#000000a1, #000000a1);
  /* background: linear-gradient(#0000002e,#00000000), url('uploads/site-content/combat-horizbg.PNG'); */
}

.cheat-tag {
  font-size: 10px;
  display: inline-flex;
  margin: 0px 1px 14px 0px;
  border-top: 1px solid #1a211e;
  background-color: #0f1212;
  color: #818181;
  letter-spacing: 1px;
  padding: 3px 6px;
  border-radius: 2px;
}





.ui-red {
  color: #c25555;
  border: 1px solid #c25555 !important;
}
.ui-green {
  color: #38b271;
  border: 1px solid #38b271 !important;
}




#clock {
  /* font-family: 'Orbitron', sans-serif; */
  /* font-size: 12px; */
  text-align: center;
}

/* .boxman-1 a {
  margin-right: 5px;
  border: 1px solid #00ff905c;
  font-size: 15px !important;
  font-weight: 900;
  padding: 6px 10px;
  background-color: #00cc89;
  border-radius: 3px;
  color: #000 !important;
  text-transform: uppercase;
  transition: 0.15s;
} */
/* .boxman-1 a:hover {
  transition: 0.06s;
  background-color: #111510;
  color: #eaeaea !important;
  cursor: pointer;
} */

.bracket-container {
  left: 0px;
  position: relative;
}
.demo {
  width: 98%;
}










.dash-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 250px;
  overflow-x: auto;
  overflow-y: hidden;

}
.dash-container div {
  border-radius: 5px;
}
.dash-container div:not(:last-child) {
  /* margin-right: 20px; */
}


.dash-container .inner0 {
  display: flex;
  flex-direction: column;
  background: #235a35;
  padding: 16px;
  min-width: 245px;
  margin-right: 20px;

}

.dash-container .inner0 .player-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.dash-container .inner1 {
  background: #1b1c1e;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 70%;
  min-width: 260px;
  padding: 16px;
  margin-right: 20px;
}
.dash-container .inner2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background: #1b1c1e;
  width: 30%;
  padding: 0px;
}


.player-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}


.progress {
    display: -ms-flexbox;
    display: flex;
    height: 0.38rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #030604;
    border-radius: .25rem;
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #e9ecef;
    text-align: center;
    white-space: nowrap;
    background-color: #239550;
    transition: width .6s ease;
}

