/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../css/icon_font.woff2) format('woff2');
}
:root {
  --primary: #f6ff00;
  /* --primary: #7AF098; */
  --body_bg: #030204;
  --gray:#1F2029;
  --dark-gray:#131313;
  --black: #000000;
  --white: #ffffff;
  --red: #F50303;
  --sky-blue:#6df7fd;
  --rainbow-color:linear-gradient(to right, #800080, #87ceeb, #008000, #ffff00);
}
h5{
  font-size: 28px;
}
.primary_bg{
  background-color: var(--primary);
  color: var(--dark-gray);
  transition: 0.2s ease;
}
.primary_bg:hover{
  background-color: var(--dark-gray);
  color: var(--white);
}
a.btn:focus,
.btn:focus {
  outline: 0 !important;
  box-shadow: none;
}
body{
  font-family: 'poppins', Helvetica, Arial, sans-serif !important;
  background: var(--body_bg) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ffffff !important;
}
/* Header css */
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--primary);
  background: none;
}
#logo {
  width: 150px;
  height: 70px;
}
.navbar-toggler {
  margin-top: 15px;
}
#logo img{
  width: 100%;
}
.bg-faded {
  background: var(--black);
  /*background-image: url('/images/logo.jpg');*/
}
.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}
.navbar::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -18px;
  width: 175px;
  height: 18px;
  background: var(--black);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 18% 100%);
}
.navbar::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 175px;
  height: 18px;
  background: var(--black);
  clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
}
.navbar-light .navbar-nav .home-icon .material-icons,
.navbar-light .navbar-nav .user-profile .material-icons {
  font-size: 34px;
}
.navbar-light .navbar-nav .user-profile .dropdown-menu .material-icons {
  font-size: 24px;
}
.navbar-light .navbar-nav .home-icon {
  padding-left: 27px !important;
}
.dropdown-menu {
  font-size: 14px;
  background: #242424 !important;
  width: 200px;
  padding-block: 15px;
  margin-top: -4px;
}
.right-nav .dropdown-menu {
  right: 0;
  left: inherit;
  min-width:220px;
}
.dropdown-item {
  padding-block: 10px;
  display: flex;
  column-gap: 10px;
}
.dropdown-item:focus, .dropdown-item:hover{
  background: var(--primary);
  color: var(--black) !important;
}
.dropdown-item {
  padding-block: 10px;
  display: flex;
  column-gap: 10px;
  align-items: center;
  color: #fff;
}
body a:visited {
  color: #ffffff;
  background-color: #3b3c49;
}
.dropdown-item:focus,
.dropdown-item:hover,
body a:visited:hover{
  background: var(--primary);
  color: var(--black);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  right: 15px;
}
.navbar-light .navbar-toggler[aria-expanded="true"]{
  border-color: var(--primary);
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(122, 240, 152)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-nav .nav-link {
  position: relative;
  white-space: nowrap;
  font-size: 15px;
}
a.nav-link.mob-home-icon {
  display: none;
}
.notification span.counter {
  background: var(--primary);
}
.notification span.counter {
  background: var(--primary);
  color: var(--black);
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 6px;
  position: absolute;
  top: 6px;
  right: 9px;
  height: 14px;
  line-height: 9px;
}
.navbar-light .navbar-nav .nav-link.disabled,
.navbar-light .navbar-nav .nav-link.disabled:hover {
  color: rgba(255, 255, 255, .3);
}

/* Footer css*/
.footer {
  background: var(--gray);
  margin-top: 50px;
  padding-block: 80px;
  background-image: url(../images/footer_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
.footer p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}
.footer ul {
  padding-left: 0;
  list-style: none;
  font-weight: 300;
  color: #fff;
}
.footer .social_icons i{
    font-size: 30px;
    /*-webkit-background-clip: text !important;*/
    /*-webkit-text-fill-color: transparent;*/
    /*background: linear-gradient(to right, #800080, #87ceeb, #008000, #ffff00);*/
    color: #fff !important;
}
.footer ul.social_icons li {
  display: inline-block;
}
.footer ul.social_icons li + li{
  margin-left: 10px;
}
footer .copyright {
  background: var(--black);
  text-align: center;
  /* color: var(--primary); */
  color: #D3D3D3;
  font-weight: 300;
  padding: 0 10px 10px;
}
footer .footer .container .col-md-12::before {
  content: "";
  width: 60%;
  height: 6px;
  position: absolute;
  background: var(--rainbow-color);
  top: -80px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
footer .footer .container .col-md-12::after {
  content: "";
  width: 10%;
  height: 6px;
  position: absolute;
  right: 160px;
  background: var(--rainbow-color);
  top: -80px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Page Sections css */
section.hero-section .hero-content {
background: #1F1F2B;
width: 100%;
}
section.hero-section .hero-content {
  text-align: center;
  padding: 70px 15px 10px;
}
section.hero-section .hero-content h5{
  color: var(--red);
}
section.hero-section .hero-content strong {
  font-size: 20px;
  font-weight: 600;
  display: block;
  line-height: 40px;
}
section.hero-section .hero-content p {
  font-size: 18px;
}
section.hero-section .hero-content p span{
  font-weight: 600;
}
section.hero-section .hero-image img {
  width: 100%;
}
.title span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: var(--primary);
  margin-bottom: 5px;
}
section.pixel_games h4.title {
  margin-top: 50px;
  font-size: 38px;
}
h4.title {
  margin-bottom: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'poppins';
  position: relative;
}
h4.title p::after {
  content: "";
  width: 82px;
  height: 3px;
  background: var(--rainbow-color);
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
}
h4.title img {
  width: 64px;
  padding: 10px;
}
h4.title p {
  margin: 0;
  font-size: 32px;
  padding: 10px;
  color: var(--white);
  font-weight: 600;
  position: relative;
}
h4.title .tournaments::after {
  content: "";
  width: 208px;
  height: 3px;
  background: var(--rainbow-color);
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
}
h4.title .matches::after {
  content: "";
  width: 125px;
  height: 3px;
  background: var(--rainbow-color);
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 1921px){
    .pixel_games.section_panel{
       zoom: 80%; 
    }    
}
/*@media only screen and (max-width: 1200px) and (min-width: 400px){*/
    
/*}*/
.section_panel {
  padding-block: 50px;
  margin: 0 auto;
}
.px_games_holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 45px;
  column-gap: 45px;
}
.px_games_holder .game_item {
  max-width: 250px;
  position: relative;
}
.px_games_holder .game_item img {
  width: 100%;
  height: 100%;
}
.pixel_games.section_panel .px_games_holder .image {
  max-height: 302px;
  height: 302px;
}
.px_games_holder .game_item .game_title {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  padding-inline: 10px;
}
.px_games_holder .game_item .game_title a {
  color: var(--black);
  font-weight: 800;
  max-width: 130px;
  text-align: center;
}
.coming-soon::after {
  content: "COMING SOON...";
  position: absolute;
  background: rgb(128 128 128 / 70%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffff;
  font-size: 20px;
  font-weight: 800;
}
.tournament_item {
  background: var(--gray);
}
.tournament_item .head_content {
  /*padding: 10px 9px;*/
  position: relative;
}
.tournament_item .head_content .title {
  font-size: 24px;
  font-weight: 600;
  color: var(--primary);
}
.tournament_item .head_content .top_head span {
  background: var(--primary);
  color: var(--gray);
  font-size: 26px;
  font-weight: 700;
  padding: 7px 18px;
  position: absolute;
  right: 0;
  top: 0;
}
.tournament_item .head_content .top_head span::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: -18px;
  border-width: 18px;
  border-style: solid;
  border-color: transparent var(--gray) transparent transparent;
  transform: rotate(-52deg);
}
.tournament_item .head_content .head_info {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  height: 60px;
  align-items: center;
}
.tournament_item .head_content .head_info span strong {
  display: block;
  line-height: 35px;
}
.tournament_item .head_content .head_info span {
  text-align: center;
  margin-top: 5px;
}
.tournament_item.item_header .user-img {
    justify-content: center !important;
}
.tournament_item .head_content .head_info span strong i {
  font-size: 26px;
  position: relative;
  top: 6px;
  margin-right: 5px;
}
.tournament_item .middle_content {
  display: flex;
}
.tournament_item .middle_content p,
.tournament_item .middle_content label{
  font-size: 16px;
}
.tournament_item .middle_content {
  display: flex;
  padding-block: 25px;
  background: var(--white);
}
.tournament_item .middle_content p{
  color: var(--black);
}
.tournament_item .middle_content p {
  color: var(--black);
  margin: 0;
}
.tournament_item .middle_content p + p {
  margin-top: 5px;
}
.tournament_item .middle_content .col-md-6 {
  padding-block: 5px;
}
.tournament_item .middle_content .col-md-6 + .col-md-6 {
  border-left: 2px solid #00000038;
}
.tournament_item .middle_content .right-info p {
  display: flex;
  justify-content: space-between;
}
.tournament_item .middle_content .right-info p span {
  width: 105px;
  text-align: center;
  word-wrap: break-word;
}
.tournament_item .foot_content button {
  font-size: 20px;
  color: var(--primary);
  background: no-repeat;
  border: navajowhite;
  width: 100% !important;
  padding: 12px 10px;
  display: flex;
  justify-content: center;
}
.modal-footer .btn-delete{
    background: gray;
    padding: 5px 20px;
    border-radius: 8px;
    color: yellow;
}
 .modal-footer .btn-cancel{
    background: yellow;
    padding: 5px 20px;
    border-radius: 8px;
    color: black;
}
.tournament_item .foot_content .cash-match-delete-btn button{
    background: gray;
    padding: 5px 20px;
    border-radius: 8px;
}
.tournament_item .foot_content.my-cash-match{
    display: flex;
    justify-content: space-between;
    padding: 7px;
}
.tournament_item .foot_content button a{
  color: var(--primary);
  display: flex;
  align-items: center;
  column-gap: 3px;
  justify-content: center;
}
.tournament_item .foot_content button i {
  font-size: 30px;
}
.px_tournaments_holder .tournament_item {
  width: 48%;
}
.px_tournaments_holder {
  display: flex;
  justify-content: center;
  column-gap: 4%;
  row-gap: 30px;
  flex-wrap: wrap;
}

.bg_sec {
  background: var(--gray);
  padding: 30px;
}
.section_panel #main {
  margin: 50px 0;
}

.section_panel #main #faq .card {
  border: 0;
  box-shadow: 3px 3px 4px #000000bd;
}
.section_panel #main #faq .card + .card {
  margin-top: 10px;
}

.section_panel #main #faq .card .card-header {
  border: 0;
  padding: 0;
  position: relative;
}

.section_panel #main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: start;
  background: var(--dark-gray);
  color: var(--primary);
  padding: 12px 35px 12px 20px;
  border-radius: 0;
  font-size: 20px;
  /*white-space: break-spaces;*/
}

.section_panel #main #faq .card .card-header .btn-header-link:after {
  content: "";
  font-weight: 900;
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
  transform: rotate(135deg) skew(7deg, 7deg);
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}

.section_panel #main #faq .card .card-header .btn-header-link.collapsed {
  background: var(--dark-gray);
  color: var(--primary);
}

.section_panel #main #faq .card .card-header .btn-header-link.collapsed:after {
  transform: rotate(-45deg) skew(7deg, 7deg);
}

.section_panel #main #faq .card .collapsing {
  background: var(--dark-gray);
  line-height: 30px;
}

.section_panel #main #faq .card .collapse {
  border: 0;
}

