/**

https://www.spruko.com/demo/dashlot/Dashlot/sidemenu-Toggle-Light/index.html#sidemenu-Tab1

**/

:root {
	--muted: #6c757d;
	--white: #ffffff;
	--dark: #000;
	--body: #fff;
	
	--primary: #253C87;
	--primary-hover: #162350;
	--primary-light: rgba(37, 60, 135, 0.1);
	
	--secondary: #8F0384;
	--secondary-hover: #64025c;
	--secondary-light: rgba(143, 3, 132,0.1);
	
	--danger: #ee3158;
	--danger-hover: #cb0159;
	--danger-light: rgba(251, 1, 109,0.1);
	
	--success: #05825f;
	--success-hover: #034a36;
	--success-light: rgba(5, 130, 95,0.1);
	
	--info: #3086CF;
	--info-hover: #1d507c;
	--info-light: rgba(48, 134, 207,0.1);
	
	--warning: #FB9100;
	--warning-hover: #b36800;
	--warning-light: rgba(251, 145, 0,0.1);
	
	--space: 10px;
}



/******* for scroll bar colour*********/
html {
	--scrollbarBG: #243D68;
	--thumbBG: #fafafa;
}



div::-webkit-scrollbar, div::-moz-scrollbar {
	width: 11px;
}
div {
	scrollbar-width: thin;
	scrollbar-color: var(--primary) var(--primary-light);
}
div::-webkit-scrollbar-track, div::-moz-scrollbar-track {
	background: var(--primary-light);
}
div::-webkit-scrollbar-thumb, div::-moz-scrollbar-thumb {
	background-color: var(--primary) ;
	border-radius: 6px;
	border: 3px solid var(--primary-light);
}


body::-webkit-scrollbar, body::-moz-scrollbar{
	width: 11px;
}
body {
	scrollbar-width: thin;
	scrollbar-color: var(--primary) var(--primary-light);
}
body::-webkit-scrollbar-track, body::-moz-scrollbar-track {
	background: var(--primary-light);
}
body::-webkit-scrollbar-thumb, body::-moz-scrollbar-thumb {
	background-color: var(--primary) ;
	border-radius: 6px;
	border: 3px solid var(--primary-light);
}


html::-webkit-scrollbar, html::-moz-scrollbar{
	width: 11px;
}
html {
	scrollbar-width: thin;
	scrollbar-color: var(--primary) var(--primary-light);
}
html::-webkit-scrollbar-track, html::-moz-scrollbar-track {
	background: var(--primary-light);
}
html::-webkit-scrollbar-thumb, html::-moz-scrollbar-thumb {
	background-color: var(--primary) ;
	border-radius: 6px;
	border: 3px solid var(--primary-light);
}

/****************/
.row.g-0 {
	margin-right: 0;
	margin-left: 0;
}
.row.g-0 [class*="col-"],.row.g-0 .col {
	padding-right: 0;
	padding-left: 0;
}



.bg-primary-light {
	background: var(--primary-light);
}
.bg-danger-light {
	background: var(--danger-light);
}
.bg-success-light {
	background: var(--success-light);
}
.bg-warning-light {
	background: var(--warning-light);
}
.bg-secondary-light {
	background: var(--secondary-light);
}
.bg-info-light {
	background: var(--info-light);
}


.badge{
	box-shadow: none;
}

#loading .sk-wave {
	margin: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.sk-wave .sk-rect {
	background-color: var(--primary);
}




.text-primary {
	color: var(--primary) !important;
}
a.text-primary:hover {
	color: var(--primary-hover) !important;
}
.text-dark {
	color: var(--dark) !important;
}

.row {
	margin-right: calc(-1 * calc(var(--space) * 0.5));
	margin-left: calc(-1 * calc(var(--space) * 0.5));
}
.row [class*="col-"], .col {
	padding-right: calc(var(--space) * 0.5);
	padding-left: calc(var(--space) * 0.5);
}
.card {
	margin-bottom: 10px;
}
.card-header {
	min-height: 2.5rem;
}
.card-header,.card-footer {
	padding: var(--space) !important;
}
.app-content {
	padding: 10px;
}
.page-header {
	margin: 0 0 var(--space);
	padding: calc(var(--space) * 0.5) var(--space);
	min-height: auto;
	font-size: 11px;
}
.card-body {
	padding: var(--space) !important;
}
.table, .text-wrap table {
	margin-bottom: 0;
}
.border {
	padding: 10px;
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
}







.mg-b-5{
	margin-bottom: 5px;
}
.mg-b-10,.mb-10,.mb-3{
	margin-bottom: var(--space);
}
.mg-b-15{
	margin-bottom: 15px;
}
.mg-b-20{
	margin-bottom: 20px;
}
.mg-b-25{
	margin-bottom: 25px;
}
.mg-b-30{
	margin-bottom: 30px;
}
.mb-cmn {
	margin-bottom: var(--space);
}
.mg-r-10{
	margin-right: var(--space);
}


.p-0 {
	padding: 0 !important;
}
.pd-5{
	padding: 5px;
}

.pd-10{
	padding: var(--space);
}
.pd-x-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}


.app-store {
	width: calc(100% + 8px);
	margin-left: -4px;
	float: left;
	margin-bottom: 2rem !important;
}
.app-store a {
	width: calc(50% - 8px);
	float: left;
	display: block;
	margin: 0 4px;
}
.log-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 4px 15px;
	background: var(--dark);
	border: 0 !important;
	color: var(--white);
}


.log-main-inr img.br-tl-2 {
	height: 100vh !important;
	object-fit: cover;
}

.dv-sectin {
	display: none;
}
.dv-sectin.open {
	display: block;
}
.tabs-menu ul li {
	width: 25%;
	text-align: center;
}
.tabs-menu ul li a {
	font-size: 18px;
}

.tabs-menu1 .nav  {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
}

.tabs-menu1 .nav li {
	flex: 0 0 auto;
	display: flex;
	margin-right: 10px;
}
.cmp-logo img {
	width: 200px;
}
.tabs-menu ul li a.active.show {
	color: var(--primary);
}
.sidebar {
	z-index: 1000;
}
.select2.select2-container.select2-container--default {
	width: 100% !important;
}
small, .small {
	font-size: 87.5%;
	font-weight: 400;
}
.select2-selection.select2-selection--multiple {
	height: 41px !important;
	overflow: auto;
}
.box-shadow-none {
	box-shadow: none !important;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
	border: 1px solid #e9ecef;
}
.nav-tabs .nav-item i {
	font-size: 12px;
	margin-right: 4px;
}


.avatar {
	background: transparent;
}

