/*
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.left-sidebar {
	display: none;
}
.mobile-nav {
	display: block !important;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #231F20;
	z-index: 99;
}
.mobile-nav .side-nav li {
	display: inline-block;
	font-size: 12px;
}
.mobile-nav .side-nav a i {
	display: block;
	margin: 0 0 5px;
	padding: 0;
}
.mobile-nav .side-nav a {
	font-size: 14px;
	text-align: center;
	padding: 10px 20px;
	line-height: 20px;
}
.side-nav a:after {
	display: none;
}
.site-logo {
	margin: 0;
}
.page-content-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
}
header.mobile-header {
	display: block !important;
	background: #000;
	text-align: center;
}
.city-list-collapse li .btn.btn-primary {
	font-size: 14px;
	padding: 15px 10px;
}
.agent-listing-table {
	max-height: inherit;
}
.agent-listing-table .mobile-agents {
	max-height: 520px;
	overflow: auto;
}
.mobile-agent-box {
	padding: 20px 15px;
	position: relative;
}
.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;
        overflow: hidden;
    }
.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: 612px;
	overflow: auto;
}
.mab-prograss .prograss-bar {
	position: relative;
	padding-left: 122px;
	height: 15px;
	margin: 0 0 15px;
}
.mab-prograss .prograss-bar span {
	margin: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
.ranking {
	padding: 20px;
	font-size: 16px;
	font-weight: 500;
}
.mob-pro-box {
	background: #F5F5F5;
	border-radius: 8px;
	width: 100%;
	max-width: 350px;
	overflow: hidden;
	margin-bottom: 7px;
}
.mob-pro-box-top {
	padding: 10px 10px 10px 100px;
	border-bottom: 1px solid #ccc;
	position: relative;
	min-height: 80px;
}
.mob-pro-info h6 {
	font-size: 14px;
	line-height: 20px;
}
.mob-pro-info .bedbathcar li {
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}
.mob-pro-info .bedbathcar li i {
	font-size: 12px;
	margin-left: 2px;
}
.mob-pro-thumb {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 75px;
	height: 60px;
	overflow: hidden;
}
.mob-pro-thumb img {
	width: 100%;
	height: 60px;
	border-radius: 5px;
}
.mob-pro-box-bottom {
	overflow: hidden;
	clear: both;
}
.mob-pro-box-bottom ul {
	margin: 0;
	display: block;
	list-style: none;
	padding: 0;
}
.mob-pro-box-bottom ul li.mob-price {
	border-right: 1px solid #ccc;
}
.mob-pro-box-bottom ul li {
	width: 50%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
}
.mob-agent img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	margin-right: 5px;
}
}

*/



 @media only screen and (min-width: 1367px) and (max-width: 1600px) {
.left-sidebar {
	width: 225px;
	box-sizing: border-box;
	min-width: 225px;
}
.page-content-wrap {
	margin-left: 225px;
	min-height: calc(100vh);
 padding: 0 .75rem 0;
}
.ap-bar li {
	min-width: 56px;
}
.agent-prograss p {
	width: auto;
}
}
.mobile-nav, .mobile-header {
	display: none;
}


 @media only screen and (min-width: 250px) and (max-width: 767px) {
.wrapper {
	width: 100%;
	overflow: hidden;
	padding-bottom: 59px;
}
.type-list-collapse .btn.btn-primary.small-graph-btn {
	height: auto;
}
.ap-bar li {
	min-width: auto;
}
.mab-prograss .prograss-bar, .top-agent-box .prog-box .prograss-bar, .prog-box.small-box .prograss-bar {
	position: relative;
	padding-left: 95px;
	height: 15px;
}
.mab-prograss .prograss-bar span, .top-agent-box .prog-box .prograss-bar span, .prog-box.small-box .prograss-bar span {
	margin: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
.mab-prograss .prograss-bar .progress, .top-agent-box .prog-box .prograss-bar .progress, .prog-box.small-box .progress {
	float: right;
	width: 100%;
	margin: 5px 5px 0 0;
}
.mab-prograss .prograss-bar {
	position: relative;
	padding-left: 122px;
	height: 15px;
	margin: 0 0 15px;
}
.mab-prograss .prograss-bar span {
	margin: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
.mab-prograss .prograss-bar .progress {
	float: right;
	width: 100%;
	margin: 12px 5px 0 0;
}
.top-user-agent .stickers {
	min-width: 40px;
}
.all-right select.form-select, select.form-select.tabs-mobile {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	margin: 0 0 15px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(35, 31, 32, 0.7);
}
.left-sidebar {
	display: none;
}
.page-content-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
}
.mobile-nav {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #231F20;
	z-index: 99;
}
.mobile-nav .side-nav li {
	display: inline-block;
	font-size: 12px;
}
.mobile-nav .side-nav a i {
	display: block;
	margin: 0 0 5px;
	padding: 0;
}
.mobile-nav .side-nav a {
	font-size: 12px;
	text-align: center;
	padding: 7px 10px;
	line-height: 20px;
}
.side-nav a:after {
	display: none;
}
.mobile-header {
	background: #231F20;
	text-align: center;
	display: block !important;
}
.mobile-header .site-logo {
	margin: 0;
}
h1.main-title {
	font-size: 22px;
	letter-spacing: -0.44pt;
	border: 0;
	margin: 0;
}
li.order1, li.order2 {
	width: 100%;
	margin: 0 0 10px;
	max-width: 100%;
}
.tab-links .nav-tabs .nav-link {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 0 10px;
	padding: 10px 20px;
	text-align: left;
}
.tab-listing-wrap {
	padding: 20px 15px 30px;
}
.city-list-collapse {
	flex-wrap: wrap;
}
.city-list-collapse li {
	flex: 50%;
	margin-bottom: 10px;
	padding: 0 5px;
}
.city-list-collapse li:first-child, .city-list-collapse li:last-child {
	padding: 0 5px;
}
.tab-links .nav-tabs .nav-link.active, .tab-links .nav-tabs .nav-link:hover {
	color: #fff;
	border-color: #E57201;
	border-radius: 5px;
	background: #E57201;
}
.city-list-collapse li .btn.btn-primary {
	height: 70px;
	font-size: 14px;
	padding: 10px;
}
.city-list-collapse li strong {
	font-size: 26px;
	line-height: 26px;
	margin: 5px 0 0;
}
body .tab-listing-wrap {
	border-radius: 10px;
	padding: 15px;
}
.tab-titles {
	overflow: hidden;
	margin: 0 0 0;
}
.tab-titles h6 {
	font-size: 14px;
	float: left;
}
.tab-titles h2 {
	font-size: 30px;
	float: right;
}
.tab-titles h2, .tab-titles h6 {
	margin: 0;
	line-height: 30px;
}
.list-rows .list-row {
	display: block;
	overflow: hidden;
}
.list-rows .list-row .pro-img {
	width: 100px;
}
.list-rows .list-row .pro-img img {
	height: 75px;
}
.list-rows .list-row .homeinfo {
	width: 68%;
}
.list-rows .list-row .homeinfo li {
	width: 33%;
	font-size: 14px;
	margin: 0;
}
.list-row>li {
	float: left;
	padding: 5px;
}
.all-right .broadcast {
	display: none;
}
.agent-prograss-left .top-agent-box .col-md-2 {
	width: 80px;
}
.agent-prograss-left .top-agent-box .col-md-5 {
	width: 100%;
	padding: 0 10px 0 0;
}
.agent-prograss-left.top-agent .top-agent-box {
	position: relative;
	margin: 0 0 30px;
}
.top-agent-box.small .row, .agent-prograss-left.top-agent .top-agent-box .row {
	position: relative;
	padding-left: 80px;
}
.agent-prograss-left.top-agent .top-agent-box .prog-box {
	padding: 0px 10px 0 0;
}
.top-agent-box.small .row .col-md-2, .agent-prograss-left .top-agent-box .col-md-2 {
	width: 70px;
	position: absolute;
	left: 0;
	top:0;
}
.top-agent-box.small .user-agent-name h4 {
	font-size: 16px;
}
.top-user-agent.small-box .tua-box, .agent-prograss-left .top-agent-box .tua-box {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 100%;
	border: 2px solid #e57201;
	margin: 20px 0 0;
}
.agent-progress .col-md-3.p10 {
	float: left;
	width: auto;
	margin: 0 37px 0 0;
}


.agent-prograss-left .top-agent-box .top-user-agent {
	float: left;
	width: auto;
	margin: 10px 37px 0 0;
}

.agent-prograss-left .top-agent-box .user-agent-name {
    margin-top:10px;
}

.top-agent-box .user-agent-name {
	text-align: left;
}
.top-agent-box .user-agent-name h4 {
	font-size: 16px;
	font-weight: 700;
}
.user-agent-name h6 {
	font-size: 14px;
	font-weight: 400;
}
.agent-gold-small, .agent-silver-small, .agent-crown {
	height: 140px;
	line-height: 140px;
	padding: 0;
}

.agent-crown {
    height: 150px;
	line-height: 150px;
}

.prog-box.small-box .top-prograss, .top-prograss {
	margin: 10px 0 10px;
}
.agent-crown strong, .agent-gold-small strong, .agent-silver-small strong {
	font-size: 22px;
}
.top-agent-box .prograss-bar span {
	text-align: left;
	font-size: 11px;
	margin: 0;
}
.top-agent-box .progress {
	float: right;
	width: 63%;
	margin: 5px 5px 0 0;
}
.agent-crown i {
	font-size: 18px;
	position: relative;
	top: 45px;
}
.list-pro-box .listing-agent {
	display: none;
}
.slick-list {
	padding: 0 !important;
}
body .progress, body .progress-stacked {
 --bs-progress-height: 7px;
}
.list-popup-content {
	padding: 10px;
}
.pop-pro-thumb, .pop-pro-txt, .list-popup-content p {
	width: 100%;
	max-width: 100%;
}
.list-popup-content p img {
	width: 100px;
	height: auto;
	display: block;
	margin: 20px auto;
}
.list-popup {
	width: 96%;
	height: 90%;
}
.pop-pro-thumb {
	max-height: 200px;
	margin-bottom: 15px;
}
.top-agent-box.small .col-md-4.p10 {
	padding-left: 0;
}
.top-agent-box.small .prog-box.small-box {
	padding: 0;
}
.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;
	font-size: 12px;
}
.agent-listing-table .responsive-table thead tr th, .agent-listing-table .responsive-table tbody tr td {
	padding: 7px 5px;
	font-size: 11px;
	line-height: 16px;
}
.agent-listing-table .responsive-table tbody tr td {
	font-weight: 400;
}
.responsive-table tbody tr td img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}
.pro-user img {
	width: 20px;
	height: 20px;
}
.top-user-agent.small-box .stickers img, .stickers img {
	width: 20px;
	height: auto;
}
.top-user-agent.small-box .stickers, .top-user-agent .stickers {
	left: 40px;
	bottom: 0;
	right: inherit;
}
.progress.star:after {
	font-size: 20px;
}
.site-Legends li img {
	width: 30px;
	margin-right: 10px;
}
.site-Legends li {
	width: 50%;
	padding: 10px;
	margin: 0;
	font-size: 14px;
}
.agent-progress.city-data .col-md-5.p45p, .agent-progress.city-data .col-md-4.p35p, .agent-progress.city-data .col-md-3.p20p {
	width: 100%;
}
.count-widget.c2 {
	margin-bottom: 20px;
}
.tab-titles h2 {
	font-size: 32px;
}
.card-box {
	padding: 20px 15px;
}
.agent-listing-table, .target-month-table {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.target-month-table .responsive-table thead tr th, .target-month-table .responsive-table tbody tr td {
	padding: 5px 3px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
.target-month-table .responsive-table tbody tr td .form-control, .target-month-table .responsive-table tbody tr td .form-control:disabled {
	padding: 0 3px;
}
#settings-page #nav-tabContent {
	position: relative;
	padding-top: 25px;
}
#settings-page #nav-tabContent .btn.btn-primary.targets-save {
	right: 12px;
	top: 0;
}
.td-agent-img {
	display: none;
}
.responsive-table tbody tr td.probar span {
	position: relative;
	left: 0;
	top: 0;
	font-weight: 700;
	text-align: center;
	display: block;
}
.responsive-table tbody tr td.probar .progress.star:after {
	right: -5px;
	top: -7px;
	font-size: 10px;
}
.agent-listing-table .progress, .agent-listing-table .progress.star {
 --bs-progress-height: 4px;
}
.type-list-collapse {
	flex-wrap: wrap;
	margin: 0;
}
.type-list-collapse li {
	width: 100%;
	float: left;
	padding: 0 10px;
}
.type-list-collapse li:first-child, .type-list-collapse li:last-child {
	padding: 0 5px;
}
.type-list-collapse li {
	flex: 50%;
	margin-bottom: 10px;
	padding: 0 5px;
}
.type-list-collapse li .btn.btn-primary {
	height: 100px;
	font-size: 14px;
	padding: 10px 10px;
	margin: 0;
}
.type-list-collapse li strong {
	font-size: 24px;
	line-height: 40px;
}
.type-list-collapse.col-two li {
	width: 100%;
}
.graph-btn .semi-donut {
	margin: 0 auto 0;
}
.graph-btn .circle-graph .sleft {
	position: absolute;
	left: 0;
	bottom: 0;
}
.graph-btn .circle-graph .sright {
	position: absolute;
	right: 0;
	bottom: 0;
}
.btn.btn-primary.graph-btn.large-fydate, .btn.btn-primary.graph-btn.small-fydate, .type-list-collapse .btn.btn-primary.graph-btn {
	height: 130px;
}
.btn.btn-primary.auctions-GCI strong {
	font-size: 24px;
}
.mon-snap-top-row {
	margin: 0;
}
.btn.btn-primary.graph-btn.large-fydate, .btn.btn-primary.graph-btn.small-fydate {
	margin-bottom: 10px;
}
.graph-btn.large-fydate .circle-graph {
	max-width: 300px;
	margin: 0;
}
/**/


