/*.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%;

  }

}