.stats-desc {
	height: 40px;
}
.set-location .hdr-slct {
	width: 100%;
	padding: 5px 10px;
}
.set-location .drop-cart.ps {
	padding: 5px 0 0;
}

.set-location .dropdown-divider{
	margin-top: 5px !important;
}
.header-left .nav-link {
	margin-top: 9px;
	margin-left: 0;
}
.user-info .wideget-user-img img {
	margin-right: 0px;
}
.user-info .user-wrap {
	width: calc(100% - 58px);
}
.user-info .usernm {
	font-size: 14px;
}
.user-info .user-img {
	height: 49px;
	width: auto;
	max-width: 100%;
}
.user-info .c-logo.brround {
	height: 60px;
	width: auto;
	max-width: 100%;
	margin-bottom: 10px;
}
.updt-btn {
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 1;
}
#back-to-top {
	bottom: 50px;
	line-height: 50px;
}



#btn {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 45%;
	transform: translateY(-50%);
	font-family: "Segoe UI";
	font-size: 20px;
	padding: 8px 20px;
	color: black;
	background-color: transparent;
	border: 1px solid black
}

#progress-bar-container {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	position: relative;
	border-radius: 35px;
	overflow: hidden;
}

.progress-bar-child {
	width: 100%;
	height: 100%;
}

.progress {
	color: white;
	text-align: center;
	line-height: 75px;
	font-size: 35px;
	font-family: "Segoe UI";
	animation-direction: reverse;
	background: #e5405e;

	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fdd23c 0%, #e6475c 100%);
}