.type-list-collapse .btn.btn-primary {
	display: block;
	height: 90px;
	background: #F9FAFC;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	color: #231F20;
	padding: 15px 20px;
	border-radius: 10px;
	transition: all ease-in-out 0.3s;
	margin-bottom: 10px;
}
.type-list-collapse .btn.btn-primary strong {
	font-weight: 700;
	display: block;
	font-size: 24px;
	line-height: 24px;
	margin: 10px 0 0;
	transition: all ease-in-out 0.3s;
}
.type-list-collapse .btn.btn-primary:hover, .type-list-collapse .btn.btn-primary[aria-expanded="true"] {
	background: #231F20;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #fff;
}
.type-list-collapse .btn.btn-primary:hover strong, .type-list-collapse .btn.btn-primary[aria-expanded="true"] strong {
	color: #fff;
}
.btn.btn-primary[aria-expanded="false"]:after, .type-list-collapse .btn.btn-primary[aria-expanded="false"]:after {
	color: #231F20;
}
 .btn.btn-primary[aria-expanded="true"] strong, .type-list-collapse .btn.btn-primary[aria-expanded="true"] strong, .btn.btn-primary[aria-expanded="true"]:after, .type-list-collapse .btn.btn-primary[aria-expanded="false"]:true {
 color:#fff;
}
.management-board .city-list-collapse {
	margin: 0;
	display: block;
}
.type-list-collapse .btn.btn-primary.graph-btn .sleft, .type-list-collapse .btn.btn-primary.graph-btn .slright {
	font-size: 14px !important;
	margin: 0;
}
.small-graph-btn .circle-graph .slright, .small-graph-btn .circle-graph .sleft, .graph-btn .circle-graph .slright, .graph-btn .circle-graph .sleft {
	position: absolute;
}
.management-board .city-list-collapse li.pro-title {
	width: 67%;
	font-size: 14px;
	line-height: 24px;
}
.management-board .city-list-collapse li.pro-price, .management-board .city-list-collapse li.pro-user {
	width: 50%;
	font-size: 14px;
	line-height: 24px;
}
.monthly-snapshot .city-list-collapse {
	flex-wrap: wrap;
	display: block;
}
.monthly-snapshot .type-list-collapse .btn.btn-primary.small-graph-btn {
	height: 130px;
}
.monthly-snapshot .type-list-collapse .btn.btn-primary.small-graph-btn .sleft, .monthly-snapshot .type-list-collapse .btn.btn-primary.small-graph-btn .slright {
	font-size: 14px;
	margin: 0;
}
.mon-snap-top-row .city-list-collapse li {
	flex: 100%;
	margin-bottom: 10px;
	padding: 0;
}
.btn.btn-primary.auctions-GCI {
	margin: 0;
}
.city-list-collapse li .btn.btn-primary.small-graph-btn {
	height: 130px;
}
.small-graph-btn .circle-graph {
	position: relative;
	max-width: 250px;
	margin: 0 auto;
}
.management-board .city-list-collapse .btn.btn-primary:hover, .management-board .city-list-collapse .btn.btn-primary[aria-expanded="true"] {
	background: #E57201;
	border-color: #E57201;
	color: #fff;
}
.fydate .city-list-collapse {
	margin: 15px 0;
	width: 100%;
	display: block;
}
.fydate .city-list-collapse .btn.btn-primary.small-graph-btn {
	margin: 0 0 10px;
}
/**/


