/*.isMobile .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
    margin-top: 50px;
}*/
button.btn-clear-bot {
    position: absolute;
    bottom: 12px;
    right: 30px;
}

.db-01 {
  width: 10px;
}
.db-05 {
  width: 75px;
}
 .db-02 {
 width: calc(54.33333333% - 86px);
}

body .box-login-top > .container {
    width: auto;
}

.green-ft{
    color: green;
  }
.red-ft{
  color: red;
}
.btn-danger.focus, .btn-danger:focus,
.btn-danger:active {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

body#login.isMobile .swal2-container {
    transform: scale(1);
}

body.isMobile .next-line-1 {
    margin-left: 0;
    display: block;
}
/*.isMobile .swal2-container {
    transform: scale(1.8);
}*/
.swal2-container.swal2-center {
    z-index: 999999;
}
.gray-bg {
    background: #ccc;
}
.btn-danger:active {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-primary:active {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.section-mg {
    min-height: unset !important;
}

.comment-scrollbar{
  height: 170vw !important;
}
li.ui-state-default > div.td-no-flex
{
  display:unset;
  margin-top:8px;
  align-items:unset
}
.error_otp{
    text-align: center;
    padding: 15px 0 0 0;
    float: left;
    width: 100%;
    color: red;
}
.box-select-shortcut .owl-nav
{
  position:absolute;
  font-size:35px;
  top:-74px;
  width:100%
}

.box-select-shortcut .owl-nav button.owl-next
{
  float:right!important
}

.img-loading
{
  height:100%;
  position:absolute;
  z-index:99;
  background:#ffffffa6;
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  display:none
}

.img-loading.active
{
  display:flex
}

.flag-red
{
  background:red;
  width:15px;
  height:15px;
  float:left;
  margin-right:5px
}

.flag-blue
{
  background:blue;
  width:15px;
  height:15px;
  float:left;
  margin-right:5px
}

.custom-pagination ul.pagination li a
{
  color:#000
}

.box-register input::-webkit-input-placeholder
{
  font-style:italic
}

.box-register input:-ms-input-placeholder
{
  font-style:italic
}

.box-register input::placeholder
{
  font-style:italic
}

.bill-create-date > span
{
  font-size:11px;
  display:block
}

.price-match .product-status-wrap
{
  min-height:280px
}

.price-match .product-status-wrap > h4
{
  padding-bottom:20px;
  border-bottom:1px solid #ccc
}

.btn-refresh-match
{
  position:absolute;
  top:12px;
  right:30px
}

.box-otp
{
  color:#787878
}

.box-select-shortcut .modal-content
{
  height:600px;
  overflow:auto
}

.box-select-shortcut .modal-dialog
{
  width:410px;
  margin:30px auto
}

.box-select-shortcut .modal-header .close {
    position: absolute;
    top: 19px;
    right: 30px;
    margin-top: 0;
    color: #000;
    opacity: 1;
}
.head-main-sc
{
  text-align:center;
  margin-bottom:15px
}

.sidebar-nav .metismenu a
{
  color:#3b3b3b!important
}

#sidebar
{
  color:#3b3b3b;
  overflow-y: scroll !important;
    height: 100% !important;
  
    padding-bottom: 30px;
}
body.isDesktop:not(.iPad) #sidebar{
  height: calc(100vw - 70px) !important;
}
.box-verify
{
  color:#787878;
  font-size:16px
}

.refresh-point
{
  background:transparent;
  border:0
}

.next-line-1
{
  margin-left:5px
}

form.form-ajax-clearData
{
  position:absolute;
  top:15px;
  right:190px
}

div > form.form-join-challenge:first-child
{
  margin-top:15px
}

form.form-ajax.del-backup
{
  position:absolute;
  top:15px;
  right:50px
}

form.form-ajax.backup
{
  position:absolute;
  top:15px;
  right:115px
}
.btn-join > span {
  padding: 0;
}
span.btn-join-cancel
{
  background: red;
    padding: 9px 10px;
    font-size: 14px;
    max-width: 80px;
    float: left;
}



.dragGroup
{
  width:auto;
  cursor:move;
  text-align:center;
  position:relative;
  font-size:14px;
  padding:10px;
  -webkit-border-radius:5px;
  border-radius:5px
}

span.level
{
  display:inline;
  border:solid 1px #ccc;
  background-color:#eee;
  padding:0 5px;
  color:#aaa;
  width:43px;
  text-shadow:#fff 1px 1px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:#000 0 1px 3px inset;
  box-shadow:#000 0 1px 3px inset;
  margin-left:10px
}

li.ui-state-default
{
  padding:10px;
  list-style:none;
  background:#fff
}

li.ui-state-default.odd
{
  background:#f9f9f9;
  display:flex
}

li.ui-state-default > div
{
  display:flex;
  align-items:center
}

.no-flex li.ui-state-default > div
{
  display:block;
  align-items:unset
}

.dragGroup:hover
{
  color:#fff;
  background-color:#00aff0!important
}

.sidebar-header-info .username-sidebar
{
  word-break:break-all
}

#sidebar
{
/*  overflow-y:auto!important;*/
  max-width:205px
}

.left-sidebar-pro
{
  overflow-y:auto!important
}

.left-custom-menu-adp-wrap .mCustomScrollBox
{
  max-height:unset!important
}

.sidebar-header-info .username-sidebar
{
  padding:15px 0;
  font-size:23px;
  color:#3b3b3b;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  border-bottom:1px solid #e9ecef
}

.sidebar-header-info-2 > .point-user-sidebar:last-child
{
  margin-bottom:0
}

.point-user-sidebar
{
  margin-bottom:10px
}

.sidebar-header-info-2
{
  padding:15px
}

body.mini-navbar .sidebar-header-info
{
  display:none
}

body.mini-navbar .sidebar-header-info-2
{
  display:none
}

.product-status-wrap h4
{
  margin-bottom:0
}

tr.odd
{
  background-color:#f9f9f9
}

.custom-product-edit
{
  margin-top:0
}

#myTab3.tab-review-design
{
  margin-bottom:0
}

.box-result-ajax th:last-child
{
  text-align:right
}

.title-box
{
  margin-bottom:15px!important
}

.dataTables_scrollHeadInner
{
  width:100%!important
}

.head-match > div
{
  font-size:14px
}

body#register .box-register
{
  border-radius:20px;
  background:#fff;
  padding:30px;
  min-width:300px;
  max-width:600px;
  margin:10% auto 0!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}

.match-list
{
  margin-bottom:30px!important
}

.match-list span
{
  font-size:14px
}

.box-condition
{
  background:#fff;
  padding:30px;
  margin-top:60px;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}

td.td-setting
{
  float:right
}

.create-price-btn
{
  float:right;
  margin-top:-5px;
  width: 165px;
}

form.form-ajax > .row
{
  margin-bottom:15px
}

body
{
  overflow-x:hidden
}

.btn-btll i
{
  float:right;
  padding-top:3px
}

.btn-btll[aria-expanded="false"] .fa-angle-up
{
  display:none
}

.btn-btll[aria-expanded="true"] .fa-angle-down
{
  display:none
}

.findMatch-Reuslt .btn-join
{
  width:100%;
  margin-bottom:10px;
  padding: 0;
}

.match-close-price-btn,
.match-open-price-btn

{
  margin-right:15px
}

body#login .box-login
{
  background:#fff;
  padding:30px;
  min-width:300px;
  max-width:60%;
  margin:20% auto 0!important;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}

.diamond-user
{
  height:58px;
  justify-content:center;
  align-items:center;
  display:flex;
  float:right;
  color:#fff
}

.diamond-user img
{
  width:20px;
  filter:brightness(0) invert(1)
}

.diamond-user > span
{
  margin-right:15px
}

.table-match
{
  padding-top:15px
}

.mobile-menu-area
{
  background:#e9ecef
}

.td-setting > a
{
  border:1px solid;
  padding:5px;
  margin-left:5px
}

.header-advance-area
{
  background:#4e73df;
  height:auto
}

.section-mg
{
  width:100%;
  top:0;
  margin-top:60px
}

.left-sidebar-menu-pro a.active,.left-sidebar-menu-pro a.active:hover
{
  background:#e9ecef;
  color:#787878
}

.footer-copyright-area
{
  margin-top:30px;
  position:static;
  width:100%;
  bottom:0
}
.isDesktop > .all-content-wrapper {
    min-height: 100%;
}
.breadcome-area
{
  display:none
}

nav.navbar.navbar-expand.navbar-theme
{
  cursor:pointer
}

.product-status-wrap
{
  border-radius:6px;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}

.content-section
{
  margin-bottom:15px
}

.select-dt
{
  display:flex
}

.pagination>.active>a
{
  background-color:#337ab7!important;
  border-color:#337ab7!important
}

.news-alert
{
  float:left;
  width:calc(100% - 150px);
  margin-top:5px;
  text-align:center
}

.top-logout
{
  float:right;
  margin-top:15px
}

li.logout > a
{
  background:#f0ad4e!important;
  color:#fff!important;
  text-align:center
}

.header-right-info .navbar-nav
{
  width:auto
}

img.diamond-img
{
  width:15px
}

li.menu-info
{
  padding:15px;
  font-size:12px
}

.search-form > input
{
  float:right;
  position:absolute;
  top:16px;
  right:125px;
  padding:6px 20px;
  border-radius:4px;
  width:300px
}

.search-form > a
{
  float:right;
  position:absolute;
  top:20px;
  right:126px;
  padding:6px 20px;
  color:#4e73df;
  border-radius:4px
}

.required
{
  color:red
}

label.form-label
{
  color:#787878;
  font-size:14px
}

input[readonly]
{
  background-color:#ccc!important;
  color:#000;
  cursor:unset
}

.switch
{
  position:relative;
  display:inline-block;
  width:60px;
  height:34px
}

.switch input
{
  opacity:0;
  width:0;
  height:0
}

.slider
{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s
}

.slider:before
{
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  left:4px;
  bottom:4px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s
}

.slider-disabled
{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s
}

.slider-disabled:before
{
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  left:4px;
  bottom:4px;
  background-color:#fff;
  -webkit-transition:.4s;
  transition:.4s
}

.slider-disabled.round {
    border-radius: 34px;
    cursor: not-allowed;
}
.slider-disabled.round:before {
    border-radius: 50%;
}

input:checked + .slider
{
  background-color:#2196F3
}

input:focus + .slider
{
  box-shadow:0 0 1px #2196F3
}

input:checked + .slider:before
{
  -webkit-transform:translateX(26px);
  -ms-transform:translateX(26px);
  transform:translateX(26px)
}

.btn-red
{
  color:#fff;
  background:red;
  padding:5px 10px;
  border-radius:10px
}

.btn-green
{
  color:#fff;
  background:green;
  padding:5px 10px;
  border-radius:10px
}

.btn-orange
{
  color:#fff;
  background:orange;
  padding:5px 10px;
  border-radius:10px
}

.slider.round
{
  border-radius:34px
}

.slider.round:before
{
  border-radius:50%
}

label.switch.top
{
  position:absolute;
  right:60px;
  top:16px
}

.box-result-ajax.a-table
{
  overflow:auto
}

.hamburger
{
  position:relative
}

.hamburger,.hamburger:after,.hamburger:before
{
  background:#fff;
  content:"";
  cursor:pointer;
  display:block;
  height:2px;
  transition:background .1s ease-in-out,color .1s ease-in-out;
  width:20px
}

.hamburger:before
{
  position:absolute;
  top:-6.5px;
  width:20px
}

.hamburger:after
{
  bottom:-6.5px;
  position:absolute;
  width:20px
}

.navbar-expand
{
  flex-wrap:nowrap;
  justify-content:flex-start
}

.navbar
{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  padding:0 1rem;
  position:relative
}

@media (max-width: 575.98px) {
  .navbar
  {
    padding-left:.75rem;
    padding-right:.75rem
  }
}

.sidebar
{
  margin-left:-250px;
  background:transparent;
  border-right:0;
  box-shadow:0 0 2rem 0 #000;
  max-width:250px;
  min-width:250px;
  transition:margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;
  z-index:1
}

.match-desktop
{
  display:block
}

.match-mobile
{
  display:none
}

.match-info
{
  font-size:20px;
  text-align:center;
  font-weight:900
}

span.teamRead
{
  background:red;
  width:20px;
  height:20px;
  display:block
}

span.teamBlue
{
  background:blue;
  width:20px;
  height:20px;
  display:block
}

.selectTeam
{
  margin-right:10px;
  margin-left:10px
}

button.create-price
{
  position:absolute;
  top:30px;
  right:30px
}

.row.findMatch-Reuslt
{
  margin-top:30px
}

.flex
{
  display:flex
}

.createprice-title
{
  font-size:16px
}

h5#createpriceLabel
{
  text-align:center;
  font-size:20px
}

label.mg-r-10
{
  margin-right:10px
}

.mg-t-10
{
  margin-top:10px
}

.mg-b-30
{
  margin-bottom:30px
}

.result-bill-list
{
  border:2px solid #f8f9fc;
  background:#f8f9fc;
  max-width:200px
}

.result-bill-list > div
{
  padding:10px;
  border-bottom:1px solid #ccc
}

.result-bill-list > div.bill-number
{
  background:#4e73df;
  color:#fff;
  padding:10px
}

.btn-btll
{
  width:100%;
  max-width:200px;
  border-radius:0
}

#myTab3.tab-review-design
{
  padding:5px;
  background:#fff;
  border-bottom:1px solid #f8f9fc;
  margin-bottom:15px
}

.bill-collapse
{
  max-width:200px;
  font-size:11px
}

.price-match-head
{
  display:none
}

.product-status-wrap.topic
{
  text-align:center
}

.match-now.odd
{
  background-color:#f9f9f9
}

.match-now > div.match-who-fight
{
  flex-direction:column;
  align-items:self-start
}
span.btn-play {
    background: orange;
    padding: 9px 10px;
    font-size: 14px;
    max-width: 80px;
    float: left;
}
.btn-join > span > span:not(.btn-play) {
    padding: 9px 10px;
    float: left;
}
.match-now > div.match-who-fight-weight
{
  flex-direction:column;
  align-items:self-start
}

span.line2
{
  display:block;
  line-height:14px
}

button.bill-cancel-btn {
    background: red;
    border: 0;
    color: #fff;
    font-weight: 900;
    padding: 4px 10px;
    border-radius: 8px;
}

.sidebar-header > a
{
  font-size:30px;
  color:#fff;
  font-weight:900
}

.mini-navbar span.bill-number > span
{
  display:none
}

.match-now
{
  font-size:16px
}

.table-match > div > .row
{
  border-bottom:1px solid #ccc;
  padding:5px
}

.hide-mobile.head-match
{
  font-weight:900;
  font-size:17px;
  color:#787878
}

.sidebar-nav .metismenu a
{
  font-size:15px;
  align-items:center;
  display:flex
}

.box-login-top
{
  background:#4e73df;
  border-top:#4e73df solid .1px;
  border-bottom:#4e73df solid .1px;
  box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important
}

ul.ul-login
{
  display:flex
}

ul.ul-login input
{
  height:33px;
  border-radius:4px
}

.top-text
{
  font-size:13px;
  color:#fff;
  margin-right:10px
}

.ul-login > li
{
  margin-left:9px
}

.btn-login,.btn-login:hover
{
  background-color:#333;
  font-size:12px;
  color:#fff;
  border-radius:5px;
  padding:5px 15px;
  line-height:23px;
  border:none
}

.bar-reg
{
  margin-left:auto;
  margin-bottom:8px;
  margin-top:8px
}

.bar-all
{
  float:right;
  display:flex;
  flex-direction:column
}

a.btn.btn-fw
{
  background-color:#afac8b;
  font-size:12px;
  color:#fff;
  border-radius:5px;
  padding:1px 15px;
  line-height:23px;
  border:none
}

.weblogo a
{
  font-size:60px;
  color:#333;
  font-weight:900
}

.table-match > div > .row
{
  text-align:left
}

a.btn.btn-reg
{
  background-color:#f44336;
  font-size:12px;
  color:#fff;
  border-radius:5px;
  padding:1px 15px;
  line-height:23px;
  border:none
}

@media(min-width: 1199px) {
  table#tableData
  {
    width:100%!important
  }
}

@media (min-width: 992px) {
   /* .comment-scrollbar {
      overflow-y: scroll !important;
      height: 80% !important;
  } */
  
  .price-match
  {
    display:block!important;
    opacity:1!important
  }
  
  .show-only-mobile
  {
    display:none
  }
}

@media(max-width: 1214px) and (min-width: 992px) {
  .findMatch-Reuslt .show-only-mobile
  {
    display:block
  }
  
  .findMatch-Reuslt .hide-mobile
  {
    display:none
  }
  
  .navbar
  {
    height:23px;
    min-height:unset
  }
  
  .main-nav
  {
    visibility:hidden
  }
}

@media(max-width: 1199px) and (min-width: 992px) {
  .main-nav
  {
    display:none
  }
}

@media(max-width: 991px) and (min-width: 768px) {
  .weblogo
  {
    height:100px;
    align-items:center;
    justify-content:center;
    display:flex
  }
  
  .weblogo a
  {
    font-size:36px
  }
}

@media (max-width: 991px) {
  #price-match-3.price-match .product-status-wrap
  {
    min-height:150px !important;
  }
  body.admin .left-sidebar-pro {
    margin-left: 0;
  }

  .result-bill-list > div
  {
    padding:10px;
    font-size:12px
  }
  
  span.new-line
  {
    display:block;
    margin-bottom:5px
  }
  
  .price-match
  {
    margin-top:30px
  }
  
  .news-alert
  {
    width:100%
  }
  
  .sidebar-nav .metismenu ul a
  {
    padding:5px 15px 5px 46px
  }
  
  .sidebar-header-info-2
  {
    padding:10px
  }
  
  .sidebar-nav .metismenu li:first-child
  {
    margin-top:0
  }
  
  .top-logout
  {
    float:right;
    position:absolute;
    right:10px;
    top:-60px;
    margin-top:0
  }
  
  .top-logout
  {
    float:right;
    position:absolute;
    right:10px;
    top:-38px;
    margin-top:0
  }
  /*body user*/
  .left-sidebar-pro
  {
    display:block;
    width:22%;
    float:left;
    min-height:1px;
    margin-left:unset;
    position:relative
  }
   /*body user*/
  .all-content-wrapper
  {
    display:block;
    width:78%;
    float:left;
    min-height:1px;
    margin-left:unset;
    position:relative
  }
  
  #sidebar
  {
    min-width:unset;
    position:relative
  }
  
  .main-nav
  {
    visibility:hidden
  }
  
  .sidebar-header-info .username-sidebar
  {
    font-size:15px
  }
  
  .navbar
  {
    height:23px;
    min-height:unset
  }
  
  .challenge-page.section-mg
  {
    top:0;
    margin-top:15px
  }
  
  .mai-top-nav
  {
    display:block;
    position:absolute;
    top:0;
    right:0;
    float:right!important;
    margin:0!important;
    margin-top:-53px!important;
    width:70px!important
  }
  
  .footer-copyright-area
  {
    width:100%;
    left:0;
    float:left;
    z-index:1;
  }
   .footer-copyright-area
  {
    position: fixed;
  }
  body.iPad .footer-copyright-area
  {
    position: static;
  }
  .isMobile .footer-copyright-area {
    position: static;
  }

/*  isMobile  .swal2-popup.swal2-modal{
      margin-top: 30% !important;
 }*/
  
  table#tableData {
    width: 100%!important;
}
 
  .section-mg
  {
    margin-top:15px
  }
  
  .tool-go
  {
    padding:0
  }
  
  .product-status-wrap h4.show-only-mobile
  {
    font-size:15px
  }
  
  body.toggled .footer-copyright-area
  {
    display:none
  }
  
  .section-mg
  {
    margin-top:30px
  }
  
  .challenge-page.section-mg
  {
    top:0;
    margin-top:30px
  }
  
  body#login
  {
    height:100%
  }
  
  #login .container
  {
    width:auto
  }
  
  .mai-top-nav
  {
    display:block;
    position:absolute;
    top:0;
    right:0;
    float:right!important;
    margin:0!important;
    margin-top:-75px!important;
    width:70px!important
  }
  
  .news-alert
  {
    width:100%
  }
  
  .mg-mobile-top
  {
    margin-top:30px
  }
  
  .match-now
  {
    text-align:center;
    border:1px solid #ccc;
    padding:15px
  }
  
  .product-status-wrap h4.show-only-mobile
  {
    text-align:center;
    line-height:30px
  }
  
  .go-in-room
  {
    width:100%;
    font-size:12px
  }
  
  #myTab3.tab-review-design li a
  {
    padding-right:0
  }
  
  .price-match-head
  {
    display:block;
    margin-top:30px
  }
  
  .row.findMatch-Reuslt
  {
    margin-top:0
  }
  
  .left-sidebar-pro
  {
    display:block;
    margin-left:0;
    transition:margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;
    z-index:1
  }
  
  .toggled .all-content-wrapper
  {
    margin-left:230px;
    min-width:100vw;
    overflow-y:hidden;
    width:100vw;
    position:fixed
  }
  
  .sidebar
  {
    margin-left:-250px
  }
  
  .toggled .left-sidebar-pro
  {
    margin-left:0
  }
  
  .header-advance-area
  {
    height:auto
  }
  
  .hide-mobile
  {
    display:none!important
  }
}