.section_panel #main #faq .card .collapse.show {
  background: var(--dark-gray);
  line-height: 30px;
  /* color: #222; */
}
.accordion .card-body {
  padding: 20px;
  border-top: 1px solid #ffffff20;
}
.cash_match_info #main {
  margin: 0;
}
.login-page,
.signup-page {
    background-image: url(../images/login_bg.png);
    margin-bottom: -50px;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.view-match .btn.cash-match-delete-btn{
    position: absolute;
    right: 0;
    bottom: 0;
}
.view-match .btn.cash-match-delete-btn button {
    height: 25px;
    min-width: 50px;
    padding: 15px 15px;
    clear: none;
    clip-path: none;
    border-radius: 8px;
}
.view-match .btn.cash-match-delete-btn button i{
    color: #131313;
}
.main_form_view {
  display: flex;
  align-items: center;
  height: 100%;
}
.main_form_view .form-holder {
  max-width: 618px;
  margin: 80px auto;
  border: 1px solid #89CFF0;
  /*border: 1px solid #7aef97;*/
  border-radius: 40px;
  padding: 45px;
}
.main_form_view .form-title h1 {
  font-size: 36px;
  text-align: center;
  /* color: var(--primary); */
  color:#fff;
  margin-top: 20px;
  margin-bottom: 90px;
  background: #89CFF0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100%;
}
.main_form_view .form-content input {
  width: 100%;
  background: no-repeat;
  border: 0;
  border-bottom: 1px solid #89CFF0;
  accent-color: var(--primary);
  padding-left: 32px;
  border-style: solid;
 border-image: #89CFF0;
}
.main_form_view .form-content input[type="checkbox"] {
  filter: invert(1);
  width: 15px;
}

.main_form_view .form-content input[type="checkbox"]:checked {
  filter: inherit;
}
.main_form_view .form-content .password input{
  margin-top: 70px;
}
.main_form_view .remember {
  display: flex;
  width: fit-content;
  column-gap: 8px;
}
.main_form_view .form_options {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 90px;
}
.main_form_view .from_cta_btn .outer-login{
    position: relative;
}
.main_form_view .from_cta_btn .clip-path-border{
    position: absolute;
    clip-path: polygon(93% 0, 100% 53%, 100% 100%, 7% 100%, 0 45%, 0 0);
    width: 101%;
    height: 63px;
    top: -1.5px;
    right: -2px;
    background: #89CFF0;
}
.main_form_view .from_cta_btn button {
  width: 100%;
  display: block;
  position: absolute;
  z-index: 9999999999;
  font-size: 24px;
  background: var(--gray);
  border: 1px solid #89CFF0;
  color: #89CFF0;
  padding: 12px;
  margin-bottom: 12px;
  clip-path: polygon(93% 0, 100% 53%, 100% 100%, 7% 100%, 0 45%, 0 0);
  transition: all 0.3s ease 0s;
  padding-left: 32px;
  border-style: solid;
  border-image: #89CFF0;
}

/* .main_form_view .from_cta_btn button::before {
  content: "";
  position: absolute;
  background: var(--primary);
  width: 50px;
  height: 2px;
  left: -8px;
  bottom: 15px;
  transform: rotate(42deg);
}
.main_form_view .from_cta_btn button::after {
  content: "";
  position: absolute;
  background: var(--primary);
  width: 50px;
  height: 2px;
  right: -8px;
  top: 15px;
  transform: rotate(41deg);
} */
.main_form_view .from_cta_btn button:hover{
  /*background: var(--rainbow-color);*/
  color: var(--black);
  border-color: var(--body_bg);
  font-weight: 500;
}
.main_form_view .from_cta_btn p {
  text-align: center;
  margin-bottom: 40px;
}
.main_form_view .from_cta_btn p a,
.main_form_view .forgot_pass a {
  color: #89CFF0;
}
.form-content .username,
.form-content .password,
.form-content .c_password,
.form-content .email {
  position: relative;
}
.form-content i {
  position: absolute;
  bottom: 0;
  color: #89CFF0;
}
.form-content .password i,
.form-content .c_password i {
  bottom: 3px;
}
.signup-page .main_form_view .form-content input {
  margin-top: 60px;
}
.signup-page .main_form_view .form-title h1 {
  margin-bottom: 0;
}
.signup-page .from_cta_btn{
  margin-top: 90px;
}

.form-content .password i.password-eye-icon,
.form-content .c_password i.password-eye-icon {
  right: 5px;
  color: #fff;
  font-size: 20px;
}
.page_wrapper .hero-section .hero-image {
  height: 430px;
  overflow: hidden;
}
.page_wrapper section.hero-section .hero-image img {
  position: relative;
  top: -285px;
  height: 1200px;
}
.page_wrapper .px_tournaments_holder {
  justify-content: flex-start;
  column-gap: 0;
  margin-top: -220px;
}
.tournament_detail_page .tournament_img {
  max-width: 230px;
  position: relative;
}
.tournament_detail_page .tournament_img img {
  width: 100%;
}
.tournament_detail_page .tournament_img::before{
  content: "";
  position: absolute;
  width: 93%;
  height: 100%;
  background: var(--black);
  opacity: 0.8;
}
.tournament_detail_page .tournament_img p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 80px;
  font-size: 54px;
  font-weight: 800;
}
.tournament_detail_page span.g_price {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 22px;
  font-weight: 700;
}
.tournament_detail_page span.g_price sub {
  font-size: 26px;
  font-weight: 600;
}
.tournament_detail_page .tournament_item .top_head {
  padding-inline: 15px;
  margin-bottom: 5px;
}
.tournament_detail_page .tournament_item p {
  margin-bottom: 1px;
}
.tournament_detail_page .tournament_item p span.com_t {
  color: var(--primary);
}
.page_wrapper .px_tournaments_holder .tournament_item  {
  flex: 1;
}
.tournament_detail_page .tournament_item .right-info {
  border-left: 1px solid #b3b3b3;
  align-items: center;
}
.tournament_detail_page .tournament_item .left-info {
  padding-inline: 15px;
}
.tournament_detail_page .tournament_item .registration_info .left-info p {
  font-size: 11px;
  color: #ff1313d9;
  /*color: var(--primary);*/
}
.tournament_detail_page .tournament_item .registration_info .left-info p span.status_info {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: block;
}
.tournament_detail_page .tournament_item .registration_info .left-info,
.tournament_detail_page .tournament_item .registration_info .right-info {
  background: var(--dark-gray);
  border: 0;
  margin-right: 10px;
  padding: 8px 20px;
}
.tournament_detail_page .tournament_item .registration_info {
  margin-block: 20px;
  padding-inline: 15px;
}
.tournament_detail_page .tournament_item .registration_info .right-info p {
  font-size: 11.2px;
  color:#fff;
}
.tournament_detail_page .tournament_item .registration_info .right-info p .timing {
  /*color: var(--primary);*/
  color: #ff1313d9;
}
.tournament_detail_page .tournament_item .registration_info .right-info p.dt_info {
  font-size: 17px;
}
.tournament_detail_page .tournament_item .registration_info .right-info p {
  font-size: 11.2px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 15px;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul li + li {
  border-left: 1px solid #b3b3b3;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul li label {
  font-weight: 400;
}
.tournament_detail_page .tournament_item .tournament-details-entry-info ul li .value {
  font-size: 20px;
}
.tournament_detail_page .px_tournaments_holder {
  row-gap: 0;
}
.tournament-details-info-footer .enroll-button,
.Continue_btn,
.primary_btn
 {
  min-width: 120px;
  height: 60px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 17px;
  background: var(--primary);
  border: 0;
  color: var(--dark-gray);
  clip-path: polygon(84% 0, 100% 26%, 100% 100%, 16% 100%, 0 74%, 0 0);
  max-width: 140px;
}
.invert-btn {
  background: var(--gray);
  color: var(--primary);
}
.tournament-details-info-footer {
  background: var(--dark-gray);
  height: 150px;
 max-height: 150px;
}
.tournament-details-info-footer .enroll-now-container {
  margin-left: 20px;
}
.tournament-details-page-switcher .nav-tabs {
  background: var(--gray);
  border: 0;
}
.tournament-details-page-switcher .nav-tabs li a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 10px;
}
.tournament-details-page-switcher .nav-tabs li {
  position: relative;
  padding: 0;
}
.tournament-details-page-switcher .nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--primary);
  left: 0;
  bottom: 0;
}
.tournament-details-page-switcher .tab-content .tab-pane {
  background: var(--dark-gray);
  padding: 15px;
}
.tournament-details-page-switcher .tab-content .tournament-details-tab-bracket {
  background: transparent;
  padding: 0;
}
.tournament-details-page-switcher .pxle-tournament-bracket .pxle-tournament-bracket-team-wrapper .pxle-tournament-bracket-team {
  width: 178px;
}
.tournament-details-page-switcher h5 {
  font-size: 21px;
}
.pxle-tournament-bracket .pxle-tournament-bracket-team-wrapper .pxle-tournament-bracket-team{
  background: transparent;
}
.pxle-tournament-bracket .pxle-tournament-bracket-team-wrapper.is-match-winner .pxle-tournament-bracket-team {
  background: var(--gray);
}
.pxle-tournament-bracket .pxle-tournament-bracket-team-wrapper .pxle-tournament-bracket-team .bracket-team-winner-sign{
  color: var(--primary);
}
.remove-border:after{
   border-top: none !important;
   border-right: none !important;
}
.pxle-tournament-bracket .pxle-tournament-bracket-match-wrapper:nth-child(even):after{
  content: "";
  display: block;
  border-top: 2px solid var(--primary);
  border-right: 2px solid var(--primary);
  height: 50%;
  position: absolute;
  right: -18px;
  width: 18px;
  top: 50%;
  /*display: none !important;*/
}
.pxle-tournament-bracket .pxle-tournament-bracket-match-wrapper:nth-child(odd):after {
  content: "";
  display: block;
  border-bottom: 2px solid var(--primary);
  border-right: 2px solid var(--primary);
  height: 50%;
  position: absolute;
  right: -18px;
  width: 18px;
  bottom: 50%;
}
.final-match .pxle-tournament-bracket-match-wrapper:nth-child(odd):after{
  display: none !important;
}
.final-match .pxle-tournament-bracket-match-wrapper:nth-child(even):after{
  display: none !important;
}

.pxle-tournament-bracket .pxle-tournament-bracket-match-wrapper:nth-child(2n):not(.hide-bracket-lines):after,
.pxle-tournament-bracket .pxle-tournament-bracket-match-wrapper:nth-child(odd):not(.hide-bracket-lines):after,
.pxle-tournament-bracket .pxle-tournament-bracket-match:before{
  border-color: var(--primary);
}

.modal-dialog-centered {
  min-height: calc(100% - (1.75rem * 2));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}
.modal-dialog-centered .modal-content {
  background: var(--gray);
  width: 100%;
}
.modal-dialog-centered .modal-content .modal-header h4 {
  font-size: 20px;
  color: var(--white);
  text-transform: capitalize;
  font-weight: 400;
  font-family: 'poppins';
}
.modal-dialog-centered .modal-content .modal-header img {
  width: 50px;
  background: var(--white);
  border-radius: 50%;
  border: 2px solid var(--primary);
  margin-right: 15px;
  float: left;
}
.modal-dialog-centered .modal-content button.close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}
.modal-dialog-centered .modal-content .modal-header h4 p {
  font-size: 10px;
}
.modal-dialog-centered .modal-content .modal-header h4 p button {
  padding: 0 10px;
  background: var(--primary);
  border: 0;
  color: var(--black);
  border-radius: 4px;
  line-height: 16px;
  margin-right: 5px;
}
.modal-dialog-centered .modal-content .modal-body h4 {
  font-size: 20px;
  font-family: 'poppins';
  font-weight: 400;
  text-transform: inherit;
}