.shrinker {
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.timelapse {
	animation-name: timelapse;
	animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-timing-function: cubic-bezier(.86, .05, .4, .96);
}

@keyframes timelapse {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}


.ref-meter {
	margin-top: -29px;
}
.ref-meter .mtritem {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	text-align: center;
}

.slide-item {
	font-size: 13px;
	padding: 5px 7px;
}
.slide-item::before, .side-menu__item::before {
	font-size: 12px;
}
.cursor-pointer{
	cursor: pointer;
}
.counte-lft-sd .border {
	padding: var(--space);
	height: 167px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.border.mb-cmn.htt {
	height: 214px;
}


.counte-lft-sd i {
	margin-bottom: 5px;
}
.counte-right-sd i {
	margin-bottom: 0;
}

.datepicker--day-name {
	color: var(--primary);
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- ,.datepicker--cell.-selected-.-focus-{
	color: #fff;
	background: var(--primary) !important;
}
.datepicker--cell.-current- {
	color: var(--primary) !important;
}
.nav-pills .nav-item a {
	padding: 0.6rem 10px;
}
.app-header {
	padding-right: 0;
	height: 60px;
}
.right-tgl .nav-link {
	margin-right: 0 !important;
}
.nav-link.icon.toggle {
	padding: 0 !important;
	margin: 0 !important;
	justify-content: center;
	display: flex;
}
.form-group {
	margin-bottom: 7px;
}
label {
	margin-bottom: 10px;
	line-height: 15px;
}
.app-header .header-brand {
	text-align: left;
	min-width: auto;
	margin-left: 68px;
	display: flex;
}
.set-location .dropdown-menu {
	top: 60px !important;
}
.set-location .dropdown-menu-arrow.dropdown-menu-right::before,.set-location .dropdown-menu-arrow.dropdown-menu-right::after {
	right: unset;
	left: 12px;
}
.custom-control-label::after {
	top: 0;
}
.custom-control-label::before {
	top: 0;
}

.custom-control {
	min-height: auto;
}

.dataTables_scrollHeadInner,.datatable {
	min-width: 100% !important;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
	text-decoration: none;
}
.wideget-user-desc .user-wrap {
	margin-left: 0 !important;
}



.log-main-inr .form-group {
	margin-bottom: 10px;
}
.alert {
	padding: 10px;
}
.log-main-inr .card-title {
	font-size: 14px;
}
.log-footer .fs-14 {
	font-size: 12px !important;
	color: var(--white);
}


.congig-btn .nav-link{
	color: #fff !important;
	background: #fa713b !important;
	border-color: #fa713b !important;
}
.congig-btn .nav-link:hover{
	color: #fff !important;
	background-color: #f36730 !important;
	border-color: #fa713b !important;
}
.page-header .btn {
	font-size: .7rem;
	padding: .2rem .7rem;
}
.view-profile .wideget-user-img img {
	max-width: 128px;
	width: auto;
	height: 128px;
}

.file-browser label {
	margin-bottom: 0;
	line-height: normal;
}


.header-brand-img.desktop-logo{
	height: 75px !important;
}
.header-main .header-brand-img.desktop-logo {
	height: 40px !important;
}

.wideget-user-tab .tabs-menu1 ul li a {
	padding: 17px 0px 17px 0px;
	margin-right: 10px;
}

.card.card-transparent {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
.card.card-transparent > .card-body {
	padding: 0 !important;
}
.card.card-transparent .card {
	box-shadow: none;
}
.wideget-user-desc .wideget-user-img img {
	border-radius: 5px;
	margin-right: 10px;
}
.view-profile .wideget-user-img img, .edit-profile .wideget-user-img img {
	width: 128px;
	height: auto;
}

.tab-dtls-info .wideget-user-img {
	float: left;
	width: 108px;
}
.tab-dtls-info .wideget-user-img img {
	max-width: 108px;
	height: 108px;
	border-radius: 5px;
}
.tab-dtls-info .user-wrap {
	float: left;
	width: calc(100% - 108px);
	padding-left: 10px;
}
.tab-dtls-info .desc {
	overflow: hidden;
	height: 61px;
}


.franchise-info .tab-dtls-info .wideget-user-img {
	width: 85px;
}
.franchise-info .tab-dtls-info .wideget-user-img img {
	max-width: 85px;
	height: 85px;
}
.franchise-info .tab-dtls-info .user-wrap {
	width: calc(100% - 85px);
}
.pricing-table .price-dsc {
	height: 200px;
	overflow: hidden;
	font-size: 12px;
}
td {
	max-width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.filter-btn {
	margin-top: 28px;
	width: 100%;
}
.socialList .filter-btn {
	margin-top: 25px;
}
.enter-reprt .form-control {
	height: 28px;
	min-width: 75px;
	width:100%;
}
.dropdown-menu .user-profile .user-images {
	width: 65px;
	height: 65px;
}
.collapsed .mins{
	display: none;
}
.collapsed .mins{
	display: none;
}
.card-header a .pls{
	display: none;
}
.collapsed .pls{
	display: block !important;
}

.sub-msg {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}
.support-tickets-page .m-scroll {
	max-height: 479px !important;
	overflow: auto !important;
}
.support-tickets-page .list-group.projects-list > a {
	border-right: 0;
	border-left: 0;
}
.badge.sub-msg {
	white-space: normal;
	text-align: left;
	line-height: 1.4;
}

textarea.form-control.textarea-lg {
	height: 60px !important;
	resize: none;
}
.edit-profile .card.card-transparent {
	background: #fff !important;
}
.edit-profile .card.card-transparent .card {
	border-radius: 0 !important;
	border: 0 !important;
}

.slide-item::before, .side-menu__item::before {
	display: none;
}
.slide-item::before, .side-menu__item::before {
	font-size: 12px;
}
.resp-vtabs li .slide-item {
	opacity: 1;
	color: #fff !important;
}
.resp-vtabs li .slide-item {
	position: absolute;
	height: 36px;
	margin: 0;
	left: 50%;
	right: unset;
	line-height: 8px;
	text-align: center;
	align-items: center;
	line-height: 29px;
	flex: 0 0 auto;
	transform: rotate(-45deg);
	opacity: 0.8;
	top: 50%;
	transform: translate(-50% , -50%);
	font-size: 20px;
	color: #fff;
}
.slide-item {
	font-size: 13px;
	padding: 5px 7px;
}
.resp-vtabs li .slide-item i {
	transform: rotate(-45deg);
}
.resp-vtabs li .slide-item {
	color: var(--white) !important;
}
.resp-vtabs li.active i {
	color: var(--primary);
}
.resp-vtabs li .slide-item {
	line-height: 8px;
	text-align: center;
	line-height: 29px;
	font-size: 20px;
	color: var(--primary);
}

.wideget-user-desc {
	display: flex !important;
	flex-wrap: wrap;
}
.user-info .user-img {
	height: 50px;
	width: auto;
	max-width: 100%;
}

.dsb-user-info .wideget-user-img {
	width: auto;
	margin: auto;
	height: 103px;
}
.dsb-user-info .user-info .user-img {
	height: 100%;
	margin: 0;
}
.dsb-user-info .user-info .user-wrap {
	width: 100%;
}
.wideget-user-desc h6 {
	line-height: 16px;
}
.dsb-hdr-fltr .form-control {
	font-size: 12px;
	height: 30px;
}
.dsb-user-info .text-dark {
	color: #504e70 !important;
}
.select2-container .select2-selection--single {
	border-radius: 4px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--primary) !important;
}
.ui-state-default.ui-state-active {
	background-color: var(--primary) !important;
	color: #fff !important;
}
.input-group-prepend .select2.select2-container.select2-container--default {
	width: 150px !important;
}

.textarea-sm {
	height: 41px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: none;
}
.table-responsive th,.table-responsive td {
	font-size: 12px !important;
}
.product-datatable table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px 10px !important;
}
table.dataTable thead th, table.dataTable thead td {
	padding: 5px 10px;
}
.dataTables_info {
	font-size: 12px;
}
div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 5px;
	height: 25px;
}
.dataTables_filter label {
	margin: 0;
	font-size: 12px !important;
}
.dataTables_length {
	width: 25%;
	display: flex;
	align-items: center;
}
.dataTables_length label {
	font-size: 12px !important;
	margin: 0;
}
.dataTables_wrapper .dataTables_info {
	padding: 0;
	width: 50%;
	align-items: center;
	display: flex;
}
.dataTables_wrapper .dataTables_paginate {
	padding: 0;
	display: flex;
	justify-content: end;
	width: 50%;
}
.dt-buttons {
	width: 50%;
	display: flex;
	justify-content: center;
}
.dataTables_filter {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: end;
}



.clsfor_datatbl {
	border-collapse: collapse;
	width: 100% !important;
}
.dataTables_empty {
	color: var(--danger);
}
/*.clsfor_datatbl th{
    background-color: #777;
    color: #fff;
}*/
.dataTables_scrollHead table th {
	background-color: var(--primary);
	color: var(--white);
	text-transform: capitalize;
}
.dataTables_scrollFootInner table th {
	background-color: #777;
	color: #fff;
}
.clsfor_datatbl td {
    /*background-color: #fff;
    border: 1px solid #777;*/
}
.clsfor_datatbl td {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #777 #777 -moz-use-text-color;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px medium;
}
.clsfor_datatbl tr:nth-child(2n) {
	background-color: #eee;
}
table.dataTable thead th, table.dataTable thead td {
	border-bottom: 0 none !important;
}
button.dt-button, div.dt-button, a.dt-button {
	background-image: none !important;
}


.dt-button {
	color: #fff !important;
	font-weight: 600 !important;
}
.buttons-copy {
	background-color: #36b37e !important;
	border-color: #36b37e !important;
}
.buttons-copy:hover {
	background-color: #02d277 !important;
	border-color: #02d277 !important;
}

.buttons-csv {
	background-color: #fa713b !important;
	border-color: #fa713b !important;
}
.buttons-csv:hover {
	background-color: #f36730 !important;
	border-color: #f36730 !important;
}

.buttons-excel {
	background-color: #00b8d9 !important;
	border-color: #00b8d9 !important;
}
.buttons-excel:hover {
	background-color: #00c3ff !important;
	border-color: #00c3ff !important;
}

.buttons-pdf {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}
.buttons-pdf:hover {
	background-color: var(--primary-hover) !important;
	border-color: var(--primary-hover) !important;
}
.buttons-print {
	background-color: #ffb566 !important;
	border-color: #ffb566 !important;
}
.buttons-print {
	background-color: #ef4a4a !important;
	border-color: #ef4a4a !important;
}
.buttons-print:hover {
	background-color: #fb5b50 !important;
	border-color: #fb5b50 !important;
}

.dataTables_info {
	color: #000 !important;
}
.dataTables_scrollFootInner input {
	border: 1px solid #4a4a4a;
	border-radius: 3px;
	box-shadow: none;
	padding: 3px;
	width: 60%;
}
.dataTables_filter input {
	box-shadow: none;
	padding: 3px;
	width: 172px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(#aaa, #111) repeat scroll 0 0 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
}
#DataTables_Table_0_previous .previous, #DataTables_Table_0_next .next {
	border: 1px solid #777;
	box-shadow: none;
	color: #000 !important;
}
.dataTables_filter {
	margin-bottom: 0;
	width: 25%;
}


.dataTables_length select {
	border: 1px solid #eaf0f7 !important;
	color: #3c4858 !important;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: none;
	height: 23px;
}
.dataTables_length {
	margin-bottom: 0;
	text-align: left;
	width: 25%;
}
.dataTables_length label {
	margin-top: 2px;
}
.dataTables_wrapper .dataTables_filter input {
	height: 26px;
}

.dataTables_filter input {
	border: 1px solid #eaf0f7;
	border-radius: 4px;
}
.dataTables_info {
	color: #3c4858 !important;
}
.dataTables_wrapper .dataTables_scroll {
	width: 100%;
	margin: var(--space) 0;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 0px solid #111;
}
.dataTables_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #ced4da !important;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border: 1px solid #eff2f7 !important;
	padding: 5px 10px !important;
	border-radius: 4px;
	font-size: 10px;
	height: 25px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	z-index: 1;
	color: #fff !important;
	background: var(--primary) !important;
	border-color: var(--primary) !important;
	padding: 5px 10px !important;
	border: 0 !important;
	font-size: 10px;
}
div.dt-buttons .dt-button {
	margin-bottom: 0;
	height: 25px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 3px;
	font-size: 10px;
}

.chat-empty-img {
	max-width: 50%;
}
table.dataTable {
	border-collapse: collapse;
}
.dataTables_scrollHeadInner .table.table-bordered.border-top.table-striped.text-center.mb-0.text-nowrap.clsfor_datatbl.dataTable.no-footer {
	border-bottom: 0 !important;
}
.cuntr-3 .border {
	border-right: 0 !important;
}

.app.sidebar-mini.sidenav-toggled4 .app-content {
	margin-left: 70px;
}
/*.sidebar-link.right-tgl {
	margin-left: 10px;
}*/
.view-profile .tab-pane .wideget-user-img img {
	max-width: 100%;
	height: auto;
}
.empty-chat-main {
	height: auto !important;
	padding-bottom: 50px;
}
.counter-set1 .border {
	height: 85px;
	border: 0 !important;
}

.go-add-btn {
	position: absolute;
	bottom: 7px;
	right: 1px;
	z-index: 1;
	display: block;
	width: 30px;
	height: 20px;
	text-align: center;
}
.countrVal {
	text-align: right;
	font-size: 25px;
	margin: 0;
	color: var(--dark);
}

.counter-set1 .countrTxt {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 13px;
	bottom: -10px;
}
.cuntr-9 .ds-icon ,.cuntr-10 .ds-icon {
	margin-top: -5px !important;
}
.app.sidebar-mini .app-content {
	margin-top: 60px;
}
.dsb-user-info .user-info .user-wrap .uNm,.userBox .uNm{
	font-size: 14px;
}
.footer-main, .footer-main a {
	font-size: 12px;
	padding: ;
}
.dropdown-menu .dropdown-item {
	padding: 5px 10px;
	font-size: 12px;
}
.dropdown-menu .dropdown-icon {
	margin: 0;
}
.err {
	color: var(--danger);
	margin: 5px 0;
	font-size: 12px;
}
.footerMobile{
	display: none;
}
.view-profile .uNm,.edit-profile .uNm {
	font-size: 14px;
}
.view-profile .c-logo .btn {
	height: 25px;
	line-height: 1;
}
.crdHdng {
	font-size: 13px;
}
.media-heading {
	margin-top: 0;
	margin-bottom: 0;
}
.media-heading h5 {
	font-size: 13px;
	margin-bottom: 0;
	color: var(--muted);
}
.media-heading p.mdaTxt {
	font-size: 12px;
	margin-bottom: var(--space) !important;
	color: var(--dark);
}
.user-wrap h6 {
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fltrBadg {
	font-size: 11px;
	margin-bottom: 3px;
}
.form-group label {
	font-size: 13px !important;
}
.form-group .form-control {
	font-size: 13px;
	height: 35px;
	padding: 5px var(--space);
}


.modal-header,.modal-body,.modal-footer {
	padding: var(--space);
}
.modal-title {
	font-size: 12px;
}
.modal-header .close {
	padding: 0;
	margin: 0;
	line-height: 1;
}
.card-title {
	font-size: 12px;
}

.dhtoprwspl .card-title .meetDateBx{
    font-size: 15px !important;
}
.pricing-table .price {
	font-size: 30px;
}
.pricing-table .price .dollar {
	font-size: 28px;
	top: 0px;
}
.pricing-table .price-header .title {
	font-size: 14px;
	text-transform: capitalize;
}
.pricing-table .price-body ul {
	margin-top: 0;
}
.fs-15 {
	font-size: 12px !important;
}
.btn-sm, .btn-group-sm > .btn {
	height: auto !important;
	line-height: 1.5 !important;
	font-size: 12px !important;
}
.select2Group .select2Group-1 .select2-container .select2-selection--single {
	border-radius: 4px 0 0 4px !important;
}
.select2Group .select2Group-2 .select2-container .select2-selection--single {
	border-radius: 0 4px 4px 0 !important;
}
.usrInfo-sm{
	display: none;
}
.mfilterBtn {
	background: var(--primary-light);
	color: var(--primary);
	height: auto !important;
	line-height: 1.4 !important;
}
.mfilterBtn.mfilterBtn-active, .mfilterBtn:hover {
	background: var(--primary);
	color: var(--white);
}
.countrCVal {
	color: var(--dark);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	height: 25px;
	font-size: 10px;
	line-height: 16px;
	padding: 5px 10px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--primary) !important;
}
.popTxttg {
	font-size: 12px;
}
.popTxttg label {
	font-size: 12px !important;
}
.personalPlamPage .menu-icons .menu-icon {
	height: 45px;
	width: 45px;
	padding: 7px;
	border-radius: 50%;
	font-size: 23px;
	text-align: center;
	display: block;
	line-height: 30px;
}
.sscllstcrd:hover{
	cursor:pointer;
	background: rgba(34, 5, 191, 0.15) none repeat scroll 0 0 !important;
}
.alertEmpty {
	background-color: var(--danger-light);
	padding: var(--space);
	border-left: 8px solid var(--danger);
}
.alertEmpty h4 {
	font-size: 12px;
	color: var(--danger);
	margin: 0;
}
.chatUser h4 {
	font-size: 14px;
	color: var(--dark);
}
.chatUser span {
	font-size: 11px;
	color: var(--muted);
}
.faqSecheading {
	font-size: 14px;
}
.faqCard .card-header a {
	font-size: 12px;
	color: var(--dark);
}
.faqCard .card-body {
	font-size: 12px;
	color: var(--muted);
}
.ticktName {
	font-size: 12px;
	color: var(--dark);
}
.is-invalid~.select2.select2-container--default .select2-selection--single {
	border: 1px solid var(--danger) !important;
}
.nICon {
	line-height: 1;
	font-size: 45px !important;
	height: 40px !important;
	display: block;
}
.page-header {
	display: none;
}

.card.cardNew {
	background: transparent;
	box-shadow: none;
	border: 0 !important;
}
.cardNew > .card-header {
	padding: 0 0 10px 0 !important;
	background: transparent;
	min-height: auto;
	margin-bottom: var(--space);
}
.cardNew > .card-body {
	padding: 0 !important;
}
.cardNew .alertBox.card-footer {
	background: var(--warning-light) !important;
	color: var(--dark) !important;
	border: 0 !important;
	border-radius: 4px;
	padding: var(--space) !important;
	margin-top: 3px;
}
.cardNew > .card-footer {
	background: transparent;
	padding: 10px 0 0 !important;
	border: 0;
	text-align: right;
}
.modal .modal-footer {
	text-align: right;
}
.modal .modal-footer .btn {
	padding: 0 10px;
	height: 28px;
	font-size: 12px;
}
.btnGroup {
	border-radius: 3px;
	overflow: hidden;
}
/*.infoBtn {
	width: 40px;
	font-size: 22px;
	padding: 0;
}
.infoBtn i {
	line-height: 1;
}*/
.layView{
	display: none;
}
.layViewOpen{
	display: block;
}
.breadCumbsBox {
	font-size: 11px;
}
.cardItem p, .cardItem label {
	font-size: 13px !important;
}
.cardItem {
	position: relative;
	border: 0 !important;
}
.cardItem .card-body {
	position: relative;
	/*z-index: 1;*/
}
.cardItem::after {
	content: '';
	background-image: url('../images/trianglify-lowres.png');
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-size: cover;
	background-repeat: no-repeat;
}
.cardItem .card-body {
	z-index: 1;
}
.filtrDvBox{
	display: none;
}
.filtrDvBox.show{
	display: flex;
}
.filtrBtnDv.active i::before{
	content: "\F0156";
}
.profile-details small {
	font-size: 10px;
	margin-top: 2px;
}

.ui-datepicker-title select {
	background: transparent;
	border: 0;
	width: 50% !important;
}
.cardItem p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.col-9.bot {
	bottom: 0px;
}

.card.card_height {
	height: 258px;
}
.user-wrap.pading_warp {
	padding-top: 15px;
}

.for_size .size_span {
	font-size: 16px;
}

.meet_counter {
	flex: 0 0 calc(100%/6);
	max-width: calc(100%/6);
}

.meet_counter small{
	font-size: 14px;
}
.recieve_counter small{
	font-size: 14px;
}
.txleft
{
	float: left;
	
}
.recieve_counter {
	flex: 0 0 calc(100%/5);
	max-width: calc(100%/5);
}
.app.sidebar-mini .app-content {
	min-height: calc(100vh - 90px);
}
.cardheadernew .btn {
	font-size: 16px !important;
	padding: 0 6px;
}
.view-profile .wideget-user-img {
	flex: 0 0 130px;
	max-width: 130px;
}
.view-profile .user-wrap {
	flex: 0 0 calc(100% - 130px);
	max-width: calc(100% - 130px);
	padding-left: 8px;
}
.view-profile .leftBxs {
	flex: 0 0 calc(100% - 150px);
	max-width: calc(100% - 150px);
}
.view-profile .rightBxs {
	flex: 0 0 150px;
	max-width: 150px;
}
.drop-profile .nav-link {
	padding-left: 0;
}
.drop-profile {
	margin: 5px 3px 0px;
}
.upcmngmtngdv thead th {
	text-transform: capitalize;
	color: var(--white);
	padding: 4.5px 5px;
} 
.upcmngmtngdv tbody td {
	padding: 4.5px 5px;
}



.upCommngHeader .badge {
	font-size: 13px;
}
.upcommingPlmPage .card-header {
	background: var(--white);
}
.upcommingPlmPage .card-header a {
	display: flex !important;
	align-items: center;
}
.upcommingPlmPage .card-header a span {
	display: flex;
	margin-left: auto;
}
.upcommingPlmPage .card-header a .grphIocn {
	display: flex;
	align-items: center;
	font-size: 25px;
	line-height: 1;
}
.upcmCard {
	padding: 5px var(--space);
}
.upcommingPlmPage .cVals {
	align-items: center;
	font-size: 20px;
	padding-right: 10px;
}
.upcommingPlmPage .card-header a .pls,.upcommingPlmPage .card-header a .mins {
	position: absolute;
	right: 0;
	top: 8px;
}
.upcommingPlmPage .card-header a.upcmCard {
	background: var(--primary-light);
}
.upcommingPlmPage .card-header a.upcmCard.collapsed{
	background: var(--white);
}

.rflHeading {
	font-size: 14px;
	color: var(--primary);
	display: flex;
	margin: var(--space) 0;
}
.rflHeading .badge {
	margin-left: auto;
}
.plmreprtDetails table th {
	background: #f1f5fa;
}
.plmreprtDetails table tbody tr {
	background: #fff !important;
}

.upcommingPlmPage .plmreprtDetails .card-header {
	min-height: auto;
}
.plmreprtDetails table th, .plmreprtDetails table td {
	padding: 3px;
}
.plmreprtDetails table thead th {
	background: var(--primary);
	color: var(--white);
	text-transform: capitalize;
}
.plHedr .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 25px !important;
}
.findmembrDrpbx .select2.select2-container.select2-container--default {
    min-width: 185px;
    height: auto;
}
.findmembrDrpbx .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
}
.table-normal th, .table-normal td {
	padding: 4.5px 3px !important;
	font-size: 11px !important;
}
.cpwImg {
	max-width: 250px;
}
.floater{
	animation-name: floater;
	-webkit-animation-name: floater;

	animation-duration: 3.9s;	
	-webkit-animation-duration: 3.9s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

	visibility: visible !important;	
}

