/*div {
    clear: both;
}*/
#exampleModalAA .video-div video {
  width: 100%;
}
.both-outer.form-group {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.both-outer.form-group .btn.btn-primary {
  background: #000;
  border-color: #000;
}
.analytics-videos video {
  width: 250px;
}

a.add_here_c {
    position: absolute;
    background: #444;
    color: white;
    border: 1px solid white;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 12px;
    right: -7px;
    top: -5px;
}
a.add_here_c:hover{
	color:#fff;
}
select.select.open-sorting {
    border: 0;

    padding: 3px 2px;

    width: 130px;
    height: 40px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a0a0a0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    margin-right: 10px;
    font-weight: 300;
    position: relative;

}
select.select.battle-type {
    border: 0;

    padding: 3px 2px;

    width: 130px;
    height: 40px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a0a0a0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    margin-right: 10px;
    font-weight: 300;
    position: relative;

}
select.form-select.battle-type-event-battle {
    border: 0;

    padding: 3px 2px;

    width: 130px;
    height: 40px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a0a0a0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    margin-right: 10px;
    font-weight: 300;
    position: relative;

}


/*-----------------------7-5-2021-----------------*/
/*button.user_view_button.active {
    background: #000000;
    color: #fff;
    font-size: 15px;
    border: 0;
    height: 40px;
    width: 100px;
    border-radius: 4px;
    float: right;
    margin: 5px;
}
button.pit_view_button {
    background: #000000;
    color: #fff;
    font-size: 15px;
    border: 0;
    height: 40px;
    width: 100px;
    border-radius: 4px;
    float: right;
    margin: 5px;
}*/
section.users-page.category.catggry .button_div_users {
    text-align: center;
    width: 300px;
    border: 2px solid #ccc;
    margin: auto auto 25px;
    border-radius: 3px;

}
section.users-page.category.catggry .button_div_users button.active {
    background: #000;
    color: #fff;
}
section.users-page.category.catggry .button_div_users button {
    width: 49%;
    background: #f3f3f3;
    border: 0;
    padding: 13px 0;
    color: #252525;
    font-size: 15px;
    font-weight: 500;
}
p#fileExistsError {
  color: red;
  font-size: 13px;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    width: 16% !important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:first-child, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th:first-child {
    width: 8% !important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:nth-child(3), section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th:nth-child(3) {
    width: 22% ​!important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:first-child img.event_img {
    width: 85px;
    height: 65px;
    object-fit: cover;
    border-radius: 2px;
}

form#update_event .modal-body input {
    height: 40px !important;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 400;
}
form#update_event .modal-body  label {
    width: 100%;
    float: left;
    margin-bottom: 11px;
}
form#update_event .modal-body label textarea {
    height: 80px !important;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 6px 12px;
    border-radius: 4px;
    margin-top: 3px;
    font-weight: 400;
}
form#update_event .modal-body label h5 {
    margin-top: 0;
}
#DetailModal button.btn.btn-primary {
    background: #000;
    border-color: #000;
}
button.btn.btn-danger.delete.edit_event_pitt {
    background: #a2a2a2;
    border-color: #a2a2a2;
}
/*-----------------------7-5-2021-----------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}
input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}
/*.collapse {
    display: none !important;
}
.collapse.in {
    display: block !important;
}*/
section.users-page .datefilter {
    position: relative;
}
#DataTables_Table_0_info {
    float: left;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 500;
}
.row {
    display: inline-block;
}
#DataTables_Table_0_filter button#searchSub {
    margin-top: -6px !important;
}

