.dtc-badge-item{float:left;height:250px;width:200px;padding:10px;margin:10px;background-color:#EFEFEF;text-align:center}
.dtc-rank-down{color:red;font-size:12px;width:40px;}
.dtc-rank-up{color:green;font-size:12px;width:40px;}
#dtc-main-table input[type="text"],#dtc-main-table input[type="number"]{margin:5px;width:100%;max-width:80px;}
.dtc-admin-wrapper{ background-color:#FFF;margin:10px;padding:20px;}
.dtc-admin-wrapper h2{font-size:2em;}
.update-player-photo-form-image .dtc-image-item-wrapper{height:180px;width:180px;}
.update-player-photo-form-image .dtc-image-item-wrapper img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.pagination{margin:10px 0px;}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
	float:left;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}
.dtc-top-menu{margin:10px 0px;padding:10px;}
.dtc-top-menu a{float:right;padding:10px 20px;text-align:center;min-width:100px;margin-left:10px; background-color:#2881eb;color:#FFF;display:block; text-decoration:none;margin-top:5px;margin-bottom:5px;}
.dtc-top-menu a:hover{background-color:#2173d6}

.dtc-function-menu{margin:10px 0px;padding:10px;}
.dtc-function-menu a{float:left;padding:10px 20px;text-align:center;min-width:100px;margin-right:10px; background-color:#f2a535;color:#FFF;display:block; text-decoration:none;}
.dtc-function-menu a:hover{background-color:#e59a2d}




.dtc-filter-menu{margin:10px 0px;padding:10px;background-color:#f5f5f5;border:1px solid #d8d8d8;}
.dtc-filter-menu a{color:#333;float:left;display:block;margin-right:10px;text-align:center;text-decoration:none;padding:5px 15px;border-radius:30px;}
.dtc-filter-menu a:active,.dtc-filter-menu a:hover, .dtc-filter-menu .active{background-color:#2881eb;color:#FFF;}


.dtc-player-table th a,.dtc-player-table th{color:#000;font-weight:bold;}
.dtc-player-table tr:nth-child(even) {
background-color:#EFEFEF;	
}

.dtc-player-table button{margin:5px;}
.tabledit-input{width:100%}





#dtc-main-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#dtc-main-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
#dtc-main-table tr {

  border: 1px solid #ddd;
  padding: .35em;
}
#dtc-main-table th,
#dtc-main-table td {
  padding: .625em;
  text-align: center;
}
#dtc-main-table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.mobile-table-sort{display:none;}

	.navbar-fixed-top {
      top: 25px;
    right: 0px;
  z-index: 100;
  position: fixed;
  width: 100%;
  background-color:#000;
		margin-top:0px;
}
		

@media screen and (max-width: 783px) {
	
	.navbar-fixed-top {
      top: 0px;
		
	}
	.advanced-button{display:none !important;}
	.dtc-badge-item{float:none;width:auto;height:auto;}
.mobile-table-sort{display:block;}
.mobile-table-sort{margin:10px 0px;padding:10px;background-color:#f5f5f5;border:1px solid #d8d8d8;}
.mobile-table-sort a{color:#333;float:left;display:block;margin-right:10px;text-align:center;text-decoration:none;padding:5px 15px;border-radius:30px;}
.mobile-table-sort a:active,.dtc-filter-menu a:hover, .dtc-filter-menu .active{background-color:#2881eb;color:#FFF;}


	
  #dtc-main-table {
    border: 0;
  }
  #dtc-main-table caption {
    font-size: 1.3em;
  }
  #dtc-main-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #dtc-main-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  #dtc-main-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  #dtc-main-table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  #dtc-main-table td:last-child {
    border-bottom: 0;
  }
}





/*
 * jQuery Basic Table
 * Author: Jerry Low
 */
.dtc-data-form th,#dtc-main-table td:before{    width: 20%;
    padding: 10px;
    height: 50px;
    text-align: left;}
table.bt thead,
table.bt tbody th {
  display: none;
	
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  /* IE 9 */
  float: left\9;
  width: 100%\9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: bold;
  width: 6.5em;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none;
}

/* Admin Dashboard Classes : Starts */
.archived-player {
	opacity: 0.6;
}

.archived-player.hidden {
	display: none;
}

.archive-filter {
	float: right;
	margin-left: 15px;
	padding: 5px;
	background: #f1f1f1;
	border-radius: 3px;
}

.badge-filter {
  float: left;
  margin-right: 10px;
}
/* Admin Dashboard Classes : Ends */

/* Helper Classes : Starts */
.d-none {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}
/* Helper Classes : Ends */

.dtc-admin-offense-td-name input:not(.dtc-badge-checkbox) {
  width: 100% !important;
}

/* Media Queries : Starts */
@media (max-width: 767px) {
  #dtc-main-table td {
    line-height: 50px;
    padding: 0 !important;
  }

  #dtc-main-table td::before {
    padding: 0;
  }

  .dtc-admin-offense-td-name input:not(.dtc-badge-checkbox) {
    margin: 0 0 0 20% !important;
    width: 80% !important;
  }

  .dtc-filter-menu .badge-filter,
  .dtc-filter-menu .archive-filter {
    float: unset;
  }

  .dtc-filter-menu .dtc-filter-badge,
  .dtc-filter-menu .archive-filter {
    width: 100%;
    margin-top: 10px;
  }

  .dtc-filter-menu .dtc-filter-badge {
    font-size: 14px;
  }

  .dtc-filter-menu .archive-filter {
    margin-left: 0;
    padding-left: 0;
  }

  .dtc-admin-offense-td-rtc,
  .dtc-admin-offense-td-rtc-previous,
  .dtc-admin-offense-th-rtc,
  .dtc-admin-offense-th-rtc-previous {
    display: none !important;
  }
}

@media (max-width: 400px) {
  
}

@media (max-width: 450px) {
  
}

@media (max-width: 500px) {
  
}
/* Media Queries : Ends */