@keyframes floater {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floater {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
.recieve_counter .countrCVal {
	line-height: 47px;
}
.recieve_counter a {
	text-align: left;
}

.signup-frm-dv .psswrd-msk-div {
	position: absolute;
	right: 0;
	line-height: 45px;
	padding: 0 10px;
}
.signup-frm-dv .form-control.is-invalid,
.signup-frm-dv .was-validated .form-control:invalid {
	background: none;
}

.sg-fg-dv {
	flex-direction: row;
	justify-content: space-between;	
}

/** RESPONSIVE CODE +++++++++++++++++++++++++++++++ #START**/

@media screen and (max-width:1599px){

	.countrVal {
		font-size: 22px;
	}
	.nICon {
		font-size: 40px !important;
	}
	.for_size .size_span {
		font-size: 15px;
	}


}	

@media screen and (max-width:1399px){
	.bsc-info h4 {
		font-size: 16px;
	}
	.bsc-info h6 {
		font-size: 14px;
	}
	.header-right .nav-link.icon {
		font-size: 18px;
	}
	.counter-set1 i.fs-40 {
		font-size: 30px !important;
	}
	.dsb-user-info .user-info .user-img {
		height: 90px;
	}
	
	.log-footer .fs-14 {
		font-size: 12px !important;
	}
	.log-dsc {
		font-size: 12px !important;
	}
	.log-main-inr .fs-15 {
		font-size: 12px !important;
	}
	.fs-15 {
		font-size: 12px !important;
	}
	
	
	.btn.small_size {
		font-size: 10px !important;
	}
	.tx-10{
		font-size: 10px;
	}
	.card.card_height {
		height: 250px;
	}

	.for_size .size_span {
		font-size: 13px;
	}
	.d-none-lg{
		display: none;
	}
	.header-right .nav-link.icon {
		margin: 10px 3px;
	}
	.nav-pills .nav-item a {
		font-size: 13px;
	}
	label {
		font-size: 14px !important;
	}
	.form-control,select.form-control:not([size]):not([multiple]) {
		font-size: 13px;
		height: 35px;
	}
	.textarea-sm {
		height: 35px !important;
	}
	.select2-selection.select2-selection--multiple {
		height: 35px !important;
	}
	.select2-container .select2-selection--multiple {
		min-height: 35px;
	}
	.select2.select2-container.select2-container--default {
		height: 35px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 35px !important;
	}
	.resp-tab-content {
		padding: 20px 10px 0 10px;
	}
	.app-sidebar {
		top: 67px;
	}
	.row [class*="cuntr-"] .border {
		height: 82px;
	}

	
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 13px;
	}
	.table th, .text-wrap table th {
		font-size: 13px;
	}
	.table-responsive {
		font-size: 13px;
	}
	.bsc-info h4 {
		font-size: 14px;
	}
	.counte-lft-sd .border {
		padding: 20px 10px;
	}
	.nav-tabs .nav-link {
		padding: 0.60rem 0.95rem;
	}
	.file-browser {
		height: 35px;
	}
	.file-browser .btn {
		padding: .175rem .75rem;
	}
	.header-brand-img.desktop-logo {
		height: 45px !important;
	}

	
	
	.pricing-table .price-header .title {
		font-size: 16px;
	}
	.pricing-table .price .dollar {
		top: 0;
		margin-right: 5px;
	}
	.pricing-table .price {
		font-size: 35px;
	}
	
	.input-group .btn {
		height: auto;
		line-height: unset;
	}
	
	.countrVal {
		font-size: 16px;
	}
	.dsb-user-info .wideget-user-img {
		height: 90px;
	}
	.counte-lft-sd .border {
		height: 156px;
	}

	

	
}
@media screen and (max-width:1275px){
	.hdng-fst.card-title {
		font-size: 11px;
	}
	.for_size .size_span {
		font-size: 12px;
	}

}


/** 1279 end **/

@media screen and (max-width:1199px){

	.nav-link.icon.toggle {
		order: 0;
	}
	.countrVal {
		font-size: 14px;
	}
	.counter-set1 .countrTxt {
		font-size: 12px;
	}
	.faqSecheading {
		font-size: 12px;
	}
	.for_size .size_span {
		font-size: 13px;
	}
	.meet_counter small {
		font-size: 13px;
	}
	.recieve_counter small {
		font-size: 12px;
	}
	.counte-lft-sd .border {
		height: 140px;
	}


}



@media screen and (max-width:1280px) and (min-width:992px){
	.countr-lg-sec {
		display: block !important;
	}
	.countr-lg-sec .cuntr-5,.countr-lg-sec .cuntr-6 {
		display: block;
	}
	
	.cuntr-3 .border {
		border-top: 0 !important;
		border-right: 0 !important;
	}
	.user-info .c-logo.brround {
		height: 59px;
	}
	

}
/** 1280-992 end **/


@media screen and (max-width:991px){

	.d-none-md{
		display: none;
	}
	
	.mg-t-10-md{
		margin-top: 10px;
	}
	.mg-b-10-md,.mb-3-md{
		margin-bottom: var(--space);
	}
	.mg-b-10-ng-md {
		margin-bottom: -10px;
	}
	.text-left-md{
		text-align: left !important;
	}
	.pd-l-5{
		padding-left: 5px !important;
	}

	.slide-item.active, .slide-item:hover, .slide-item:focus {
		background: transparent;
	}
	.app.sidebar-mini .leftmenu-footer {
		margin-left: 300px;
	}
	
	.header-brand-img {
		height: 24px;
		max-width: 100%;
	}
	.app-header .header-brand {
		min-width: 81px;
	}
	.nav-link.icon.toggle {
		padding: 10px;
		padding-left: 9px;
	}
	.profile-details.mt-1 {
		display: none;
	}
	.first-sidemenu {
		top: 60px !important;
	}
	
	div.dataTables_wrapper div.dataTables_filter input {
		width: 100px;
	}

	.log-main-inr .card-title {
		margin-top: 6px;
	}
	.app-store {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}
	.bsc-info h6 {
		margin-bottom: 0.66em !important;
	}
	.cuntr-1 .border {
		border-left: 0 !important;
	}
	.cuntr-3 .border {
		border-top: 0 !important;
		border-right: 0 !important;
	}
	
	.dsb-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
	}
	.dsb-tabs.nav-tabs .nav-item {
		margin-bottom: 0;
		flex: 0 0 auto;
	}
	.tabs-menu1 ul li a {
		border: 0;
	}
	.cmp-logo img {
		width: 120px;
	}
	.app.sidebar-mini .leftmenu-footer {
		margin-left: 70px;
		padding: 0 var(--space);
	}
	
	.support-tickets-page .m-scroll {
		max-height: 350px !important;
	}
	.app-header .header-brand {
		margin-left: 0;
	}
	.wideget-user-tab .tab-menu-heading .nav li a {
		font-size: 12px !important;
		padding: 0 !important;
	}
	.table-responsive th, .table-responsive td {
		font-size: 11px !important;
	}
	.usrInfo-sm{
		display: block;
	}
	.usrInfo-lg{
		display: none;
	}
	.app.sidebar-mini.sidenav-toggled1 .leftmenu-footer {
		margin-left: 0px;
		padding: 2px var(--space);
	}
	.logRight {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.logRight::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
	}
	.logRight > .row {
		position: relative;
		z-index: 1;
		width: 60%;
		margin: 0 auto !important;
		background: var(--white);
		border-radius: 3px;
	}

	.meet_counter small {
		font-size: 12px;
	}

	.card-title.tab_version {
		width: 100%;
	}
	.card-title.tab_version2 {
		width: 100%;
	}
	.for_size .size_span {
		font-size: 13px;
	}
	.dsbCrdHdr.tabs {
		flex-wrap: wrap;
	}
	.pprCardInr {
		flex-wrap: wrap;
	}
	.pprCard-Left {
		width: 100%;
		padding: 0 !important;
	}
	.pprCard-Left i {
		margin: auto;
	}
	.pprCard-Right {
		text-align: center !important;
		width: 100%;
		font-size: 12px;
		margin-top: 8px;
	}
	.meet_counter {
		flex: 0 0 calc(100%/3);
		max-width: calc(100%/3);
	}
	/*.meet_counter:nth-last-child(1),.meet_counter:nth-last-child(2),.meet_counter:nth-last-child(3) {
		flex: 0 0 calc(100%/3);
		max-width: calc(100%/3);
	}*/
	.recieve_counter {
		flex: 0 0 calc(100%/3);
		max-width: calc(100%/3);
		margin-bottom: var(--space);
	}
	.recieve_counter:nth-last-child(1),.recieve_counter:nth-last-child(2) {
		flex: 0 0 calc(100%/2);
		max-width: calc(100%/2);
	}
	.suppLeft {
		order: 2;
	}
	.suppRight {
		order: 1;
	}
	.suppCollapsBox .card-body {
		display: none;
	}
	.suppCollapsBox.open .card-body {
		display: block;
	}
	.suppCollapsBox.open .suppCollapsBtn i::before {
		content: "\F0374";
	}





}
/** 991 end **/