.semi-donut {
	width: 140px;
	height: 70px;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
 &:after {
 content: '';
 width: 140px;
 height: 140px;
 border:10px solid;
 border-color : rgba(0,0,0,0.15) rgba(0,0,0,0.15) #231F20 #231F20;
 position: absolute;
 border-radius: 50%;
 left: 0;
 top: 0;
 box-sizing : border-box;
 transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );
 animation : fillAnimation 1s ease-in;
}
}
/**************  Single Overview  ***************/

#agents-overview .broadcast {
	display: none;
}
#agents-overview .row.false .col-md-4, #agents-overview .row.false .col-md-8 {
	width: 100%;
}
.main-title.agent {
	margin-bottom: 15px;
}
.single-agent-box .agent-img {
	width: 80px;
	height: 80px;
	border: 3px solid #E57201;
	left: 20px;
	top: 14px;
}
.single-agent-box {
	border-radius: 15px;
	padding: 20px 20px 20px 120px;
	margin: 0 0 30px;
	height: auto;
}
.agent-name-stickers h3 {
	font-size: 18px;
	font-weight: bold;
}
.agent-name-stickers p {
	font-size: 14px;
	margin: 0 0 10px;
}
.agent-name-stickers .user-stickers li img {
	width: 40px;
	height: auto;
}
.card-box.height240 {
	height: auto;
}
.modal-body h2 {
	font-size: 24px;
}
.ap-bar {
	margin: 25px 0 0;
}
.agent-prograss .progress {
 --bs-progress-height: 6px;
}
.ap-bar li.w250 {
	width: 227px;
}
.ap-bar strong {
	font-size: 20px;
}
.agent-prograss .progress.star:after {
	right: -10px;
	top: -11px;
	font-size: 16px;
}
.basic-listing li.bp-list {
	line-height: 24px;
	height: 45px;
}
.card-box.active-listings-basic .pro-small-info h6, .basic-listing strong {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
.card-box.agent-listing-basic h6 {
	font-size: 14px;
	line-height: 24px;
}
.card-box.active-listings-basic h6 {
	font-size: 14px;
	line-height: 24px;
}
.active-list-box .pro-price {
	position: relative;
	right: 0;
	top: inherit;
	font-size: 14px;
	font-weight: 500;
	color: #E57201;
}
.agent-accordion .accordion-collapse .accordion-button, .active-list-box .pro-small-info h6 a {
	font-size: 14px;
}
.agent-accordion .accordion-button {
	font-size: 16px;
}
#yearlygrosslistings .city-list-collapse .btn.btn-primary {
	margin-bottom: 10px;
	padding: 15px;
}
#yearlygrosslistings .city-list-collapse .btn.btn-primary:hover {
	background: #F9FAFC;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #231F20;
}
.notification-bar {
	margin: 0 0 30px;
}
.notification-bar a {
	position: relative;
	right: 0;
	top: 15px;
}
.mobile-agent-box {
	padding: 20px 15px;
	position: relative;
}
.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;
	overflow:hidden;
}
.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: 612px;
	overflow: auto;
}
ul.side-nav {
	text-align: center;
}
.site-logo img {
	width: 80px;
	height: auto;
}
.agent-listing-table {
	max-height: inherit;
}
.agent-listing-table .mobile-agents {
	max-height: 520px;
	overflow: auto;
}
.ranking {
	padding: 20px;
	font-size: 16px;
	font-weight: 500;
}
.agent-progress.city-data .col-md-9 {
	width: 100%;
}
ul.all-right {
	margin: 0;
}
.type-list-collapse li .btn.btn-primary.only-number {
	height: auto;
	position: relative;
}
.type-list-collapse li .btn.btn-primary.only-number strong {
	margin: 10px 0 0;
}
.weekly .accordion-item .accordion-button {
	padding-left: 15px;
}
div#MonthlyGCI {
	height: auto;
}
.graph-listing-box .circle-graph {
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}
.line-chart #MonthlyGCI>div, #curve_chart>div {
	width: 100% !important;
	height: auto !important;
}