body .modal-dialog-centered a:visited{
  color: var(--primary);
}
body .modal-dialog-centered a:visited:hover{
  color: #4f9961;
}
.existing_team_holder {
  background: var(--dark-gray);
  padding: 15px;
}
.existing_team_holder ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.existing_team_holder ul li {
  display: flex;
  align-items: center;
}
.existing_team_holder ul li + li {
  margin-top: 15px;
}
.existing_team_holder ul li input[type="checkbox"],
.agree_rules input[type="checkbox"] {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  filter: opacity(0.5);
}
.existing_team_holder ul li input[type="checkbox"]:checked,
.agree_rules input[type="checkbox"]:checked{
  filter: inherit;
  accent-color: var(--primary);
}
.modal-dialog-centered .modal-content .modal-footer {
  border-top: 0;
  padding-top: 0;
}
.modal-dialog-centered .modal-content .modal-footer .Continue_btn{
  margin-inline: auto;
}
.tournament_rules_page .head_content {
  padding: 30px;
}
.tournament_rules_page .head_content .title{
  margin-block:20px;
}
.tournament_rules_page .head_content .contnt_1 p{
  margin-top: 20px;
}
.tournament_rules_page .head_content .contnt_1 ul li {
  line-height: 30px;
}
.tournament_rules_page .agree_rules {
  display: flex;
  column-gap: 10px;
  background: var(--dark-gray);
  padding: 20px;
  align-items: center;
  color: var(--primary);
}
.tournament_rules_page .agree_rules input[type="checkbox"] {
  margin-right: 0;
}
.rules_btn {
  margin-top: 20px;
  padding: 20px;
  display: flex;
  justify-content: center;
}
.btn-default:focus{
  outline:0;
}
.field_holder p span,
.field_holder p {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.field_holder p input {
  flex: 1;
  background: none;
  border: 0;
  border-bottom: 1px solid #484848;
}
.field_holder {
  background: var(--dark-gray);
  padding: 30px 25px;
}
.field_holder p span i {
  display: flex;
  width: 30px;
}
.material-icons:before {
  width: 30px;
}
.current_match_tab,
.rules_tab,
.basic-tab {
  padding: 20px !important;
}
.current_match_tab h6 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  background: var(--primary);
  padding-block: 15px;
  color: var(--gray);
}
.current_match_tab ul{
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.current_match_tab .col-md-6 + .col-md-6{
  border-left: 1px solid #fff3;
}
.team-info span {
  margin-block: 10px;
  display: block;
}
.dicision_holder h5 {
  text-align: center;
  width: 150px;
  margin: 40px auto 0;
  background: var(--primary);
  padding: 6px 25px;
  box-sizing: content-box;
  color: var(--gray);
  font-weight: 800;
}
.trophy-img {
  max-width: 150px;
}
.trophy-img img{
  width: 100%;
}
.dicision_content {
  width: fit-content;
}
.trophy-img {
  max-width: 200px;
  border: 4px solid var(--primary);
  padding: 15px 15px 0;
  background: var(--black);
}
.trophy-img p {
  background: var(--primary);
  color: var(--gray);
  font-weight: 600;
  font-size: 18px;
  padding-block: 5px;
}
.tournament_item.rules_tab {
  background: transparent;
}
.chat_box_wrapper #chat-tabs {
    border-bottom: none;
    background-color: #000;
}
.chat_box_wrapper {
  max-width: 500px;
  margin: 80px auto 30px;
}
.chat_box_wrapper .nav-tabs .nav-link{
    width: 125px;
    text-align: center;
}
.chat_box_wrapper .main-chat-tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat_box_wrapper table {
  width: 100%;
}
.chat_box_wrapper table th,
.chat_box_wrapper table td{
  text-align: center;
  padding: 15px 5px;
}
.chat_box_wrapper table td{
  border: 0 !important;
}
.current_match_tab .chat_box_wrapper h6 {
  margin-bottom: 0;
}
.text-box_holder {
  position: relative;
}
.text-box_holder.report-dashboard {
  position: relative;
  bottom: 19px !important;
}
.text-box_holder .chat-butn-holder .fa-location-arrow{
   color: #ffff;
   font-size: 25px;
   transform: rotate(45deg);
}
.text-box_holder input {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  padding: 10px 40px 10px 10px;
}
.text-box_holder  button {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  right: 8px;
  top: 4px;
  bottom: 0;
}
.org-info {
  margin-top: 40px;
}
.org-info label {
  display: block;
  font-weight: 400;
}
.org-info input{
  padding: 6px 10px;
  width: 100%;
  background: transparent;
  border: 1px solid #ffffff20;
}
.org-info .org-item {
  display: block;
}
.org-info .org-item + .org-item{
  margin-top: 20px;
}
.org-rBtn input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.org-rBtn label {
  color: lighten(#332f35,40%);
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  padding: 5px 20px;
  margin-bottom: 0;
}

.org-rBtn input[type=radio]:checked +  label{
  color: #fff;
  background: var(--gray);
}

.org-rBtn label + .org-rBtn input[type=radio] + .org-rBtn label {
  border-left: 1px solid #ffffff20;
}
.org-rBtn .radio-group {
  border: 1px solid #ffffff20;
  display: inline-block;
  overflow: hidden;
}
.org-rBtn .radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2px;
}
.org-rBtn label {
  width: 50%;
  text-align: center;
}
.logo-upload-content #top{
  margin-top:20px;
}