@media screen and (max-width:767px){

	.text-center-sm {
		text-align: center !important;
	}
	.app.sidebar-mini .leftmenu-footer {
		margin-left: 0;
	}
	.header-left .nav-link {
		font-size: 13px;
	}
	body {
		font-size: 13px;
	}
	.fs-14 {
		font-size: 13px !important;
	}
	
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 13px;
	}
	.custom-control-label {
		font-size: 13px;
	}
	
	
	#back-to-top {
		height: 35px;
		width: 35px;
		line-height: 35px;
	}
	#back-to-top i {
		font-size: 16px;
	}
	
	.app-content {
		margin-top: 0;
	}
	.app-store {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
	}
	.para-mtr .fs-15 {
		font-size: 13px !important;
	}
	.bsc-info h6 {
		font-size: 13px;
	}
	.bsc-info h4 {
		font-size: 13px;
	}
	/*.view-profile .wideget-user-img img {
		max-width: 110px;
		height: auto;
		margin-right: var(--space);
	}*/
	.media-heading h4 {
		font-size: 16px;
	}
	.media-heading p {
		font-size: 13px;
	}
	textarea.form-control {
		max-height: 60px;
	}
	.header-brand-img.desktop-logo {
		height: 40px !important;
	}
	
	.d-none-sm{
		display: none;
	}
	.view-profile .wideget-user-desc .small, .edit-profile .wideget-user-desc .small,.dsb-user-info .small,.row [class*="cuntr-"] .border small{
		font-size: 100%;
	}


	
	/*.app.sidenav-toggled .app-sidebar__overlay {
		visibility: hidden;
	}
	.app.sidenav-toggled1 .app-sidebar__overlay {
		visibility: visible;
	}
	.app.sidenav-toggled .app-sidebar {
		left: -300px;
	}
	.app.sidenav-toggled1 .app-sidebar {
		left: 0;
	}*/
	
	.chatbox .chat {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.dsbCrdHdr .hdng-fst {
		white-space: nowrap;
		padding-right: var(--space);
		font-size: 13px;
	}
	.footer-main {
		display: none;
	}
	.footerMobile {
		display: flex;
		height: 40px;
		margin: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		justify-content: center;
		align-items: center;
		background: var(--primary);
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		z-index: 5;
	}
	.footerMobile .mFtrItm {
		flex: 0 0 20%;
		max-width: 20%;
		font-size: 18px;
		text-align: center;
	}
	.mFtrItm i {
		line-height: 1;
		color: #fff;
/*		text-shadow: -2px 2px 2px rgba(255, 255, 255, 0.3);*/
		position: absolute;
		top: 4px;
		left: 4px;
		transform: rotate(-45deg);
	}
	.mFtrItm span {
		border-radius: 5px;
		background: var(--primary-hover);
		border: 1px solid var(--muted);
		width: 28px;
		height: 28px;
		display: block;
		margin: auto;
		line-height: 28px;
		transform: rotate(45deg);
		cursor: pointer;
/*		opacity: 0.8;*/
	}
	.mFtrItm.mFtrItmActive span{
		border: 1px solid var(--white) !important;
/*		box-shadow: 0 0px 5px 0 rgba(255, 255, 255, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.6);*/
		background: var(--white);
		opacity: 1;
	}
	.mFtrItm.mFtrItmActive span i {
		color: var(--primary);
	}

	.mFtrItm-home span {
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: -10px;
		position: relative;
	}
	.mFtrItm-home span i {
		font-size: 30px;
	}

	.app.sidebar-mini .app-content {
		padding-bottom: 50px;
	}
	.btn-sm, .btn-group-sm > .btn {
		font-size: 12px !important;
	}
	.dataTables_length {
		order: 1;
		width: 50% !important;
	}
	.dt-buttons {
		order: 3;
		width: 100%;
		margin-top: var(--space);
	}
	.dataTables_filter {
		order: 2;
		width: 50% !important;
		margin-top: 0 !important;
	}
	.dataTables_wrapper .dataTables_scroll {
		order: 4;
	}
	.dataTables_wrapper .dataTables_info {
		order: 5;
		margin: 0 !important;
	}
	.dataTables_wrapper .dataTables_paginate {
		order: 6;
		margin: 0 !important;
	}
	.logRight > .row {
		width: calc(100% - 30px);
	}
	
	.first-sidemenu {
		display: none;
	}
	.second-sidemenu {
		display: none;
	}
	.sidenav-toggled1 .first-sidemenu {
		display: block;
	}
	.sidenav-toggled1.sidenav-toggled4 .second-sidemenu {
		display: block;
	}

	.app .app-sidebar {
		left: 0 !important;
	}
	.app.sidebar-mini.sidenav-toggled4 .app-content {
		margin-left: 0;
	}
	.app.sidenav-toggled .app-sidebar__overlay {
		display: none;
	}
	.uNm.daterng {
		font-size: 12px;
	}
	#breadcrumb_box {
		display: none;
	}
	.cardItem p, .cardItem label {
		font-size: 12px !important;
	}
	.counter-set1.row.g-0 {
		margin-right: calc(-1 * calc(var(--space) * 0.5));
		margin-left: calc(-1 * calc(var(--space) * 0.5));
	}
	.counter-set1.row.g-0 [class*="col-"], .counter-set1.row.g-0 .col {
		padding-right: calc(var(--space) * 0.5);
		padding-left: calc(var(--space) * 0.5);
	}
	.counter-set1.row.g-0 .border {
		margin-bottom: var(--space);
	}
	.counter-set1.row.g-0 .go-add-btn {
		bottom: 17px;
		right: 5px;
	}
	.view-profile .leftBxs {
		flex: 0 0 calc(100% - 100px);
		max-width: calc(100% - 100px);
	}
	.view-profile .rightBxs {
		flex: 0 0 100px;
		max-width: 100px;
	}
	.view-profile .rightBxs .btn {
		width: auto !important;
		margin: 0 !important;
	}


}
/** 767 end **/