.top-agent-box.small .prog-box.small-box .team-gci {
	font-size: 16px;
	margin: 0 0 15px;
	text-align: left;
	padding-left: 89px;
}


.top-agent-box.small .user-agent-name h6.team-gci,
.agent-prograss-left.top-agent .top-agent-box .team-gci {
	font-size: 16px;
	margin: 13px 0 2px;
	text-align: left;
	padding-left:89px;
}

.top-agent-box.small.m20 .row {
    align-items: flex-start;
}

.agent-prograss-left.top-agent .top-agent-box,
.top-agent-box.small.m20 {
    min-height:160px;
}

.top-agent-box.small .user-agent-name h6.team-gci {
    padding:0;
}



.graph-listing-box .card-box {
	height: auto;
}
.mobile-agent-box .team-gci {
	text-align: left;
	padding-left: 72px;
}

.react-datepicker-wrapper input[type="text"],
.super-saturday-main .broadcast {
	width: 100%;
}





#nav-super_saturday .agent-crown {
        height: 150px;
        line-height: 150px;
        padding: 0;
}

#nav-super_saturday .top-agent-box.small .col-md-4.p10 {
    margin-top:10px;
}



#nav-super_saturday .top-agent-box.small .row .col-md-2, 
#nav-super_saturday .agent-prograss-left .top-agent-box .col-md-2 {
    top:0;
    bottom:0;
    margin:auto;
}