.logo-upload-content .btn-container {
  padding: 10px;
  margin-bottom: 0;
  border: 1px solid #ffffff20;
  position: relative;
}
.logo-upload-content .white{
  color:white;
}
.logo-upload-content .imgupload {
  color: var(--primary);
  font-size: 60px;
  margin: 0;
}
.logo-upload-content #namefile {
  color: #fff;
  font-size: 12px;
}
.logo-upload-content h4>strong{
  color: var(--primary)
}
.logo-upload-content .btn-primary{
  border-color:  var(--primary) !important;
  color: var(--black);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background:  var(--primary) !important;
  border-color:  var(--primary) !important;
}
.logo-upload-content .imgupload.ok{
  display:none;
  color:green;
}
.logo-upload-content .imgupload.stop{
  display:none;
  color:red;
}
.logo-upload-content #fileup {
  opacity: 0;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  top: 0;
  WIDTH: 100%;
}
.logo-upload-content #submitbtn{
  padding:5px 50px;
  display:none;
}
.logo-upload-content #fakebtn{
  padding:5px 40px;
}
.logo-upload-content #sign{
  color:#1E2832;
  position:fixed;
  right:10px;
  bottom:10px;
  text-shadow:0px 0px 0px #1E2832;
  transition:all.3s;
}
.logo-upload-content #sign:hover{
  color:#1E2832;
  text-shadow:0px 0px 5px #1E2832;
}
.file-upload-main-file button {
  font-size: 14px;
  padding: 3px 15px;
  border-radius: 0;
}
.upload-file-panel {
  display: flex;
  column-gap: 10px;
}
.tournament-details-page-switcher .tab-content .tournament-details-tab-bracket textarea {
  background: var(--gray);
  padding: 5px;
  border-color: transparent;
  width: 100%;
  outline: none;
}
.org-edit-header-uploader{
  position: relative;
}
.org-edit-header-uploader .drop-box {
  padding: 10px;
  margin-bottom: 0;
  border: 1px solid #ffffff20;
  height: 380px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.org-edit-header-uploader #header-image {
  opacity: 0;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  top: 0;
  WIDTH: 100%;
}
.pb-10 {
  padding-bottom: 10px;
}
.org-edit-header-uploader .fade-over-icon {
  font-size: 300%;
}
.text-28px {
  font-size: 28px;
}
.org-edit-header-uploader .placeholders .ph-text .pixal-upload-dimensions-text {
  margin-top: 14px;
}
.org-edit-header-uploader .placeholders {
  width: fit-content;
}
.btn-holder {
  display: flex;
  justify-content: space-around;
}
.ng-transclude {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 100%;
}
.contatc-info .form-group,
.contatc-info .form-group-sm {
  position: relative;
  margin-bottom: 15px;
}
.contatc-info .form-group.has-left-icon .icon-box {
  color: #7e838c;
  position: absolute;
  left: 14px;
  top: 10px;
}
.bf-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #1c222b;
  border-radius: 10%;
  height: 30px;
  width: 30px;
  z-index: 2;
  overflow: hidden;
}
.bf-org-edit-setup-contact .bf-icon[icon='socialIcons'] {
  width: 20px;
  height: 20px;
  margin-left: -3px;
}
.contatc-info .form-control,
.contatc-info .form-control-sm {
  display: block;
  width: 100%;
  height: 42px;
  color: #fff;
  background: transparent;
  background-image: none;
  border: 1px solid var(--gray);
  border-radius: 4px;
}
.contatc-info .form-group.has-left-icon .form-control {
  padding-left: 40px;
}
.contatc-info .bf-icon img {
  height: 100%;
  width: 100%;
}
.contatc-info .bf-image .dummy-image {
  display: none;
  position: absolute;
}
.contatc-info .bf-image .actual-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.contatc-info .bf-icon[icon='socialIcons'] .actual-image {
  background-size: contain !important;
  background-position: center;
}
.contatc-info .bf-icon[icon='socialIcons'] {
  width: 20px;
  height: 20px;
  margin-left: -3px;
}
.ng-transclude .role-breakdown {
  margin-bottom: 40px;
}
.table-row {
  display: table-row;
}
.ng-transclude .table-row {
  display: -webkit-flex;
  display: flex;
}
.ng-transclude .table-row.header {
  border-bottom: 1px solid #28303f;
  color: #7e838c;
}
.ng-transclude .table-row>div {
  padding: 8px;
}
.ng-transclude .table-row .td-role,
.ng-transclude .table-row .td-username {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.ng-transclude  .table-row .td-role {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 35%;
}
.ng-transclude  .table-row .td-username {
  width: 65%;
}
.ng-transclude  .form-control,
.ng-transclude  .form-control-sm {
  display: block;
  width: 100%;
  height: 42px;
  color: #fff;
  background: #1c222b;
  background-image: none;
  border: 1px solid #28303f;
  border-radius: 4px;
  font-size: 14px;
}
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
.select-items {
  position: absolute;
  background: var(--gray);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background: rgba(0, 0, 0, 0.1);
}
.select-selected {
  background: transparent;
}
.custom-select{
  background: transparent;
  border:1px solid #28303f;
  height: auto;
  padding: 0;
}
.cog-btn .btn {
  background: transparent;
  border:1px solid #28303f;
}
#staff hr {
  opacity: 0.2;
}
.highlight-panel {
  border: 1px solid #ffffff20;
  padding: 15px 15px 15px 60px;
  text-align: center;
  background: var(--gray);
  position: relative;
}
.highlight-panel .p-admin {
  position: absolute;
  left: 8px;
}
.highlight-panel span input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
  accent-color: #7af098;
}
.sr-main-panel {
  background: var(--gray);
  padding: 50px;
  margin-top: 15px;
}
.sr-main-panel h4.title-info {
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
}
.round-info-holder p {
  margin-block: 15px;
}
.score-info-holder {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.score-user-info {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.score-user-info .name-icon {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  border: 1px solid #ffffff20;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dark-gray);
  margin-bottom: 20px;
}
.score-user-info .player-name {
  font-size: 22px;
  color: var(--primary);
  font-weight: 300;
}
.score-user-info .player-status{
  color:var(--white);
  margin-top: 10px;
}
.score-user-info .player-speed {
  color: #ffffff;
  opacity: 0.4;
  font-weight: 300;
}
.score-info {
  display: flex;
  align-items: center;
  height: 130px;
  column-gap: 50px;
  justify-content: center;
}
.score-info .score {
  font-size: 36px;
  font-weight: 400;
  border-inline: 1px solid #ffffff20;
  padding-inline: 20px;
}
.report-btn-holder {
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 50px;
  align-items: center;
}
.report-btn-holder button {
  width: fit-content;
}
.report-score-btn {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--black);
  padding: 10px 20px;
  transition: 0.3s all;
}
.report-score-btn:hover {
  background: transparent;
  color: var(--primary);
}
button.report-issue-btn {
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 10px 20px;
  transition: 0.3s all;
}
button.report-issue-btn:hover {
  background: var(--primary);
  color: var(--black);
}

.ss-upload img[src=""] {
  display: none;
}
.ss-upload {
  width: 130px;
  height: 125px;
  border: 1px dashed var(--white);
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.ss-upload input{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 10;
}
.ss-upload img {
  width: auto;
  height: 100%;
  max-width: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  opacity: 0.6;
}
.ss-upload form,
.ss-upload .upload-file-holder{
  height: 100%;
  text-align: center;
}
.ss-upload p {
  position: relative;
  z-index: 2;
  color: #fff;
}
.ss-upload i {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 0;
  right: 0;
  font-size: 40px;
  color: #fff;
}
.ss-upload.right {
  opacity: 0.5;
}
.ss-upload-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.profile-page .hero-image {
  background: var(--gray);
}
.profile-page .container.profile-page-container {
  position: relative;
  max-width: 100%;
  margin-top: -300px;
}
#user-profile-page .main-content{
  background: transparent;
}
#user-profile-page .profile-page-stats-block,
.profile-trophies-container>div{
  background: var(--dark-gray);
}
#user-profile-page .profile-page-stats-block .stats-col-wrapper .stats-col-container .stat-contents .stat-header,
.profile-trophies-container>div div.trophy-info .trophy-name.elite,
.skill-level-explainer .skill-level-explainer-button i{
  color: var(--primary);
}
.profile-trophies-container>div div.trophy-image,
.mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab,
.game-box-component,
.mdl-button.dark-button-secondary {
  background: var(--gray);
}
.profile-trophies-container>div div.trophy-image:after {
  border-color: transparent transparent transparent  var(--gray);
}
.tabs.mdl-tabs__tab-bar ul.nav.nav-tabs {
  width: 100%;
  border: 0;
}
.tabs.mdl-tabs__tab-bar ul.nav.nav-tabs a {
  width: 100%;
}
.tabs.mdl-tabs__tab-bar ul.nav.nav-tabs li{
  padding:0;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #3f51b5;
  -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) alternate forwards;
  animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) alternate forwards;
  transition: all 1s cubic-bezier(.4, 0, 1, 1);
}
.mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab.active:after {
  background: #8aff80;
}
.team-filters-container {
  width: 100%;
}
.team-filters-container .filter-container select {
  background: transparent;
  padding-inline: 12px;
  appearance: auto;
  -webkit-appearance: auto;
  -ms-appearance: auto;
  -webkit-appearance: auto;
}
.team-filters-container .filter-container select option{
  background:var(--dark-gray);
}
.waller.btn {
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-top: 15px;
}
.position-relative {
  position: relative;
}
.border-rounded {
  border-radius: 4px;
}
.border {
  border-width: 1px;
  border-style: solid;
}
.border-rounded-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.border-navy-400 {
  border-color: #28303f;
}
.border-bottom-none {
  border-bottom-style: none;
}
.gutter-10 {
  padding: 10px;
}
.bg-navy-500 {
  background: #151b27;
}
[data-flex], [flex] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
[data-flex][data-row-lg],
[data-flex][row-lg],
[flex][data-row-lg],
[flex][row-lg] {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
[data-flex][data-layout="start stretch"],
[data-flex][layout="start stretch"],
[flex][data-layout="start stretch"],
[flex][layout="start stretch"] {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
}
[data-flex][data-layout="space-between center"],
[data-flex][layout="space-between center"],
[flex][data-layout="space-between center"],
[flex][layout="space-between center"] {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
[data-flex][data-layout="center center"],
[data-flex][layout="center center"],
[flex][data-layout="center center"],
[flex][layout="center center"] {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.text-18px {
  font-size: 18px;
}
.bf-wallet {
  display: block;
}
.bf-wallet .icon-container {
  width: 20px;
  height: 20px;
}
.bf-wallet hr.divider, .bf-wallet .divider {
  width: 100%;
  border-bottom: 1px solid #28303f;
  height: 1px;
  position: relative;
  margin: 10px 0;
}
.mr-15 {
  margin-right: 15px;
}
.ml-5 {
  margin-left: 5px !important;
}
.text-gray {
  color: #7e838c;
}
.text-red {
  color: red !important;
}
.text-primary {
  color: var(--primary) !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mb-5{
  margin-bottom: 5px !important;
}
.mr-25 {
  margin-right: 25px;
}
.text-highlight-300 span {
  color: #FFCE1F;
}
.wallet-top-up h2,
.wallet-top-up h2 span {
  margin: 0;
}
.text-12px {
  font-size: 12px;
}
.full-width {
  width: 100%;
}
.bf-select {
  display: -webkit-flex;
  display: flex;
  color: #151b27;
}
.border-color-animated {
  transition: border-color .15s ease;
}
.border-gray-400 {
  border-color: #7e838c;
}
.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.border-1 {
  border: 1px solid #ffffff20;
}
.font-500 {
  font-weight: 500;
}
.bf-wallet-top-up .bf-select select {
  text-transform: uppercase;
}

.bf-select select.form-control {
  position: relative;
  left: 0;
  border: 0;
  height: 35px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 10px;
}
select option {
  color: #000;
  background: #fff;
}
.mr-20 {
  margin-right: 20px;
}
.ml-20 {
  margin-left: 20px;
}
.border-navy-400 {
  border-color: #28303f;
}
.border-right {
  border-right-width: 1px;
  border-right-style: solid;
}
.bg-navy-400 {
  background: #28303f;
}
.mr-10 {
  margin-right: 10px;
}
.bf-wallet-top-up .offer .coin {
  box-shadow: 0 2px 5px 2px rgba(0,0,0,0.05);
}
.pixal-icon-mini-logo {
  /*height: 50px;*/
  /*width: 50px;*/
  background: url("../images/coin.png") no-repeat;
  background-size: contain;
  background-position: center center;
}
/*background: url("https://cdn.battlefy.com/helix/images/logos/logo-square-transparent.svg") no-repeat;*/
.wallet-top-up .offer .coin-logo {
  height: 60px;
  width: 60px;
  margin: -20px;
  /*-webkit-filter: grayscale(1);*/
  /*filter: grayscale(1);*/
  /*opacity: .8;*/
}
@media (min-width: 992px){
.profile-header-data .modal-lg {
    max-width: 900px !important;
}
}
/*.bg-highlight-300 {*/
/*  background: #FFCE1F;*/
/*}*/
.border-circle {
  border-radius: 100%;
}
.gutter-20 {
  padding: 20px;
}
.ml-10 {
  margin-left: 10px;
}
.text-highlight-300 {
  color: #FFCE1F !important;
}
.text-18px {
  font-size: 18px;
}
.text-white {
  color: #fff;
}
.text-14px {
  font-size: 14px;
}
.h-0{
  height: 0;
}
.hover-border-secondary:hover {
  border-color: var(--primary);
}
.wallet-top-up .offer:hover .coin {
  -webkit-animation: spin3d 1s infinite;
  animation: spin3d 1s infinite;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
select.form-control:not([size]):not([multiple]) {
  height: auto;
}
select.form-control option{
  background: var(--gray);
  color: var(--white);
}
@keyframes spin3d{
  0% {
    -webkit-transform: 0;
    transform: 0;
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
  }
}
.wallet-modal .modal-lg {
  position: fixed;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.wallet-modal .modal-content {
  border: 0;
  background: transparent;
}
.wallet.btn {
  margin-top: 30px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.profile-header-data-middle .your-balance{
    margin-top: 30px;
    padding: 12px 12px;
    background: #131313;
    border-radius: 2px;
    border: 1px solid #303030;
    color: #f6ff00;
    font-weight: 500;
    font-size: 18px;
}
.profile-header-data-middle .your-balance p{
    color: #b3b3b3 !important;
    font-size: 16px !important;
}
.flex-1{
  flex:1;
}
#paypal-button-container {
  margin-top: 30px;
}

.chat-section .chat_box_wrapper{
  /*max-width: 100%;*/
  /*margin: 0;*/
  max-width: 600px;
  margin: 35px auto 30px;
  border: 1px solid;
  height: 443px;
  max-height: 443px;

}
section.chat-section .chat_box_holder {
  background: var(--gray);
  padding: 50px;
}
.chat_box_wrapper table.table-bordered,
.chat_box_wrapper table.table-bordered th,
.text-box_holder input {
  border-color: #ffffff20;
}
.chat-butn-holder {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  right: 8px;
  top: 4px;
  bottom: 0;
}
.chat-butn-holder button {
  position: relative;
}
section.chat-section .text-box_holder input {
  padding: 10px 84px 10px 10px;
}
.add-tournament-holder {
  display: flex;
  justify-content: space-between;
  min-height: calc(100vh - 260px);
}
.add-tournament-holder .sidebar{
  width: 315px;
  float: left;
  margin-top: 15px;
  background: var(--dark-gray);
  height: 500px;
}
.add-tournament-holder .tournament-details-page-switcher {
  width: calc(100% - 330px);
  margin-left: auto;
}
.px-admin-menu-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 20px;
  border-bottom: 1px solid #28303f;
  max-width: 300px;
  overflow: hidden;
  min-height: 60px;
}
.px-admin-menu-title .icon {
  display: -webkit-flex;
  display: flex;
  max-height: 40px;
}
.px-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #1c222b;
  border-radius: 10%;
  height: 30px;
  width: 30px;
  z-index: 2;
  overflow: hidden;
}
.px-admin-menu-title .icon .px-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.px-image {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.fade-in {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.px-image .actual-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.px-icon img {
  height: 100%;
  width: 100%;
}
.px-image .dummy-image {
  display: none;
  position: absolute;
}
.px-admin-menu-title .text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  max-height: 38px;
  max-width: 220px;
  overflow: hidden;
  color: #7e838c;
}
.px-admin-menu-title .text a,
.px-admin-menu-title .text p {
  max-width: 220px;
  overflow: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}
.px-admin-menu-title .text a,
.px-admin-menu-title .text .no-context-text {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  min-height: 20px;
}
.px-admin-menu {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  padding: 20px;
  background: #1e2632;
}
.admin-menu-container .px-admin-menu {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background: var(--dark-gray);
}
.admin-menu-container .px-admin-menu-title {
  background: var(--gray);
  margin-inline: 0;
  padding-inline: 20px;
  max-width: initial;
}
.absolute-stretch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.admin-menu-container .px-admin-menu-title a:hover span.px-top-bar-title-org-name {
  color: #fff;
}
[data-flex][data-layout="space-between stretch"],
[data-flex][layout="space-between stretch"],
[flex][data-layout="space-between stretch"],
[flex][layout="space-between stretch"] {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
[data-grow], [grow] {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.flex-1{
  flex:1;
}
#paypal-button-container {
  margin-top: 30px;
}
.admin-menu-container {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.text-20px {
  font-size: 20px;
}
.font-400 {
  font-weight: 400;
}
.text-16px {
  font-size: 16px;
}
ul.list-unstyled li h3,
ul.list-unstyled li a,
.admin-menu h4{
  text-transform: capitalize;
}
.admin-menu {
  flex-direction: column;
}
/* .px-admin-menu li.disabled h3,
.px-admin-menu li.disabled h4,
.px-admin-menu li.disabled i {
  color: #4A4B4C;
} */
.mb-40 {
  margin-bottom: 40px;
}
.px-admin-menu .selected h3,
.px-admin-menu .selected h4,
.px-admin-menu .selected i,
.px-admin-menu .selected a {
  color: #fff;
}
/* .px-admin-menu li.disabled {
  cursor: not-allowed;
} */
.cursor-pointer {
  cursor: pointer;
}
.px-admin-menu .active:after,
.px-admin-menu .active:before {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  content: '';
}
.px-admin-menu .active:before {
  border-width: 26px 26px 26px 0;
  border-color: transparent #28303f transparent transparent;
  right: -20px;
  top: -16px;
}
.px-admin-menu .active:after {
  border-width: 25px 25px 25px 0;
  border-color: transparent var(--body_bg) transparent transparent;
  right: -21px;
  top: -15px;
}
.px-admin-menu li {
  position: relative;
  line-height: 1.49em;
}
hr.divider {
  width: 100%;
  border-bottom: 1px solid #28303f;
  height: 1px;
  position: relative;
  border-top: 0;
}
.text-24{
  font-size: 24px;
}
.text-10px {
  font-size: 10px;
}
.font-400 {
  font-weight: 400;
}
.text-14px {
  font-size: 14px;
}
section.add-tournament-page .border-bottom{
  border:0;
  border-bottom: 1px solid #ffffff20;
  padding-inline: 0;
}
.org-item-holder {
  display: flex;
  width: 100%;
  column-gap: 2%;
  justify-content: space-between;
}
.org-info .org-item-holder .org-item + .org-item {
  margin-top: 0;
}
.org-item-holder .org-item {
  width: 48%;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.section-holder {
  margin-bottom: 80px;
}
.bg-0{
  background:transparent !important;
}
#optional-form {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 2%;
}
.form-about{
  min-height: 250px;
}
.tournament-info-tab {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 2%;
}
#accordion .card-header,
#accordion1 .card-header,
#accordion2 .card-header {
  background: var(--dark-gray);
  border: 0;
  padding: 0;
}
#accordion .card-header h5,
#accordion1 .card-header h5,
#accordion2 .card-header h5{
  padding: 0;
}
#accordion .card-header h5 button,
#accordion1 .card-header h5 button,
#accordion2 .card-header h5 button{
  padding: 15px;
}
#accordion .card,
#accordion1 .card,
#accordion2 .card {
  border:1px solid #2a2a2a;
  margin-bottom: 20px;
  background: transparent;
}
#accordion .card .card-header button.btn,
#accordion1 .card .card-header button.btn,
#accordion2 .card .card-header button.btn {
  width: 100%;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
}
#accordion .card .card-header button.btn::after,
#accordion1 .card .card-header button.btn::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 22px;
  top: 10px;
}
#accordion1 .card .card-header button.btn::after {
  top: 20px;
}
#accordion .card .card-header button.btn[aria-expanded="true"]::after,
#accordion1 .card .card-header button.btn[aria-expanded="true"]::after {
  content: "";
  position: absolute;
  right: 21px;
  font-size: 22px;
  top: 24px;
  background: #ffffff;
  height: 2px;
  width: 10px;
}
#accordion1 .card .card-header button.btn[aria-expanded="true"]::after {
  top: 34px;
}
#accordion .card .card-header button.btn:hover,
#accordion1 .card .card-header button.btn:hover,
#accordion2 .card .card-header button.btn:hover {
  text-decoration: none;
}
.text-info-sec {
  padding: 0 20px 20px 20px;
  border-top: 1px solid #ffffff20;
  background: var(--gray);
}
.text-info-sec textarea {
  width: 100%;
  background: var(--gray);
  border: 0;
  padding: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.tournament-info-tab .org-item {
  margin-top: 20px;
}
#show_enable input {
  min-height: 33.5px;
}
.setting-tab .tournament-info-tab {
  grid-template-columns: 48% 48%;
  grid-column-gap: 4%;
}
.inner-main-holder {
  display: flex;
}
.min-info{
  flex: 1;
  white-space: nowrap;
  word-break: keep-all;
}
.select-countries {
  height: 300px;
  overflow-y: auto;
  border: 1px solid #ffffff20;
  padding: 10px;
}
.select-countries input {
  opacity: 0;
  width: 15px;
  height: 15px;
}
.select-countries input:checked {
  opacity: 1;
  accent-color: var(--primary);
}
.check-inner-holder {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}
.check-inner-holder input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background: transparent;
  border: 1px solid var(--primary);
}
.check-inner-holder:hover input ~ .checkmark {
  background: var(--primary);
}
.check-inner-holder input:checked ~ .checkmark {
  background: var(--primary);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-inner-holder input:checked ~ .checkmark:after {
  display: block;
}
.check-inner-holder .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid var(--dark-gray);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.setting-tab .countery-selection-holder {
  grid-template-columns: 48%;
}
.left-side-field-sec .dropdown:hover>.dropdown-menu {
  display: none;
}
.left-side-field-sec ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-top: 20px;
}
.left-side-field-sec .field-privacy {
  display: inline-block;
  width: 55px;
}
.left-side-field-sec .key-label {
  margin-left: 10px;
}
.add-new-fields {
  display: flex;
}
.add-new-fields .new-input-field{
  margin-inline: 10px;
}
.custom-field-info p:not(:last-child) {
  margin-bottom: 10px;
}
.custom-field-info p {
  padding: 10px;
  background: var(--gray);
}
.custom-field-info p.field-description {
  background: #3B455B;
}
.play-register-section {
  margin-top: 30px;
}
.left-side-field-sec .add-new-fields a:hover {
  color: #fff;
}
.border-0{
  border: 0;
}
.sidebar ul li {
  line-height: 24px;
}
.sidebar .nav {
  flex-direction: column;
}
.bg-gray{
  background: var(--gray);
}
.tab-title {
  padding: 15px;
}
.sidebar ul li a.active {
  color: #fff;
}
.tab-inner-content {
  width: 100%;
  min-height: calc(100% - 50px);
  background: var(--dark-gray);
  padding: 15px;
}
.tournament-details-page-switcher > div {
  height: 100%;
}
.weight-300{
  font-weight: 300;
}
#accordion1 .org-rBtn input[type=radio]:checked + label {
  color: #fff;
  background: var(--dark-gray);
}
#accordion1 .inner-main-holder {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
#accordion1 .inner-main-holder input[type="number"] {
  flex: 3;
}
[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
[data-title]:after {
  content: attr(data-title);
  background: var(--dark-gray);
  color: var(--white);
  position: absolute;
  padding: 7px;
  left: 12px;
  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border: 1px solid #ffffff20;
  z-index: 99999;
  visibility: hidden;
  width: 200px;
  text-transform: initial;
  font-family: poppins;
  line-height: 15px;
  letter-spacing: 0.5px;
  bottom: -6px;
  font-size: 10px;
}
[data-title] {
  position: relative;
}
table [data-title]:after {
  bottom:20px;
  left: -90px;
  width: fit-content;
  min-width: 170px;
  text-align: center;
}
.primary_s_btn {
  background: var(--primary);
  color: var(--black);
  padding: 6px 10px;
  border: 0;
  min-width: 110px;
}

.primary_s_invert_btn {
  background: transparent;
  color: var(--primary);
  padding: 6px 10px;
  border: 1px solid var(--primary);
  min-width: 110px;
}
.acc_btn {
  justify-content: flex-end;
  column-gap: 10px;
}
.new-stream-content {
  column-gap: 10px;
}
.new-stream-content .text-input-container {
  column-gap: 10px;
  margin-right: 10px;
  align-items: end;
}
.new-stream-content .px-select{
  max-width: 180px;
}
.new-stream-content .px-text-input input {
  padding-block: 5px;
}
.create-code-panel .new-stream-content .text-input-container {
  display: flex;
  align-items: center;
}
.create-code-panel .new-stream-content .text-input-container .px-text-input {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
input[type="checkbox"]{
  accent-color: var(--primary);
}
.new-stream-content .px-select .px-select {
  border: 1px solid #ffffff70;
  height: 100%;
  padding: 6px 12px;
}
.tournament-link-holder {
  position: relative;
}
.tournament-link-holder input {
  padding-right: 30px !important;
}
.tournament-link-holder i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  color: var(--primary);
}
a.joining-info {
  color: var(--primary);
  font-weight: 300;
}
.tournament-link-holder .social-icon i {
  position: relative;
  font-size: 22px;
}
.list-share-container .list-inline {
  margin-top: 10px;
  display: flex;
  column-gap: 20px;
}
.search-box{
  position: relative;
}
.search-box i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  left: 5px;
}
.search-box input {
  padding: 5px;
  border-radius: 4px;
}
.ct-items-holder button {
  padding: 5px 15px;
  border-color: #ffffff80;
  border-radius: 4px;
}

