:root {
	--tw-border-opacity: 1;
	--border-color: rgb(177 200 221 / var(--tw-border-opacity));
	--sidebar-bg: var(--primary);
	--border-radius: 5px;
}
body {
	font-family: "Roboto-Regular", san-serif;
}
/*navbar*/
body[data-sidebar-size="sm"] .navbar-brand-box {
	width: 69px !important;
}
.main-srch-drpdwn input{
	border-color: var(--border-color);
}
.edit_profile .border-light {
	border-color: var(--light) !important;
}
.img_wth{
	width: 100%;
}
.edit_profile .form-control::placeholder {
	font-size: 13px;
}

.cust_heading {
	font-size: 40px;
	margin-top: 9px;
}

 .form-control::placeholder {
	font-size: 13px;
}

.edit_profile label{
	font-size: 14px;
	color: #44588f;
}
.btn-primary {
	background-color: var(--primary);
}
.btn-success {
	background-color: var(--success);
}
.btn-danger {
	background-color: var(--danger);
}
.btn-light {
	background-color: var(--light);
}
.cont {
	opacity: 0.1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 100px;
}
.cont_icon {
	font-size: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 1;
	opacity: 0.1;
}
.cst-primary-light{
	background-color: #f0f8ff;
}
.cst-danger-light{
	background: #ffefef;;
}
.cst-warning-light{
	background: floralwhite;;
}
.cst-success-light{
	background: #f6fff6;;
}
.main-srch-drpdwn .btn{
	border-color: var(--border-color);
	background: transparent;
	color: var(--primary);
}
.icn-bordered {
	border: 1px solid var(--border-color);
	padding: 6px 8px;
	border-radius: var(--border-radius);
}
.custom-rounded-border {
	border-radius: var(--border-radius);
}
img.custom-rounded-border {
	background: var(--primary);
}

.dropdown .dropdown-menu .dropdown-item {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.4px;
	font-weight: 600;
	color: var(--dark);
}

.page-title-box {
  height: auto !important;
}
/*navbar end*/

/*sidebar*/
.vertical-menu {
	background: var(--sidebar-bg);
}
.navbar-brand-box {
	background: var(--sidebar-bg);
	border-right: 1px solid var(--sidebar-bg);
	-webkit-box-shadow: 0 2px 2px var(--sidebar-bg);
}
/*sidebar end*/

.counterIcon {

	top: -2px;
	
}
.counters-main .badge {

	 padding: 0; 

}
.icon {
	/*background: var(--primary-light);*/
	border-radius: 50px;
	padding: 6px 8px;
	font-size: 16px;
}
.bg-primary{
	background-color: var(--primary) !important;
}
.counters-main .card {
	--bs-card-border-color: #fff5f5;
}
.rightbar-title.d-flex.align-items-center {
	padding-bottom: 17px !important;
}
.dash_img{
	float:right; 
	opacity: 0.5;
	width: 140px;
	height: 54px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: var(--bs-dropdown-link-hover-color);
	background-color: #deeaf7;
}
.f13{
	font-size: 13px;
}
.cust_badgep {
	border-radius: 50px;
	background: var(--primary-light);
	padding: 0px 1px 0px 5px;
	width: 60px;
	height: 25px;
}
.cust_badgep2 {
	border-radius: 50px;
	background: var(--danger-light);
	padding: 0px 1px 0px 5px;
	width: 60px;
	height: 25px;
}
.cust_badgep3 {
	border-radius: 50px;
	background: var(--warning-light);
	padding: 0px 1px 0px 5px;
	width: 60px;
	height: 25px;
}
.custom-scroll2 {
	height: 250px;
}
.custom_lead_scroll{
		height: 254px;
		overflow-y: auto;
		overflow-x: hidden ;
}
#piechartdiv {
  width: 100%;
  height: 450px;
}
.new_icon{

	/*background: var(--primary-light);*/
	border-radius: 10px;
	padding: 7px;
	line-height: 40px;
	font-size: 25px;

}
.brd_left{
	border-left: 4px solid var(--primary);
}
.ht_badge{
	height: 23px;
}
#monthly_chartdiv{
	 width: 100%;
  height: 450px;
}
#total_all_chartdiv{
	 width: 100%;
  height: 500px;
}
.lead_icon {
	/*background: var(--primary-light);*/
	border-radius: 10px;
	padding: 8px;
	line-height: 39px;
	font-size: 20px;
}
.recent_lead .card-body hr:last-child {
	border: none;
	margin: 0;
}
.cst_hr{
	margin: 9px 0;
}
.custom_todo_scroll {
	max-height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.servGrid .itemRight {
	flex: 0 0 calc(100% - 60px);
	max-width: calc(100% - 60px);
}
.servGrid .itemLeft {
	flex: 0 0 60px;
	max-width: 60px;
	
}
.f12{
	font-size: 12px;
}
.cust_badgep4 {
	border-radius: 50px;
	background: var(--success-light);
	padding: 0px 1px 0px 5px;
	width: 60px;
	height: 25px;
}
.cust_font {
	font-size: 14px;
	font-weight: 600;
}

.navbar-header .dropdown .dropdown-menu {
	left: 10px !important;
	right: 10px !important;
}

.cst_dropdhown .dropdown-menu {
	min-width: 400px;
	
}
.btn_pading{
	padding: 8px;

}
.form-control:focus {
	 box-shadow: none; 
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--dark);
	border-color: var(--dark);
}