#nav-super_saturday .agent-gold-small,
#nav-super_saturday .agent-silver-small {
    height:96px;
    line-height:96px;
}


.count-widget {
    margin: 0 0 20px;
}


.agent-super-saturday .supper-saturday-card {
    padding: 25px;
    margin: 10px 0 30px;
}


 #nav-super_saturday .leaderboard-auctions .tab-titles {
    background: #fff; 
    border-color: #fff;
    color: #231f20;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
}

#nav-super_saturday .listing-sold .tab-titles strong, #nav-super_saturday .listing-sold .tab-titles h2,
.count-widget.c6, #nav-super_saturday .leaderboard-auctions .tab-titles strong {
        color: #231f20;
}

.agent-prograss-left.top-agent .top-agent-box {
    min-height:170px;
    
}

.prog-box.small-box .progress.star:after {
    top: -13px;
}


.mob-agent {
    font-size: 13px;
    padding: 8px 0 0;
}

.agent-prograss .ap-bar {
        position: relative;
        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
    }
    

.agent-prograss    .ap-bar li.w250 {
        width: 70%;
        margin: 0 auto;
    }    
    

.agent-prograss .ap-bar li:last-child {
        min-width: auto;
        /* position: absolute; */
        right: 0;
        width: 65px;
        text-align: left;
    }