.add-new-player-table .switch {
  --line: #505162;
  --dot: #f7f8ff;
  --circle: #9ea0be;
  --duration: 0.3s;
  --text: #9ea0be;
  cursor: pointer;
  height: 8px;
  width: 38px;
}
.add-new-player-table .switch input {
  display: none;
}
.add-new-player-table .switch input + div {
  position: relative;
}
.add-new-player-table .switch input + div:before, .switch input + div:after {
  --s: 1;
  content: "";
  position: absolute;
  height: 3px;
  top: 5px;
  width: 20px;
  background: var(--line);
  transform: scaleX(var(--s));
  transition: transform var(--duration) ease;
}
.add-new-player-table .switch input + div:before {
  --s: 0;
  left: 0;
  transform-origin: 0 50%;
  border-radius: 2px 0 0 2px;
}
.add-new-player-table .switch input + div:after {
  left: 18px;
  transform-origin: 100% 50%;
  border-radius: 0 2px 2px 0;
}
.add-new-player-table .switch input + div span {
  line-height: 10px;
  color: var(--text);
}
.add-new-player-table .switch input + div span:before {
  --x: 0;
  --b: var(--circle);
  --s: 3px;
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--s) var(--b);
  transform: translateX(var(--x));
  transition: box-shadow var(--duration) ease, transform var(--duration) ease;
}