*{margin:0;padding:0;}
p{margin:0;padding:0;color:#464646;line-height:normal;}
h1, h2, h3, h4, h5 ,h6{margin:0;padding:0;}
a:hover, a:focus{
text-decoration:none;transition: .8s;}
:focus{outline:none;}
ul{margin:0;padding:0;}
li{ list-style:none;}
button:hover{transition: .8s;}
button:focus{
outline:0 !important;}
img{max-width:100%;}
body{
    margin:0;
    padding:0;
   font-family: 'Montserrat', sans-serif !important;
    font-size:14px;
    font-weight:400;
}
*{margin:0;padding:0;}
p{margin:0;padding:0;color:#464646;line-height:normal;}
h1, h2, h3, h4, h5 ,h6{margin:0;padding:0;}
a:hover, a:focus{
text-decoration:none;transition: .8s;}
:focus{outline:none;}
ul{margin:0;padding:0;}
li{ list-style:none;}
button:hover{transition: .8s;}
button:focus{
outline:0 !important;}
.bg-white{display: none !important}
img{max-width:100%;}
.container{max-width: 1570px;}

/*header css start*/
.header .navbar.navbar-expand-md.navbar-dark {padding: 0;height: 90px;}
.header{background: #fff;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
.header li a{font-size:14px;color:#242424;text-transform:uppercase;font-weight:400;}
.header .btn{background:#b89600;text-transform:uppercase;font-size:14px;font-weight:600;padding: 10px 25px;}
.header .btn a{color:#fff;}
.header li a:hover{color:#b89600;}
.header .btn:hover{background:#595959;}
.navbar {position: relative;min-height: 50px;margin-bottom: 0px !important;border: 1px solid transparent;}
button.logout {
    float: right;
    margin-top: 0;
    margin-right: 32px;
    background: transparent;
    color: #ff885b;
    font-size: 20px;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 4px;
}
.navbar-dark .navbar-brand {color: #fff;padding: 0;width:65px;height:auto;margin-right:0;}
div#navbarSupportedContent {
    width: 80%;
    margin: 0 auto;
}
.left-bar ul {padding: 0;margin: 0;margin-top: 9px;text-align: center;}
.left-bar.admin { width: 100%;margin: 0 auto;display: block;}
.left-bar.admin ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.left-bar ul li{display: inline-block;
    padding: 20px 8px;
    border-left: 0px solid transparent;
    margin-bottom: 8px;
    width: auto;
    font-size: 14px;
}
.left-bar ul li:hover a{border-bottom: 2px solid #000000}
.left-bar ul li a{
    display: block;
   font-size: 16px;
    color: #424242;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: 2px solid transparent;
    padding:0 8px;
    border-bottom: 2px solid transparent;
}
.left-bar ul li:hover a{color: #000000;}
.left-bar.admin ul li {
    padding: 16px 6px;
    margin-bottom: 0;
}
.left-bar.admin ul li a {
    font-size: 15px;
    padding: 0 6px;
}
a:hover, a:focus{text-decoration:none;transition: .8s;}
li{ list-style:none;}
.dropdown-item.active, .dropdown-item:active{background:none !important;}

.left-bar button.close{display:none;}



/*home page part css start*/
.modal-content.home-popup .modal-header {border: 0;padding-bottom: 0;}
.modal-content.home-popup .modal-body{text-align:center;padding-top: 0;}
.modal-content.home-popup .modal-body h3{font-size:85px;color:#b89600;font-weight: 600;}
.modal-content.home-popup .modal-body h4{font-size:30px;color:#242424;font-weight: 500;text-transform:uppercase;margin: 10px 0;display:block;}
.modal-content.home-popup .modal-body p{font-size:14px;color:#242424;line-height:25px;margin: 20px 0 25px;}
.modal-content.home-popup .modal-body a{display:inline-block;background:#b89600;font-size:16px;color:#fff;width: 38%;border-radius: 3px;padding: 12px 0;margin: 0 8px 12px;text-transform:uppercase;font-weight: 500;}
.modal-content.home-popup .modal-body a.exit{background:#242424;}
/*home page part css close*/
.live-model-content{background-color: #f3f3f3;}
.live-model-content .right-bar{width: 100%;}
.right-main {width: 100%;display: inline-block;padding-left: 260px;margin-top: 95px;margin-left: 0;}
.right-bar .right-bar-content{background: #ffffff;border: 1px solid #f3f3f3;border-radius: 10px;margin:40px;}
.live-models.padd {padding: 30px;}
.right-bar-content h4{font-size:25px;color:#242424;border-bottom:1px solid #eceaea;padding: 20px;font-weight: 600;}
.right-bar-content .right-sub-bar{border: 1px solid #f3f3f3;max-height: 310px;}
.right-sub-bar .right-sub-bar-top{height: 234px;}
.right-sub-bar .right-sub-bar-top img{height: 100%;width: 100%;}
.right-sub-bar .right-sub-bar-bottom{height: 76px;}
.put{float: left;width: 100%;margin-top: 21px;}
.navbar-nav img{height: 40px;width: 40px;border-radius: 50%;margin-right: 17px;margin-left: 19px;}
.far1{font-size: 20px;padding: 10px 12px;color: #7f7e7e;}
.far2{padding: 10px 5px;font-size: 14px;color: black;}
.container1{margin: 0 20px;}
.right-gap{margin-right: 20px;}
.right-gap li{font-size: 14px;color: #242424;font-weight: 600;}
.auto-footer{padding-top: 18%;font-weight: bolder;}
.btm1{border-top: 0;}.dropdown-menu {left: -127px;}
.header.trans-header{box-shadow: 0px 2px 5px #d0d0d0 !important;position: fixed;background: #fff;left: 0;right: 0; z-index: 99;}
.footer-btm.btm1 {background: #fff;}
.right-bar .box-main {margin-bottom: 35px;}
.copy {background: #fff;padding: 20px;font-size:12px;color:#595959;text-transform:uppercase;}
.navbar-nav.ml-auto.right-gap li a {margin-right: 5px;}
.right-gap li a i {font-size: 22px;}
.right-gap li a i:hover{color: #b89600;}
.right-bar-content.noti {margin: 40px 240px;}
.navbar-nav.ml-auto.right-gap li a.go-live-btn {font-size: 15px;color: #e63324;border: 1px solid #e63324;text-transform: capitalize;
padding: 7px 18px;border-radius: 3px;display: inline-block;}
.navbar-nav.ml-auto.right-gap li a.go-live-btn:hover{background:#e63324;color:#fff;}
.tab-main.noti {margin: 40px 240px;}
.tab-main.noti .right-bar-content.mar-0{margin:0;border-radius: 0;}
.tab-main.noti .nav-tabs{border-bottom: 2px solid #313942;}
.tab-main.noti .nav-tabs .nav-item {margin-bottom: 0;width: 17%;text-align: center;}
.tab-main.noti .nav-tabs .nav-link{margin-right:18px;font-size:15px;color:#313942;text-transform:uppercase;font-weight:500;background:#e7e6e8;padding:17px 0;border-radius: 7px 7px 0 0;border: 0;border-left: 1px solid #aba9ac;border-right: 1px solid #aba9ac;border-top: 1px solid #aba9ac;}
.tab-main.noti .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:#313942!important;color:#fff!important;border-left: 1px solid #313942!important;border-right: 1px solid #313942!important;border-top: 1px solid #313942!important;}
#account {padding-left: 0;}
#document {padding-left: 0;}
#review {padding-left: 0;}
.account1{border-bottom: 1px solid #e8e7e7;padding: 28px 25px;}
.tab-main.noti .account1 h3{font-size:24px;color:#242424;margin-bottom: 15px;}
.tab-main.noti .account1 p{font-size:15px;color:#242424;margin-bottom:25px;}
.tab-main.noti .account1 .form-control{height:50px;border:1px solid #d9d7d7;border-radius:3px;font-size:14px;}
.tab-main.noti .iti.iti--allow-dropdown .form-control{width:100%;}
.form-control.date{

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.tab-main.noti .form-control.date {margin-top: 5px;}
.tab-main.noti .col-sm-3.padd-0{padding:0;}

.account1 label.us{font-size:15px;}
.account1 label.us input{margin-right:2px;}
.tab-main.noti .account1 h3 i{margin-right:10px;}
.tab-main.noti .account1.insta p{margin-bottom:10px;}
.account1.insta span{font-size: 15px;color: #595959;position: absolute;top: 0;background: #f0efef;width: 50px;height: 50px;text-align: center;padding: 14px 0;}
.form-control.ins{position:relative;overflow:hidden;padding-left: 62px;}
.tab-main.noti .form-control.url {margin-top: 10px;}
.account1.agree p b{font-weight:500;}
.tab-main.noti .account1.agree p{margin-bottom:10px;}
.account1.agree h5{font-size:17px;margin:8px 0 10px;display: inline-block;}
.container2 {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 30px 0 40px;}
.container2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark2 {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #d8d6d6;border-radius:3px;}
.container2:hover input ~ .checkmark2 {background-color: #ccc;}
.container2 input:checked ~ .checkmark2 {background-color: #b89600;}
.checkmark2:after {content: "";position: absolute;display: none;}
.container2 input:checked ~ .checkmark2:after {display: block;}
.container2 .checkmark2:after {left: 10px;top: 7px;width: 8px;height: 13px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.container2 h6{font-size: 14px;font-weight: normal;padding-left: 10px;line-height: 20px;}
.agree-btn{background: #b89600;font-size: 15px;font-weight: 500;color:#fff;padding: 12px 50px;border:0;border-radius: 3px;}
.agree-btn.agr{background:#343434;}
.agree-btn.right {float: right;}

.model-name {padding: 10px 28px 45px;}
.model-name h3{font-size:21px;color:#fff;}
.model-name h4{font-size:14px;color:#a5aeba;font-weight: 400;padding-top: 5px;}
.tab-main.noti .account1.mar-bot p{margin-bottom:8px;}
.tab-main.noti .account1.mar-bot p b{font-weight:600;}
.tab-main.noti .account1.mar-bot h5{font-size:17px;color:#eb1717;margin:10px 0 22px;display: inline-block;}

.upload-btn-wrapper {position: relative;overflow: hidden;display: block;}
.upload-btn-wrapper .btn {background:#343434;color:#fff;border-radius:3px;padding: 12px 35px;font-size:15px;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}

.search .custom-select {padding: 0;border:0;}
.search .custom-select select {display: none;}
.search .select-selected {width: 100%;background: #ddd;border: 0;border-radius: 4px;font-size: 16px;color: #fff;background: #b89600;
font-weight: 400;height: 45px;}
.search .select-selected:after {position: absolute;content: "";top: 17px;right: 100px;width: 0;height: 0;
border: 6px solid transparent;border-color: #fff transparent transparent transparent;}
.search .select-items div,.select-selected {color: #212529;padding: 8px 12px;border: 1px solid #eae6e6;font-size: 14px;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;user-select: none;}
.search .select-items {position: absolute;background-color: DodgerBlue;top: 100%;left: 17px;right: 0;z-index: 99;width: 92%;color: #212529;text-align:left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.search .select-hide {display: none;}
.search .select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}

.review-main{background:#fff;border-radius:3px;box-shadow: 0px 0px 10px #cccc;padding:23px;margin-bottom:20px;transition:.7s;}
.review-main img{margin-right:15px;}
.tab-main.noti .account1 .review-main h3{font-size:18px;color:#242424;font-weight:500;display:inline-block;margin: 0;vertical-align: middle;}
.review-right{float:right;}
.review-right h5{font-size:14px;color:#50a929;font-weight:500;display: inline-block;}
.review-right h5::before{content: "";width:8px;height:8px;border-radius:50%;background:#50a929;display: inline-block;margin-right: 6px;}
.review-right ul {display: inline-block;}
.review-right li{display:inline-block;margin-left: 15px;}
.review-right li a{width:32px;height:32px;background:#fff;box-shadow: 0px 0px 10px #a0a0a0a0;display: block;text-align:center;border-radius:50px;padding: 5px 0;}
.review-right li a i{color:#242424;font-size: 15px;}
.tab-main.noti .account1 h3.mar-top {margin-top: 30px;}



/* dashboard page css start*/

.right-bar-content.dashboard {background: none;}
.right-bar-content.dashboard h3{font-size:24px;color:#242424;font-weight:500;display:inline-block;margin-top: 10px;}
.das-box{background: #ffffff;border: 1px solid #f3f3f3;border-radius: 10px;text-align:center;padding:40px 0;position: relative;}
.das-box-icon{width:68px;height:68px;background:rgba(176,139,0,.3);border-radius:50%;margin: 0 auto;padding: 20px 0;}
.right-bar-content.dashboard .das-box h3{font-size:42px;color:#242424;font-weight:600;display: inline-block;margin: 15px 0 12px;}
.right-bar-content.dashboard .das-box h4{font-size:17px;color:#797878;font-weight:400;padding: 0;border: 0;}
.das-box-icon.icon2{background:rgba(3,126,255,.3);}
.das-box-icon.icon3{background:rgba(136,101,255,.3);}
.das-box-icon.icon4{background:rgba(43,197,41,.3);}
.dash-top { width: 100%;display: inline-block;border-bottom: 1px solid #f5f5f5;padding-bottom: 13px;}
.dash-gref{background: #ffffff;border: 1px solid #f3f3f3;border-radius: 10px;text-align:center;padding:20px;margin-top:30px;}
.dash-gref-top{width: 100%;display: inline-block;margin-bottom: 15px;}
.dash-gref-top h4{font-size:17px;color:#525050;border:0;font-weight:500;padding:0;display: inline-block;float: left;margin-top:3px;}

/* dashboard page css close*/

/* models page css start*/

.search-model-right {float: right;padding: 0;width: 42%;border: 0;}
.search-model-right .search-model {position: relative;width: 55%;display: inline-block;}
.search .form-control {height: 45px;}
.search-model-right .fa.fa-search.form-control-feedback {position: absolute;top: 12px;right: 14px;color: #595959;font-size: 18px;cursor: pointer;}
.search-model-right .dropdown {position: relative;display: inline-block;width: 40%;float: right;}
.search-model-right .form-control {height: 45px;}
.search .dropdown-menu{width:100%;}
.dash-top.model {margin-bottom: 0;}

/* models page css close*/

/* subscribers page css start*/

.right-bar-content.dashboard.subscribers{margin: 40px 240px;}
.subscribe{background: #ffffff;border: 1px solid #f3f3f3;}
.subscribe .table{margin-bottom:0;}
.subscribe .table .thead-dark th{font-size:15px;font-weight:600;}
.sub-img{width:35px;height:35px;background:#ddd;border-radius:50%;overflow:hidden;display:inline-block;vertical-align: bottom;}
.sub-img img{width:100%;height:100%;object-fit: cover;}
h5.name{font-size:15px;color:#4d4b4b;display:inline-block;font-weight: 400;vertical-align: top;margin:10px;}
.subscribe .table td, .table th{vertical-align: middle;border:0;padding:15px;}
.subscribe .table td{font-size:15px;color:#4d4b4b;}
.subscribe .table td strong{color:#242424;font-weight:500;}
.subscribe tr.bg {background: #f5f8f7;}
#subscribe-modal .modal-dialog{max-width: 600px;}
#subscribe-modal .modal-body{padding:20px;}
#subscribe-modal .subs-img{width:90px;height:90px;background:#ddd;border-radius:50%;overflow:hidden;display:inline-block;margin-bottom: 5px;}
#subscribe-modal h4.pop-name{display:inline-block;vertical-align: top;font-size:22px;color:#4d4b4b;padding-left: 10px;margin-top:5px;font-weight:400;}
#subscribe-modal .subs label{display:inline-block;font-size:15px;color:#242424;font-weight:500;width: 25%;vertical-align:top;}
#subscribe-modal .subs p{display:inline-block;font-size:14px;color:#656363;font-weight:400;width: 74%;}
#subscribe-modal .subs {margin-top: 10px;}
.subscribe .table tr {cursor: pointer;}

/* subscribers page css close*/



/*footer part css start*/
.footer.padding {padding: 80px 0 0;}
.footer {text-align: center;}
.footer-logo{text-align:center;}
.footer ul{display:inline-block;margin:50px 0 60px;}
.footer li{display:inline-block;margin:0 25px;}
.footer li a{font-size:14px;color:#000000;text-transform:uppercase;font-weight:600;}
.footer li a:hover{color:#b89600;}
.footer-social ul{margin:0;}
.footer-social li{margin: 0 18px;}
.footer-social li a{font-size:30px;color:#595959;}
.footer-btm{border-top:1px solid #dedbdb;margin-top: 45px;}
.footer-btm h4{font-size:12px;color:#595959;text-transform:uppercase;font-weight:300;padding:25px 0;}
/*footer part css close*/

/*home page part css start*/

.modal-content.home-popup .modal-header {border: 0;padding-bottom: 0;}
.modal-content.home-popup .modal-body{text-align:center;padding-top: 0;}
.modal-content.home-popup .modal-body h3{font-size:85px;color:#b89600;font-weight: 600;}
.modal-content.home-popup .modal-body h4{font-size:30px;color:#242424;font-weight: 500;text-transform:uppercase;margin: 10px 0;display:block;}
.modal-content.home-popup .modal-body p{font-size:14px;color:#242424;line-height:25px;margin: 20px 0 25px;}
.modal-content.home-popup .modal-body a{display:inline-block;background:#b89600;font-size:16px;color:#fff;width: 38%;border-radius: 3px;padding: 12px 0;margin: 0 8px 12px;text-transform:uppercase;font-weight: 500;}
.modal-content.home-popup .modal-body a.exit{background:#242424;}

/*home page part css close*/

.live-model-content{background-color: #f3f3f3;}
.live-model-content .right-bar{width: 100%;}
.right-main {width: 100%;display: inline-block;padding-left: 0;margin-top: 95px;margin-left: 0;}
.right-bar .right-bar-content{background: #ffffff;border: 1px solid #f3f3f3;border-radius: 10px;margin:40px;}
.live-models.padd {padding: 30px;}
.right-bar-content h4{font-size:25px;color:#242424;border-bottom:1px solid #eceaea;padding: 20px;font-weight: 600;}
.right-bar-content .right-sub-bar{border: 1px solid #f3f3f3;max-height: 310px;}
.right-sub-bar .right-sub-bar-top{height: 234px;}
.right-sub-bar .right-sub-bar-top img{height: 100%;width: 100%;}
.right-sub-bar .right-sub-bar-bottom{height: 76px;}
.put{float: left;width: 100%;margin-top: 21px;}
.navbar-nav img{height: 40px;width: 40px;border-radius: 50%;margin-right: 17px;margin-left: 19px;}
.far1{font-size: 20px;padding: 10px 12px;color: #7f7e7e;}
.far2{padding: 10px 5px;font-size: 14px;color: black;}
.container1{margin: 0 30px;}
.right-gap{margin-right: 20px;}
.right-gap li{font-size: 14px;color: #242424;font-weight: 600;}
.auto-footer{padding-top: 18%;font-weight: bolder;}
.btm1{border-top: 0;}.dropdown-menu {left: -127px;}
.header.trans-header{box-shadow: 0px 2px 5px #d0d0d0 !important;position: fixed;background: #fff;left: 0;right: 0; z-index: 99;}
.footer-btm.btm1 {background: #fff;}
.right-bar .box-main {margin-bottom: 35px;}
.copy {background: #fff;padding: 20px;font-size: 12px;color: #595959;text-transform: uppercase;float: left;width: 100%;}
.navbar-nav.ml-auto.right-gap li a {margin-right: 5px;}
.right-gap li a i {font-size: 22px;}
.right-gap li a i:hover{color: #b89600;}
.right-bar-content.noti {margin: 40px 240px;}
.navbar-nav.ml-auto.right-gap li a.go-live-btn {font-size: 15px;color: #e63324;border: 1px solid #e63324;text-transform: capitalize;
padding: 7px 18px;border-radius: 3px;display: inline-block;}
.navbar-nav.ml-auto.right-gap li a.go-live-btn:hover{background:#e63324;color:#fff;}
.tab-main.noti {margin: 40px 240px;}
.tab-main.noti .right-bar-content.mar-0{margin:0;border-radius: 0;}
.tab-main.noti .nav-tabs{border-bottom: 2px solid #313942;}
.tab-main.noti .nav-tabs .nav-item {margin-bottom: 0;width: 17%;text-align: center;}
.tab-main.noti .nav-tabs .nav-link{margin-right:18px;font-size:15px;color:#313942;text-transform:uppercase;font-weight:500;background:#e7e6e8;padding:17px 0;border-radius: 7px 7px 0 0;border: 0;border-left: 1px solid #aba9ac;border-right: 1px solid #aba9ac;border-top: 1px solid #aba9ac;}
.tab-main.noti .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:#313942!important;color:#fff!important;border-left: 1px solid #313942!important;border-right: 1px solid #313942!important;border-top: 1px solid #313942!important;}
#account {padding-left: 0;}
#document {padding-left: 0;}
#review {padding-left: 0;}
.account1{border-bottom: 1px solid #e8e7e7;padding: 28px 25px;}
.tab-main.noti .account1 h3{font-size:24px;color:#242424;margin-bottom: 15px;}
.tab-main.noti .account1 p{font-size:15px;color:#242424;margin-bottom:25px;}
.tab-main.noti .account1 .form-control{height:50px;border:1px solid #d9d7d7;border-radius:3px;font-size:14px;}
.tab-main.noti .iti.iti--allow-dropdown .form-control{width:100%;}
.form-control.date{

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.tab-main.noti .form-control.date {margin-top: 5px;}
.tab-main.noti .col-sm-3.padd-0{padding:0;}

.account1 label.us{font-size:15px;}
.account1 label.us input{margin-right:2px;}
.tab-main.noti .account1 h3 i{margin-right:10px;}
.tab-main.noti .account1.insta p{margin-bottom:10px;}
.account1.insta span{font-size: 15px;color: #595959;position: absolute;top: 0;background: #f0efef;width: 50px;height: 50px;text-align: center;padding: 14px 0;}
.form-control.ins{position:relative;overflow:hidden;padding-left: 62px;}
.tab-main.noti .form-control.url {margin-top: 10px;}
.account1.agree p b{font-weight:500;}
.tab-main.noti .account1.agree p{margin-bottom:10px;}
.account1.agree h5{font-size:17px;margin:8px 0 10px;display: inline-block;}
.container2 {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 30px 0 40px;}
.container2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark2 {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #d8d6d6;border-radius:3px;}
.container2:hover input ~ .checkmark2 {background-color: #ccc;}
.container2 input:checked ~ .checkmark2 {background-color: #b89600;}
.checkmark2:after {content: "";position: absolute;display: none;}
.container2 input:checked ~ .checkmark2:after {display: block;}
.container2 .checkmark2:after {left: 10px;top: 7px;width: 8px;height: 13px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.container2 h6{font-size: 14px;font-weight: normal;padding-left: 10px;line-height: 20px;}
.agree-btn{background: #b89600;font-size: 15px;font-weight: 500;color:#fff;padding: 12px 50px;border:0;border-radius: 3px;}
.agree-btn.agr{background:#343434;}
.agree-btn.right {float: right;}

.model-name {padding: 10px 28px 45px;}
.model-name h3{font-size:21px;color:#fff;}
.model-name h4{font-size:14px;color:#a5aeba;font-weight: 400;padding-top: 5px;}
.tab-main.noti .account1.mar-bot p{margin-bottom:8px;}
.tab-main.noti .account1.mar-bot p b{font-weight:600;}
.tab-main.noti .account1.mar-bot h5{font-size:17px;color:#eb1717;margin:10px 0 22px;display: inline-block;}

.upload-btn-wrapper {position: relative;overflow: hidden;display: block;}
.upload-btn-wrapper .btn {background:#343434;color:#fff;border-radius:3px;padding: 12px 35px;font-size:15px;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}

.search .custom-select {padding: 0;border:0;}
.search .custom-select select {display: none;}
.search .select-selected {width: 100%;background: #ddd;border: 0;border-radius: 4px;font-size: 16px;color: #fff;background: #b89600;
font-weight: 400;height: 45px;}
.search .select-selected:after {position: absolute;content: "";top: 17px;right: 100px;width: 0;height: 0;
border: 6px solid transparent;border-color: #fff transparent transparent transparent;}
.search .select-items div,.select-selected {color: #212529;padding: 8px 12px;border: 1px solid #eae6e6;font-size: 14px;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;user-select: none;}
.search .select-items {position: absolute;background-color: DodgerBlue;top: 100%;left: 17px;right: 0;z-index: 99;width: 92%;color: #212529;text-align:left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.search .select-hide {display: none;}
.search .select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}

.review-main{background:#fff;border-radius:3px;box-shadow: 0px 0px 10px #cccc;padding:23px;margin-bottom:20px;transition:.7s;}
.review-main img{margin-right:15px;}
.tab-main.noti .account1 .review-main h3{font-size:18px;color:#242424;font-weight:500;display:inline-block;margin: 0;vertical-align: middle;}
.review-right{float:right;}
.review-right h5{font-size:14px;color:#50a929;font-weight:500;display: inline-block;}
.review-right h5::before{content: "";width:8px;height:8px;border-radius:50%;background:#50a929;display: inline-block;margin-right: 6px;}
.review-right ul {display: inline-block;}
.review-right li{display:inline-block;margin-left: 15px;}
.review-right li a{width:32px;height:32px;background:#fff;box-shadow: 0px 0px 10px #a0a0a0a0;display: block;text-align:center;border-radius:50px;padding: 5px 0;}
.review-right li a i{color:#242424;font-size: 15px;}
.tab-main.noti .account1 h3.mar-top {margin-top: 30px;}
.inner-bg {background: #fff;
  border-radius: 8px;
  padding: 30px;
  box-shadow:none;
  float: left;
  width: 100%;
}
.table thead tr {
  box-shadow: none;
}
.table tr {
  background: #fff;
  border-radius: 0;
  width: 100%;
  background: #fff;
  border-bottom:1px solid #e6e6e6;
  vertical-align: middle;
}
tr:nth-child(even) {background-color: #f2f2f2;}

.live-model-content .right-bar {
  width: 100%;
  min-height: calc(100vh - 153px);
}
.min-height {
  float: left;
  width: 100%;
  padding: 30px 30px;
}
.right-bar .right-bar-content {
  background: #ffffff;
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  margin: 0;
  float: left;
  width: 100%;
  padding: 0 0px 70px;
  min-height: calc(100vh - 210px);
  position: relative;
}
.dash-top {
     width: 100%;
    display: inline-block;
    border-bottom: 0;
    padding-bottom: 25px;
    position: relative;

}
.dash-top a {
    background: #424242;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 9px;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    right: -5px;
    top: -5px;
    padding:3px 0;
}
.dash-top a:hover{
    color:#fff;
}
.dash-top .fa.fa-search {
    display: none;
}
.gym-view-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius:4px;
}
.gym-view-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.right-bar-content.dashboard h3 {
  font-size: 22px;
  color: #242424;
  font-weight: 500;
  display: inline-block;
  text-transform:capitalize;
}
.right-bar-content.dashboard .gym-view-right-left h3{
  margin:0 0 8px
}
.gym-view-right-left li{
    font-size:16px;
    color:#424242;
    margin-bottom:5px;
}
.about-gym h4 {
    padding: 3px 0;
    font-size: 22px;
    font-weight: 500;
    border-bottom:0;
}
.gym-view-right-left li i{
    font-size:18px;
    color:#5f73ff;
    width:32px;
}
.about-gym p{
    font-size:16px;
    color:#424242;
}
.about-detail h6 {
    font-size: 15px;
    color:#424242;
}
.gym-gallery h4{
    padding: 3px 0;
    font-size: 22px;
    font-weight: 500;
    border-bottom:0;
}

.search-main-div.booking {
 width: 30%;
  position: relative;
  float: right;
}
.search-main-div.booking button.booking.btn.btn-primary {
  background: #ff885b;
  border: 1px solid #ff885b;
  font-size: 15px;
  margin-left: 10px;
  padding: 0 11px;
  border-radius: 8px;
  position: relative;
  float: right;
  height: 51px;
}
.search-main-div.booking button.booking.btn.btn-primary i {
  color: #fff;
  font-size: 15px;
  position: initial;
}
.search-main-div.booking input {
  width: 70%;
  position: relative;
  height: 50px;
  border-radius: 11px;
  padding: 10px 15px 10px 45px;
  position: relative;
  background: #FBFAFA;
  border: 1px solid #ECECEC;
}
.search-main-div i.fa.fa-search {
  position: absolute;
  left: 13px;
  top: 15px;
  z-index: 9;
  color: #b7b7b7;
  font-size: 20px;
}
.gallery-img-div-inner {
   display: inline-block;
   vertical-align: top;
   margin-right:10px;
}
.gallery-img{
    width: 190px;
    height: 140px;
    overflow: hidden;
    border-radius:4px;
}
.gallery-img-div-inner img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.gym-amenities h4{
    padding: 3px 0;
    font-size: 22px;
    font-weight: 500;
    border-bottom:0;
}
.gym-amenities li {
    display: inline-block;
    background: #5f73ff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 15px;
    color:#fff;
    margin-right:5px;
}
.gym-view-right-right {
    float: right;
    position: absolute;
    top: 0;
    right: 15px;
}

.gym-view-right-right button {
    width: 72px;
    padding: 6px 0;
    background:#5f73ff;
}
.gym-view-right-right button:hover{
    background:#5f73ff;
}


table.table.gym-detail th {
  font-weight: 400;
 color: #252525;
     font-size: 16px;
  padding: 0 10px;
  border: 0;
  font-weight:500;
  text-transform:capitalize;
}
table.table.gym-detail td {
  vertical-align: middle;
  padding: 10px 8px;
  border: 0;
  color: #6f6f6f;
  font-size: 15px;
}

table.table.gym-detail td .btn-danger {
  color: #fff;
  background-color: #F44336;
    border-color: #F44336;
}


table.table.gym-detail td button.btn.btn-primary.accepted {
  background: #c6ecc6;
  border-color: #c6ecc6;
  padding: 8px 0;
  color: #009600;
}

table.table.gym-detail td button.btn.btn-danger.reject, table.table.gym-detail td button.btn.btn-danger.rejected {
  background-color: #fdeaed;
  color: #e1233d;
  border: 0;
  padding: 8px 0;
  margin: 0 3px;

}
table.table.gym-detail td button.btn.btn-primary.accept {
  background: #c6ecc6;
  border-color: #c6ecc6;
  padding: 8px 0;
  color: #009600;
}
table.table.gym-detail td button.cancelled{
  background: #fed5e2;
  padding: 8px 0;
  color: #eb5160;
  border: 0;
}
table.table.gym-detail h2.name-td {
      font-size: 15px;
  font-weight: 400;
  margin:0;

}
table.table.gym-detail h2.address-td {
      font-size: 15px;
  font-weight: 300;
  margin:0;
  text-transform:capitalize;
}
.btn.btn-danger.view.viewUser {
    background: #000000;
    border-color: #000000;
}

.btn.btn-danger.delete.opendelp{
    background:#d9534f;
    border-color: #d9534f;
}
.btn.btn-danger.edit.editUser{
    background: #a2a2a2;
    border-color: #a2a2a2;
}
.btn {
    width: 70px;
}
 .seeThis {
    display: none !important;
}
.search-main-div {
    width: 20%;
    float: right;
}
.search-main-div .form-control {
    height: 40px;
    width: 250px;
    display: inline-block;
    margin-right: 14px;
}
#searchSub{
       background: #000000;
color: #fff;
font-size: 15px;
border: 0;
height: 40px;
width: 25%;
border-radius: 4px;
float: right;
}
.logout {font-size: 18px;color:#424242;}
li.active a {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
    font-weight: 500 !important;
}
.page-item.active .page-link{color:#fff!important;}
.pagination{float:right;}
.logout:hover{color:#5f73ff;text-decoration:none;}
.header.trans-header .navbar-brand img {width: 65px;}
.btn.btn-danger.view.viewListing{background: #5f73ff;border-color: #5f73ff;}

.modal-dialog.lessons-view label.videos-aa-div {
    width: 100%;
    margin-top: 13px;
}

/* ========== edit listing page css issue fix =================*/

.editListing .modal-body{padding:0;}
.editListing .modal-body h4{margin:0 0 12px;font-size:22px;}
.editListing .modal-body h4 strong{font-weight:400;}
.editListing .gym-info-step1-left .form-group label{font-weight: 400;font-size: 14px;display: block;margin-bottom: 8px;color: #232323;}
.editListing .gym-info-step1-left .form-control {padding: 6px 8px;height: 40px;}


.editListing .gym-edit-amenities .step2-one li {display: inline-block;margin: 0 8px 10px;}
.editListing .gym-edit-amenities li label span {padding: 13px !important;box-shadow: 0 0 10px rgba(0,0,0,.05);min-width: 80px;
text-align: center;margin-bottom: 10px;font-style: normal;font-weight: 400;font-size: 14px;line-height: 15px;display: inline-block;
color: #424242;padding: 13px 21px;border-radius: 4px;}
.editListing .gym-edit-amenities li input[type="checkbox"] {position: absolute;left: 0;top: 0;width: 100%;height: 83%;margin: 0;opacity: 0;z-index: 9;}
.editListing .step2-one input[type="checkbox"], .step2-one input[type="radio"] {display: none;}
.editListing .gym-edit-amenities li input:checked ~ span {background: #5f73ff;color: #fff;}


.editListing .gym-edit-space {margin-top: 10px;}
.editListing .gym-edit-space label.custom-file-upload {width: auto;background: #5f73ff;color: #fff;padding: 13px 22px;
border-radius: 4px;margin-bottom: 22px;font-weight: 400;}
.editListing .step3-pics input[type="file"] {display: none;}
.editListing #addImages li {display: inline-block;position:relative;border-radius:4px;margin-right:10px;}
.editListing #addImages li img#blah {border-radius: 4px;width: 220px;height: 150px;overflow:hidden;object-fit:cover;}
.editListing #addImages .del-image {width: 20px;height: 20px;background: #555;border-radius: 50px;display: block;position: absolute;right: 0;
color: #fff;top: -7px;text-align:center;right: -7px;cursor: pointer;}
.editListing #addImages li img.imageThumb{border-radius: 4px;width: 220px;height: 150px;overflow:hidden;object-fit:cover;}
.editListing #addImages a.remove {width: 20px;height: 20px;background: #555;border-radius: 50px;display: block;position: absolute;right: 0;
color: #fff;top: -7px;text-align:center;right: -7px;cursor: pointer;}
.editListing #save{background: #5f73ff;color: #fff;padding: 10px 0;border-radius: 4px;margin-bottom: 22px;font-weight: 400;width: 90px;float:right;
font-size: 15px;}

/* ========== edit listing page css issue fix =================*/



/* ========== user table css issue fix =================*/

.users-page table th.user-image{width:5%;word-wrap: anywhere;}
.users-page table td.user-image{width:5%;word-wrap: anywhere;}
.users-page table td.user-image .gym-img {width: 85px;height: 65px;object-fit: cover;border-radius:2px;}

.users-page table th.user-name{width:8%;word-wrap: anywhere;}
.users-page table td.user-name{width:8%;word-wrap: anywhere;}

.users-page table th.user-email{width:10%;word-wrap: anywhere;}
.users-page table td.user-email{width:10%;word-wrap: anywhere;}

.users-page table th.user-education{width:10%;word-wrap: anywhere;}
.users-page table td.user-education{width:10%;word-wrap: anywhere;}

.users-page table th.user-action{width:10%;word-wrap: anywhere;}
.users-page table td.user-action{width:10%;word-wrap: anywhere;}

/* ========== user table css issue fix =================*/


/* ========== listing table css issue fix =================*/

.listings table th.title{width:7%;word-wrap: anywhere;}
.listings table td.title{width:7%;word-wrap: anywhere;}

.listings table th.type{width:8%;word-wrap: anywhere;}
.listings table td.type{width:8%;word-wrap: anywhere;}

.listings table th.description{width:15%;word-wrap: anywhere;}
.listings table td.description{width:15%;word-wrap: anywhere;}

.listings table th.address{width:17%;word-wrap: anywhere;}
.listings table td.address{width:17%;word-wrap: anywhere;}

.listings table th.list-action{width:9%;word-wrap: anywhere;}
.listings table td.list-action{width:9%;word-wrap: anywhere;}

/* ========== listing table css issue fix =================*/


/* ========== chat page css start =================*/

#container{width:960px;height:630px;background:#eff3f7;margin:150px auto;font-size:0;border-radius:5px;overflow:hidden;}
aside{width:260px;height:800px;background-color:#3b3e49; display:inline-block;font-size:15px;vertical-align:top;float:left;  }
main{width:698px;height:800px;display:inline-block !important;font-size:15px;vertical-align:top !important;}
aside header{padding:30px 20px;display:none;}
aside input{width:100%;height:50px;line-height:50px;padding:0 50px 0 20px;background-color:#5e616a;border:none;border-radius:3px;
color:#fff;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1940306/ico_search.png);
background-repeat:no-repeat;background-position:170px;background-size:40px;}
aside input::placeholder{color:#fff;}
aside ul{padding-left:0;margin:0;list-style-type:none;overflow:auto;max-height:630px;}
aside li{padding:10px 0;position:relative;}
aside li:hover{background-color:#5e616a;}
h2,h3{margin:0;}
aside li img{border-radius:50%;margin-left:12px;width:50px;height:50px;margin-right:15px;}
aside li div{display:inline-block;  vertical-align:top; margin-top:0;}
aside li h2{font-size:15px;color:#fff;font-weight:normal;margin-bottom:12px; margin-top:3px;}
aside li h3{font-size:13px;color:#7e818a;font-weight:normal;}
h3.lastMessage {margin: 0;font-size: 13px;color: #848790;}
.status{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;}
.green{background-color:#58b666;}
.orange{background-color:#ff725d;}
.blue{background-color:#5f73ff;margin-right:0;margin-left:7px;}
main header{height:75px;padding:12px 20px;}
main header img#acImg{width:50px;height:50px;object-fit:cover;}
main header > *{display:inline-block;vertical-align:top;}
main header img:first-child{border-radius:50%;}
main header img:last-child{width:24px;margin-top:8px;float:right;}
main header div{margin-left:10px;margin-right:145px;}
main header h2{font-size:17px;margin:7px 8px;}
main header h3{font-size:14px;font-weight:normal;color:#7e818a;}
#chat{padding-left:0;margin:0;list-style-type:none;overflow-y:scroll;height:390px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
#chat li{padding:0px 30px 5px;}
#chat h2,#chat h3{display:inline-block;font-size:12px;font-weight:normal;}
#chat h3{color:#bbb;}
#chat .entete{margin-bottom:0px;}
#chat .entete h3{margin:8px 0;}
#chat .message{padding:10px;color:#fff;line-height:20px;font-size:13px;max-width:90%;display:inline-block;text-align:left;border-radius:5px;word-wrap: break-word;}
#chat .me{text-align:right;}
#chat .you .message{background-color:#58b666;}
#chat .me .message{background-color:#5f73ff;}
#chat .triangle{width: 0;height: 0;border-style: solid;border-width: 0 7px 7px 7px;}
#chat .you .triangle{border-color: transparent transparent #58b666 transparent;margin-left:15px;}
#chat .me .triangle{border-color: transparent transparent #5f73ff transparent;margin-left:602px;}
main footer{height:155px;padding:20px 20px 10px 20px;}
main footer textarea{resize:none;border:none;display:block;width:100%;height:80px;border-radius:3px;padding:20px;font-size:13px;margin-bottom:13px;}
main footer textarea::placeholder{color:#424242;}
main footer img{height:30px;cursor:pointer;}
main footer a{text-decoration:none;text-transform:uppercase;font-weight:bold;color:#5f73ff;vertical-align:top;float:right;margin-top:5px;
display:inline-block;}
#container .last-message-date {float: right;top: 16px;position: absolute;right: 10px;margin:0;}
#container .online {width: 8px;height: 8px;border-radius: 50%;display: inline-block;margin-right: 7px;background-color: #58b666;position: absolute;
left: 50px;}
#container .chat-header-text h2{margin:0 0 8px;}
#container .chat-header-text h3{margin:0;}
#container .chat-text { width: 50%;}
#container .chat-text h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#container .SelectedUser.active{background:#5e616a;}
#container h4.count {width: 21px;height: 21px;background: #c6c6c6;text-align: center;color: #3b3e49;border-radius: 50px;font-size: 11px;margin:0;
position: absolute;right: 10px;top: 35px;padding:4px 0;}

/* ========== chat page css close =================*/


/* ========== users view edit popup css =================*/
#Edit-modal .modal-dialog {
    max-width: 830px;
    width: 100%;
    min-height: calc(100% - (1.75rem * 2));
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
#Edit-modal .modal-body{padding:20px;}
#Edit-modal .View-left-img {width: 32%;display:inline-block;}
#Edit-modal .drag-photo-box {height: 200px;overflow: hidden;border-radius:4px;margin-top:45px;}
#Edit-modal .View-left-img img{width:100%;height:100%;object-fit:cover;}
#Edit-modal label.file {width: 100%;text-align:center;margin-top:25px;}
#Edit-modal #fileup {display: none;}
#Edit-modal .View-left-img span {font-weight: 400;font-size: 14px;color: #5f73ff;display: inline-block;border: 1px solid #ddd;width: 85%;
padding: 12px 0;border-radius: 4px;text-align:center;cursor:pointer;}
#Edit-modal .right-view-content {width: 65%;display:inline-block;vertical-align:top;float:right;}
#Edit-modal .right-view-content .save-btn {text-align: right;margin-bottom:10px;}
#Edit-modal .right-view-content .save-btn button{background: #5f73ff;border-color: #5f73ff;color:#fff;padding: 6px 18px;border-radius:4px;
font-size: 15px;border:0;}
#Edit-modal .right-view-content .form-control{padding:6px 8px;height:40px;}
#Edit-modal .personal-detail p{margin-bottom:12px;}
#Edit-modal .personal-detail p strong{font-weight:400;font-size:14px;display:block;margin-bottom:8px;color: #232323;}
#Edit-modal .person-description h1{font-size:16px;font-weight:400;margin:0 0 8px;}
#Edit-modal .person-description textarea.form-control {height: 85px;}
#Edit-modal .vie-imgs {height: 200px !important;overflow: hidden;border-radius: 4px;margin-top: 45px;}
#Edit-modal .vie-imgs img{width:100%;height:100%;object-fit:cover;}
#Edit-modal .top-buttons-view {text-align: right;margin-bottom:10px;}
#Edit-modal .top-buttons-view .btn{width:72px;background: #5f73ff;padding:6px 0;}
#Edit-modal .personal-detail p{font-size:15px;}
#Edit-modal .person-description.quick-bio-admin h1 {margin-top: 25px;color:#232323;}
#Edit-modal .modal-btm-detal {margin-top: 15px;}
#Edit-modal .table tr{box-shadow:none;margin-bottom:10px;padding-top:20px;}
#Edit-modal .table td{padding:10px 0 0;}
#Edit-modal .table td h5{margin:0;font-size:17px;}
#Edit-modal .table td h6{font-size:15px;margin:7px 0 0;color: #6B6B6B;}
#Edit-modal td.tab-width1{width:38%;}
#Edit-modal td.address-td {width: 38%;font-size:15px;}
#Edit-modal td.rent {text-align: left;padding-left:25px;}
#Edit-modal .modal-footer{padding:0;}
#Edit-modal .modal-footer .btn{width: 130px;margin:20px auto 0;background:#5f73ff;border:0;padding:12px 0;}
#Edit-modal .modal-btm-detal {max-height: 300px;overflow: auto;}
form#updateUser{width:100%;}

/* ========== users view edit popup css =================*/


/* ========== delete popup css =================*/
#delete-alert .modal-dialog{width: 460px;}
#delete-alert .modal-body {text-align: center;padding: 30px 0;}
#delete-alert .modal-body h3 {font-size: 32px;color: #232323;font-weight: 500;margin: 25px 0 20px;}
#delete-alert .modal-body p {font-size: 18px;color: #646363;font-weight: 300;margin: 0 0 35px;}
#delete-alert .modal-body button {width: 130px;background: #424242;color: #fff;border: 0;margin: 0 10px;padding: 12px 0;display: inline-block;font-size: 16px;
font-weight: 400;border-radius: 4px;}
#delete-alert .yes.deleteUser{background:#F44336;}
#delete-alert .yes.deleteListing{background:#000000;}

/* ========== delete popup css =================*/
/* ==========  css =================*/
div#DataTables_Table_0_paginate {
    float: right;
    margin-top:20px;
}
#DataTables_Table_0_paginate a {
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    color: #000000;
    cursor: pointer;
        font-weight: 300;
}
div#DataTables_Table_0_filter #searchSub {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 12%;
    border-radius: 4px;
    width: 83px;
    margin-top: -5px;
    float: right;
}
#DataTables_Table_0_paginate a.paginate_button.current {
    background: black;
    color: #fff;
}
.pagination-div a.page-link {
    padding: 8px 15px !important;
    color: #000000;
}
.pagination-div .page-item.active .page-link {
     color: #fff;
    background-color: #000000;
    border-color: #000000;
}


/* ==========  css =================*/
div#DataTables_Table_1_paginate {
    float: right;
    margin-top:20px;
}
#DataTables_Table_1_paginate a {
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    color: #000000;
    cursor: pointer;
        font-weight: 300;
}
div#DataTables_Table_1_filter #searchSub {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 12%;
    border-radius: 4px;
    width: 83px;
    margin-top: -5px;
    float: right;
}
#DataTables_Table_1_paginate a.paginate_button.current {
    background: black;
    color: #fff;
}
.pagination-div a.page-link {
    padding: 8px 15px !important;
    color: #000000;
}
.pagination-div .page-item.active .page-link {
     color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.right-bar-content.dashboard .dataTables_filter label {
   float: left;
    font-size: 16px;
    font-weight: 400;
    text-align: right;


}
/*div#DataTables_Table_0_filter #searchSub {
        background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
       height: 40px;
    width: 12%;
    border-radius: 4px;
    float: right;
    width: 83px;
    margin-top: -6px;
}*/
div#DataTables_Table_0_filter #searchSub {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 12%;
    border-radius: 4px;
    width: 83px;
    margin-top: -64px;
    float: right;

}
div#DataTables_Table_1_filter #searchSub1 {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 12%;
    border-radius: 4px;
    width: 83px;
    margin-top: -6px;
    float: right;

}
#DataTables_Table_1 {
    width: 100% !important;
}
.right-bar-content.dashboard .dataTables_filter input[type="search"] {
    float: right;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-top: -6px;
    margin-left: 11px;
    margin-bottom: 20px;
        height: 40px;
}
.form-control {
    font-weight: 300;
}
.modal-body .view-popup {
    float: left;
    width: 100%;
}
#Edit-modal .right-view-content {
    width: 100%;
}
#Edit-modal .person-description.quick-bio-admin label {
    width: 20%;
    float: left;
    font-weight: 400;
}
#Edit-modal .person-description.quick-bio-admin label p {
    margin-top: 10px;
    font-weight: 300;
}
#Edit-modal .modal-btm-detal {
    float: left;
    width: 100%;
}
.slect-div-box {
    display: block;
    width: 130px;
    height: 40px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a0a0a0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    margin-right: 10px;
    font-weight: 300;
    position: relative;
    -webkit-appearance: none;
}
.slect-div-box .fas.fa-sort-down {
    right: 9px;
    font-size: 20px;
    position: absolute;
    top: 4px;
}
select.battle_stat {
    /*display: block;
    width: 130px;
    height: 40px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #a0a0a0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    margin-right: 10px;
    font-weight: 300;*/
    border: 0;
-webkit-appearance: none;
padding: 3px 2px;
width: 100%;
}

label .fas.fa-sort-down {
    position: absolute;
right: 13px;
top: 28px;
font-size: 19px;
}
/*.batle-page-search .search-main-div {
    width: 50%;
    float: right;
}*/
.batle-page-search .search-main-div {
    width: 35%;
    float: none;
    display: inline-block;
}
/*.batle-page-search {
    float: right;
    width: 40%;
}*/
.batle-page-search {
    float: right;
    width: 40%;
    text-align: right;
}
/*
table.table.gym-detail.batle-page-detail tbody td.user-image {
    width: 3%;
    word-wrap: anywhere;
}
table.table.gym-detail.batle-page-detail thead th.user-image {
       width: 3.6%;
    word-wrap: anywhere;
}
table.table.gym-detail.batle-page-detail th:nth-child(3){
       width: 12%;
}
table.table.gym-detail.batle-page-detail th:nth-child(4){
       width: 10%;
}
table.table.gym-detail.batle-page-detail tbody td:nth-child(3){
    width: 10%;
}*/

.modal-content {
   min-width: 680px;
}
.modal-header h5#exampleModalLabel {
    font-size: 20px;
    margin: 0;
    margin-top: 1px;
}
div#DataTables_Table_0_filter {
    float: right;
    width: 38%;
    margin-top: -40px;
}

div#DataTables_Table_1_filter {
    float: right;
    width: 38%;
    margin-top: -40px;
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}
label.sort_uni {
    width: 40%;
    margin-right:15px;
    margin-top:-6px;
}
.modal-header button.close {
    padding-bottom: 0 !important;
    padding-top: 1px !important;
    color: #000;
    opacity: 1;
    font-weight: 400;
    line-height: 28px;
}
.modal-header button.close span {
    font-size: 40px;
    opacity: 1;
}
td.user-image h5 {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 300;
}
table.table.gym-detail.instruction-table h2.image-td {
    margin: 0;
}
table.table.gym-detail.instruction-table img {
    width: 85px;
    height: 65px;
    object-fit: cover;
    border-radius: 2px;
}
button.btn.btn-primary.modal-add.add-instruction {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 130PX;
    border-radius: 4px;
    float: none;
    margin-left: 7px;
    display: inline-block;
    margin: 0px 7px 0px;
    vertical-align:top;
}
ul#items_sort li.insOrder {
    padding: 8px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    overflow: hidden;
    margin: 9px 0;
    cursor: pointer;
}
ul#items_sort {
    float: left;
    width: 100%;
}
button.btn.btn-primary.save_sortinggg {
    background: #000;
    border-color: #000;
}
button.btn.btn-primary.modal-sort.sort-instruction {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 66PX;
    border-radius: 4px;
    float: right;
}
.search-div-ins-page {
    float: right;
    width: 50%;
    text-align: right;
}
.search-div-ins-page .search-main-div {
    width: 60%;
    float: none;
    display: inline-block;
}
.modal-body {
    max-height: 600px;
    overflow: auto;
}
.modal-header h5#exampleModalLabel1 {
    font-size: 20px;
    margin: 0;
    margin-top: 1px;
}

.modal-dialog.edit-instaructoin-modal label {
    float: left;
    width: 100%;
}
.modal-dialog.edit-instaructoin-modal label h5 {
    font-size: 14px;
    margin: 0;
    margin-bottom: 7px;
}
.modal-dialog.edit-instaructoin-modal button#update_This {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
   width: 20%;
    border-radius: 4px;
    float: right;
}
button#add_new{
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;

    border-radius: 4px;
    float: right;
}
li.insOrder.blue-background-class {
    background: black;
    color: #fff !important;
}
.modal-dialog.edit-instaructoin-modal label input {
    height: 40px !important;
        margin-bottom: 10px;
        position: relative;
}
.modal-dialog label {
    position: relative;
}
.modal-dialog.lessons-view label {
    float: left;
   width: 33.33%;
}
.modal-dialog.lesons-add-modal label {
    float: left;
    width: 100%;
}
.modal-dialog.lesons-add-modal label h5 {
    font-size: 14px;
    margin: 0;
    margin-bottom: 7px;
}
.modal-dialog.lesons-add-modal label input {
    height: 40px !important;
    margin-bottom: 10px;
}
.modal-dialog.lesons-add-modal button.btn.btn-primary.hide_le{
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;

    border-radius: 4px;
    float: right;
}
.modal-dialog.lesons-add-modal select {
    height: 40px !important;
        margin-bottom: 10px;
        -webkit-appearance: none;
}
.modal-dialog.lesons-add-modal button.btn.btn-primary.Update_le{
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 25%;
    border-radius: 4px;
    float: right;
}
table.table.gym-detail.lessons-table thead th:first-child{
    width: 5.5%;
}
table.table.gym-detail.lessons-table thead th:nth-child(2){
       width: 8%;
}
table.table.gym-detail.lessons-table thead th:nth-child(3){
        width: 7%;
    }
table.table.gym-detail.lessons-table thead th:nth-child(4){
   width: 10%;
}

table.table.gym-detail.lessons-table tbody td:first-child{
   width: 5.5%;
}
table.table.gym-detail.lessons-table tbody td:nth-child(2){
       width: 8%;
}
table.table.gym-detail.lessons-table tbody td:nth-child(3){
        width: 7%;
    }
table.table.gym-detail.lessons-table tbody td:nth-child(4){
   width: 10%;
}
.modal-dialog.add-categry label {
    float: left;
    width: 100%;
}
.modal-dialog.add-categry button#update_This{
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: 22%;
    border-radius: 4px;
    float: right
}
.modal-dialog.add-categry label input {
    height: 40px !important;
    margin-bottom: 10px;
}
.modal-dialog.view-ins label {
    float: left;
    width: 100%;
}
.modal-dialog.view-ins label.zz {
        float: left;
    width: 100%;
        margin-bottom: 8px;
}
.modal-dialog.view-ins label span p{
    word-break: break-word;

    margin: 0;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: -2px;
    width: 70%;
    float: right;
}
.modal-dialog.view-ins img.view_imageI {
    width: 80%;
    max-width: 100%;
    height: 185px;
    object-fit: cover;
    margin-top: 8px;
    margin-bottom: 4px;
}
.modal-dialog.view-ins label h5 {
    margin: 0;
}
.modal-dialog.lessons-view h5 {
    margin: 0;
    margin-bottom: 3px;
}
.all-moel-body-data-right h5 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin-right: 10px !important;
    width: 26%;
    float: left;
}
.modal-dialog.lessons-view label span p{
    font-weight: 300;
    margin-bottom: 5px;
}
.personal-detail.aa p {
    margin-bottom: 6px !important;
    font-size: 14px !important;
}
#Edit-modal .table td h6 {
    font-size: 15px;
    margin: 7px 0 0;
    color: #000000;
    font-weight: 300;
}
table.table.gym-detail h2 {
    font-weight: 300 !important;
}
.modal-body label h5{
font-weight: 400;
}
input[type="file"] {
        padding: 7px 7px 10px 7px;
}
.ocmbined {
    width: 100%;
    position: relative;
}
.table thead tr {
    margin-bottom: 18px;
}
table.table.gym-detail.categry-table th.user-name {
    width: 25%;
}
table.table.gym-detail.categry-table td.user-name{
     width: 25%;
}
.all-moel-body-data{
    float: left;
    width: 100%;
}
.all-moel-body-data-left{
    float: left;
    width: 45%;
}
.all-moel-body-data-right{
    float: right;
    width: 55%;
    margin-top: 26px;
}
.modal-dialog {
   max-width: 900px !important;
}
.modal-dialog.lessons-view .modal-content {
    min-width: 515px;
    width: 100%;
}
.modal-dialog.view-on-picture .modal-content {
    min-width: 515px;
    width: 500px;
}
main.py-4 {
    padding: 0 !important;
        width: 100%;
}
.login-page {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100vh;
    background: #000000;
}
.login-page .container.login-page1 {
    width: 29% !important;
   background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
    max-width: 460px;
    position: relative;
    margin: 0 auto;
}
.login-page .card {
    text-align: left;
    background: #fff;
    border-radius: 10px;
    border: 0;
    width: 100%;
    float: left;
}
.login-page .card-header {
    font-size: 32px;
    font-weight: 700;
    color: #242424;
    text-align: center;
    margin-bottom: 7px;
    background: none;
    border: none;
    padding: 0;
}
.login-page .form-group {
    float: left;
    width: 100%;
        margin-bottom: 8px;
}
.login-page .form-group.row .form-check-label {
    margin-bottom: 0;
    color: #444;
    font-size: 14px;
}
.login-page .left-right-data {
    float: left;
    width: 100%;
}
.login-page .left-right-data .form-check {
    float: left;
    width: 50%;
    font-weight: 300;
}
.login-page .left-right-data a.btn.btn-link {
    float: right;
    width: 50%;
    color: #444;
        padding: 0;
        font-weight: 300;
}
.login-page label.col-form-label.text-md-right {
        font-size: 15px;
    font-weight: 400;
    color: #000000;
    float: left;
    width: 100%;
    text-align: left !important;
    padding-bottom: 5px;
}
.login-page .form-control {
    display: block;
    width: 100%;
    height: calc(2.19rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    filter:none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.zi {
    float: left;
    width: 100%;
}
.login-page button.btn.btn-primary {
    background: #000000;
    color: #fff;
    font-size: 15px;
    border: 0;
    height: 40px;
    width: 50%;
    border-radius: 4px;
       margin: 35px auto 0;
    text-align: center;
    display:block;
}
.form-group.button {
    margin: 0;
}
a.btn.btn-link {
    float: right;
}
.modal-dialog.add-categry{
    min-width: 680px;
}
.modal-dialog.lesons-add-modal{
    min-width: 680px;
}
.modal-dialog.edit-instaructoin-modal{
     min-width: 680px;
}
.modal-dialog.view-ins{
    min-width: 680px;
}
.modal-dialog.view_mode.modal-for-views .table-responsive thead th {
    border: 0 !IMPORTANT;
        width: 25%;
            padding: 0;
            text-transform: capitalize;
                font-size: 14px;
  }
  .modal-dialog.view_mode.modal-for-views .table-responsive tbody tr td {
        width: 25% !important;
  }
.modal-dialog.view_mode.modal-for-views .table-responsive thead tr {
    margin-bottom: 5px;
    margin-top: 14px;
}
.modal-dialog.view_mode.modal-for-views .table-responsive tbody tr td.rent {
    text-align: left;
    padding-left: 0 !important;
        color: black !important;
}
.modal-dialog.view_mode.modal-for-views .table-responsive tbody tr td h6 {
    font-size: 14px;
}
table.table.modl_text thead, table.table.modl_text tbody {
    width: 100%;
    float: left;
}
section.users-page .datefilter {
    float: left;
	width:35%;
}
section.users-page .datefilter input#to {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 4px;
    height: 37px;
}
section.users-page .datefilter input#from{
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 4px;
    height: 37px;
}
section.users-page .datefilter label {
    font-weight: 400;
    font-size: 15px;
}
section.users-page .datefilter button.btn.btn-primary.filterDate {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 37px;
    width: 12%;
    border-radius: 4px;
    float: right;
    width: 83px;
    margin-left: 10px;
}
.datefilter-data-in-div {
    float: left;
    width: 100%;
        margin-top: 5px;
            margin-bottom: 10px;
}
section.users-page.usersi table .btn{
        margin: 2px 3px;
}
button.btn.btn-danger.block.disableUser {
    padding: 6px 8px;
    background: #b3b1b1;
    border-color: #b3b1b1;
}
section.users-page.usersi  table td.user-email {
    width: 7%;
    word-wrap: anywhere;
}


/* ==========user table css =================*/

table.table.gym-detail.only-sirdt-table th:first-child {width: 3%!important;}
table.table.gym-detail.only-sirdt-table h2.address-td {text-transform: inherit;}
table.table.gym-detail.only-sirdt-table th.user-education.four.sorting {width: 5%;}
table.table.gym-detail.only-sirdt-table td:nth-child(4) {width: 5%;}
table.table.gym-detail.only-sirdt-table th.user-education.fve.sorting {width: 5%;}
table.table.gym-detail.only-sirdt-table td:nth-child(5) {width: 5%;}
table.table.gym-detail.only-sirdt-table th.user-education.six.sorting {width: 5%;}
table.table.gym-detail.only-sirdt-table td:nth-child(6) {width: 5%;}
table.table.gym-detail.only-sirdt-table th.user-education.sev.sorting {width: 5%;}
table.table.gym-detail.only-sirdt-table td:nth-child(7) {width: 5%;}
table.table.gym-detail.only-sirdt-table th.user-education.eight.sorting {width: 5%;}
table.table.gym-detail.only-sirdt-table td:nth-child(8) {width: 6%;}
#DataTables_Table_0 .user-education.thre.sorting {width: 10% !important;}
#DataTables_Table_0 .fas.fa-pencil-alt.props_edit{margin-left: 5px;}

#props_modal .modal-dialog {
width: 450px;}
#props_modal .modal-content {min-width: 100%;}
#props_modal .c_p {width: 100%;font-weight:normal;}
#props_modal .current_props {display: inline-block;}
#props_modal .n_p{width: 100%; }
#props_modal .nn_prop {width: 100%; margin-top:5px;}
#props_modal .btn.btn-primary.save_prop_up{background: #000000;
border-color: #000000;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



/* ==========user table css =================*/


/* ==========calender-css =================*/
div#ui-datepicker-div {
    width: 265px;
}
div#ui-datepicker-div td a {
    text-align: center !important;
    padding: 6px 8px !important;
}
div#ui-datepicker-div select.ui-datepicker-month {
    background: #fff;
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 14px !important;
    border: 1px solid #b0b0b0;
   color: #444;
   width: 60%;
   -moz-appearance: none;
-webkit-appearance: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #757575 !important;
    background: #0000008a !important;
    font-weight: normal;
    color: #ffffff;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
   background: #000000 !important;
    padding: 5px 0;
        color: #fff;
}

.ui-datepicker-title span.fas.fa-caret-down {
    position: absolute;
right: 65px;
top: 6px;
font-size: 18px;
color: black;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 40px !important;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    top: 75% !important;
    filter: brightness(0) invert(1);
}
/* ==========calender-css =================*/
/* ==========  css =================*/
div#viewModal .table th, div#viewModal .table td {
    float: left;
    width: 25%;
    border: 0;
}
div#viewModal .table th:nth-child(2), div#viewModal .table th:last-child {
    text-align: center;
}

 div#viewModal td#uvideo div#myElement, div#viewModal td#ovideo div#myElement1 {
    width: 200px !important;
    margin: 0 auto;
}
div#viewModal .modal-dialog.view-catergry {
    width: 100%;
    max-width: 1070px !important;
}
div#viewModal td#uvideo div#myElement, div#viewModal td#ovideo div#myElement1 {
    width: 250px !important;
    margin: 0 auto;
}
/*-----------------27-11-2020-----------------*/
div#viewModal .modal-dialog.view-catergry.activity-categry {
    width: 100%;
    max-width: 700px !important;
}
div#viewModal .modal-dialog.view-catergry.activity-categry tr {
    box-shadow: none !important;
        margin: 0;
}
div#viewModal .modal-dialog.view-catergry.activity-categry th.oname {
    text-align: left !important;
    padding-bottom: 0;
}
div#viewModal .modal-dialog.view-catergry.activity-categry th, div#viewModal .modal-dialog.view-catergry.activity-categry td {
    float: left;
    width: 50%;
    border: 0;
}
.modal.show_unique .modal-dialog.view-catergry.activity-categry th, .modal.show_unique .modal-dialog.view-catergry.activity-categry td {
    width: 100% !important;
}
.modal.show_unique .modal-dialog.view-catergry.activity-categry {
    width: 100%;
    max-width: 500px !important;
}
/*.modal.show_unique .modal-dialog.view-catergry.activity-categry .modal-content {
    min-width: 500px !important;
    max-width: 500px !important;
}*/
.user_details {
    margin-bottom: 10px;
}
.user_details p.uu_name {
    display: inline-block;
    margin-left: 20px;
}
.user_details p.uu_email{
     display: inline-block;
     margin-left: 20px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0px !important;
}
/*-----------------8-12-2020-----------------*/
td.user-action label.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0;
        top: -3px;
}
td.user-action label.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
td.user-action span.slider.round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
      border-radius: 34px;
}
td.user-action span.slider.round:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}
td.user-action input:checked + .slider {
  background-color: #000;
}

td.user-action input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

td.user-action input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

table.table.gym-detail.instruction-table.audio-table  th.user-name {
    width: 80%;
}
table.table.gym-detail.instruction-table.audio-table  th.user-education {
    width: 20%;
}
table.table.gym-detail.instruction-table.audio-table td.user-name {
       width: 80%;
}
table.table.gym-detail.instruction-table.audio-table td.user-action {
    width: 20%;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail th, section.users-page.pits-page table.table.gym-detail.batle-page-detail td {
    float: left;
    width: 33.3% !important;
}

section.users-page.pits-page table.table.gym-detail.batle-page-detail td.user-action button.btn.btn-danger.delete.deleteBattle.deleteUser {
    width: auto;
}
section.users-page.pits-page button.btn.btn-primary.view.viewPit.viewPit {
    background: #000000;
    border-color: #000000;
}
section.users-page.pits-page button.btn.btn-primary.view.viewBattle.viewUser {
    background: #a2a2a2;
    border-color: #a2a2a2;
}
button.btn.btn-primary.add.addPit.addPit {
    background: #000000;
    border-color: #000000;
}
input#pit_name {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
h5.modal-label {
    font-size: 14px;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
}
form#update_pit button.btn.btn-primary {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: auto;
    border-radius: 4px;
    float: right;
}
.modal-body.pit-u-body {
    padding: 0 !important;
}
h5.modal-label.pit-label {
    margin-top: 17px;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
span.select2-selection.select2-selection--multiple {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/*-----------------8-12-2020-----------------*/


/*-----------------7-1-2021 pits page css-----------------*/

.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.pits-name{width:30%!important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.active{width:25%!important;background:none;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.users{width:20%!important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.action{width:20%!important;}

.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.pits-name{width:30%!important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.active{width:25%!important;background:none;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.users{width:20%!important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.action{width:20%!important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits .btn-danger{width:auto;}

#exampleModalUsersall .userTableDiv th.name{width: 10%;}
#exampleModalUsersall .userTableDiv th.props{width: 10%;}
#exampleModalUsersall .userTableDiv th.note{width: 10%;}
#exampleModalUsersall .userTableDiv th.register{width: 10%;}

#exampleModalUsersall .addTableRow td{border:0;}
#exampleModalUsersall .addTableRow td.name{width: 10%;}
#exampleModalUsersall .addTableRow td.props{width: 10%;}
#exampleModalUsersall .addTableRow td.note{width: 10%;}
#exampleModalUsersall .addTableRow td.register{width: 10%;}

#exampleModalUsersall .modal-content{min-width: 100%;}
#exampleModalUsersall tr{float:none;box-shadow:none;border-bottom: 1px solid #ddd;}

#exampleModalUsersall .pit_accept.btn.btn-primary {
    background: none;
    border: 0;
    padding: 0;
    color: #252525;
    width: auto;
    font-size:18px;
    margin-right:5px;
}
#exampleModalUsersall .pit_accept.btn.btn-danger.reject_butt{
    background: none;
    border: 0;
    padding: 0;
    color: #d9534f;
    width: auto;
    font-size:18px;
}
#exampleModalUsersall .pit_accept.btn:focus{box-shadow:none;}
#exampleModalUsersall .pit_accept.btn:active{background:none;}


/*table.table.gym-detail.batle-page-detail td, table.table.gym-detail.batle-page-detail th {width: 5% !important;}*/


table.table.gym-detail.categry-table h2.name-td {
    height: 32px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    justify-content: left;
}
table.table.gym-detail.categry-table td, table.table.gym-detail.categry-table th {
    /*width: 50% !important;*/
    float: left;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: left;
}
.table.gym-detail.categry-table .btn.btn-danger.edit.editUser{margin-right:10px;}
#DetailModal .modal-body label{width:100%;}

section.users-page.pits-page table.table.gym-detail.batle-page-detail td {
    min-height: 54px !important;
    display: flex;
    align-items: center;
    justify-content: left;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button {
    margin-right: 7px;
}
.getRegUsersAj {
    color: #000;
}
.getRegUsersAj:hover{text-decoration:none;}

#Edit-modal .gym-img.correct_video.unique_vid_class {
    max-width: 100px;
    margin-top:8px;
    max-height: 100px;
}
#sortBy{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
margin-left: 4px;
height: 40px;
}
#sortBy1{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
margin-left: 4px;
height: 40px;
}


/*-----------------7-1-2021 pits page css-----------------*/


/* ========== instructors page css =================*/
.table.gym-detail.instruction-table th.user-image{width:8%;}
.table.gym-detail.instruction-table th.user-name{width:10%;}
.table.gym-detail.instruction-table th.user-bio{width:20%;}
.table.gym-detail.instruction-table th.user-id{width:15%;}
.table.gym-detail.instruction-table th.user-action{width:12%;}
.table.gym-detail.instruction-table td.user-image{width:8%;}
.table.gym-detail.instruction-table td.user-name{width:10%;}
.table.gym-detail.instruction-table td.user-bio{width:20%;}
.table.gym-detail.instruction-table td.user-id{width:15%;}
.table.gym-detail.instruction-table td.user-action{width:12%;}
.yourlink.btn-primary.btn.download {width: auto;background: #000000;border-color:#000000;}
/* ========== instructors page css =================*/


/* ========== battles page css =================*/

#exampleModalAA{z-index: 9999;}
.viewUser {color: #000;}
.viewUser:hover{text-decoration:none;}
.table.gym-detail.batle-page-detail th.user-snumber{width:5%;}
.table.gym-detail.batle-page-detail th.user{width:10%;}
.table.gym-detail.batle-page-detail th.user-openet{width:10%;}
.table.gym-detail.batle-page-detail th.user-likes{width:10%;}
.table.gym-detail.batle-page-detail th.user-winner{width:10%;}
.table.gym-detail.batle-page-detail th.user-status{width:12%;}
.table.gym-detail.batle-page-detail th.user-action{width:15%;}

.table.gym-detail.batle-page-detail td.user-snumber{width:5%;}
.table.gym-detail.batle-page-detail td.user{width:12%;}
.table.gym-detail.batle-page-detail td.user img.gym-img.correct_video{width:55px;height:60px;object-fit:cover;border-radius:3px;}
.table.gym-detail.batle-page-detail td.user-openet{width:12%;}
.table.gym-detail.batle-page-detail td.user-openet img.gym-img{width:55px;height:60px;object-fit:cover;border-radius:3px;}
.table.gym-detail.batle-page-detail td.user-likes{width:10%;}
.table.gym-detail.batle-page-detail td.user-winner{width:10%;}
.table.gym-detail.batle-page-detail td.user-status{width:12%;}
.table.gym-detail.batle-page-detail td.user-action{width:15%;}
/*-----------------28-1-2021-----------------*/
.table label.tab-label {display: none;color: #000;font-weight:500;}
/*-----------------28-1-2021-----------------*/
/* ========== battles page css =================*/
/*-----------------27-11-2020-----------------*/


/* ========== delete popup css =================*/
#delete-alert .modal-content {min-width: 500px;}
.users-page.usersi .button_div_users{text-align: center;width: 320px;border: 2px solid #ccc;margin: auto;border-radius:3px;}
.users-page.usersi .button_div_users button{width:49%;background: #f3f3f3;border:0;padding:13px 0;color: #252525;font-size:15px;font-weight:500;}

.users-page.usersi .button_div_users button.active{background:#000;color:#fff;}
#DetailModal .select2-container--default.select2-container .select2-selection--multiple{overflow: hidden;overflow-y: auto;min-height: 100px;}
/* ========== delete popup css =================*/


/* ========== 27-May-2021 =================*/
.drag-photo-box {
    float: left;
    width: 220px;
    height: 160px;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.drag-photo-box img#blah {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gym-info-step1-right {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.gym-info-step1-right label.file {
    position: absolute;
    left: 0;
    top: 0;
    height: 160px;
    width: 220px;
    margin: 0;
    opacity: 0;
}
.app-side-content .right-view-content {
    float: left;
    width: 100%;
}
.app-side-content .right-view-content h1 {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 7px;
}
.app-side-content .right-view-content textarea#intro_text {
    float: left;
    width: 100%;
    height: 142px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.app-side-content .right-view-content .save-btn button.Save {
    background: #000000;
    color: #fff;
    font-size: 17px;
    border: 0;
    height: 40px;
    width: auto;
    border-radius: 4px;
    float: left;
    padding: 2px 23px;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    align-items: initial;
    justify-content: initial;
    float: none;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td button.btn {
    margin-right: 2px;
    padding: 6px 7px;
    width: auto;
    margin-bottom: 4px;
}
/* ========== 27-May-2021 =================*/

/* ========== 14-june-2021 =================*/

.users-page.pits-page.events td.pits-desc{word-wrap: anywhere;}

section.users-page.pits-page.events table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page.events table.table.gym-detail.batle-page-detail.pits.pits-mobile th.users{width:8%!important;}
section.users-page.pits-page.events table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page.events table.table.gym-detail.batle-page-detail.pits.pits-mobile td.users{width:8%!important;}
button.btn.btn-primary.add_video {background: #000000;color: #fff;font-size: 14px;border: 0;height: 40px;width: auto;border-radius: 4px;float: right;}
table.table.gym-detail.batle-page-detail th {font-weight: 500;}
.frequency-outer {
    float: left;
    width: 100%;
}
.frequency-outer label.tabCreate {
    font-size: 14px;
    margin: 0;
    margin-bottom: 7px;
    font-weight: 400;
    float: left;
    width: 100%;
}

.frequency-outer input#frequency {
    height: 40px !important;
    margin-bottom: 10px;
    padding: 6px 12px;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.video-outer {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.video-outer label.tabCreate input#videoFiles {
    padding: 0;
}
#adEvent .modal-footer button.btn.btn-primary {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: auto;
    border-radius: 4px;
    float: right;
}
div#adEvent .progress {
    margin: 0;
    height: auto;
}
span.spanPreviewVideo.mx-auto video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.spanPreviewVideo.mx-auto {
    max-width: 280px;
    float: left;
    margin-top: 20px;
    max-height: 180px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
}
span.spanPreviewVideo.mx-auto br {
    display: none;
}
/* ========== 14-june-2021 =================*/


/* ========== File Upload popup css start =================*/

#progressModal .modal-header h5 {font-size: 20px;margin: 0;margin-top: 0px;}

#progressModal .progress { position:relative; width:100%;margin:0;}
#progressModal .bar { background-color: #000000; width:0%; height:20px; }
#progressModal .percent { position:absolute; display:inline-block; left:50%; color: #040608;font-size:11px;top: 2px;top: 2px;
left: 0;right: 0;text-align: center;}
#progressModal .modal-body{margin:10px 0;}
#progressModal .btn.btn-primary.cancelProgress{background: #000000;color: #fff;font-size: 14px;border: 0;height: 40px;border-radius: 4px;}



/* ========== File Upload popup css close =================*/

/* ========== 22-AUGUST  css Start =================*/

.checkbox_event_ad_type_inner p {
    float: left;
    margin: 8px 15px 15px 0;
    font-size: 15px;
    font-weight: inherit;
}
.checkbox_event_ad_type_inner p label {
    font-weight: 600;
}
.video_frequency.video_adsn.common-div .frequency-outer input#frequency {
    width: 250px;
    float: left;
    margin-right: 20px;
}
.video_frequency.video_adsn.common-div .frequency-outer button.btn.btn-primary {
    background: #000000;
    color: #fff;
    font-size: 14px;
    border: 0;
    height: 40px;
    width: auto;
    border-radius: 4px;
    padding: 0 20px;
}
.host_judges_list {
    float: left;
    width: 100%;
    margin: 5px 0;
}
.host_judges_list ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.host_judges_list ul li {
    float: left;
    background: #e9e9e9;
    padding: 8px 12px;
    border-radius: 32px;
    margin-right: 10px;
}
.host_judges_list ul li span {
    float: left;
}
.host_judges_list ul li button {
    padding: 0;
    border: 0;
    float: right;
    margin-left: 6px;
}
.host_judges_list ul li button img {
    width: 20px;
}
select#judge_status {
    height: 40px;
}
form#update_event .modal-body label h5 {
    margin-top: 0;
    font-weight: 600;
}
form#update_event .modal-body {
    float: left;
    width: 100%;
    max-height: calc(100vh - 160px);
}
button.btn.btn-primary.btn_ads_type {
    border-color: #000;
    height: 40px;
}

#membersModal .modal-dialog.modal-dialog-centered {
  width: 100%;
}
#membersModal .modal-dialog.modal-dialog-centered .btn.view.addUserScore {
  width: auto;
}
.fa.fa-spinner.fa-spin {
  font-size: 25px;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  width: 100%;
  margin: 5px 0;
}
/*#membersModal .modal-body {
  max-height: inherit;
  overflow: inherit;
}
#membersModal table .show-members{
max-height: calc(100vh - 180px);
overflow-y: auto;
display:block;
}*/

#membersModal .modal-body{
padding-top:0;	
}

#membersModal table th {
  position: sticky;
  top: 0;
  background: #fff;
} 

 .searchText {
  float: right;
}
 .searchText input{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
margin-left: 4px;
height: 37px;
}
 .searchText .btn.btn-primary.textSearch{
background: #000000;
color: #fff;
font-size: 14px;
border: 0;
height: 37px;
width: 12%;
border-radius: 4px;
float: right;
width: 83px;
margin-left: 10px;	
}
.sortData {
  float: right;
  margin-right: 25px;
}
.sortData #sortData{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
margin-left: 4px;
height: 37px;	
}
.sortData #sortData option.low-against {
  background: #000000;
  color: #fff;
}
.sortData #sortData option.high-against{
  background: #000000;
  color: #fff;
}

.page-item.active .page-link {
background-color: #000000!important;
border-color: #000000!important;
}
.pagination > li > a, .pagination > li > span{
	color: #000000!important;
}


#membersModal .modal-dialog {max-width: 1200px!important;}
#membersModal .datefilter {position: relative;width: 39%;display: inline-block;margin-right:20px;}
#membersModal label.sort_uni{width: auto;}
#membersModal .custom-member-search.form-control {display: inline-block;width: 200px;height: 40px;margin: 0 8px;}
#membersModal #searchSubMember{background: #000000;color: #fff;font-size: 14px;border: 0;vertical-align: top;
height: 40px;width: 66PX;border-radius: 4px;}
#membersModal .datefilter input {height: 40px;width: 150px;display: inline-block;margin-right: 5px;}
#membersModal .btn.btn-primary.filterDate{background: #000000;color: #fff;font-size: 14px;border: 0;vertical-align: top;
height: 40px;width: 66PX;border-radius: 4px;}

#membersModal .dataTables_paginate{float: right;margin-top: 20px;}

#membersModal .dataTables_paginate a {
  padding: 10px 15px;
  border: 1px solid #e8e8e8;
  color: #000000;
  cursor: pointer;
  font-weight: 300;
}
#membersModal .dataTables_paginate.paginate_button.current {
  background: black;
  color: #fff;
}
 #membersModal .dataTables_info{
    display: inline-block;
}
 #membersModal .btn {
  width: 90px;
  margin: 0 2px 2px;
}

.users-page.instruction-page.audio table.table.gym-detail.instruction-table.audio-table th.user-name{width: 20%;}

.users-page.instruction-page.audio table.table.gym-detail.instruction-table.audio-table td.user-name {width: 20%;}

 .video-outer.form-group.margin-bottom{margin-bottom:0;}
.form-group h5 {display: inline-block;margin-left: 5px; }
.video-outer.form-group.margin-bottom #videoFiles{padding: 5px 5px 10px 7px;}

#deleteRadioAd {
  display: inline-block;
  margin-left: 10px;
}

section.users-page .right-bar-content.dashboard.battles .datefilter{width:auto;}
section.users-page .right-bar-content.dashboard.battles .datefilter input{width:150px;}

section.users-page .right-bar-content.dashboard.battles .dash-top{width: 60%;float: right;} 
section.users-page .right-bar-content.dashboard.battles .batle-page-search{width:auto;} 
section.users-page .right-bar-content.dashboard.battles .batle-page-search .search-main-div{width:auto;}
 
section.users-page .right-bar-content.dashboard.battles .search-main-div .form-control{width: 150px;}
section.users-page .right-bar-content.dashboard.battles .form-control.search-input{width: 130px;}
section.users-page .right-bar-content.dashboard.battles #searchSub{width: 80px;}
section.users-page .right-bar-content.dashboard.battles .slect-div-box{margin-left:0;}

section.users-page .right-bar-content.dashboard.event-battle .datefilter{width: auto;} 

section.users-page .right-bar-content.dashboard.event-battle .dash-top {width: auto;float: right;}
 
section.users-page .right-bar-content.dashboard.event-battle .batle-page-search{width:auto;}
section.users-page .right-bar-content.dashboard.event-battle .datefilter input#from{width: 150px;}
section.users-page .right-bar-content.dashboard.event-battle .datefilter input#to{width: 150px;}
section.users-page .right-bar-content.dashboard.event-battle .batle-page-search .search-main-div{width: auto;}
section.users-page .right-bar-content.dashboard.event-battle .search-main-div .form-control{width:150px;}
section.users-page .right-bar-content.dashboard.event-battle #searchSub{width: 100px;}
section.users-page .right-bar-content.dashboard.event-battle .slect-div-box{margin-left: 0;}


section.users-page .right-bar-content.dashboard.home-v3 .datefilter{width:auto;}
section.users-page .right-bar-content.dashboard.home-v3 .btn.btn-primary.filterDate{background: #000000;border-color:#000;vertical-align: top;height: 37px;}
section.users-page .right-bar-content.dashboard.home-v3 .sort_uni {float: right;
width: auto;font-weight: 400;font-size: 15px;}
section.users-page .right-bar-content.dashboard.home-v3 .sort_uni label{font-weight: 400;font-size: 15px;margin-right: 5px;} 
section.users-page .right-bar-content.dashboard.home-v3 .sort_uni label span {display: inline-block;}
section.users-page .right-bar-content.dashboard.home-v3 .custom-member-search.form-control {width: 200px;display: inline-block;height: 37px;}
section.users-page .right-bar-content.dashboard.home-v3 .sort-one {display: inline-block;margin-right: 5px;} 
section.users-page .right-bar-content.dashboard.home-v3 #sortBy{height: 37px;}

.loading.download-file{z-index: 9999;}  


.filter-analytics .dash-top {
  display: inline-block;
  width:auto;
  vertical-align: top;
}
.filter-analytics {
  float: right;
  width: 100%;
  position: relative;
  text-align: right;
}
.filter-analytics #nameSearch {
  display: inline-block;
  width: auto;
}
.filter-analytics #emailSearch{
  display: inline-block;
  width: auto;
}
.btn.btn-primary.filterDate{
background: #000000;
  border-color: #000;
  vertical-align: top;
}
.filter-analytics .hs-menu-inner {
  overflow-x: hidden;
}
.filter-analytics #example-two-button {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:#000;
  text-align: left;
}
.filter-analytics .hs-menu-inner a {
  position: relative;
  width: auto;
  height: auto;
  background: none;
  color: #000;
  text-align: left;
  font-size: 13px;
}
.filter-analytics .select.open-sorting{
  display: inline-block;
}
.filter-analytics .search-form{
  display: inline-block; 
}

.table.gym-detail.activities{
	 display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.dropdown.customDropdown.action-dropdown {
  width: auto;
  display: inline-block;
}
.dropdown.customDropdown.action-dropdown .btn.btn-primary.actionBtn {
  width: auto;
}

.btn.btn-primary.actionBtn{
	width: 200px!important;
  text-align: left;
  height: 35px;
  padding: 6px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #a0a0a0;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 10px;
  font-weight: 300;
  position: relative;
}
.btn.btn-primary.actionBtn::after{
	display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
select.select.open-sorting{
	  height: 35px;
}
#action-menus a {
  padding: 5px 10px;
} 
#action-menus a input {
  margin-right: 5px;
}
#action-menus {
  max-height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#action-menus button{
  background: #000000;
  height: 35px;
  color:#fff;
  width: 42%;
  margin: 0 2px;
  border-radius: 4px;
  border: 0;
}
#action-menus .selct-btns {
  text-align: center;
}

.users-page.category.admin-support-section table.table.gym-detail.categry-table h2.name-td{
	height:auto;
}
.users-page.category.admin-support-section table.table.gym-detail.categry-table th.user-name {
  width: 18%;
}
.users-page.category.admin-support-section table.table.gym-detail.categry-table td.user-name{
	width: 18%;
}
.users-page.category.admin-support-section table.table.gym-detail.categry-table th.user-name.des {
  width: 50%;
}
.users-page.category.admin-support-section table.table.gym-detail.categry-table th:last-child {
  width: 45%;
}
.users-page.category.admin-support-section table.table.gym-detail.categry-table td:last-child {
  width: 45%;
}

#viewModal .video-div video{width:100%;}


/* ========== 22-AUGUST  css Start =================*/




@media only screen and (max-width:1599px){
/* ========== listings page rensposive css =================*/
.listings table th.description{width:12%;}
.listings table td.description{width:12%;}
.gym-view-img{height:250px;}
.gallery-img{height:130px;}
/* ========== listings page rensposive css =================*/

table.table.gym-detail.only-sirdt-table .btn {margin: 0 3px;padding: 6px 8px;font-size: 13px;
width: auto;}
/*table.table.gym-detail.batle-page-detail td, table.table.gym-detail.batle-page-detail th {
width: 6% !important;}
/*table.table.gym-detail.instruction-table th, table.table.gym-detail.instruction-table td {
width: 6% !important;}*/

/* ========== battles page rensposive css =================*/
.batle-page-search{width:75%;}
/* ========== battles page rensposive css =================*/

/* ========== users page rensposive css =================*/
div#DataTables_Table_0_filter{width: 48%;}
/* ========== users page rensposive css =================*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:nth-child(3), section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th:nth-child(3) {
    width: 23% !important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    width: 15% !important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td.action, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th.action {
    width: 20% !important;
}
div#DataTables_Table_1_filter {
    width: 45%;
}
.left-bar ul li a {
    padding: 0 1px;
}
}

@media only screen and (max-width:1500px){

.search-div-ins-page {float: right;width: 50%;}
.search-div-ins-page .search-main-div {width: 68%;float: left;display: inline-block;}
.search-div-ins-page .search-main-div {width: 64%;float: none;display: inline-block;}
div#DataTables_Table_0_filter {float: right;width: 30%;margin-top: -40px;}
table.table.gym-detail.only-sirdt-table th.user-education.four.sorting, table.table.gym-detail.only-sirdt-table td:nth-child(4) {width: 6% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.thre.sorting, table.table.gym-detail.only-sirdt-table td:nth-child(3) {width: 14% !important;}

/* ========== battles page rensposive css =================*/
.batle-page-search{width:55%;}
/* ========== battles page rensposive css =================*/

/* ========== users page rensposive css =================*/
div#DataTables_Table_0_filter{width: 50%;}
.users-page table td.user-action {
width: 12%;}
.users-page table.table.gym-detail th{font-size:14px;}
.users-page .col-md-12{padding:0;}
.users-page table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting{padding-right:15px!important;}
/* ========== users page rensposive css =================*/
.left-bar ul li {padding: 20px 7px;}
.left-bar ul li a {font-size: 16px;padding: 0 2px;}
div#DataTables_Table_1_filter {
    width: 48%;
}

}


@media only screen and (max-width:1440px){

/* ========== listings page rensposive css =================*/
.listings table th.title{width:6%;}
.listings table td.title{width:6%;}
.listings table th.type{width:7%;}
.listings table td.type{width:7%;}
.listings table th.description{width:10%;}
.listings table td.description{width:10%;}
/* ========== listings page rensposive css =================*/

.batle-page-search {float: right;width: 60%;}
.left-bar ul li a {font-size: 13px;}
table.table.gym-detail th {font-size: 16px;}
.table thead tr {margin-bottom: 15px;}
table.table.gym-detail h2.name-td {font-size: 15px;}
table.table.gym-detail h2.address-td {font-size: 15px;}
table.table.gym-detail.batle-page-detail tbody td.user-image {width: 5%;}
table.table.gym-detail.batle-page-detail thead th.user-image {width: 6%;}
table.table.gym-detail.only-sirdt-table td.user-name.sorting_1:first-child {width: 5%;}
table.table.gym-detail.only-sirdt-table th:first-child {width: 5%;}
table.table.gym-detail.only-sirdt-table th.user-education.thre {width: 6%;}
table.table.gym-detail.only-sirdt-table td:nth-child(3) {width: 6%;}
table.table.gym-detail.only-sirdt-table th, table.table.gym-detail.only-sirdt-table td {width: 8% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td.user-email {
width: 8% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.sev, table.table.gym-detail.only-sirdt-table td:nth-child(7) {
width: 8% !important;}
table.table.gym-detail.only-sirdt-table th.user-action.nine, table.table.gym-detail.only-sirdt-table td.user-action{
width: 14% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.thre, table.table.gym-detail.only-sirdt-table td:nth-child(3) {
width: 13% !important;}
table.table.gym-detail.only-sirdt-table .btn {margin: 0 2px;padding: 6px 6px;font-size: 13px;width: auto;}
table.table.gym-detail.only-sirdt-table th.user-email, table.table.gym-detail.only-sirdt-table td:nth-child(2) {
width: 10% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.thre, table.table.gym-detail.only-sirdt-table td:nth-child(3) {
width: 14% !important;}
/*table.table.gym-detail.batle-page-detail td, table.table.gym-detail.batle-page-detail th {
width: 7% !important;}
/*table.table.gym-detail.instruction-table th, table.table.gym-detail.instruction-table td {
width: 7% !important;}*/
table.table.gym-detail.instruction-table th:nth-child(3), table.table.gym-detail.instruction-table td:nth-child(3) {
width: 11% !important;}

/* ========== battles page rensposive css =================*/
.table.gym-detail.batle-page-detail th.user-action {width: 18%;}
.table.gym-detail.batle-page-detail td.user-action {width: 18%;}
/* ========== battles page rensposive css =================*/

/* ========== users page rensposive css =================*/
.users-page.usersi .datefilter input#from{width:28%;}
.users-page.usersi .datefilter input#to{width:28%;}
section.users-page .datefilter button.btn.btn-primary.filterDate{float:right;}
div#DataTables_Table_0_filter {width: 55%;}
.right-bar-content.dashboard .dataTables_filter input[type="search"]{width:70%;}

 

/* ========== users page rensposive css =================*/


}

@media only screen and (max-width: 1366px) {
/* ========== login page rensposive css =================*/
.login-page .container.login-page1{width: 32% !important;}
/* ========== login page rensposive css =================*/

/* ========== users listing page rensposive css =================*/
.search-main-div {width: 25%;}
.listings table th.address {width: 12%;}
.listings table td.address {width: 12%;}
.listings table th.description{width:10%;}
.listings table td.description{width:10%;}
#Edit-modal .table td{padding: 10px 0 0;}
#Edit-modal .table tr{margin-bottom:10px;}
/* ========== users listing page rensposive css =================*/

/* ========== listing page rensposive css =================*/
.inner-bg{padding:20px;}
.gym-view-img{height:200px;}
.gallery-img{height:125px;}
.right-bar-content.dashboard h3{font-size:19px;}
.about-gym h4{font-size:19px;}
.gym-gallery h4{font-size:19px;}
.gym-amenities li{font-size:13px;}
.editListing .gym-edit-amenities li label span{margin-bottom:0;font-size: 13px;min-width: auto;line-height:12px;}
.editListing .modal-body h4 {font-size: 20px;}
.editListing .gym-edit-space label.custom-file-upload{padding:11px 15px;}
.editListing .gym-edit-amenities .step2-one li{margin: 0 5px 5px;}
.editListing #addImages li img#blah{width: 180px;height: 125px;}
.editListing #addImages li img.imageThumb{width: 180px;height: 125px;}
/* ========== listing page rensposive css =================*/

/* ========== chat page rensposive css =================*/
#container{height:550px;margin: 130px auto;}
#chat{height:315px;}
#chat .me .triangle{margin-left: 605px;}
#chat .message{padding:10px;}
#chat main footer{padding:15px;}
#chat main footer a{margin-top:0;}
/* ========== chat page rensposive css =================*/

/* ========== Delete popup rensposive css =================*/
#delete-alert .modal-dialog{width:430px;}
#delete-alert .modal-body h3{font-size:28px;}
#delete-alert .modal-body p{font-size:17px;margin: 0 0 28px;}
#delete-alert .modal-body button{width: 110px;margin: 0 8px;padding: 10px 0;}
/* ========== Delete popup rensposive css =================*/

.search-div-ins-page {width: 53%;}
table.table.gym-detail.only-sirdt-table th.user-action.nine {width: 14% !important;}
table.table.gym-detail.only-sirdt-table td.user-action {width: 12% !important;}
table.table.gym-detail.only-sirdt-table td:nth-child(3) {width: 8%;}
table.table.gym-detail.only-sirdt-table th.user-education.thre {width: 8%;}
table.table.gym-detail.only-sirdt-table .btn {margin: 0 2px;padding: 6px 4px;font-size: 12px;width: auto;}
table.table.gym-detail.only-sirdt-table th.user-action.nine, table.table.gym-detail.only-sirdt-table td.user-action {
width: 12% !important;}
table.table.gym-detail th {font-size: 14px;}
table.table.gym-detail h2.address-td {font-size: 14px;}
table.table.gym-detail h2.name-td {font-size: 14px;}
table.table.gym-detail.only-sirdt-table th.user-education.thre, table.table.gym-detail.only-sirdt-table td:nth-child(3) {
width: 15% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td:nth-child(8) {
width: 6% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.four, table.table.gym-detail.only-sirdt-table td:nth-child(4) {
width: 6% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.five, table.table.gym-detail.only-sirdt-table td:nth-child(5) {
width: 8% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.four, table.table.gym-detail.only-sirdt-table td:nth-child(4) {
width: 6% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.action {
width: 25% !important;}

/* ========== pits page rensposive css =================*/
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.active {width: 22% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.active{width: 22% !important;}
/* ========== pits page rensposive css =================*/

/* ========== users page rensposive css =================*/
table.table.gym-detail.only-sirdt-table .btn{width:70%;}
table.table.gym-detail.only-sirdt-table .btn.btn-danger.block.disableUser {margin: 4px 0;}
table.table.gym-detail.only-sirdt-table .btn{margin:0;}
/* ========== users page rensposive css =================*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    width: 14% !important;
}
div#DataTables_Table_1_filter {
    width: 51%;
}
}

@media only screen and (max-width: 1280px) {
.search-div-ins-page {float: right;width: 56%;}
.login-page .container.login-page1 {width: 34% !important;}
table.table.gym-detail.only-sirdt-table td.user-action {width: 15% !important;}
table.table.gym-detail.only-sirdt-table th.user-action.nine {width: 15%;}
table.table.gym-detail.only-sirdt-table th.user-action.nine, table.table.gym-detail.only-sirdt-table td.user-action {
width: 13% !important;}
table.table.gym-detail h2.address-td {font-size: 13px;}
table.table.gym-detail h2.name-td {font-size: 13px;}
table.table.gym-detail th {font-size: 14px;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
padding-right: 20px !important;
}
table.dataTable thead .sorting:after {font-size: 12px;right: 5px !important;}
table.table.gym-detail th {font-size: 14px;}
table.table.gym-detail.only-sirdt-table .btn {margin: 0 2px;padding: 6px 2px;font-size: 12px;width: 75%;}
table.table.gym-detail h2.address-td {font-size: 13px;}
table.table.gym-detail h2.name-td {font-size: 13px;}
table.table.gym-detail td {padding: 10px 4px;}
table.table.gym-detail.only-sirdt-table th.user-action.nine, table.table.gym-detail.only-sirdt-table td.user-action {
width: 11% !important;}
table.table.gym-detail th {padding: 0 6px;}
section.users-page .datefilter input#to, section.users-page .datefilter input#from {
padding: 6px 7px;}
section.users-page .datefilter button.btn.btn-primary.filterDate {width: 68px;}
div#DataTables_Table_0_filter #searchSub {width: 76px;}
div#DataTables_Table_0_filter {width: 56%;float: right;margin-top: -40px !important;}
.left-bar ul li {padding: 20px 9px;}
.left-bar ul li a {font-size: 14px;padding: 0 0px;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td.user-email {
width: 7% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td:nth-child(5) {
width: 7% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.sev, table.table.gym-detail.only-sirdt-table td:nth-child(7) {
width: 5% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td:nth-child(4) {
width: 6% !important;}
table.table.gym-detail.only-sirdt-table th, table.table.gym-detail.only-sirdt-table td {
width: 7% !important;}
table.table.gym-detail.only-sirdt-table th.user-email, table.table.gym-detail.only-sirdt-table td:nth-child(2) {
width: 10% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.thre, table.table.gym-detail.only-sirdt-table td:nth-child(3) {
width: 13% !important;}
table.table.gym-detail.only-sirdt-table th.user-education.eight, table.table.gym-detail.only-sirdt-table td:nth-child(8) {
width: 6% !important;}

/* ========== pits page rensposive css =================*/
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.active {width: 15% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.active{width: 15% !important;}
/* ========== pits page rensposive css =================*/
div#DataTables_Table_1_filter {
    width: 54%;
}
}

@media only screen and (max-width: 1024px) {
    .left-bar ul li {
        padding: 20px 5px;
    }
    div#DataTables_Table_1_filter #searchSub1 {
        width: 75px;
    }
    .right-bar-content.dashboard .dataTables_filter input[type="search"] {
        width: 71%;
        margin-left: 5px;
    }
    div#DataTables_Table_1_filter label.sort_uni {
        width: 40%;
        margin-right: 5px;
        margin-top: -6px;
    }
}



@media only screen and (max-width: 1024px) {
/* ========== login page rensposive css =================*/
.login-page .container.login-page1{width: 42% !important;}
/* ========== login page rensposive css =================*/

/* ========== users listing page rensposive css =================*/
.search-main-div {width: 32%;}
table.table.gym-detail th{font-size:16px;}
.left-bar ul li a{font-size:17px;}
.logout{font-size:17px;}
table.table.gym-detail h2.name-td{font-size:15px;}
table.table.gym-detail h2.address-td{font-size:15px;}
.user-action .btn {font-size: 12px;width: 60px;}
#Edit-modal .modal-dialog {width: 100%;max-width: 800px !important;}
/* ========== users listing page rensposive css =================*/

/* ========== listings page rensposive css =================*/
.listings table th.description{width:8%;}
.listings table td.description{width:8%;}
.listings table th.address {width: 8%;}
.listings table td.address {width: 8%;}
.list-action .btn {font-size: 12px;width: 60px;}
.gym-view-img{height:160px;}
.gym-view-right-left li{width:75%;}
.gym-view-right-left .gym-amenities li{width:auto;}
.gallery-img{width: 155px;height: 105px;}
.gym-view-img {height: 150px;}
.editListing .gym-edit-amenities .step2-one li{margin: 0 2px 2px;}
.editListing .gym-edit-amenities li label span{line-height:6px;}
/* ========== listings page rensposive css =================*/

/* ========== chat page rensposive css =================*/
#container {width: 800px;}
#container main {width: 540px;}
#chat .me .triangle {margin-left: 462px;}
/* ========== chat page rensposive css =================*/
.search-div-ins-page {width: 70%;}
div#DataTables_Table_0_filter {width: 55%;}
.batle-page-search {float: right;width: 80%;}
table.table.gym-detail th {font-size: 15px;}
div#DataTables_Table_0_filter {margin-top: 10px;}
.min-height {float: left;width: 100%;padding: 20px 20px;}
.left-bar ul li {padding: 20px 6px;}
.left-bar ul li a {font-size: 15px;}
table.table.gym-detail.instruction-table.audio-table  th.user-name {width: 70%;}
table.table.gym-detail.instruction-table.audio-table  th.user-education {width: 30%;}
table.table.gym-detail.instruction-table.audio-table td.user-name { width: 70%;}
table.table.gym-detail.instruction-table.audio-table td.user-action { width: 30%;}
.modal-content{min-width:100%;}

/* ========== instructors page rensposive css =================*/
.table.gym-detail.instruction-table td.user-id {word-wrap:anywhere;}
/* ========== instructors page rensposive css =================*/

/* ========== battles page rensposive css =================*/
.table.gym-detail.batle-page-detail th.user-action {width: 22%;}
.table.gym-detail.batle-page-detail td.user-action {width: 22%;}
/* ========== battles page rensposive css =================*/

/* ========== users page rensposive css =================*/
.right-bar-content.dashboard .dataTables_filter label{ width: 40%;}
.right-bar-content.dashboard .dataTables_filter input[type="search"] {width: 48%;}
/* ========== users page rensposive css =================*/

section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    width: 12% !important;
}
div#navbarSupportedContent {
    width: 65%;
    margin: 0 auto;
    padding: 0 9px;
}
.left-bar ul li {
    padding: 20px 2px;
}
.left-bar ul li a {
    font-size: 13px;
}
.right-bar-content.dashboard .dataTables_filter label {
    font-size: 14px;
}
section.users-page .datefilter label {
    font-weight: 400;
    font-size: 14px;
}
}

@media only screen and (max-width: 992px) {
.search-div-ins-page {width: 58%;}
.left-bar ul li {padding: 20px 9px;}
.left-bar ul li a {font-size: 15px;}

}

@media only screen and (max-width: 768px) {
/* ========== login page rensposive css =================*/
.login-page .container.login-page1{width: 55% !important;}
/* ========== login page rensposive css =================*/

/* ========== users listing page rensposive css =================*/
.left-bar ul li{padding:20px 10px;}
.min-height{padding:20px;}
.search-main-div {width: 40%;}
.left-bar ul li a{font-size:15px;}
.users-page table th.user-image{width:7%;}
.users-page table td.user-image{width:7%;}
.users-page table td.user-image .gym-img{width:80px;height:62px;}
.users-page table th.user-email{width:12%}
.users-page table td.user-email{width:12%}
.users-page table th.user-action{width:8%;}
.users-page table td.user-action{width:5%;}
.user-action .btn{width:75%;}
.user-action .btn.btn-danger.edit.editUser {margin: 4px 0;}
#Edit-modal .modal-dialog{width:550px;}
/* ========== users listing page rensposive css =================*/

/* ========== listings page rensposive css =================*/
.container1 {margin: 0 15px;}
.editListing .container-fluid{padding:0;}
.list-action .btn{width:75%;}
.list-action .btn.btn-danger.edit.editUser {margin: 4px 0;}
.listings table th.address {width: 9%;}
.listings table td.address {width: 9%;}
.listings table th.list-action{width:7%;}
.listings table td.list-action{width:5%;}

.gym-view-img {height: 120px;}
.editListing .col-sm-6 {max-width: 100%;flex: auto;width:100%;}
.editListing .gym-info-step1-left .col-sm-6 {width: 50%;}
/* ========== listings page rensposive css =================*/

/* ========== chat page rensposive css =================*/
#container {width: 93%;}
#container main {width: 452px;}
#chat .me .triangle {margin-left: 373px;}

/* ========== chat page rensposive css =================*/
.search-div-ins-page {width: 95%;}
.left-bar ul li {padding: 20px 0px;}
.left-bar ul li a {font-size: 13px;}
div#DataTables_Table_0_filter {width: 55%;}
.batle-page-search {float: right;width: 90%;}
table.table.gym-detail th {font-size: 14px;}
table.table.gym-detail h2 {font-size: 14px !important;}
table.table.gym-detail.instruction-table.audio-table td.user-action {text-align: center;}
/*table.table.gym-detail.instruction-table.audio-table td.user-action button.btn.btn-danger.delete_in.delete.deleteUser {
margin: 4px 0 7px 0;
}*/

/* ========== header rensposive css =================*/
.header.trans-header .left-bar ul li {padding: 5px 0px;margin:0;}
/* ========== header rensposive css =================*/

/* ========== pits page rensposive css =================*/
.inner-bg{padding: 25px;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.users {width: 15% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.users {width: 15% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits th.action {width: 38% !important;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits td.action {width: 38% !important;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button{margin-right: 5px;font-size:12px;padding: 5px 9px;}
/* ========== pits page rensposive css =================*/

/* ========== pits page rensposive css =================*/
table.table.gym-detail.lessons-table thead th:first-child {width: 9%;}
table.table.gym-detail.lessons-table tbody td:first-child {width: 9%;}
/* ========== pits page rensposive css =================*/

/* ========== audio page rensposive css =================*/
table.table.gym-detail.instruction-table.audio-table td.user-action {text-align: left;}
table.table.gym-detail.instruction-table.audio-table td.user-action .btn {width: auto;vertical-align: top;}
/* ========== audio page rensposive css =================*/

/* ========== battles page rensposive css =================*/
.table.gym-detail.batle-page-detail .yourlink.btn-primary.btn.download{width:75%;}
.table.gym-detail.batle-page-detail .btn.btn-primary.view_voter {margin: 4px 0;}
.batle-page-search .search-main-div {width: 66%;}
.modal-dialog.view-on-picture .modal-content{width:100%;}

/* ========== battles page rensposive css =================*/

/* ========== users page rensposive css =================*/
.users-page.usersi .datefilter input#from {width: 15%;}
.users-page.usersi .datefilter input#to {width: 15%;}
div#DataTables_Table_0_filter{width: 48%;}
div#DataTables_Table_1_filter{width: 48%;}
.right-bar-content.dashboard .dataTables_filter label {width: 100%;}
#sortBy{width:78%;margin-bottom: 10px;}
#sortBy1{width:78%;margin-bottom: 10px;}
div#DataTables_Table_1_filter #searchSub1 {width: 76px;}
.right-bar-content.dashboard .dataTables_filter input[type="search"] {width: 78%;}
.right-bar-content.dashboard .dataTables_filter input[type="search"]{margin-bottom:10px;}
.users-page table.table.gym-detail th {font-size: 13px;}
/* ========== users page rensposive css =================*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th {
    width: 17% !important;
}

section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:last-child button.btn {
    width: 80% !important;
    float: left;
    max-width: 100%;
    margin: 3px 0;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:first-child img.event_img {
    width: 95px;
    height: 52px;
    object-fit: cover;
    border-radius: 2px;
}

}


@media only screen and (max-width:767px){

/* ========== users page rensposive css =================*/
div#DataTables_Table_0_filter {
    width: 100%;margin:0!important;
}
section.users-page .datefilter {
    float: left;
    width: 100%;
    z-index:9;
}
.users-page.usersi .datefilter input#from {
    width: 37%;
}
.users-page.usersi .datefilter input#to {
    width: 37%;
}
#sortBy {
    width: 100%;
    float: left;
    margin:0;
}
.right-bar-content.dashboard .dataTables_filter label {
    width: 100%;text-align:left;
}
.right-bar-content.dashboard .dataTables_filter input[type="search"] {
    width: 100%;
    margin:0 0 10px;
}
#DataTables_Table_0{width:100%!important;}

/* ========== users page rensposive css =================*/


button.navbar-toggler {
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    border: 0px solid #000 !important;
    transform: translateY(-50%);
    padding: 0;
}
.navbar-dark .navbar-toggler-icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfoAAAFjCAYAAADVfMnCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMTExMzhFNjE2QzExRUI5MkM0RjA2ODBFQkYwQTI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlEMTExMzhGNjE2QzExRUI5MkM0RjA2ODBFQkYwQTI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUQxMTEzOEM2MTZDMTFFQjkyQzRGMDY4MEVCRjBBMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUQxMTEzOEQ2MTZDMTFFQjkyQzRGMDY4MEVCRjBBMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hL2UvAAANrUlEQVR42uzd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) !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfoAAAFjCAYAAADVfMnCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMTExMzhFNjE2QzExRUI5MkM0RjA2ODBFQkYwQTI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlEMTExMzhGNjE2QzExRUI5MkM0RjA2ODBFQkYwQTI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUQxMTEzOEM2MTZDMTFFQjkyQzRGMDY4MEVCRjBBMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUQxMTEzOEQ2MTZDMTFFQjkyQzRGMDY4MEVCRjBBMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hL2UvAAANrUlEQVR42uzd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) !important;
    background-size: 34px 24px !important;
    width: 40px;
    height: 32px;
}
.logout {font-size: 17px;float: right !important;position: absolute;right: 3px;top: 50%;transform: translateY(-50%);}
.collapse {display: block !important;}
.header .navbar.navbar-expand-md.navbar-dark {padding: 0;height: 70px;}
div#navbarSupportedContent {
    width: 250px !important;
    margin: 0 auto;
    display: block !important;
    height: 100vh;
    background: #fff;
    max-width: 250px â€‹!important;
    position: absolute;
    left: -270px;
    top: 0;
    transition: all 0.2s;
    box-shadow: 1px 1px 3px #888;
    z-index: 999;
}
div#navbarSupportedContent.navbar-collapse.collapse.in {left: -20px;transition: all 0.2s;}
.header.trans-header .left-bar ul li {padding: 9px 0px;margin: 0;float: left;width: 100%;text-align: left;}
.left-bar ul li a {font-size: 15px;}
li.active a {color: #000000 !important;border-bottom: 0px solid #000000 !important;font-weight: 500 !important;}
.left-bar button.close{display:block;font-size:22px;float:left;margin:5px 0 15px;opacity:1;}
.left-bar button.close i{color: #424242;}

.dim-overlay::before {
    content: "";
    background-color: rgba(0, 0, 10, .4);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}


/*---------------------battle page rensposive css----------------------------------*/
section.users-page .table label.tab-label {display: block;}
section.users-page thead {display: none;}
section.users-page table.table.gym-detail.batle-page-detail tbody tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);
float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;}
section.users-page table.table.gym-detail.batle-page-detail td {width: 100% !important;float: left;}
.table.gym-detail.batle-page-detail .user-action .btn{width: 28%;}
.table.gym-detail.batle-page-detail .yourlink.btn-primary.btn.download{width: 28%;}
.batle-page-search {float: left;width: 100%;}
.slect-div-box {float: left;width: 35%;margin:0!important;}
.batle-page-search {text-align: left;}
.batle-page-search .search-main-div {width: 63%;}
.search-main-div .form-control{width:72%;margin:0;}
.users-page .col-md-12 {padding-left: 15px;padding-right: 15px;}
/*---------------------battle page rensposive css----------------------------------*/

/*---------------------pits page rensposive css----------------------------------*/
section.users-page.pits-page .table label.tab-label {display: block;font-weight:500;}
section.users-page.pits-page thead { display: none;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile tbody tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td {width: 100% !important;float: left;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td{
display: flex;flex-direction: column;}
tr:nth-child(2n) {background-color: #fff;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button{width:28%;margin:0;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits .btn-danger {width: 28%;margin:0;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button.btn.btn-danger.delete.deleteBattle_pitt{margin-top:5px;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td.action {
display: block;}
.users-page.pits-page .batle-page-search{text-align: right;}
/*---------------------pits page rensposive css----------------------------------*/

/*---------------------instructors page rensposive css----------------------------------*/
section.users-page.instruction-page .table label.tab-label {display: block;font-weight:500;}
section.users-page.instruction-page thead { display: none;}
section.users-page.instruction-page table.table.gym-detail.instruction-table tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);min-height: 420px;float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;}
section.users-page.instruction-page table.table.gym-detail.instruction-table td {width: 100% !important;float: left;}
section.users-page.instruction-page table.table.gym-detail.instruction-table .user-action .btn {width: 28%;}
section.users-page.instruction-page #searchBro {margin-right: 5px;}

/*---------------------instructors page rensposive css----------------------------------*/

/*---------------------lessons page rensposive css----------------------------------*/
section.users-page.lessons-page .table label.tab-label {display: block;font-weight:500;}
section.users-page.lessons-page thead { display: none;}
section.users-page.lessons-page table.table.gym-detail.lessons-table tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);min-height: 330px;float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;}
section.users-page.lessons-page table.table.gym-detail.lessons-table td {width: 100% !important;float: left;}
section.users-page.lessons-page #searchSub{margin-left:10px;}
section.users-page.lessons-page .user-action .btn {width: 28%;}
/*---------------------lessons page rensposive css----------------------------------*/

/*---------------------lessons category rensposive css----------------------------------*/
section.users-page.category .table label.tab-label {display: block;font-weight:500;}
section.users-page.category thead { display: none;}
section.users-page.category table.table.gym-detail.categry-table tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);min-height: 170px;float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;}
section.users-page.category table.table.gym-detail.categry-table td {width: 100% !important;float: left;flex-direction: column;display:block;}
section.users-page.category table.table.gym-detail.categry-table .btn {width: 28%;}
section.users-page.category table.table.gym-detail.categry-table td h2{justify-content: center;}
section.users-page.category #searchSub{margin-left:10px;}
/*---------------------lessons category rensposive css----------------------------------*/

/*---------------------audio rensposive css----------------------------------*/
section.users-page.instruction-page table.table.gym-detail.instruction-table.audio-table tr {box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);float: left;width: 47% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;min-height: 100px;}
section.users-page.instruction-page table.table.gym-detail.instruction-table.audio-table td {text-align: center;}
/*---------------------audio rensposive css----------------------------------*/

/*---------------------user rensposive css----------------------------------*/
section.users-page.usersi table.table.gym-detail.only-sirdt-table tr{box-shadow: 0px 0px 8px 2px rgba(207, 207, 207, 0.37);float: left;width: 46% !important;margin: 0% 10px 10px;text-align: center;border-radius: 10px;min-height: 100px;}
section.users-page.usersi table.table.gym-detail.only-sirdt-table td{text-align: center;width: 100% !important;float: left;}
div#DataTables_Table_0_filter #searchSub {margin-bottom:20px;}
section.users-page.usersi table.table.gym-detail.only-sirdt-table .btn{width:28%;}
/*---------------------user rensposive css----------------------------------*/


/*---------------------all popups rensposive css----------------------------------*/
#delete-alert .modal-content {min-width: 100%;}
#delete-alert .modal-dialog {width: 92%;}

#DetailModal .modal-dialog {width: 92%;}
.modal-dialog.edit-instaructoin-modal{width: 92%;min-width: 92%;}
.modal-dialog.edit-instaructoin-modal button#update_This{width: auto;}
.modal-dialog.lesons-add-modal {min-width: 92%;width: 92%;}
.modal-dialog.lesons-add-modal button.btn.btn-primary.Update_le{width: auto;}
.modal-dialog.add-categry{min-width: 92%;width: 92%;}
.modal-dialog.add-categry button#update_This{width: auto;}
#view-mod .modal-dialog {max-width: 92%;width:92%;}
#view-mod .jw-flag-audio-player{max-width:100%;}
#examplesort .modal-dialog{max-width: 92%;width:92%;}
#viewModal .modal-dialog.view-ins{min-width: 92%;width:92%;}
#viewModal .all-moel-body-data-right h5{width: 100%;float: left;margin:0 0 5px;}
#viewModal .modal-dialog.view-ins label span p{width: 100%;float: left;}
#viewModal .all-moel-body-data-right{margin-top:10px;}
#viewModal .modal-dialog.lessons-view{width: 92%;}
#viewModal .modal-dialog.lessons-view .modal-content{min-width: 92%;width: 100%;}
/*---------------------all popups rensposive css----------------------------------*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td,
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th{
    width: 100% !important;
    text-align: center;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:first-child img.event_img {
    width: 95px;
    height: 52px;
    object-fit: cover;
    border-radius: 2px;
    margin: 0 auto;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:nth-child(3), section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th:nth-child(3) {
    width: 100% !important;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile  td button.btn.btn-danger.delete.deleteBattle_pitt {
    margin-top: 0;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:last-child button.btn {
    width: auto !important;
    float: left;
    max-width: 100%;
    margin: 3px 6px;
    padding: 5px 12px;
    display: inline-block;
    float: none;
    margin: 0 4px;
}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:first-child, section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile th:first-child {
    width: 100% !important;
}
}


@media only screen and (max-width: 758px) {
section.users-page table.table.gym-detail.batle-page-detail tbody tr{margin: 0% 8px 10px;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile tbody tr{margin: 0% 8px 10px;}
section.users-page.instruction-page table.table.gym-detail.instruction-table tr{margin: 0% 8px 10px;}

}

@media only screen and (max-width: 624px) {
section.users-page table.table.gym-detail.batle-page-detail tbody tr{width:100%!important;margin: 0% 0 20px;}

section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile tbody tr{width:100%!important;margin: 0% 0 20px;}


}





@media only screen and (max-width: 480px) {
/* ========== login page rensposive css =================*/
.login-page{height:100%;position: fixed;}
.login-page .card-body{padding:0;}
.login-page .container.login-page1{padding: 20px;width: 87% !important;}
.login-page .offset-md-4 {margin-left: 0;}
section.users-page table.table.gym-detail.batle-page-detail tbody tr {width: 100% !important;margin:0 0 20px;}
/* ========== login page rensposive css =================*/

/* ========== users page rensposive css =================*/
section.users-page.usersi table.table.gym-detail.only-sirdt-table tr{width: 100% !important;
margin: 0 0 20px;}
section.users-page .datefilter label{width:100%;margin:0 0 5px;}
.users-page.usersi .datefilter input#from {
    width: 100%;
    margin: 0;
}
.users-page.usersi .datefilter input#to {
    width: 100%;
    margin: 0;
}
.users-page.usersi .datefilter button.btn.btn-primary.filterDate {
    width: 100%;
    margin: 10px 0 0;
}
.users-page.usersi .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
.users-page.usersi div#DataTables_Table_0_filter #searchSub{width:100%;}
#Edit-modal .modal-dialog{width:92%;max-width:92%;}
#props_modal .modal-dialog{width: 92%;}
div#DataTables_Table_1_filter{float: right;width: 100%;margin-top: 0;}
#sortBy1{width:100%;float:left;margin:0;}
div#DataTables_Table_1_filter #searchSub1{width:100%;margin-bottom: 20px;}
#Edit-modal .gym-img.correct_video.unique_vid_class{width: 60px;
height: 60px;
object-fit: cover;}
#Edit-modal .table td h6 {font-size: 12px;}
#Edit-modal td.rent{font-size: 12px;}

/* ========== users page rensposive css =================*/


/* ========== battles page rensposive css =================*/
.right-main{margin-top: 75px;}
.batle-page-search .search-main-div {width: 100%;}
.batle-page-search {float: left;width: 100%;}
.batle-page-search .slect-div-box {float: left;margin-left: 0;width:100%;}
.search-main-div .form-control{width: 100%;margin:10px 0;}
.search-main-div #searchSub{width: 30%;}
#exampleModalAA .modal-dialog {
    max-width: 92%!important;
}
#exampleModalAA .modal-dialog.view-on-picture .modal-content {
min-width: 100%;}

/* ========== battles page rensposive css =================*/

/*---------------------pits page rensposive css----------------------------------*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile tbody tr{width: 100% !important;margin:0 0 20px;}
/*---------------------pits page rensposive css----------------------------------*/

/*---------------------instructors page rensposive css----------------------------------*/
.users-page.instruction-page .search-div-ins-page {width: 100%;}
.users-page.instruction-page .search-div-ins-page .search-main-div {
width: 100%;}
.users-page.instruction-page .search-main-div .form-control {margin:0;width: 68%;
float: left;}
.users-page.instruction-page button.btn.btn-primary.modal-add.add-instruction{float:left;margin:0;width:49%;}
.users-page.instruction-page .btn.btn-primary.modal-sort.sort-instruction{float:left;width:49%;float:right;}
section.users-page.instruction-page table.table.gym-detail.instruction-table tr{width: 100% !important;
margin: 0 0 20px;min-height: 415px;}
/*---------------------instructors page rensposive css----------------------------------*/

/*---------------------lessons page rensposive css----------------------------------*/
.users-page.lessons-page .search-div-ins-page {width: 100%;}
.users-page.lessons-page .search-div-ins-page .search-main-div {width: 100%;}
.users-page.lessons-page .search-main-div .form-control{float:left;margin:0;width: 100%;}
.users-page.lessons-page button.btn.btn-primary.modal-add.add-instruction{float:left;margin:0;}
section.users-page.lessons-page table.table.gym-detail.lessons-table tr{width: 100% !important;margin: 0 0 20px;}
section.users-page.lessons-page .search-main-div #searchSub {width: 100%;margin:8px 0 0;}
section.users-page.lessons-page button.btn.btn-primary.modal-add.add-instruction{width: 100%;}
/*---------------------lessons page rensposive css----------------------------------*/

/*---------------------lessons category rensposive css----------------------------------*/
.users-page.category .search-div-ins-page {width: 100%;}
.users-page.category .search-div-ins-page .search-main-div {width: 100%;}
.users-page.category .search-main-div .form-control {float: left;margin: 0;width: 100%;}
.users-page.category .search-main-div #searchSub {width: 100%;margin: 8px 0 0;}
.users-page.category button.btn.btn-primary.modal-add.add-instruction {width: 100%;margin:0;}
section.users-page.category table.table.gym-detail.categry-table tr{width: 100% !important;margin: 0 0 20px;}
/*---------------------lessons category rensposive css----------------------------------*/

/*---------------------audio rensposive css----------------------------------*/
.inner-bg{position:relative;}
.users-page.instruction-page.audio button.btn.btn-primary.modal-add.add-instruction{float:right;margin:0;}
section.users-page.instruction-page table.table.gym-detail.instruction-table.audio-table tr{width: 100% !important;
margin: 0 0 20px;position:relative;}
/*---------------------audio rensposive css----------------------------------*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail.pits.pits-mobile td:last-child button.btn {
    width: auto !important;
    float: left;
    max-width: 100%;
    margin: 3px 6px;
    padding: 5px 10px;
    display: inline-block;
    float: none;
    margin: 0 1px;
}





}


@media only screen and (max-width: 375px) {

.inner-bg{padding: 20px;}
.login-page .left-right-data a.btn.btn-link{font-size:12px;}
.login-page .form-check-label {font-size: 12px;}

/* ========== battles page rensposive css =================*/
.table.gym-detail.batle-page-detail .user-action .btn{width: 30%;}
.table.gym-detail.batle-page-detail .yourlink.btn-primary.btn.download {width: 30%;}
/* ========== battles page rensposive css =================*/

/*---------------------pits page rensposive css----------------------------------*/
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button {
width: 35%;margin:0 0 5px;}
.users-page.pits-page .table.gym-detail.batle-page-detail.pits .btn-danger {
width: 35%;}
section.users-page.pits-page table.table.gym-detail.batle-page-detail td button.btn.btn-danger.delete.deleteBattle_pitt {margin-top: 0;}
/*---------------------pits page rensposive css----------------------------------*/

/*---------------------delete popup rensposive css----------------------------------*/
#delete-alert .modal-body p {font-size: 15px;}
/*---------------------delete popup rensposive css----------------------------------*/


}



















.slect-div-box {float: none;margin-left: 10px;display: inline-block;}