.agent-prograss p {
    font-size: 12px;
    width: 70px;

}

body .active-list-box .pro-small-info {
    padding:3px 0 0;
}


.tab-pane#nav-super_saturday .agent-prograss-left.top-agent .top-agent-box {
        min-height: 130px;
}

.tab-pane#nav-super_saturday .agent-prograss-left.top-agent .agent-crown {
        height: 115px;
        line-height: 115px;
        padding: 0;
}

.tab-pane#nav-super_saturday .agent-prograss-left .top-agent-box .tua-box {
            margin: 10px 0 0;
}

.tab-pane#nav-super_saturday .agent-prograss-left .top-agent-box .top-user-agent {
        margin: 0 37px 10px 0;
}

.tab-pane#nav-super_saturday .top-agent-box.small {
        height: 120px;
        min-height: 120px;
}


.tab-pane#nav-super_saturday  .top-agent-box.small .agent-gold-small,
.tab-pane#nav-super_saturday  .top-agent-box.small .agent-silver-small {
    height:100px;
    line-height:100px;
}

.tab-pane#nav-super_saturday  .top-agent-box.small .user-agent-name,
.tab-pane#nav-super_saturday  .top-agent-box.small .tua-box {
        margin: 5px 0 0;
}











.card-box.agent-box-one-agent.with-crown  {
    height:auto;
    padding-left: 75px;
}

.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss {
	max-width: 100%;
	width: 100%;
	padding: 15px 0 0;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb {
	text-align: center;
	float: left;
	margin-left: 0;
	width: 100%;
	max-width: 100%;
	position: relative;
	padding-left: 95px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #ee2e24;
	margin: 0;
	position: absolute;
	left: 0;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h4 {
	max-width: 100%;
	text-align: left;
	font-size: 16px;
}
.card-box.agent-box-one-agent.with-crown .agent_name_thumb h6 {
	font-size: 14px;
	text-align: left;
	font-weight: 400;
}

.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss .top-prograss {
    position: relative;
    
}

.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss .top-prograss .prograss-bar span {
        margin: 0px;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 11px;
        line-height: 11px;
    }

.card-box.agent-box-one-agent.with-crown .agent-box-one-agent-prograss .top-prograss .prograss-bar {
        position: relative;
        padding-left: 95px;
        height: 15px;
    }

.agent-box-one-agent-prograss .prograss-bar {
    margin: 0 0 15px;
}


.card-box.agent-box-one-agent.with-crown .agent-crown {
    height: 150px;
    width:46px;
}


.countdown-timer {
    justify-content: center;
}


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


.countdown-timer>span.broadcast-count .number {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 80px;
}
















}