.add-new-player-table .switch input:checked + div:before {
  --s: 1;
}
.add-new-player-table .switch input:checked + div:after {
  --s: 0;
}
.add-new-player-table .switch input:checked + div span:before {
  --x: 20px;
  --s: 12px;
  --b: var(--dot);
}
.add-new-player-table {
  margin-top: 20px;
}
.add-new-player-table table thead tr th {
  font-weight: 400;
  padding-block: 10px;
}
.add-new-player-table table tbody tr {
  border-top: 1px solid #ffffff20;
}
.add-new-player-table table tbody tr td,
.add-new-player-table table thead tr th {
  padding: 10px;
}
.add-new-player-table table tbody tr:hover {
  background: var(--gray);
}
.add-new-player-table table tbody tr .dlt-player-icon{
  opacity: 0;
}
.add-new-player-table table tbody tr:hover .dlt-player-icon{
  opacity: 1;
}
.min-height-100{
  min-height: 100%;
}
label.pending-players {
  text-transform: capitalize;
  font-weight: 400;
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
}
.email-textarea {
  height: 200px;
  padding: 15px;
  border-color: #ffffff20;
}
.md-inner-content {
  text-align: center;
  border: 1px dashed #ffffff80;
  padding: 20px;
}
.tab-inner-content a:hover,
.tab-inner-content a:focus {
  color: #fff !important;
}
.top-info-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 10px;
}
.top-info-container .info-item {
  margin-right: 20px;
}
.top-info-container .info-heading {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  color: #7e838c;
  text-transform: capitalize;
}
.top-info-container .info-data{
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.date-connector {
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #7e838c;
  margin-block: 0;
  position: relative;
  top: 19px;
}
table.table-condensed {
    background-color: #fff !important;
}
.dropdown-menu a.dropdown-item:hover {
  color: var(--black) !important;
}
form.datepickerForm input {
  height: 34px;
  background: var(--gray);
}
form.datepickerForm input:focus{
  background-color: var(--dark-gray);
}
.activity-feed-date {
  display: inline;
  background: var(--dark-gray);
  padding: 0 10px;
  z-index: 100;
}
.boundary {
  margin-top: -8px;
  border-color: #7e838c;
  border: 0;
  border-bottom: 1px dashed #ffffff80;
}
.activity-list-holder .avatar-box {
  width: 30px;
}
.activity-list-holder .px-avatar {
  display: block;
  width: 100%;
}
.activity-list-holder .wrapper {
  margin: 0 auto;
  min-height: 85%;
  height: auto !important;
  height: 100%;
  position: relative;
}
.activity-list-holder .px-avatar .wrapper {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  width: 100%;
  padding-top: 24px;
  position: relative;
}
.activity-list-holder .px-avatar .non-avatar {
  margin-top: -10%;
  z-index: 1;
}
.font-300 {
  font-weight: 300;
}

.text-14px {
  font-size: 14px;
}
.text-gray {
  color: #7e838c;
}
.activity-list-holder .absolute-stretch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.activity-list-holder .px-tournament-edit-activity-feed-item span.poi {
  color: #68B2FF;
  font-weight: 600;
}
.seed-bracket-holder .org-info ul {
  list-style: none;
  display: flex;
  column-gap: 20px;
  flex-wrap: wrap;
}
.p-btn {
  height: 32px;
  width: 32px;
  padding: 0 !important;
}
.tournament-details-info-footer .tournament-counter span {
  font-size: 20.6px;
}
.organize-menu .active::after,
.organize-menu .active::before{
  display: none;
}
.organize-tournament .ct-items-holder .control-item input {
  height: 33px;
  border-radius: 4px;
  padding: 6px;
  border-color: #ffffff80;
}
.min-height-100vh{
  min-height: 100vh;
}
.org-drop .dropdown-menu {
  width: inherit;
  min-width: 200px;
}
.organize-tournament .head-caption .title {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 1.49em;
  margin-bottom: 20px;
  min-height: 46px;
}
.pad-15-20{
  padding: 15px 20px;
}
.td-info{
  display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1.49em;
}
.inner-td-info{
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 5px;
}
.days-info{
  background-color: var(--primary);
  text-transform: uppercase;
  border-radius: 15px;
  font-size: 9px;
  font-weight: bold;
  padding: 6px;
  line-height: 1;
  color: var(--dark-gray);
}
.footer-caption {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  padding: 15px 20px;
  height: 60px;
}
.organization-logo {
  height: 28px;
}
.organization-logo img{
  border-radius: 4px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  width: 28px;
  margin-right: 10px;
}
.thumb-item{
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--gray);
  cursor: pointer;
  text-decoration: none;
  color: white;
  height: 100%;
  display: grid;
  grid-template-rows: min-content auto 1fr min-content;
  position: relative;
  border: none;
}
.sidebar .submenu{
  list-style: none;
  background-color: var(--gray);
}
.organize-tournament-holder .sidebar .has-submenu.nav-item > .nav-link{
  position: relative;
}
.organize-tournament-holder .sidebar .has-submenu .nav-link{
  color: #7e838c;
}
.organize-tournament-holder .sidebar .has-submenu .nav-link.active{
  color: #ffffff;
}
.organize-tournament-holder .sidebar .has-submenu.nav-item > .nav-link::after,
.organize-tournament-holder .sidebar .has-submenu.nav-item > .nav-link.active::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #ffffff70;
  border-bottom: 2px solid #ffffff70;
  position: absolute;
  transform: rotate(45deg);
  right: 0;
  display: flex;
  border-top: 0;
  top: 0;
}
.height-100{
  height: 100%;
}
.pro-head {
  display: flex;
  column-gap: 10px;
}
.pro-head p.px-organization-name {
  margin-bottom: 7px;
  font-size: 20px;
}
.pro-head p.follow-info {
  margin: 0;
  font-size: 10px;
}
.pro-head p.follow-info button {
  border: 1px solid var(--primary);
  border-radius: 4px;
  padding: 0 17px;
  line-height: 17px;
  margin-right: 10px;
}
.px-tournamnet-name{
  font-weight: 400;
  font-size: 28px;
  text-transform: capitalize;
}
.px-tournament-info h5{
  font-size: 16px;
  font-weight: 400;
}
.tournament-details-page-switcher .px-tournament-inner-details .nav-tabs li a.active::after{
  display: none;
}
.tournament-details-page-switcher .px-tournament-inner-details .nav-tabs li a{
  border-bottom: 1px solid #ffffff70;
}
.tournament-details-page-switcher .px-tournament-inner-details .nav-tabs li + li a{
  border-left: 1px solid #ffffff70;
}
.tournament-details-page-switcher .px-tournament-inner-details .nav-tabs li a.active{
  border: 1px solid #ffffff70;
  border-bottom: 0;
}
.tournament-details-page-switcher .px-tournament-inner-details .tab-pane{
  border: 1px solid #ffffff70;
  border-top: 0;
}
.tournament-details-page-switcher .px-tournament-inner-details h6 {
  font-size: 11px;
  color: #7e838c;
  font-weight: 400;
}
.tournament-details-page-switcher .px-tournament-inner-details h2 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 8px;
  color: #fff;
}
.tournament-details-page-switcher .px-tournament-inner-details h4 {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
}
.tournament-details-page-switcher .px-tournament-inner-details h3 {
  font-size: 16px;
  font-weight: 400;
}
.px-regions-holder .allowed-countries{
  list-style: none;
  padding: 0;
}
.px-regions-holder .allowed-countries li {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 3px 5px;
  margin: 0 8px 8px 0;
  border-radius: 3px;
  font-size: 12px;
  background-color: rgba(40,48,63,0.5);
  column-gap: 5px;
}
.px-regions-holder .allowed-countries li img{
  width: 24px;
  margin-right: 2px;
}
hr.divider, .divider {
  width: 100%;
  border-bottom: 1px solid #28303f;
  height: 1px;
  position: relative;
}
.min-height{
  min-height: 300px;
}
.players-list ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content:flex-start;
    row-gap: 15px;
    margin-top: 20px;
}
.players-list ul li {
  width: 19.19%;
  background-color: var(--gray);
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-radius: 4px;
}
.empty-tab{
  border: 1px dotted #ffffff70;
  text-align: center;
  padding: 20px;
}
.pxle-tournament-bracket .pxle-tournament-bracket-round{
  position: relative;
  display: flex;
  align-items: center;
}
.pxle-tournament-bracket .round-name {
  transform: translateY(-9px);
  /*padding-inline: 27px;*/
  position: inherit;
  margin-left: 22px;
}
/*-----Tooltip-------*/
.tooltip-inner {
    background-color: #2f4fff;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2f4fff !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2f4fff !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2f4fff !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}
@media screen and (max-width: 1381px){
.modal.chat-box-modal.show .faq-mssg ul{
    justify-content: center;
    display: flex !important;
}
}
@media screen and (min-width: 992px){
    /*.card .modal.chat-box-modal.show{*/
    /*        display: grid !important;*/
    /*}*/
    .card .modal.chat-box-modal.show .req{
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 992px){
.navbar-toggleable-md .navbar-collapse{
    /*padding-left: 30px;*/
    /*padding-right: 30px;*/
}
#nav-left ul.nav.navbar-nav{
    align-items: center !important;
    display: flex !important;
    width: 65%;
    justify-content: space-between;
}
#nav-right ul.nav.navbar-nav{
    align-items: center !important;
    display: flex !important;
    width: 150px;
    max-width: 150px;
    justify-content: space-between;
}
}
@media screen and (max-width: 1540px) {
.modal.chat-box-modal.show {
    position: fixed !important;
    width: 100% !important;
    display: grid !important;
    justify-content: center;
    /*height: 100% !important;*/
    /*max-height: 100% !important;*/
    background-color: #00000059;
    flex-direction: column!important;
    height: 950px !important;
    max-height: 950px !important;
  }
  .modal.chat-box-modal.show .modal-dialog{
      top: 14px;
      margin: auto;
  }
  .modal.chat-box-modal.show .req{
      margin-top: 0 !important;
      margin: auto;
      max-width: 60%!important;
      width: 60%!important;
      margin: auto !important;
}
.modal.chat-box-modal.show .faq-mssg ul {
    justify-content: center !important;
    display: flex !important;
    flex-wrap: wrap;
    text-align: center;
}
.modal.chat-box-modal.show .faq-mssg ul{
    justify-content: center;
}
  }
  .modal.chat-box-modal.show .req .tournamnet-link{
      text-align: center;
  }