@media screen and (max-width:767px) and (min-width:576px){
	

	
	.wideget-user-tab .tabs-menu1 ul li a {
		padding: 5px !important;
	}
	.tabs-menu1 .nav li {
		width: auto;
	}

	

}
/** 767-576 end **/



@media screen and (max-width:575px){
	
	.mb-1-xs, .my-1-xs {
		margin-bottom: 0.25rem !important;
	}
	.mb-5-xs {
		margin-bottom: 1.5rem !important;
	}
	.mg-b-10-xs,.mb-10-xs,.mb-3-xs{
		margin-bottom: var(--space);
	}
	.text-left-xs{
		text-align: left !important;
	}
	.d-none-xs{
		display: none;
	}
	.app-header .header-brand {
		min-width: 30px !important;
		margin-top: 0;
	}
	.app-header .header-brand .mobile-logo {
		width: 100px;
		margin-left: 0;
	}
	.card-title {
		font-size: 13px;
	}
	.card-options-fullscreen {
		display: none !important;
	}
	div.dataTables_wrapper div.dataTables_info {
		margin-top: 0 !important;
	}
	div.dataTables_wrapper div.dataTables_filter input {
		width: 100px;
	}
	.dataTables_filter {
		margin-bottom: -5px;
	}
	
	.tabs-menu ul li {
		margin: 0;
	}
	.view-profile .wideget-user-desc h4, .edit-profile .wideget-user-desc h4 {
		font-size: 12px;
	}
	.wideget-user-desc h6 {
		font-size: 12px !important;
	}
	.view-profile .wideget-user-img img, .edit-profile .wideget-user-img img {
		height: 103px;
	}
	.view-profile .c-logo .btn, .edit-profile .c-logo .btn {
		padding: .175rem .35rem;
	}
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	.dataTables_filter {
		margin-bottom: 0px;
	}
	.card-hdr-full-xs {
		display: block;
	}
	.card-hdr-full-xs .hdng-fst {
		margin-bottom: 10px !important;
	}
	
	.counter-set1 small{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pricing-table .price-dsc {
		max-height: 200px;
	}
	.filter-btn {
		margin-top: 5px;
	}
	.d-cart {
		display: block;
	}
	.chat-empty-msg {
		font-size: 24px;
	}
	.chat-empty-img {
		max-width: 70%;
	}
	.empty-chat-main {
		padding-bottom: 40px;
	}
	.dsbCrdHdr {
		flex-wrap: wrap;
	}
	.dsbCrdHdr .card-title {
		width: 100%;
	}
	.form-group .form-control {
		font-size: 12px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px;
	}
	.select2-results__option {
		font-size: 12px;
	}
	.card-headerBrk{
		flex-wrap: wrap;
	}
	.card-headerBrkinr-1 {
		text-align: center;
		width: 100%;
	}
	.card-headerBrk .card-headerBrkinr-2{
		margin-top: 5px;
		margin-right: auto !important;
	}
	.view-profile .wideget-user-img img {
		max-width: 70px;
		height: auto;
	}
	.countrVal {
	    font-size: 15px;
	}
	.dataTables_wrapper .dataTables_paginate {
	    justify-content: center;
	    width: 100%;
	}
	.dataTables_wrapper .dataTables_info {
	    width: 100%;
	    justify-content: center;
	    margin-bottom: 3px !important;
	}
	/*.meet_counter {
		flex: 0 0 calc(100%/2);
		max-width: calc(100%/2);
	}*/
	
	.recieve_counter {
		flex: 0 0 calc(100%/2);
		max-width: calc(100%/2);
		margin-bottom: var(--space);
	}
	.recieve_counter:nth-last-child(1) {
		flex: 0 0 calc(100%/1);
		max-width: calc(100%/1);
	}
	.meetDateBx {
		display: block;
		width: 100%;
	}
	.meetngHdr {
		align-items: center;
	}
	.card-headerBrkinr-1 .small {
		display: block;
		font-size: 10px;
	}
	.cardheadernew .btn {
		padding: 3px 5px;
		font-size: 13px !important;
	}
	.cardItem p, .cardItem label {
		font-size: 11px !important;
	}

	.header-right .nav-link.icon:hover {
		background: var(--primary) !important;
	}
	.marg_mob{
		display: block;
	}

	.card-header.pd_mov {
		padding-bottom: 0 !important;
	}

	.header-right .nav-link.icon {
		height: 33px !important;
		
	}
	.app.sidebar-mini .app-content.margin_mob{
		margin-top: 47px;
	}
	.alertEmpty h4 {
		font-size: 12px;
		
	}
	.view-profile .wideget-user-img {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: var(--space);
		display: flex;
		justify-content: center;
	}
	.view-profile .user-wrap {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.view-profile .wideget-user-img img {
		margin-right: 0;
	}
	.header-right .nav-link.icon {
		height: 38px !important;
		width: 38px !important;
	}
	.sidebar-link.right-tgl .nav-link.icon {
		margin-right: 0 !important;
	}
	.bgReportBox .row.pd-5 {
		padding: 0 5px;
	}
	.bgReportBox.cardNew > .card-body {
		padding: 5px 0 !important;
	}





}
/** 575 end **/

@media screen and (max-width:410px){

	.dsb-tabs .card-header {
		display: block;
	}
	.dsb-tabs .tab-pane .card-title {
		width: 100%;
	}
	.dsb-tabs .tab-pane .card-title.small {
		margin-top: 5px;
	}

	.sg-fg-dv {
		flex-direction: column;
		justify-content: center;	
	}
	
	
}
/** 410 end **/