body {
	color:#000;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #000;
}
table tr th, table tr td {
	font-size:12px;
}
.logo-wrapper img {
	width:120px;
}

.bg-gradient-primary {
    background-color: #fb6511;
    background-image: linear-gradient(180deg, #fb6511 100%, #fb6511 100%);
    background-size: cover;
}



.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: .5rem;
}
.sidebar-dark .nav-item .nav-link {
    color: #fff;
	font-weight:800;
	font-size:.7rem;
}

.dataTables_length, .dataTables_filter, .dataTables_info {
	font-size:12px;
}
.st-beta-text {
	color: #fb6511;
    text-transform: capitalize;
    top: 40px;
    right: -40px;
    font-size: 14px;
}

.sampy-btn {
	background:#fb6511!important;
	border-color:#fb6511!important;
	color:#fff;
}

.sampy-text-color {
	color:#fb6511!important;
}


@media screen and (max-width: 575px) {
	.barmeter-wrapper {
		width:100%;
		position:relative;
		height:250px;
		margin-bottom:10px;
	}
	.meter-wrapper {
		width:100%;
		position:relative;
		height:300px;
		margin-bottom:10px;
		
	}
	.meter-inner-wrapper {
	left:30px;
	width:80%;
	}
	.meter-dial {
		width:100%;
	}
	.meter-dial-inner {
		width:100%;;
		left:0px;
		top:0px
	}
	.meter-needle {
		width: 100%;
	}
	.meter-heading {
		font-size:12px;
		font-weight:bold;
		width:100%;
		bottom:0px;
	}
	
	.statistic-wrapper {
		width:50%;
		float:left;
	}
	.avgsamplecatmean {
	top:-20px;
	width:100%;
	font-weight:bold;
}
.avgscatcurrentvalue {
	top:-20px;
	width:100%;
	font-size:12px;
	
}
	#viewswitcher {
	top:0px;
	cursor:pointer;
	z-index:9;
	right:0px;
	}
	.togglewrapper {
		
	}
	
	#letstalk {
		position: fixed;
		right: 0px!important;
		bottom: -2px;
		z-index: 99;
		background: #fb6511 !important;
		padding: 5px 20px!important;
		border-radius: 8px;
		border-color:#fb6511 !important;
	}
}
.footermodal {
	display:flex;
	align-items:center;
	min-height: calc(100vh - 60px);
}
@media (min-width: 576px) { 
	.barmeter-wrapper {
		width:45%;
		position:relative;
		height:250px;
		margin-bottom:10px;
	}
	.statistic-wrapper {
		width:50%;
		float:left;
	}

#mneedle {
	transform-origin: center;
}
.meter-wrapper {
	width:100%;
	position:relative;
	height:320px;
	margin-bottom:20px;
}

.meter-inner-wrapper {
	width:90%;
	margin:0px auto;
}
.cat-text {
	font-size:12px;
}
.meter-heading {
	font-size:12px;
	font-weight:bold;
	width:100%;
	bottom:-30px;
}
.meter-dial {
	width:100%;
}
.meter-dial-inner {
	width:100%;
	left:0px;
	top:0px
}
.meter-needle {
	width:100%;
}

.avgsamplecatmean {
	top:-20px;
	width:100%;
	font-weight:bold;
}
.avgscatcurrentvalue {
	top:-10px;
	width:100%;
	font-size:12px;
	
}
#viewswitcher {
	top:-40px;
	cursor:pointer;
	z-index:9;
	right:0px;
	}
	
	
 }



/* Over Lay */
#aios-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    display: none;
    z-index: 1111;
    opacity: .8;
}
#letstalk {
    position: fixed;
    right: 100px;
    bottom: -2px;
    z-index: 99;
    background: #fb6511 !important;
    padding: 10px 20px;
    border-radius: 8px;
	border-color:#fb6511 !important;
}
#aios-letstalk-wrapper-1 {
    position: fixed;
    top: 35%;
    width: 128px;
    right: 10px;
    z-index: 1;
    background: #fff;
    border-radius: 10px;
    font-size: 13px;
    padding: 30px 0px;
    z-index: 2222;
    display: none;
}
#aios-close-diagloge-1 {
    width: 100%;
    text-align: right;
    padding: 0px 10px;
    font-size: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.aios-call-icon, .aios-schedule-icon {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    cursor: pointer;
    color: #352f27;
}
.aios-call-icon, .aios-schedule-icon {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    cursor: pointer;
    color: #352f27;
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: #ccc;
    visibility: visible;
    background-color: #fff;
    background-clip: padding-box;
    right: -400px;
    height: 95vh;
    width: 400px;
    top: 2%;
    padding: 20px;
    font-size: 14px;
	overflow-y:scroll;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
#offcanvasRightLabel {
	color:#000;
}
.offcanvas-body p {
	color:#000;
}
#schedulecallform label {
	color:#000;
}
#schedulecallform .form-control, .input-text {
    height: calc(1.8rem + 32px);
    padding: 14px 20px;
    outline: 0;
    background-color: rgba(241, 238, 246, 0.5);
    border: 1px solid rgba(241, 238, 246, 0.5);
    color: #686a6f;
    font-size: 1rem;
    width: 100%;
}
.aios-schedule-waiting, .aios-schedule-form-msg {
	color:#000;
}

/* Over Lay */
@media (min-width: 768px) { 
    .sidebar {
        width: 8rem !important;
    }
	.sidebar .nav-item .nav-link {
        display: block;
        width: 100%;
        text-align: center;
        padding: 1rem;
        width: 8rem;
    }
	.meter-wrapper {
		width:100%;
		position:relative;
		height:200px;
		margin-bottom:20px;
	}
	
	
	
 }


@media (min-width: 992px) { 
	.statistic-wrapper {
		width:25%;
		float:left;
	}
	.meter-wrapper {
		width:100%;
		position:relative;
		height:220px;
		margin-bottom:20px;
	}
 }


@media (min-width: 1200px) { 
	.statistic-wrapper {
		width:12.5%;
		float:left;
	}

 }


@media (min-width: 1400px) { 
	.statistic-wrapper {
		width:12%;
		float:left;
	}
	.barmeter-wrapper {
		width:45%;
		position:relative;
		height:250px;
		margin-bottom:10px;
	}
	.meter-wrapper {
		width:100%;
		position:relative;
		height:280px;
	}
 }

@media (min-width: 1600px) { 
	.statistic-wrapper {
		width:12%;
		float:left;
	}
	.barmeter-wrapper {
		width:48%;
		position:relative;
		height:250px;
		margin-bottom:10px;
	}
	



	.avgscatcurrentvalue {
        top: -7px;
        width: 100%;
        font-size: 12px;
    }
 }

 
 @media (min-width: 1800px) { 
	.statistic-wrapper {
		width:25%;
		float:left;
	}
	.barmeter-wrapper {
		width:30%;
		position:relative;
		height:250px;
		margin-bottom:10px;
	}
	.meter-wrapper {
		width:100%;
		position:relative;
		height:300px;
	}
 }