.main-panel .content-wrapper .card{
    width:100%;
}
}
@media screen and (min-width: 992px) {
  .navbar {
      height: 110px;
  }
.tournament-details-info-footer img {
 padding: 0 !important;
 margin-bottom: 0 !important;
}
  #logo {
      width: 143px;
      position: relative;
      display: flex;
      align-items: center;
  }
  .navbar-light .navbar-nav .nav-link {
    padding-right: 30px;
  }
  #nav-left {
    padding-left: 30px;
  }
  .navbar-light .navbar-nav .home-icon {
      padding-left: 27px;
      padding-right: 80px !important;
  }
  /*.navbar-light .navbar-nav .user-profile {*/
  /*    padding-left: 80px;*/
  /*}*/
  nav .dropdown:hover>.dropdown-menu {
    display: block;
  }
  ul.nav.navbar-nav {
    align-items: center;
  }
  .wallet-modal .modal-lg {
    max-width: 1084px;
  }
}
@media screen and (min-width: 1200px){
  .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .navbar-light .navbar-nav .home-icon {
      padding-left: 0;
      padding-right: 20px !important;
  }
  .navbar::after,
  .navbar::before {
      width: 95px;
  }
  .navbar-light .navbar-nav .user-profile {
      padding-left: 0;
  }
  footer .footer .container .col-md-12::after {
    right: 130px;
  }
  .wallet-top-up .wallet-top-up {
    overflow: scroll;
  }
  [data-flex][column],
   [data-flex][data-column],
   [flex][column],
   [flex][data-column] {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
  }
  [data-flex][data-row], [data-flex][row], [flex][data-row], [flex][row] {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  .wallet-top-up .title {
      width: 100%;
      text-align: left;
      margin-bottom: 10px;
  }
  .wallet-top-up bf-wallet {
    width: 100%;
  }
  [data-grow], [grow] {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .wallet-top-up .offer {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .wallet-top-up .bf-wallet {
    width: 100%;
  }
  .wallet-modal .modal-dialog {
    max-width: 100%;
    padding-inline: 10px;
  }
}
@media (max-width:1024px){
  .tournament-details-page-switcher .tab-content .tournament-details-tab-bracket{
    height: 82vh;
  }
}
@media screen and (max-width: 991px) {
  .navbar::after,
  .navbar::before {
    display: none;
  }
  #logo {
    padding-top: 7px;
  }
  #id02{
      display: none;
  }
  a.nav-link.mob-home-icon {
      display: block;
      color: #ffffff;
  }
  a.mob-home-icon:visited:hover {
    color: var(--primary);
  }
  .navbar-light .mob-home-icon .material-icons{
      font-size: 34px;
  }
  .mob-nav-item {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    height: 84px;
  }
  #navbarMobile {
      padding: 20px 10px;
  }
  nav .dropdown-menu {
      width: 100%;
  }
  .navbar-light .navbar-nav .nav-link {
    font-weight: 300;
    display: flex;
    align-items: center;
  }
  nav hr {
      border-color:#eeeeee30;
  }
  .navbar-light .navbar-nav .nav-link i.material-icons {
    width: 42px;
  }
  .navbar-light .navbar-nav .user-profile .material-icons {
    font-size: 24px;
  }
  .dropdown-toggle::after {
    margin-left: 10px;
  }
  .px_tournaments_holder {
    flex-direction: column;
  }
  .px_tournaments_holder .tournament_item {
    width: 100%;
  }
  .tournament_item .head_content .title {
    padding-right: 64px;
  }
  .tournament_item .head_content .top_head span {
    font-size: 18px;
    padding: 10px 18px;
  }
  .tournament_item .head_content .title {
    font-size: 18px;
  }
  .tournament_item .head_content .head_info span strong {
    line-height: 26px;
    font-weight: 600;
  }
  .tournament_item .foot_content button {
    font-size: 16px;
  }
  .tournament_item .foot_content button i {
    font-size: 20px;
  }
  .tournament_item .head_content .head_info {
    font-size: 14px;
  }
  footer .footer .container .col-md-12::after {
    right: 90px;
  }
  .tournament-details-info-footer>* *{
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .px_tournaments_holder .contnt_1 .col-md-8 {
      width: 100%;
  }
  .section_panel{
    padding-top: 0;
  }
  footer .footer .container .col-md-12::after {
    display: none;
  }
  footer .footer .container .col-md-12::before {
    width: 100%;
    left: 0;
    right: 0;
  }
  .main_form_view .from_cta_btn button::before {
    transform: rotate(49deg);
    left: -8px;
    width: 42px;
  }
  .main_form_view .from_cta_btn button::after {
    transform: rotate(47deg);
    width: 44px;
    right: -9px;
  }
  .current_match_tab .col-md-6 + .col-md-6{
    border-left: 0;
  }
  .current_match_tab .row .row .col-md-6 + .col-md-6{
    border-left: 1px solid #fff3;
  }
  .score-info-holder {
    flex-direction: column;
    align-items: center;
  }
  .score-user-info {
    text-align: center !important;
  }
}
@media screen and (max-width: 579px) {
  .tournament_item .middle_content p,
  .tournament_item .middle_content label {
    font-size: 13px;
  }
  .bg_sec {
    background: var(--gray);
    padding: 15px;
  }
  .main_form_view .from_cta_btn button::before {
    transform: rotate(61deg);
    left: -13px;
    width: 42px;
  }
  .main_form_view .from_cta_btn button::after {
    transform: rotate(60deg);
    width: 44px;
    right: -15px;
  }
  .ss-upload-holder {
    flex-direction: column;
    row-gap: 26px;
  }
  .ss-upload-holder p {
    margin: 0;
  }
}

/* 20-07-2023 */

.comment-widgets .pull-right{
    width: 80px;
}

.comment-widgets .comment-row img{
        max-width: 64px;
    border-radius: 35px;
}

.comment-widgets .comment-row:hover{
    background: rgb(76 73 73 / 88%) !important;
}
.card .card-title {
    position: relative;
    font-weight: 600;
    margin-bottom: 10px
}

.comment-widgets {
    position: relative;
    margin-bottom: 10px
}

.comment-widgets .comment-row {
    border-bottom: 1px solid transparent;
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}
.chat-section .chat_box_holder .chat_box_wrapper .text-center {
    background: var(--primary);
    padding-block: 15px;
    color: var(--gray);
    margin: 0;
}
/*.chat-section .chat_box_holder .chat_box_wrapper .nav{*/
/*    justify-content: space-between;*/
/*}*/
.chat-section .chat_box_holder .chat_box_wrapper .nav .nav-item {
    padding: 1em 1em;
}
/*.chat-section .chat_box_holder .chat_box_wrapper .tab-content{*/
/*    height: 200px;*/
/*}*/
.px-admin-menu.organize-menu .dropdown{
    display: grid;
}
.px-admin-menu.organize-menu .dropdown .dropdown-toggle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #030204;
    margin: 2px;
    padding: 11px;
}
.px-admin-menu.organize-menu .dropdown .dropdown-menu.show .btn{
    width: 100%;
    padding-block: 11px;
    background-color: #ffff !important;
    text-align: center;
    color: #000000;
    font-weight: 600 !important;
    font-size: 16px;
}
.px-admin-menu.organize-menu .dropdown .dropdown-menu{
    position: initial !important;
    transition: all 0s ease 0s;
    width: 100%;
}
.px-admin-menu.organize-menu .dropdown .dropdown-menu.show .dropdown-item{
    padding: 11px;
    background-color: #000;
    color: #ffff!important;
}
.px-admin-menu.organize-menu .dropdown .dropdown-menu.show .dropdown-item:hover{
    color: #000 !important;
    background-color: #f6ff00;
}
/*--id02--*/
#id02 .__adroll_adchoices_icon_wrap{
    display: none;
}
#id02{
    width: 100%;
}
#id02 .a-advertisment-img {
    width: 100% !important;
}
#id02 .a-advertisment-img .advertisment-img-{
    width: 100%;
    max-height: 250px;
    height: 250px;
}
#id02 .ads-close-btn{
    position: relative;
    top: 29px;
    left: 4px;
}
/*--id01--*/
#id01 .__adroll_adchoices_icon_wrap{
    display: none;
}
#id01{
    width: 100%;
}
#id01 .a-advertisment-img {
    width: 100% !important;
}
#id01 .a-advertisment-img .advertisment-img-{
    width: 100%;
    max-height: 234px;
    height: 234px;
}
#id01 .ads-close-btn{
    position: relative;
    top: 29px;
    left: 4px;
    display: none !important;
}

/*---loader---*/
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.preview-list .list{
    border: 1px solid gray;
    margin: 10px;
    padding: 5px 10px;
}

/*---chat-box---*/
.chat_box_wrapper .chat-box{
    max-height: 300px;
    height: 300px;
    padding-bottom:10px;
    overflow-x: auto;
    display: grid;
}
.send-msg{
        /* padding: 10px 84px 10px 10px; */
        border-color: #ffffff20;
        width: 100%;
        background-color: transparent;
        border: 1px solid #fff;
    }
 .chat-list.chat-left-hand{
    float: left;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: rgb(12 11 12) !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
 .chat-list.chat-right-hand{
    float: left;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: rgb(12 11 12) !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
.chat_box_wrapper .chat-box.chat-left-hand {
    float: left;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: rgb(12 11 12) !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
.chat_box_wrapper .chat-box .chat-right-hand {
    float: right;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #4d4b4b !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-end;
    font-size: 12px;
}
.chat_box_wrapper .add-dispute button{
    background-color: #f6ff00;
    color: black;
    border: none;
    font-weight: 600;
}
.chat_box_wrapper .add-dispute button{
    background-color: #474445;
    color: #fff;
    border: none;
    padding: 11px 16px;
    margin: 10px;
    border-radius: 20px;
    font-size: 11px;
}
.chat_box_wrapper .add-dispute button:hover{
    background-color: #f6ff00;
    color: #000;
    border: none;
    font-weight: 600;
}

/*---Add-dispute-Model---*/
.modal-dialog .modal-content .close span{
     color: white;
    font-size: 33px;
}
.modal-dialog .modal-content{
 background-color: #000 !important;
 border: 1px solid;
}
.modal-dialog .form-control{
    line-height: 1.2 !important;
    font-size: 17px;
}
.modal-dialog .modal-content .form-group input{
    color: #ffff;
    background-color: #363636;
}
.modal-dialog .form-group .form-control.ticketform{
     background-color: #363636 !important;
     color: #fff;
 }
 .modal-dialog .form-group .form-control.ticketform:focus{
     background-color: #363636 !important;
     border: 1px solid #f6ff00;
 }
 .modal-dialog .form-group button{
    background: #0f1014;
    font-size: 16px;
    border: 1px solid;
 }
 .modal-dialog .form-group button:hover{
    background: #0b0c12;
    color: gray;
 }
 /*---loader---*/
 .main-loader{
    width: 100%;
    height: 100%;
    background: #15211882;
    position: fixed;
    z-index: 99999999;
    top: 0;
 }
.loader{
    display: flex;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
 }
 /*---Terms & Conditions---*/
 .hero-section .terms-conditions p{
    font-size: 17px;
    line-height: 1.7;
    letter-spacing: 2px;
    font-weight: 500;
 }
 .hero-section .terms-conditions{
     padding-block: 86px !important;
 }
 .hero-section .terms-conditions h4::after{
    content: "";
    width: 283px;
    height: 3px;
    background: var(--rainbow-color);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 142px;
}

 /*----------04/08/2023--------------*/

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  display: flex;
  align-items: center;
}

.obj {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #800080, #87ceeb, #008000, #ffff00) !important;
  width: 6px;
  height: 0px;
  background: #17a2b8;
  margin: 0 3px;
  border-radius: 10px;
  animation: loading 1.2s infinite;
  background-color: ;
}

.obj:nth-child(2){
  animation-delay: 0.15s;
}
.obj:nth-child(3){
  animation-delay: 0.3s;
}
.obj:nth-child(4){
  animation-delay: 0.45s;
}
.obj:nth-child(5){
  animation-delay: 0.6s;
}
.obj:nth-child(6){
  animation-delay: 0.75s;
}
.obj:nth-child(7){
  animation-delay: 0.9s;
}
.obj:nth-child(8){
  animation-delay: 1.05s;
}

@keyframes loading {
  0% {
    height: 0;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 0;
  }
}
/*---------------------*/
.alert-notification {
    position: absolute;
    top: 132px;
    right: 0px;
    width: 376px;
    text-align: center;
}
.campaign{
    max-width: fit-content;
}
.campaign .trophy-icon{
    height: 228px;
    width: 260px;
    display: flex;
    margin: auto;
    border-radius: 50%;
}
.campaign .congratulations{
    text-align: center;
    font-size: 31px;
    font-weight: 500;
    color: #0cb00c;
    margin-top: 24px;
}
/*----setting-page----*/
.tab-content.clearfix{
    border: 1px solid;
    color: #ffff;
}
.tab-content.clearfix .card-body{
    padding: 25px 25px;
}
.tab-content.clearfix .card{
   background-color: black !important;
}
.tab-content.clearfix .card-body p{
    font-size: 14px;
    font-weight: 400;
}
.tab-content.clearfix .card-body .form-check-label{
    font-size: 11px;
    font-weight: 300;
    padding-left: 2.25rem;
}
.tab-content.clearfix .save-btn{
   display: flex;
   position: relative;
   margin: auto;
   background-color: #f6ff00;
   color: black;
   border: none;
   padding: 11px 22px;
}
#exTab1 .account-btn{
   background-color: #f6ff00;
   color: black;
   border: none;
}
/*--------*/
h4.score{
 border-left: 1px solid;
 border-right: 1px solid;
 padding: 10px;
}
.best-one{
    padding: 10px;
}
/*----------*/
.host-mark{
    color: #79ee98;
    font-size: 10px;
    padding: 5px;
}

/*------8/10/2023------*/
.contnt_1 .tournaments-detailes{
    /*background-color: #303030;*/
    padding: 16px 24px;
    width: 100%;
    display: flex;
}
.contnt_1 .tournaments-detailes .tournament-counter {
    align-self: center;
    font-size: 21.2px;
    min-width: 230px;
    padding-right: 20px;
}
.tournaments-detailes .tournament-counter span {
    font-size: 28.6px;
}
.contnt_1 .tournaments-detailes .enroll-now-container {
    margin-left: 20px;
}
.contnt_1 .tournaments-detailes .enroll-button, .Continue_btn, .primary_btn {
    min-width: 120px;
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 17px;
    background: var(--primary);
    border: 0;
    color: var(--dark-gray);
    clip-path: polygon(84% 0, 100% 26%, 100% 100%, 16% 100%, 0 74%, 0 0);
    max-width: 140px;
}
/*----date-picker-----*/
.datepicker-orient-left.datepicker-orient-top {
    background-color: #ffff !important;
}
/*------- 8/16/2023 -----------*/
 #blockedModal{
    background: #00000040 !important;
}
 #blockedModal  .modal-dialog{
    position: relative;
    width: auto;
    /*margin: 10px;*/
    /*top: 348px;*/
    top: 212px;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 35px;
 }
 #blockedModal .modal-content{
    border: 1px solid #f6ff00 ;
    /*height: 350px;*/
    /*max-height: 350px;*/
    height: 100%;
 }

  #blockedModal .modal-header{
      border-bottom: 1px solid #f6ff00 ;
  }