.alert-danger {
	--bs-alert-color: var(--white);
	--bs-alert-bg: var(--danger-light);
	--bs-alert-border-color: var(--danger-light);
	--bs-alert-link-color: var(--danger);
}
.alert-success {
	--bs-alert-color: var(--success);
	--bs-alert-bg: var(--success-light);
	--bs-alert-border-color: var(--success-light);
	--bs-alert-link-color: var(--success);
}

.btn-success {
	background-color: var(--success);
	color: #fff;
	border-color: var(--success);
}
.btn-success:hover, .btn-success.active {
	background-color: var(--success);
	color: #fff;
	border-color: var(--success);
}

.btn-outline-success.active {
	background-color: var(--success);
	color: #fff;
	border-color: var(--success);
}

.btn-primary {
	background-color: var(--primary);
	color: #fff;
	border-color: var(--primary);
}
.btn-primary:hover, .btn-primary.active {
	background-color: var(--dark);
	color: #fff;
	border-color: var(--dark);
}

.btn-primary-outline.active {
	background-color: var(--dark);
	color: #fff;
	border-color: var(--dark);
}

.btn-warning {
	background-color: var(--warning);
	color: #fff;
	border-color: var(--warning);
}
.btn-warning:hover, .btn-warning.active {
	background-color: var(--warning);
	color: #fff;
	border-color: var(--warning);
}
.btn-outline-warning.active {
	background-color: var(--warning);
	color: #fff;
	border-color: var(--warning);
}

a {
	color: var(--dark);
}

a:hover {
	color: var(--primary);
}

.badge {
	padding: 4px 4px;
	font-size: 12px !important;
}
.badge-soft-warning {
	color: var(--white);
	background-color: var(--warning);
}

.badge-soft-danger {
	color: var(--white);
	background-color: var(--danger);
}

.badge-soft-success {
	color: var(--white);
	background-color: var(--success);
}

.badge-soft-info {
	color: var(--white);
	background-color: var(--info);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	color: var(--dark);
	pointer-events: none;
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	opacity: var(--bs-btn-disabled-opacity);
}



/************* RESPONSIVE START *******************/
@media screen and (max-width:991px) {
	.dash_img {
	float: right;
	opacity: 0.5;
	width: 140px;
	height: 48px;
}
.mob_fnt {
	line-height: 25px;
	padding-left: 5px;
}

}

@media screen and (min-width:768px) {
	.main-srch-drpdwn {
		position: relative;
		transform: unset;
		display: block;
	}
	.main-srch-drpdwn .p-md-0{
		padding: 0 !important;
	}

}

@media screen and (max-width:767px) {
.dash_img {
	float: right;
	opacity: 0.5;
	width: 140px;
	height: 48px;
}
}

@media screen and (max-width:575px) {
	.dash_img {
	float: right;
	opacity: 0.5;
	width: 166px;
	height: 47px;
}
.h6, h6 {
	font-size: 14px;
}
.sec-right p {
	font-size: 10px;
	list-style: 10px;
}
.smmobmb{
	margin-bottom: 0 !important;
}
.counter-item h6 {
	font-size: 14px;
}
.recent_lead .badge {
	font-size: 10px;
	line-height: 14px;
}
.mob_text{
	font-size: 13px;
}
.mob_fnt {
	line-height: 25px;
	padding-left: 5px;
}
.details-page .avatar-xl {
	font-size: 55px;
}
.mob_font {
	font-size: 12px;
}
.btn_size {
	height: 24px;
	width: 24px;
}
.mob_font2{
	font-size: 13px;
}
.smmobmb .badge {

	font-size: 11px !important;
}
.cust_heading {
	font-size: 25px;
	margin-top: 9px;
	position: relative;
	top: 8px;
}
.dash_table tbody, td, tfoot, th, thead, tr {
	font-size: 12px;
}
.cust_font {
	font-size: 13px;
	font-weight: 600;
}
.cst_mob22{
	font-size: 13px;
}
.lead_status {
	width: 22px;
	height: 19px;
}
}