@media(max-width: 767px) {
  body#index .all-content-wrapper > .section-mg > .container-fluid{
    padding: 0;
  }
  #sidebar  {
    max-width: 170px;
  }
  .tool-go-user
  {
    margin-top:10px
  }
  
  .box-select-shortcut .modal-content
  {
    height:540px;
    overflow:auto
  }
  
  .form-shortcut-challenge button
  {
    width:92px;
    padding:6px 8px;
    font-size:12px
  }
  
  .sidebar-nav .metismenu a
  {
    font-size:13px;
    align-items:center;
    display:flex;
    padding:10px
  }
  /*body*/
  .left-sidebar-pro
  {
    display:block;
    width:25%;
    float:left;
    min-height:1px;
    margin-left:unset;
    position:relative
  }
  /*body*/
  .all-content-wrapper
  {
    display:block;
    width:75%;
    float:left;
    min-height:1px;
    margin-left:unset;
    position:relative;
    overflow-x: hidden;
  }
  
  .next-line-1
  {
    display:block;
    margin:0
  }
  
  .next-line-2
  {
    display:block
  }
  
  .match-now > div.match-close-tools
  {
    display:block
  }
  
  .match-now > div.match-close-tools .match-close-price-btn
  {
    margin-right:0;
    margin-bottom:5px
  }
  
  h4.match-topic
  {
    font-size:15px;
    padding-top:15px
  }
  
  .price-match .product-status-wrap > h4
  {
    font-size:15px;
    padding-bottom:16px
  }
  
  .create-price-btn
  {
    padding:2px 8px
  }
  
  .match-info
  {
    font-size:15px
  }
  
  .btn-refresh-match
  {
    top:5px;
    right:25px;
    font-size:10px
  }
  
  .ul-login > li:last-child
  {
    text-align:center
  }
  