#blockedModal .modal-header .modal-title{
    display: flex;
    margin: auto;
}
 .cmg-tournament-bracket-match-wrapper {
    display: flex;
    margin-left: 20px;
    margin-right: 42px;
    margin-top: 37px;
}
.cmg-tournament-bracket-round{
    display: flex;
    align-items: center;
}

#undefinedtournament-bracket-team-4-5858126 {
    display: grid;
    text-align: center;
    padding: 10px 10px;
    border: 4px solid #f6ff00;
}
.score-info .won-team-h{
    font-size: 20px;
    color: #f6ff00;
}
/*----- 8/21/2023 -----*/
.chat_box_wrapper #nav-ReqAdmin{
    display: none ;
}
/*----- admin-chat-box------*/
.chat-list.chat-left-hand{
    float: left;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: rgb(12 11 12) !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
 .chat-list.chat-right-hand{
    float: right;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #4d4b4b !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
.modal-dialog .modal-content .chat-box{
    display: grid;
    display: grid;
    overflow-y: scroll;
    height: 443px;
    max-height: 443px;
}
.modal-dialog .modal-content .text-box_holder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid;
}
.text-box_holder .chat-butn-holder button{
    background: transparent;
    border: none;
}
.text-box_holder #btn-input{
    background: transparent;
    /*border: none;*/
}
.modal.chat-box-modal.show{
    position: inherit ;
}
.home-page-chat .modal.chat-box-modal.show .modal-content{
    background-color: #1f2029 !important;
    width: 400px !important; 
    margin-left: auto;
}
.modal.chat-box-modal.show .modal-content{
    background-color: #1f2029 !important;
    /* width: 85% !important;  */
    margin-left: auto;
}
.modal-backdrop{
  position: inherit;
  background-color: #1f2029;
}

.chat-box-modal.show .modal-footer{
    display: none !important;
}

/* admin caht box */

.chat-box-modal .modal-footer .user span{
    font-size: 18px;
    font-weight: 500;
    color: #ffff;
}
.modal-backdrop.show{
    display: none !important;
}
.modal.chat-box-modal .text-box_holder #btn-input{
    width: 100%;
    border: none !important;
    color: #ffff;
}
.modal.chat-box-modal .chat-butn-holder{
    position: absolute;
    right: 0;
}
.modal.chat-box-modal .modal-footer{
  background-color: black;
  justify-content: space-between;
}
.chat-list.chat-left-hand{
    float: left;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: rgb(12 11 12) !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
 .chat-list.chat-right-hand{
    float: right;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #4d4b4b !important;
    padding: 8px;
    margin: 5px 0px;
    border-radius: 8px;
    color: white;
    min-width: 50%;
    max-width: 100%;
    align-self: flex-start;
    font-size: 12px;
}
.modal-dialog .modal-content .chat-box{
    display: grid;
    display: grid;
    overflow-y: scroll;
    height: 443px;
    max-height: 443px;
    padding: 5px;
}
.modal-dialog .modal-content .text-box_holder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid;
}
.text-box_holder .chat-butn-holder button{
    background: transparent;
    border: none;
}
.text-box_holder #btn-input{
    background: transparent;
    /*border: none;*/
}
/*-----  universal-chat ----*/
.universal-chat {
    position: fixed;
    z-index: 9999;
}
.universal-chat .modal.chat-box-modal.show{
    z-index: 9999;
    width: 50%;
    height: 100%;
    max-height: 100%;
    background-color: #0000003b;
}
.modal.chat-box-modal.show{
    /* width: 53%; */
    z-index:0 !important;
    height: 646px;
    max-height: 656px;
    /*display: grid !important;*/
    /*justify-content: end;*/
    /*margin-top: -30px;*/
}
.modal.chat-box-modal.show ul li{
    list-style: none;
}

.modal.chat-box-modal.show .modal-content{
    background-color: #1f2029 !important;
}
.modal-backdrop{
  position: inherit;
  background-color: #1f2029;
}
.main-panel .content-wrapper #app{
    display: flex;
    justify-content: space-between;
}
.request-list .card{
    max-width: 600px !important;
    width: 600px;
    height: 885px;
    max-height: 885px;
}
.request-list .card .card-body{
   overflow-y: scroll;
}
.page-body-wrapper .main-panel .preview-list ul{
    padding-left: 0!important;
}
.page-body-wrapper .main-panel .preview-list{ /*----------------------*/
    max-height: 645px;
    height: 645px;
}
.universal-chat .chat-box-modal.show .modal-dialog{
    top: 142px;
}
.chat-box-modal.show .modal-dialog{ /*----------------------*/
    position: relative;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0;
    float: right !important;
    width: 100%;
    /*max-width: 100%;*/
}
.admin-portal .chat-box-modal{
    justify-content: center;
}
.admin-portal .chat-box-modal.show .modal-dialog{
    width: 100%;
}
#admin-app.universal-chat.admin-portal .card{
    width: 50%;
}
#admin-app.universal-chat.admin-portal{
    position: inherit;
}
.main-panel .content-wrapper #admin-app{
    display: flex;
    justify-content: space-between !important;
}
/*-----------8/28/2023--------*/
.preview-list .preview-item .preview-thumbnail .preview-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
li.adminRequest-Message {
    list-style: none;
}
.modal.chat-box-modal .modal-dialog .modal-content .user{
    background-color: black;
    padding: 6px 8px;
    margin: 0;
    border-bottom: 1px solid;
}
.preview-item.border-bottom:hover {
    background: #333333;
}
.closed-chat .dot:nth-child(3) {
    background-color: red;
}
.ongoing-chat .dot:nth-child(2) {
   background-color: yellow;
}
.new-chat .dot:nth-child(1) {
    background-color: green;
}
/*------------*/
.pxle-tournament-bracket-match-details .match-view{
    padding-left: 140px !important;
}
.me-auto.text-sm-right.pt-2.pt-sm-0 {
    padding-right: 11px;
}
.preview-item-content .dot{
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.preview-item-content #group-dot{
    display: flex;
    align-items: center;
    padding: 0px 10px !important;
}
/*---- 9/1/2023 ----*/
.chat-list.chat-right-hand.is_admin_request {
    display: flex;
    min-width: 30%;
    max-width: 100%;
    padding: 3px;
    padding-inline: 9px;
    background-color: #fff!important;
    color: black;
    border-radius: 4px;
    font-size: 11px;
}
.chat-list.chat-right-hand.is_admin_request p{
    margin: 0;
    font-size: 14px;
    text-align: end;
    font-weight: 600;
    color: #434040;
}
.modal.chat-box-modal.show .req{
    margin-top: 70px;
    /*max-width: 350px;*/
    /*width: 350px;*/
    /* margin: auto -20px 71px; */
}
.modal.chat-box-modal.show .tournamnet-link a{
    text-decoration: none;
    color: black;
    background-color: yellow;
    padding: 2px 15px;
    font-size: 16px;
    border-radius: 3px;
    font-weight: 500;
    padding: 10px 20px;
}
.modal.chat-box-modal.show .faq-mssg ul{
    display: grid;
    padding: 0px !important;
    justify-content: center;
    margin-top: 10px;
    text-align: end;
}
.modal.chat-box-modal.show ul li button{
    background: #ffff;
    margin: 2px;
    border: 1px solid;
    font-size: 13px;
    font-weight: 600;
}
/*.page-body-wrapper #app #myModal {*/
/*    display: flex !important;*/
/*}*/
.page-body-wrapper .modal.chat-box-modal.show{
    display: flex !important;
    /* flex-direction: row-reverse; */
    overflow-y: hidden;
}
.pxle-tournament-bracket-match-details.vs .rollback-view .match-view{
    padding-left: 0 !important;
}
 .pxle-tournament-bracket-match-details.vs .rollback-view{
    display: flex ;
    justify-content: end;
    width: 100%;
    align-items: center;
}
.pxle-tournament-bracket-match-details.vs .match-vs{
    margin-left: 5px !important;
}
.pxle-tournament-bracket-match-wrapper.vs .bye-match{
    margin-right: 4px;
}
.tournament_item.rules_tab .ng-transclude .add-btn{
    display: flex;
    justify-content: end;
}
.tournament-details-page-switcher #basic .card{
    background: #030204;
    padding: 20px;
    border: none;
}

button.auto-send-button {
    height: 40px;
    width: 126px;
}

.close-chat-btn {
    margin: auto;
    width: 250px;
    max-width: 250px;
}
.tournament-details-tab-bracket .pxle-tournament-bracket.is-expand{
        overflow-y: auto;
        overflow-x: auto;
}
.pxle-tournament-bracket .pxle-tournament-bracket-match:before {
    content: "";
    display: block;
    width: 18px;
    border-bottom: 2px solid yellow !important;
    margin-left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -22px;
}
   .new-cash-match {
        
        .tournament_item {
            width:100%;
        }
        
        .head_info .game-img {
            height: 100%;
            width: 120px;
            margin-top: 0!important;
        }
        
        .head_info .game-img img{
            width:100%
        }
        
        .tournament_item .head_content .head_info {
            height: 100%;
            padding: 10px 10px;
        }
        
        /*.tournament_item .head_content {*/
        /*    padding: 10px;*/
        /*}*/
        
        .head_info .user-img {
            display: flex;
            align-items: center;
            gap: 24px;
            margin-top: 0!important;
        }
         .head_info .game-mode {
            width: 120px;
        }
         .head_info .platform {
            width: 120px;
        }
        
        .head_info .user-img img{
            width: 100px;
            border-radius: 100%;
        }
        
        .view-match button{
            min-width: 120px;
            height: 60px;
            padding-left: 24px;
            padding-right: 24px;
            font-size: 17px;
            background: var(--primary);
            border: 0;
            color: var(--dark-gray);
            clip-path: polygon(84% 0, 100% 26%, 100% 100%, 16% 100%, 0 74%, 0 0);
            max-width: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .price strong {
            background: var(--primary);
            color: var(--gray);
            font-size: 20px;
            font-weight: 700;
            padding: 7px 18px;
            position: absolute;
            right: 0;
            top: 0;
            width: 100px;
        }
        
        .price strong::after {
            content: "";
            position: absolute;
            bottom: -22px;
            left: -18px;
            border-width: 18px;
            border-style: solid;
            border-color: transparent var(--gray) transparent transparent;
            transform: rotate(-52deg);
        }
        
        .item_header {
            height: 100%;
            .game-img{
            width: 120px;
        }
        .user-img{
            min-width: 183px;
        }
        .game-mode{
            min-width: 120px;
        }
        .platform{
            min-width: 120px;
        }
        .entry{
            min-width: 98px;
        } 
        .view-match{
            min-width: 120px;
        }
        .team-size{
            width: 26px;
        }

    }
    .dark-mode table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgb(249 248 248 / 72%) !important;
}