/***************** IPAD Air ********************/

@media only screen and (min-width: 768px) and (max-width: 1180px) {
.left-sidebar {
	width: 150px;
	min-width: 150px;
	padding: 5px;
}
.site-logo img {
	width: 110px;
	height: auto;
}
.side-nav a {
	font-size: 13px;
	line-height: 50px;
	padding: 0 10px;
}
.side-nav a i {
	margin-right: 10px;
	font-size: 15px;
	transition: all ease-in-out 0.3s;
}
.side-nav a:after {
	right: -10px;
	height: 50px;
	width: 3px;
}
.page-content-wrap {
	margin-left: 150px;
	padding: 0 0.75rem 30px;
}
h1.main-title {
	font-size: 24px;
	line-height: 24px;
	border-bottom: 2px solid #ccc;
}
.tab-links .nav-tabs .nav-link {
	font-size: 13px;
	padding: 0 3px 10px;
	margin: 0 3px 0 0;
}
.broadcast .form-check-label,  .all-right select.form-select {
	font-size: 12px;
}

.broadcast .form-check-label {
    line-height:40px;
}

.broadcast .form-check.form-switch .form-check-input {
    top:14px;
}

.has-broadcast-option .broadcast {
	max-width: 188px;
	width: 100%;
	height:40px;
}
.has-broadcast-option .alert.broadcast {
	right: 210px;
	height: 40px;
}

.city-list-collapse li {
	padding: 0 2px;
}
.tab-titles h6 {
	font-size: 12px;
	margin: 0 0 15px;
	min-height: 44px;
}
.tab-titles h2 {
	font-size: 36px;
}
.city-list-collapse li .btn.btn-primary {
	height: 100px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #231f20;
	padding: 10px 5px;
}
.top-user-agent {
	width: 125px;
	margin: 0 auto 15px;
}
.tua-box {
	width: 125px;
	height: 125px;
	border: 5px solid #e57201;
}
.user-agent-name h4 {
	font-size: 16px;
	font-weight: 500;
}
.user-agent-name h6 {
	font-size: 14px;
}
.agent-prograss-left.top-agent .top-agent-box .team-gci {
	font-size: 18px;
}
.team-gci,  .top-agent-box.small .user-agent-name h4 {
	font-size: 14px;
}
.top-agent-box.small .user-agent-name h6 {
	font-size: 12px;
}
.prog-box.small-box .prograss-bar span {
	margin: 5px 0;
	font-size: 12px;
}
.agent-listing-table .responsive-table tbody tr td,  .agent-listing-table .responsive-table thead tr th {
	padding: 8px 5px;
	font-size: 12px;
}
/*
  .agent-listing-table .responsive-table thead tr th:nth-child(2),
  .agent-listing-table .responsive-table tbody tr td.tloc-agent {
    width: 175px !important;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(3),
  .agent-listing-table .responsive-table thead tr th:nth-child(3) {
    width: auto;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(4),
  .agent-listing-table .responsive-table thead tr th:nth-child(4) {
    width: auto;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(5),
  .agent-listing-table .responsive-table thead tr th:nth-child(5) {
    width: auto;
  }
  .agent-listing-table .responsive-table tbody tr td:first-child,
  .agent-listing-table .responsive-table thead tr th:first-child {
    width: 30px;
    text-align: center;
  }
  .agent-listing-table .responsive-table thead tr th:nth-child(6),
  .agent-listing-table .responsive-table thead tr th:nth-child(7) {
    width: auto;
  }
 */ 
.td-agent-img {
	position: relative;
	display: inline-block;
	width: 50px;
}
.responsive-table tbody tr td img {
	width: 35px;
	height: 35px;
}
.responsive-table .progress.star:after {
	right: -4px;
	top: -10px;
	font-size: 12px;
}
.card-box h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 20px;
}
.semi-donut {
	font-size: 16px;
}
.card-box {
	padding: 20px;
}
.supper-saturday-card {
	padding: 15px;
}
.supper-saturday-card.full-width .ssc-right,  .supper-saturday-card.full-width .ssc-left {
	width: 50%;
}
.countdown-timer > span {
	width: 85px;
	height: 110px;
	font-size: 14px;
	padding-top: 15px;
}
.countdown-timer .number {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 52px;
}
.count-widget.c6,  #nav-super_saturday .leaderboard-auctions .tab-titles {
	padding: 10px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h6 {
	font-size: 16px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h2 {
	font-size: 24px;
}
.circle-graph .sleft,  .circle-graph .slright {
	font-size: 12px;
}
.semi-donut {
	width: 120px;
	height: 60px;
 &:after {
 content: "";
 width: 120px;
 height: 120px;
 border: 7px solid;
 border-color: #e4e4e4 #e4e4e4 #231f20 #231f20;
}
}
 @keyframes fillAnimation {
 0% {
 transform: rotate(-45deg);
}
 50% {
 transform: rotate(135deg);
}
}
 @keyframes fillGraphAnimation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
}
.count-widget {
	padding: 15px;
}
.count-widget h6 {
	font-size: 14px;
}
.count-widget h2 {
	font-size: 28px;
}
.agent-progress.city-data .col-md-3.p20p {
	flex: 0 0 auto;
	width: 18%;
}
.agent-progress.city-data .agent-prograss-left.top-agent .top-user-agent {
	width: 100px;
	margin: 0 auto 15px;
}
.agent-progress.city-data .agent-prograss-left.top-agent .tua-box {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.prograss-bar span {
	font-size: 13px;
	margin: 5px;
}
.agent-progress.city-data .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
}
.agent-progress.city-data .col-md-5.p45p {
	flex: 0 0 auto;
	width: 42%;
}
.agent-progress.city-data .col-md-4.p35p {
	flex: 0 0 auto;
	width: 40%;
}
.top-agent-box.small .row .col-md-3.p10:nth-child(2) {
	width: 60px;
}
.top-agent-box.small .row .col-md-4:nth-child(4) {
	width: 37.333333%;
}
.agent-crown i {
	display: block;
	font-size: 14px;
}
body .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
}
.btn.btn-primary.auctions-GCI strong,  .type-list-collapse li strong {
	font-size: 24px;
}
.fydate h2 {
	font-size: 18px;
	font-weight: 500;
}
.btn.btn-primary.graph-btn.small-fydate,  .type-list-collapse li .btn.btn-primary.only-number,  .type-list-collapse li .btn.btn-primary.graph-btn {
	height: 155px;
}
.type-list-collapse li .btn.btn-primary.only-number strong {
	margin: 55px 0 0;
}
.city-list-collapse li .btn.btn-primary strong {
	color: #231f20;
	font-size: 14px;
}
.btn.btn-primary.graph-btn.large-fydate {
	height: 296px;
}
.city-list-collapse li .btn.btn-primary.small-graph-btn h6 {
	font-size: 16px;
}
.city-list-collapse .small-graph-btn .semi-donut,  .fydate .city-list-collapse .small-graph-btn .semi-donut {
	width: 90px;
	height: 45px;
	font-size: 16px;
	line-height: 28px;
 &:after {
 content: "";
 width: 90px;
 height: 90px;
 border: 5px solid;
 border-color: #e4e4e4 #e4e4e4 #ffab58 #ffab58;
}
}
.city-list-collapse li .btn.btn-primary.small-graph-btn {
	height: 125px;
}
.edit-btn {
	right: 15px;
	top: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.list-row {
	gap: 0.5em;
	grid-template-columns: 80px 1fr 1fr 1fr 1fr;
}
.homeinfo .bedbathcar li {
	padding: 0 5px;
}
.list-row li,  .list-row li.pro-user .listing-agent {
	font-size: 14px;
}
.modal-body h2 {
	font-size: 24px;
}
.target-month-table .responsive-table thead tr th,  .target-month-table .responsive-table tbody tr td {
	padding: 5px;
	font-size: 12px;
}
.target-month-table .responsive-table tbody tr td .form-control,  .target-month-table .responsive-table tbody tr td .form-control:disabled {
	font-size: 12px;
}
.single-agent-box .agent-img {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.single-agent-box {
	padding: 35px 50px 35px 210px;
	height: 170px;
}

.responsive-table tbody tr td.probar span {
	top: 10px;
}
.responsive-table tbody tr td img {
	width: 30px;
	height: 30px;
}
.top-user-agent.small-box .stickers img {
	width: 20px;
}
.top-user-agent.small-box .stickers {
	left: 5px;
}
.prog-box.small-box .progress.star:after {
	top: -9px;
	font-size: 14px;
}
.agent-gold-small,  .agent-silver-small {
	height: 100px;
	line-height: 100px;
}
.agent-crown {
	height: 243px;
	padding: 80px 0 0;
}
body .progress,  body .progress-stacked {
 --bs-progress-height: 6px;
}
.agent-gold-small strong,  .agent-silver-small strong {
	font-size: 18px;
}
.mob-agent {
	display: inline-block;
	margin-right: 10px;
}
#monthlysoldlistings .city-list-collapse {
	margin-bottom: 15px;
}
.card-box.height240 {
	height: 170px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer .number {
	font-size: 24px;
	line-height: 34px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer > span {
	width: 20%;
	border: 1px solid #fff;
	height: 90px;
	padding-top: 15px;
}
.ssc-right {
	float: right;
	width: 55%;
}
.agent-prograss h6 {
	font-size: 14px;
}
.card-box.p-20 {
	padding: 15px 10px;
}
.agent-prograss .progress {
 --bs-progress-height: 8px;
}
.ap-bar strong {
	font-size: 16px;
}
.ap-bar li {
	min-width: 30px;
}
.agent-prograss p {
	font-size: 10px;
}
.ssc-left h3 {
	font-size: 20px;
	line-height: 30px;
}
.agent-prograss .ap-bar li {
	min-width: 30px;
	width: 12%;
}
.agent-prograss .ap-bar li.w250 {
	width: 74%;
}
.card-box.active-listings-basic h6,  .card-box.agent-listing-basic h6 {
	font-size: 16px;
}
.active-list-box .pro-thumb {
	width: 100px;
}
.ssc-left p,  .ssc-left strong {
	font-size: 11px;
	line-height: 20px;
}
.active-list-box {
	padding-left: 115px;
	height: 100px;
}
.active-list-box .pro-small-info h6 a {
	font-size: 14px;
	line-height: 20px;
}
.active-list-box.al-c1 .abl-dot {
	background: #43d0ae;
	outline: 3px solid rgba(67, 208, 174, 0.3);
}
.active-list-box .abl-dot {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
}
.active-list-box .pro-price {
	right: 29px;
	top: 0;
	font-size: 12px;
	height: 18px;
}
.mobile-agent-box {
	padding: 20px;
	position: relative;
	width: 100%;
	float: left;
}
.mobile-agent-box:after {
	content: "";
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	position: absolute;
	background: #ccc;
	bottom: 0;
}
ul.mab-prograss {
	margin: 0 0 0;
	padding: 0;
	list-style: none;
	width: 55%;
	float: left;
}
.mobile-agent-box h6.team-gci {
	text-align: left;
	padding-left: 71px;
}
.mobile-agent-box .mab-prograss li {
	margin-bottom: 15px;
}
.mobile-agent-box .mab-prograss li:last-child {
	margin-bottom: 0;
}
.mobile-agent-box .mab-prograss .prograss-bar > span {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}
.mob-tloc-agent {
	position: relative;
	padding-left: 45px;
	height: 60px;
	width: 35%;
	float: left;
}
.mobile-agent-box a.edit-agent {
	position: absolute;
	right: 15px;
	width: 25px;
	height: 25px;
	border: 1px solid #e57201;
	color: #e57201;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	top: 20px;
	z-index: 9;
}
.mobile-agent-box a.edit-agent:hover {
	background: #e57201;
	color: #fff;
}
.mobile-agent-box .progress.star:after {
	font-size: 14px;
	right: -5px;
	top: -12px;
}
.mobile-agent-box .rank {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 16px;
	font-weight: 700;
}
.mob-agent-img img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-right: 0;
}
.mob-agent-img {
	float: left;
	width: auto;
	padding-right: 25px;
	position: relative;
}
.mob-agent-img .asticker {
	position: absolute;
	left: 35px;
	bottom: 0;
	min-width: 40px;
}
.mobile-agent-box .user-agent-name {
	text-align: left;
}
.mobile-agent-box .user-agent-name h4 {
	font-size: 14px;
	font-weight: 500;
}
.mob-agent-img .asticker img {
	width: 20px;
	height: 20px;
	margin: 0 0 0 -8px;
}
.mobile-agents-main {
	max-height: auto;
	overflow: auto;
}
.user-stickers li img {
	width: 30px;
}
.card-box.p-20 .edit-btn {
	right: 10px;
	top: 10px;
}
.agent-name-stickers h3 {
	font-size: 20px;
	font-weight: bold;
}
#agents-overview .row.false .col-md-8 {
	width: 40%;
}
#agents-overview .row.false .col-md-4 {
	width: 60%;
}
.main-title.agent {
	font-size: 20px;
}
.ranking {
	padding: 20px 20px 10px;
	font-size: 16px;
	font-weight: 500;
}
.agent-listing-table {
	overflow: auto;
}

  /* width */
  .agent-listing-table::-webkit-scrollbar {
 width: 0px;
}

  /* Track */
  .agent-listing-table::-webkit-scrollbar-track {
 background: #fff;
}

  /* Handle */
  .agent-listing-table::-webkit-scrollbar-thumb {
 background: #fff;
}

  /* Handle on hover */
  .agent-listing-table::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.graph-listing-box .semi-donut,  .graph-btn .semi-donut {
	font-size: 18px;
}
.top-agent-box.small .user-agent-name {
	text-align: center;
}
.graph-listing-box .card-box {
	height: 200px;
}
ul.all-right {
	margin: 0 0 15px 0;
}
#agents-overview .row.false .col-md-6 .row .col-md-6 {
	padding-left: 5px;
	padding-right: 5px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb {
	max-width: 125px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb img {
	width: 125px;
	height: 125px;
	border: 5px solid #ee2e24;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h4 {
	font-size: 16px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h6 {
	font-size: 14px;
}
.card-box.agent-box-one-agent.with-crown .agent-crown {
	width: 43px;
}
.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss {
	max-width: 150px;
}
.card-box.agent-box-one-agent.with-crown {
	padding-left: 75px;
	height: 263px;
}

/*Listing Table*/

#dashboard-page .agent-listing-table .responsive-table tbody tr td.probar span {
    top:10px;
}
  
.agent-listing-table .responsive-table tbody tr td:first-child,
.agent-listing-table .responsive-table thead tr th:first-child {
	width: 40px;
	text-align: center;
}
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.tloc-agent, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.tloc-agent {
	width: 175px;
}
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.team-name, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.team-name {
	width: 120px;
}
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.office-name, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.office-name {
	width: 100px;
}
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th..office-name.agent-gci,
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td..office-name.agent-gci {
 width: 80px;
}







/*Agent Table*/


.agent-accordion .responsive-table tbody tr td.probar {
	position: relative;
	padding-left: 30px;
}



.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong,
.agent-accordion .responsive-table tbody tr td.probar span {
	top: 10px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong {
    left:10px;
}

.agent-accordion .responsive-table thead tr th {
	padding: 10px;
}

.agent-accordion .agent-listing-table .progress {
    width: 100px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI {
	position: relative;
	padding-left: 50px;
}


.agent-accordion .responsive-table thead tr th:nth-child(2), 
.agent-accordion .responsive-table tbody tr td.tloc-agent {
	width: 165px;
}

.agent-accordion .responsive-table thead tr th:nth-child(3),
.agent-accordion .responsive-table tbody tr td:nth-child(3) {
	width: 150px;
	font-size:11px;
}

.agent-accordion .responsive-table thead tr th:nth-child(4),
.agent-accordion .responsive-table tbody tr td:nth-child(4),
.agent-accordion .responsive-table thead tr th:nth-child(5),
.agent-accordion .responsive-table tbody tr td:nth-child(5),
.agent-accordion .responsive-table thead tr th:nth-child(6),
.agent-accordion .responsive-table tbody tr td:nth-child(6)

{
	width: 150px;
	font-size:11px;
}



.countdown-timer>span.broadcast-count {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.countdown-timer>span.broadcast-count .number {
    font-size: 24px;
}














}

/***************** TV Air ********************/

@media only screen and (min-width: 1181px) and (max-width: 1280px) {
.left-sidebar {
	width: 170px;
	min-width: 170px;
	padding: 5px;
}
.site-logo img {
	width: 110px;
	height: auto;
}
.side-nav a {
	font-size: 13px;
	line-height: 50px;
	padding: 0 10px;
}
.side-nav a i {
	margin-right: 10px;
	font-size: 15px;
	transition: all ease-in-out 0.3s;
}
.side-nav a:after {
	right: -5px;
	height: 50px;
	width: 3px;
}
.page-content-wrap {
	margin-left: 170px;
	padding: 0 0.75rem 30px;
}
h1.main-title {
	font-size: 24px;
	line-height: 24px;
	border-bottom: 2px solid #ccc;
}
.broadcast {
	height: 40px;
}
.broadcast .form-check.form-switch .form-check-input {
	top: 13px;
}
.tab-links .nav-tabs .nav-link {
	font-size: 14px;
	padding: 0 5px 7px;
	margin: 0 5px 0 0;
}
.broadcast .form-check-label,  .all-right select.form-select {
	font-size: 12px;
	line-height: 40px;
	height: 40px;
}
.city-list-collapse li {
	padding: 0 2px;
}
.tab-titles h6 {
	font-size: 12px;
	margin: 0 0 15px;
	min-height: 44px;
}
.tab-titles h2 {
	font-size: 36px;
}
.city-list-collapse li .btn.btn-primary {
	height: 100px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #231f20;
	padding: 10px 5px;
}
.top-user-agent {
	width: 125px;
	margin: 0 auto 15px;
}
.tua-box {
	width: 125px;
	height: 125px;
	border: 5px solid #e57201;
}
.user-agent-name h4 {
	font-size: 16px;
	font-weight: 500;
}
.user-agent-name h6 {
	font-size: 14px;
}
.agent-prograss-left.top-agent .top-agent-box .team-gci {
	font-size: 18px;
}
.team-gci,  .top-agent-box.small .user-agent-name h4 {
	font-size: 14px;
}
.top-agent-box.small .user-agent-name h6 {
	font-size: 12px;
}
.prog-box.small-box .prograss-bar span {
	margin: 5px 0;
	font-size: 12px;
}


.agent-listing-table .responsive-table tbody tr td,  .agent-listing-table .responsive-table thead tr th {
	padding: 8px 5px;
	font-size: 12px;
}

/*
.accordion-item  .agent-listing-table  .responsive-table  tbody  tr  td:nth-child(4),  .accordion-item  .agent-listing-table  .responsive-table  thead  tr  th:nth-child(4) {
	width: 200px;
}
.agent-listing-table .responsive-table tbody tr td:nth-child(5),  .agent-listing-table .responsive-table thead tr th:nth-child(5) {
	width: 200px;
}


.agent-listing-table .responsive-table tbody tr td:first-child,  .agent-listing-table .responsive-table thead tr th:first-child {
	width: 30px;
	text-align: center;
}
*/

.agent-listing-table .responsive-table thead tr th:nth-child(6),  .agent-listing-table .responsive-table thead tr th:nth-child(7) {
	width: auto;
}

.td-agent-img {
	position: relative;
	display: inline-block;
	width: 50px;
}
.responsive-table tbody tr td img {
	width: 35px;
	height: 35px;
}
.responsive-table .progress.star:after {
	right: -4px;
	top: -10px;
	font-size: 12px;
}
.card-box h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 20px;
}
.semi-donut {
	font-size: 16px;
}
.card-box {
	padding: 20px;
}
.supper-saturday-card {
	padding: 15px;
}
.supper-saturday-card.full-width .ssc-right,  .supper-saturday-card.full-width .ssc-left {
	width: 50%;
}
.countdown-timer > span {
	width: 85px;
	height: 110px;
	font-size: 14px;
	padding-top: 15px;
}
.countdown-timer .number {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 52px;
}
.count-widget.c6,  #nav-super_saturday .leaderboard-auctions .tab-titles {
	padding: 10px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h6 {
	font-size: 16px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h2 {
	font-size: 24px;
}
.circle-graph .sleft,  .circle-graph .slright {
	font-size: 12px;
}
.semi-donut {
	width: 120px;
	height: 60px;
 &:after {
 content: "";
 width: 120px;
 height: 120px;
 border: 7px solid;
 border-color: #e4e4e4 #e4e4e4 #231f20 #231f20;
}
}
 @keyframes fillAnimation {
 0% {
 transform: rotate(-45deg);
}
 50% {
 transform: rotate(135deg);
}
}
 @keyframes fillGraphAnimation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
}
.count-widget {
	padding: 15px;
}
.count-widget h6 {
	font-size: 14px;
}
.count-widget h2 {
	font-size: 28px;
}
.agent-progress.city-data .col-md-3.p20p {
	flex: 0 0 auto;
	width: 18%;
}
.agent-progress.city-data .agent-prograss-left.top-agent .top-user-agent {
	width: 100px;
	margin: 0 auto 15px;
}
.agent-progress.city-data .agent-prograss-left.top-agent .tua-box {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.prograss-bar span {
	font-size: 13px;
	margin: 5px;
}
.agent-progress.city-data .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
}
.agent-progress.city-data .col-md-5.p45p {
	flex: 0 0 auto;
	width: 42%;
}
.agent-progress.city-data .col-md-4.p35p {
	flex: 0 0 auto;
	width: 40%;
}
.top-agent-box.small .row .col-md-3.p10:nth-child(2) {
	width: 75px;
}
.top-agent-box.small .row .col-md-4:nth-child(4) {
	width: 37.333333%;
}
.agent-crown i {
	display: block;
	font-size: 14px;
}
body .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
}
.btn.btn-primary.auctions-GCI strong,  .type-list-collapse li strong {
	font-size: 24px;
}
.fydate h2 {
	font-size: 18px;
	font-weight: 500;
}
.btn.btn-primary.graph-btn.small-fydate,  .type-list-collapse li .btn.btn-primary.only-number,  .type-list-collapse li .btn.btn-primary.graph-btn {
	height: 155px;
}
.type-list-collapse li .btn.btn-primary.only-number strong {
	margin: 55px 0 0;
}
.city-list-collapse li .btn.btn-primary strong {
	color: #231f20;
	font-size: 14px;
}
.btn.btn-primary.graph-btn.large-fydate {
	height: 296px;
}
.city-list-collapse li .btn.btn-primary.small-graph-btn h6 {
	font-size: 16px;
}
.city-list-collapse .small-graph-btn .semi-donut,  .fydate .city-list-collapse .small-graph-btn .semi-donut {
	width: 90px;
	height: 45px;
	font-size: 16px;
	line-height: 28px;
 &:after {
 content: "";
 width: 90px;
 height: 90px;
 border: 5px solid;
 border-color: #e4e4e4 #e4e4e4 #ffab58 #ffab58;
}
}
.city-list-collapse li .btn.btn-primary.small-graph-btn {
	height: 125px;
}
.edit-btn {
	right: 15px;
	top: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.list-row {
	gap: 0.5em;
	grid-template-columns: 80px 1fr 1fr 1fr 1fr;
}
.homeinfo .bedbathcar li {
	padding: 0 5px;
}
.list-row li,  .list-row li.pro-user .listing-agent {
	font-size: 14px;
}
.modal-body h2 {
	font-size: 24px;
}
.target-month-table .responsive-table thead tr th,  .target-month-table .responsive-table tbody tr td {
	padding: 5px;
	font-size: 12px;
}
.target-month-table .responsive-table tbody tr td .form-control,  .target-month-table .responsive-table tbody tr td .form-control:disabled {
	font-size: 12px;
}
.single-agent-box .agent-img {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.single-agent-box {
	padding: 35px 50px 35px 210px;
	height: 170px;
}


.responsive-table tbody tr td img {
	width: 30px;
	height: 30px;
}
.top-user-agent.small-box .stickers img {
	width: 20px;
}
.top-user-agent.small-box .stickers {
	left: 0px;
}
.prog-box.small-box .progress.star:after {
	top: -9px;
	font-size: 14px;
}
.agent-gold-small,  .agent-silver-small {
	height: 100px;
	line-height: 100px;
}
.agent-crown {
	height: 243px;
	padding: 80px 0 0;
}
body .progress,  body .progress-stacked {
 --bs-progress-height: 6px;
}
.agent-gold-small strong,  .agent-silver-small strong {
	font-size: 18px;
}
.mob-agent {
	display: inline-block;
	margin-right: 10px;
}
#monthlysoldlistings .city-list-collapse {
	margin-bottom: 15px;
}
.card-box.height240 {
	height: 170px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer .number {
	font-size: 24px;
	line-height: 34px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer > span {
	width: 20%;
	border: 1px solid #fff;
	height: 90px;
	padding-top: 15px;
}
.ssc-right {
	float: right;
	width: 55%;
}
.agent-prograss h6 {
	font-size: 14px;
}
.card-box.p-20 {
	padding: 15px 10px;
}
.agent-prograss .progress {
 --bs-progress-height: 8px;
}
.ap-bar strong {
	font-size: 12px;
}
.agent-prograss .ap-bar li {
	min-width: 30px;
	width: 12%;
}
.agent-prograss .ap-bar li.w250 {
	width: 74%;
}
.agent-prograss .progress.star:after {
	right: -10px;
	top: -10px;
	font-size: 18px;
}
.agent-prograss p {
	font-size: 10px;
}
.ssc-left h3 {
	font-size: 20px;
	line-height: 30px;
}
.card-box.active-listings-basic h6,  .card-box.agent-listing-basic h6 {
	font-size: 16px;
}
.active-list-box .pro-thumb {
	width: 100px;
}
.ssc-left p,  .ssc-left strong {
	font-size: 11px;
	line-height: 20px;
}
.active-list-box {
	padding-left: 115px;
	height: 100px;
}
.active-list-box .pro-small-info h6 a {
	font-size: 14px;
	line-height: 20px;
}
.active-list-box.al-c1 .abl-dot {
	background: #43d0ae;
	outline: 3px solid rgba(67, 208, 174, 0.3);
}
.active-list-box .abl-dot {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
}
.active-list-box .pro-price {
	right: 29px;
	top: 0;
	font-size: 12px;
	height: 18px;
}
.mobile-agent-box {
	padding: 30px 20px;
	position: relative;
	width: 50%;
	float: left;
}
.mobile-agent-box:after {
	content: "";
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	position: absolute;
	background: #ccc;
	bottom: 0;
}
ul.mab-prograss {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
.mob-tloc-agent {
	position: relative;
	padding-left: 45px;
	height: 60px;
}
.mobile-agent-box a.edit-agent {
	position: absolute;
	right: 15px;
	width: 25px;
	height: 25px;
	border: 1px solid #e57201;
	color: #e57201;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	top: 20px;
	z-index: 9;
}
.mobile-agent-box a.edit-agent:hover {
	background: #e57201;
	color: #fff;
}
.mobile-agent-box .progress.star:after {
	font-size: 14px;
	right: -5px;
	top: -12px;
}
.mobile-agent-box .rank {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 16px;
	font-weight: 700;
}
.mob-agent-img img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-right: 0;
}
.mob-agent-img {
	float: left;
	width: auto;
	padding-right: 25px;
	position: relative;
}
.mob-agent-img .asticker {
	position: absolute;
	left: 35px;
	bottom: 0;
	min-width: 40px;
}
.mobile-agent-box .user-agent-name {
	text-align: left;
}
.mobile-agent-box .user-agent-name h4 {
	font-size: 14px;
	font-weight: 500;
}
.mob-agent-img .asticker img {
	width: 20px;
	height: 20px;
	margin: 0 0 0 -8px;
}
.mobile-agents-main {
	max-height: auto;
	overflow: auto;
}
.user-stickers li img {
	width: 30px;
}
.card-box.p-20 .edit-btn {
	right: 10px;
	top: 10px;
}
.agent-name-stickers h3 {
	font-size: 20px;
	font-weight: bold;
}
#agents-overview .row.false .col-md-8 {
	width: 40%;
}
#agents-overview .row.false .col-md-4 {
	width: 60%;
}
.main-title.agent {
	font-size: 20px;
}
.ranking {
	padding: 20px 20px 10px;
	font-size: 16px;
	font-weight: 500;
}
.agent-listing-table {
	overflow: auto;
}

  /* width */
  .agent-listing-table::-webkit-scrollbar {
 width: 0px;
}

  /* Track */
  .agent-listing-table::-webkit-scrollbar-track {
 background: #fff;
}

  /* Handle */
  .agent-listing-table::-webkit-scrollbar-thumb {
 background: #fff;
}

  /* Handle on hover */
  .agent-listing-table::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.graph-listing-box .semi-donut,  .graph-btn .semi-donut {
	font-size: 18px;
}


.responsive-table tbody tr td.probar span {
	left: 5px;
}
.top-agent-box.small .user-agent-name {
	text-align: center;
}


.responsive-table tbody tr td.Total-Monthly-GCI strong {
	position: absolute;
	left: 10px;
	top: 10px;
}
.card-box.agent-box-one-agent.with-crown .agent-crown {
	height: 243px;
	padding: 80px 0 0;
	width: 55px;
}
.card-box.agent-box-one-agent.with-crown {
	padding-left: 80px;
}
.card-box.agent-box-one-agent .agent_name_thumb h4 {
	font-size: 16px;
	font-weight: 500;
}
.card-box.agent-box-one-agent .agent_name_thumb .user-agent-name h6 {
	font-size: 14px;
}
.card-box.agent-box-one-agent .agent_name_thumb img {
	width: 115px;
	height: 115px;
	border-radius: 100%;
	border: 5px solid #e57201;
	margin: 0 0 10px;
}


.has-broadcast-option .broadcast {
	max-width: 188px;
}
.has-broadcast-option .alert.broadcast {
	right: 210px;
	height: 40px;
}



/*Agent Table*/
  
.agent-listing-table .responsive-table tbody tr td:first-child, 
.agent-listing-table .responsive-table thead tr th:first-child {
	width: 40px;
	text-align: center;
}
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table thead tr th.tloc-agent, 
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.tloc-agent {
	width: 175px;
}
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table thead tr th.team-name, 
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.team-name {
	width: 120px;
}
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table thead tr th.office-name, 
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.office-name {
	width: 100px;
}
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table thead tr th..office-name.agent-gci, 
#dashboard-page  .tab-content-wrap .agent-listing-table .responsive-table tbody tr td..office-name.agent-gci {
 width: 80px;
}

#dashboard-page .agent-listing-table .responsive-table tbody tr td.probar span {
    top: 10px;
}





/*Agent Table*/


.agent-accordion .responsive-table tbody tr td.probar {
	position: relative;
	padding-left: 30px;
}



.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong,
.agent-accordion .responsive-table tbody tr td.probar span {
	top: 10px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong {
    left:10px;
}

.agent-accordion .responsive-table thead tr th {
	padding: 10px;
}

.agent-accordion .agent-listing-table .progress {
    width: 140px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI {
	position: relative;
	padding-left: 50px;
}


.agent-accordion .responsive-table thead tr th:nth-child(2), 
.agent-accordion .responsive-table tbody tr td.tloc-agent {
	width: 165px;
}

.agent-accordion .responsive-table thead tr th:nth-child(3),
.agent-accordion .responsive-table tbody tr td:nth-child(3) {
	width: 175px;
	font-size:11px;
}

.agent-accordion .responsive-table thead tr th:nth-child(4),
.agent-accordion .responsive-table tbody tr td:nth-child(4),
.agent-accordion .responsive-table thead tr th:nth-child(5),
.agent-accordion .responsive-table tbody tr td:nth-child(5),
.agent-accordion .responsive-table thead tr th:nth-child(6),
.agent-accordion .responsive-table tbody tr td:nth-child(6)

{
	width: 175px;
	font-size:11px;
}






.countdown-timer>span.broadcast-count {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.countdown-timer>span.broadcast-count .number {
    font-size: 24px;
}



}









/******************************************  Ipad Pro Css 1366  **************************************************/

@media only screen and (min-device-width: 1281px) and (max-device-width: 1380px) and (-webkit-min-device-pixel-ratio: 2) {
.left-sidebar {
	width: 150px;
	min-width: 150px;
	padding: 5px;
}
.site-logo img {
	width: 110px;
	height: auto;
}
.side-nav a {
	font-size: 13px;
	line-height: 50px;
	padding: 0 10px;
}
.side-nav a i {
	margin-right: 10px;
	font-size: 15px;
	transition: all ease-in-out 0.3s;
}
.side-nav a:after {
	right: -5px;
	height: 50px;
	width: 3px;
}
.page-content-wrap {
	margin-left: 150px;
	padding: 0 0.75rem 30px;
}
h1.main-title {
	font-size: 24px;
	line-height: 24px;
	border-bottom: 2px solid #ccc;
}
.tab-links .nav-tabs .nav-link {
	font-size: 14px;
	padding: 0 5px 10px;
	margin: 0 0px 0 0;
}
.broadcast .form-check-label,  .all-right select.form-select {
	font-size: 11px;
}
.city-list-collapse li {
	padding: 0 2px;
}
.tab-titles h6 {
	font-size: 12px;
	margin: 0 0 15px;
	min-height: 44px;
}
.tab-titles h2 {
	font-size: 36px;
}
.city-list-collapse li .btn.btn-primary {
	height: 100px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 12px;
	color: #231f20;
	padding: 10px 5px;
}
.top-user-agent {
	width: 125px;
	margin: 0 auto 15px;
}
.tua-box {
	width: 125px;
	height: 125px;
	border: 5px solid #e57201;
}
.user-agent-name h4 {
	font-size: 16px;
	font-weight: 500;
}
.user-agent-name h6 {
	font-size: 14px;
}
.agent-prograss-left.top-agent .top-agent-box .team-gci {
	font-size: 18px;
}
.team-gci,  .top-agent-box.small .user-agent-name h4 {
	font-size: 14px;
}
.top-agent-box.small .user-agent-name h6 {
	font-size: 12px;
}
.prog-box.small-box .prograss-bar span {
	margin: 5px 0;
	font-size: 12px;
}

.agent-listing-table  .responsive-table  tbody  tr  td.Total-Monthly-GCI  .progress {
	width: 75%;
	float: right;
}
.responsive-table tbody tr td.Total-Monthly-GCI strong {
	position: absolute;
	left: 3px;
	top: 10px;
}
/*
  .agent-listing-table .responsive-table thead tr th:nth-child(2),
  .agent-listing-table .responsive-table tbody tr td.tloc-agent {
    width: 175px !important;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(3),
  .agent-listing-table .responsive-table thead tr th:nth-child(3) {
    width: 200px;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(4),
  .agent-listing-table .responsive-table thead tr th:nth-child(4) {
    width: 200px;
  }
  .agent-listing-table .responsive-table tbody tr td:nth-child(5),
  .agent-listing-table .responsive-table thead tr th:nth-child(5) {
    width: 200px;
  }
  .agent-listing-table .responsive-table tbody tr td:first-child,
  .agent-listing-table .responsive-table thead tr th:first-child {
    width: 30px;
    text-align: center;
  }
  .agent-listing-table .responsive-table thead tr th:nth-child(6),
  .agent-listing-table .responsive-table thead tr th:nth-child(7) {
    width: 200px;
  }
  
  */
  
.td-agent-img {
	position: relative;
	display: inline-block;
	width: 50px;
}
.responsive-table tbody tr td img {
	width: 35px;
	height: 35px;
}
.responsive-table .progress.star:after {
	right: -4px;
	top: -10px;
	font-size: 12px;
}
.card-box h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 20px;
}
.semi-donut {
	font-size: 16px;
}
.card-box {
	padding: 20px;
}
.supper-saturday-card {
	padding: 15px;
}
.supper-saturday-card.full-width .ssc-right,  .supper-saturday-card.full-width .ssc-left {
	width: 50%;
}
.countdown-timer > span {
	width: 85px;
	height: 110px;
	font-size: 14px;
	padding-top: 15px;
}
.countdown-timer .number {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 52px;
}
.count-widget.c6,  #nav-super_saturday .leaderboard-auctions .tab-titles {
	padding: 10px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h6 {
	font-size: 16px;
}
#nav-super_saturday .leaderboard-auctions .tab-titles h2 {
	font-size: 24px;
}
.circle-graph .sleft,  .circle-graph .slright {
	font-size: 12px;
}
.semi-donut {
	width: 120px;
	height: 60px;
 &:after {
 content: "";
 width: 120px;
 height: 120px;
 border: 7px solid;
 border-color: #e4e4e4 #e4e4e4 #231f20 #231f20;
}
}
 @keyframes fillAnimation {
 0% {
 transform: rotate(-45deg);
}
 50% {
 transform: rotate(135deg);
}
}
 @keyframes fillGraphAnimation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
}
.graph-listing-box .semi-donut {
	width: 150px;
	height: 75px;
 &:after {
 content: "";
 width: 150px;
 height: 150px;
 border: 7px solid;
 border-color: #e4e4e4 #e4e4e4 #231f20 #231f20;
}
}
 @keyframes fillAnimation {
 0% {
 transform: rotate(-45deg);
}
 50% {
 transform: rotate(135deg);
}
}
 @keyframes fillGraphAnimation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
}
.count-widget {
	padding: 15px;
}
.count-widget h6 {
	font-size: 14px;
}
.count-widget h2 {
	font-size: 28px;
}
.agent-progress.city-data .col-md-3.p20p {
	flex: 0 0 auto;
	width: 18%;
}
.agent-progress.city-data .agent-prograss-left.top-agent .top-user-agent {
	width: 100px;
	margin: 0 auto 15px;
}
.agent-progress.city-data .agent-prograss-left.top-agent .tua-box {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.prograss-bar span {
	font-size: 13px;
	margin: 5px;
}
.agent-progress.city-data .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
}
.agent-progress.city-data .col-md-5.p45p {
	flex: 0 0 auto;
	width: 42%;
}
.agent-progress.city-data .col-md-4.p35p {
	flex: 0 0 auto;
	width: 40%;
}
.top-agent-box.small .row .col-md-3.p10:nth-child(2) {
	width: 75px;
}
.top-agent-box.small .row .col-md-4:nth-child(4) {
	width: 38.333333%;
}
.agent-crown i {
	display: block;
	font-size: 14px;
}
body .top-user-agent.small-box .tua-box {
	width: 40px;
	height: 40px;
	margin: 0;
}
.top-user-agent.small-box .stickers {
	min-width: auto;
}
.btn.btn-primary.auctions-GCI strong,  .type-list-collapse li strong {
	font-size: 24px;
}
.fydate h2 {
	font-size: 18px;
	font-weight: 500;
}
.btn.btn-primary.graph-btn.small-fydate,  .type-list-collapse li .btn.btn-primary.only-number,  .type-list-collapse li .btn.btn-primary.graph-btn {
	height: 155px;
}
.type-list-collapse li .btn.btn-primary.only-number strong {
	margin: 55px 0 0;
}
.city-list-collapse li .btn.btn-primary strong {
	color: #231f20;
	font-size: 14px;
}
.btn.btn-primary.graph-btn.large-fydate {
	height: 296px;
}
.city-list-collapse li .btn.btn-primary.small-graph-btn h6 {
	font-size: 16px;
}
.city-list-collapse .small-graph-btn .semi-donut,  .fydate .city-list-collapse .small-graph-btn .semi-donut {
	width: 90px;
	height: 45px;
	font-size: 16px;
	line-height: 28px;
 &:after {
 content: "";
 width: 90px;
 height: 90px;
 border: 5px solid;
 border-color: #e4e4e4 #e4e4e4 #ffab58 #ffab58;
}
}
.city-list-collapse li .btn.btn-primary.small-graph-btn {
	height: 125px;
}
.edit-btn {
	right: 15px;
	top: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.list-row {
	gap: 0.5em;
	grid-template-columns: 80px 1fr 1fr 1fr 1fr;
}
.homeinfo .bedbathcar li {
	padding: 0 5px;
}
.list-row li,  .list-row li.pro-user .listing-agent {
	font-size: 14px;
}
.modal-body h2 {
	font-size: 24px;
}
.target-month-table .responsive-table thead tr th,  .target-month-table .responsive-table tbody tr td {
	padding: 5px;
	font-size: 12px;
}
.target-month-table .responsive-table tbody tr td .form-control,  .target-month-table .responsive-table tbody tr td .form-control:disabled {
	font-size: 12px;
}
.single-agent-box .agent-img {
	width: 100px;
	height: 100px;
	border: 5px solid #e57201;
}
.single-agent-box {
	padding: 35px 50px 35px 210px;
	height: 170px;
}

.top-user-agent .stickers {
	min-width: 55px;
}
.progress.star:after {
	right: -8px;
	top: -12px;
	font-size: 18px;
}
.stickers img {
	width: 24px;
	height: auto;
	display: inline-block;
}
.responsive-table tbody tr td img {
	width: 30px;
	height: 30px;
}
.top-user-agent.small-box .stickers img {
	width: 20px;
}
.top-user-agent.small-box .stickers {
	left: 5px;
}
.prog-box.small-box .progress.star:after {
	top: -9px;
	font-size: 14px;
}
.agent-gold-small,  .agent-silver-small {
	height: 100px;
	line-height: 100px;
}
.agent-crown {
	height: 243px;
	padding: 80px 0 0;
}
body .progress,  body .progress-stacked {
 --bs-progress-height: 6px;
}
.agent-gold-small strong,  .agent-silver-small strong {
	font-size: 18px;
}
.mob-agent {
	display: inline-block;
	margin-right: 10px;
}
#monthlysoldlistings .city-list-collapse {
	margin-bottom: 15px;
}
.card-box.height240 {
	height: 170px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer .number {
	font-size: 24px;
	line-height: 34px;
}
.agent-super-saturday .supper-saturday-card .countdown-timer > span {
	width: 20%;
	border: 1px solid #fff;
	height: 90px;
	padding-top: 15px;
}
.ssc-right {
	float: right;
	width: 55%;
}
.agent-prograss h6 {
	font-size: 14px;
}
.card-box.p-20 {
	padding: 15px 10px;
}
.agent-prograss .progress {
 --bs-progress-height: 8px;
}
.ap-bar strong {
	font-size: 12px;
}
.ap-bar li {
	min-width: 30px;
	width: 12%;
}
.ap-bar li.w250 {
	width: 74%;
}
.agent-prograss p {
	font-size: 10px;
}
.ssc-left h3 {
	font-size: 20px;
	line-height: 30px;
}
.card-box.active-listings-basic h6,  .card-box.agent-listing-basic h6 {
	font-size: 16px;
}
.active-list-box .pro-thumb {
	width: 100px;
}
.ssc-left p,  .ssc-left strong {
	font-size: 11px;
	line-height: 20px;
}
.active-list-box {
	padding-left: 115px;
	height: 100px;
}
.active-list-box .pro-small-info h6 a {
	font-size: 14px;
	line-height: 20px;
}
.active-list-box.al-c1 .abl-dot {
	background: #43d0ae;
	outline: 3px solid rgba(67, 208, 174, 0.3);
}
.active-list-box .abl-dot {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
}
.active-list-box .pro-price {
	right: 29px;
	top: 0;
	font-size: 12px;
	height: 18px;
}
.mobile-agent-box {
	padding: 30px 20px;
	position: relative;
	width: 50%;
	float: left;
}
.mobile-agent-box:after {
	content: "";
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	position: absolute;
	background: #ccc;
	bottom: 0;
}
ul.mab-prograss {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
.mob-tloc-agent {
	position: relative;
	padding-left: 45px;
	height: 60px;
}
.mobile-agent-box a.edit-agent {
	position: absolute;
	right: 15px;
	width: 25px;
	height: 25px;
	border: 1px solid #e57201;
	color: #e57201;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	top: 20px;
	z-index: 9;
}
.mobile-agent-box a.edit-agent:hover {
	background: #e57201;
	color: #fff;
}
.mobile-agent-box .progress.star:after {
	font-size: 14px;
	right: -5px;
	top: -12px;
}
.mobile-agent-box .rank {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 16px;
	font-weight: 700;
}
.mob-agent-img img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-right: 0;
}
.mob-agent-img {
	float: left;
	width: auto;
	padding-right: 25px;
	position: relative;
}
.mob-agent-img .asticker {
	position: absolute;
	left: 35px;
	bottom: 0;
	min-width: 40px;
}
.mobile-agent-box .user-agent-name {
	text-align: left;
}
.mobile-agent-box .user-agent-name h4 {
	font-size: 14px;
	font-weight: 500;
}
.mob-agent-img .asticker img {
	width: 20px;
	height: 20px;
	margin: 0 0 0 -8px;
}
.mobile-agents-main {
	max-height: auto;
	overflow: auto;
}
.user-stickers li img {
	width: 30px;
}
.card-box.p-20 .edit-btn {
	right: 10px;
	top: 10px;
}
.agent-name-stickers h3 {
	font-size: 20px;
	font-weight: bold;
}
#agents-overview .row.false .col-md-8 {
	width: 40%;
}
#agents-overview .row.false .col-md-4 {
	width: 60%;
}
.main-title.agent {
	font-size: 20px;
}
.ranking {
	padding: 20px 20px 10px;
	font-size: 16px;
	font-weight: 500;
}
.agent-listing-table {
	overflow: auto;
}

  /* width */
  .agent-listing-table::-webkit-scrollbar {
 width: 0px;
}

  /* Track */
  .agent-listing-table::-webkit-scrollbar-track {
 background: #fff;
}

  /* Handle */
  .agent-listing-table::-webkit-scrollbar-thumb {
 background: #fff;
}

  /* Handle on hover */
  .agent-listing-table::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.graph-listing-box .semi-donut,  .graph-btn .semi-donut {
	font-size: 18px;
}
.agent-prograss .ap-bar li {
	min-width: 30px;
	width: 12%;
}
.agent-prograss .ap-bar li.w250 {
	width: 74%;
}
.agent-prograss .progress.star:after {
	right: -10px;
	top: -10px;
	font-size: 18px;
}
.broadcast {
	height: 40px;
}
.broadcast .form-check-label {
	line-height: 40px;
}
.all-right select.form-select {
	height: 40px;
	line-height: 40px;
}
.broadcast .form-check.form-switch .form-check-input {
	top: 13px;
}
.graph-listing-box .card-box {
	height: 200px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb {
	max-width: 50%;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb img {
	width: 125px;
	height: 125px;
	border: 5px solid #ee2e24;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h4 {
	font-size: 16px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h6 {
	font-size: 14px;
}
.card-box.agent-box-one-agent.with-crown .agent-crown {
	width: 65px;
	height: 93%;
}
.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss {
	max-width: 50%;
}
.card-box.agent-box-one-agent.with-crown {
	padding-left: 75px;
	height: 263px;
	display: flex;
	align-items: center;
}
.has-broadcast-option .broadcast {
	max-width: 188px;
}
.has-broadcast-option .alert.broadcast {
	right: 210px;
	height: 40px;
}



/*Agent Table */

.agent-listing-table .responsive-table tbody tr td,  
.agent-listing-table .responsive-table thead tr th {
	padding: 8px;
	font-size: 12px;
	letter-spacing: -0.5px;
}

#dashboard-page .agent-listing-table .responsive-table tbody tr td:first-child, 
#dashboard-page .agent-listing-table .responsive-table thead tr th:first-child {
	width: 40px;
	text-align: center;
}

#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.tloc-agent, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.tloc-agent {
	width: 200px;
}

#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.team-name, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.team-name {
	width: 140px;
}