/*  .point-user-sidebar > span
  {
    display:block
  }
  */
  .metismenu .icon
  {
    display:block
  }
  
  #condition .container
  {
    width:auto
  }
  
  body#register .box-register
  {
    min-width:auto;
    margin-bottom:60px!important
  }
  
  #register .container
  {
    width:auto
  }
  
  body#login .box-login
  {
    min-width:auto;
    max-width:unset
  }
  
  .footer-copyright-area
  {
    position:static
  }
  
  .search-form > a
  {
    top:74px;
    right:35px
  }
  
  .search-form > input
  {
    position:initial;
    width:100%;
    margin-top:30px
  }
  
  .td-setting
  {
    display:flex
  }
  
  .review-content-section
  {
    margin:0
  }
  
  .tab-content>.active
  {
    padding:0
  }
  
  .match-desktop
  {
    display:none
  }
  
  .match-mobile
  {
    display:block
  }
  
  .header-right-info .admin-name
  {
    display:none
  }
  
  .weblogo a
  {
    font-size:50px
  }
  
  .weblogo
  {
    text-align:center;
    margin:10px 0
  }
  
  ul.ul-login
  {
    display:flex;
    flex-direction:column
  }
  
  .bar-login
  {
    float:unset
  }
  
  .ul-login > li
  {
    margin-left:0;
    margin-bottom:10px
  }
  
  .bar-all
  {
    float:unset
  }
  
  .bar-reg
  {
    margin-left:unset
  }
  
  .top-text
  {
    display:block;
    margin-bottom:10px;
    text-align:center
  }
  
  .bar-reg
  {
    margin-left:unset;
    margin-bottom:15px;
    margin-top:15px;
    text-align:right
  }
}
@media(max-width: 980px) {
  .isMobile .hidden-xs{
    display: none;
  }
}
@media(min-width:1200px) and (max-width:1800px) {
  .create-price-btn {
    float: right;
    margin-top: 35px;
    position: absolute;
    right: 30px;
    width: 200px;
  }
  .create-price-btn.btn-danger{
    margin-top: -5px;
    right: 20px;
  }

  .price-match .product-status-wrap > h4 {
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
  }

  .span.btn-play{
    width: unset
  }
  span.btn-play{
    background: orange;
    padding: 9px 4px;
    font-size: 14px;
    max-width: 80px;
    float: right;
  }
  .btn-join > span > span:not(.btn-play) {
    font-size: 13px;
  }
}


.loadExtra{
  display: block !important;
  text-align: center;
  padding-right: 240px;
  padding-top: 100px;
}
@media(max-width:991px) {
  .loadExtra{
    padding-right: 9%;
  }
}