#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th.office-name, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td.office-name {
	width: 120px;
}

#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table thead tr th..office-name.agent-gci, 
#dashboard-page .tab-content-wrap .agent-listing-table .responsive-table tbody tr td..office-name.agent-gci {
 width: 80px;
}


#dashboard-page .agent-listing-table .responsive-table tbody tr td.probar span {
    left: 10px;
    top: 10px;
}






/*Agent Table*/


.agent-accordion .responsive-table tbody tr td.probar {
	position: relative;
	padding-left: 30px;
}



.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong,
.agent-accordion .responsive-table tbody tr td.probar span {
	top: 10px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI strong {
    left:10px;
}

.agent-accordion .responsive-table thead tr th {
	padding: 10px;
}

.agent-accordion .agent-listing-table .progress {
    width: 140px;
}

.agent-accordion .responsive-table tbody tr td.Total-Monthly-GCI {
	position: relative;
	padding-left: 50px;
}


.agent-accordion .responsive-table thead tr th:nth-child(2), 
.agent-accordion .responsive-table tbody tr td.tloc-agent {
	width: 165px;
}

.agent-accordion .responsive-table thead tr th:nth-child(3),
.agent-accordion .responsive-table tbody tr td:nth-child(3) {
	width: 175px;
	font-size:11px;
}

.agent-accordion .responsive-table thead tr th:nth-child(4),
.agent-accordion .responsive-table tbody tr td:nth-child(4),
.agent-accordion .responsive-table thead tr th:nth-child(5),
.agent-accordion .responsive-table tbody tr td:nth-child(5),
.agent-accordion .responsive-table thead tr th:nth-child(6),
.agent-accordion .responsive-table tbody tr td:nth-child(6)

{
	width: 175px;
	font-size:11px;
}



.countdown-timer>span.broadcast-count {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.countdown-timer>span.broadcast-count .number {
    font-size: 24px;
}

}