#kt_chat_modalrecordesss{
				position: fixed !important;
				width: 100%;
				height: 100%;
			}
			#kt_chat_modalrecordesss .modal-dialog{
				margin: auto;
			}
			.counter{
				font-size: calc(( 1rem / 1.2 ) / 1.2);
				background-color: #d7d7da;
				padding: calc( 0.125 * 1rem ) calc( 0.375 * 1rem );
				border-radius: 50em;
				min-width: 24px;
				text-align: center;
			}
			.counter--primary{
				background-color: var(--color-primary);
				color: #ffffff;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}
			.counter--critical{
				background-color: #e70d4f;
				color: #ffffff;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}
			.counter--docked{
				position: absolute;
				top: 0;
				right: 0;
				-webkit-transform: translate(50%,-50%);
				transform: translate(50%,-50%);
				font-size: 13px;
			}
			.counter-container{
				height: 58px;
				width: 58px;
				background-color: #d7d7da;
				border-radius: 1em;
				position: relative;
				float: left;
				margin: 10px 40px 10px 0px;
			}
			@media screen and (max-width: 900px) {
				.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {
					margin-top: 50px;
				}
				.kt-quick-panel .kt-quick-panel__nav{
					margin-top: 90px;
				}
				.solid-new-profile-card-user-details > div > ul > li {
					width: 100%;
					margin-bottom: 10px;
				}
				.solid-new-profile-card-user-details #statussalesHolder li, .solid-new-profile-card-user-details #statussalescoldHolder li  {
					width: 45%;
					margin-bottom: 10px;
				}
				.solid-new-profile-card-user-details .dropdown-toggle {
					white-space: nowrap;
					padding-left: 0px;
				}
				table.dataTable {
					border: 0;
					width: 100%;
				}
				table.dataTable caption {
					font-size: 1.3em;
				}
				table.dataTable thead {
					border: none;
					clip: rect(0 0 0 0);
					height: 1px;
					margin: -1px;
					overflow: hidden;
					padding: 0;
					position: absolute;
					width: 1px;
				}
				table.dataTable tr {
					border-bottom: 3px solid #ddd;
					display: block;
					margin-bottom: .625em;
				}
				table.dataTable td {
					border-bottom: 1px solid #ddd;
					display: block;
					font-size: .8em;
					text-align: right;
					width: 100% !important;
					min-width: 100% !important;
					text-align: center;
				}

				span.tooltipfix {
					width: 100% !important;
					display: block;
					white-space: pre-wrap;
				}
				.showNhideTel {
					white-space: normal;
				}
				table.dataTable td::before {
					/*
					* aria-label has no advantage, it won't be read inside a table
					content: attr(aria-label);
					*/
					content: attr(data-label);
					float: left;
					font-weight: bold;
					text-transform: uppercase;
				}
				table.dataTable td:last-child {
					border-bottom: 0;
				}
				table.dataTable tbody{
					width: 100%;
					display: block;
				}
			}
			.table-striped tbody tr:nth-of-type(odd) {
				background-color: #f7f8fa59 !important;
			}
			.pagination{
				display: flex;
				padding-left: 0;
				list-style: none;
				border-radius: 0.25rem;
				flex-wrap: nowrap;
				flex-direction: column;
				text-align: center;
			}
			.summary{
				padding: 0px 20px 20px 0px;
			}
			.yiiPager {
				margin-top: 20px !important;
			}
			.profileSubstatus option{
				display: none;
			}
			.profileSubstatus option.label{
				display: block;
			}
			.profileSubstatusclose option{
				display: none;
			}
			.profileSubstatusclose option.label{
				display: block;
			}
			.dataTable{
				border-radius: 15px;
				padding: 0px !important;
				border: 0px !important;
				border-collapse: collapse!important; 
			}
			.dataTable th{
				background: #2196f31a !important;
				color: #333 !important;
				width: 135px !important;
				max-width: unset;
				min-width: 135px !important;
				text-transform: capitalize;
				font-weight: 300 !important;
				text-align: center;
			}
			.dataTable td{
				width: 135px !important;
				max-width: unset;
				min-width: 120px !important;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				max-width: 135px;
			}
			.dataTable th a{
				color: #333 !important;
				text-transform: capitalize;

			}
			.dataTable td a{
				color: #333;
				font-size: 15px;
				border-bottom: 1px #37373a dashed;

			}
			.dataTable .btn {
				border: 0px !important;
				background: #e91e63b3;
				color: white !important;
				padding: 2px 9px;
				margin: 0px auto !important;
				display: block;
				width: fit-content;
			}
			.table-responsive{
				padding: 15px;
			}
			.col-md-12[role="grid"] {
				padding: 0px;
			}
			::-webkit-scrollbar {
				width: 5px;
				height: 11px;
			}
			::-webkit-scrollbar-track {
				background: #f1f1f1; 
			}
			::-webkit-scrollbar-thumb {
				background: #22b9ff; 
			}
			::-webkit-scrollbar-thumb:hover {
				background: #00a3ee; 
			}
			.dataTable td{
				font-weight: 300 !important;
			}
			.filter-container input{
				border: 1px solid #cdcccc !important;
				border-radius: 10px;
				border-color: #ededed;
				width: 100%;
			}
			#pageSize{
				padding: 5px 10px;
				border-radius: 10px;
				border: 1px solid #ddd;
				margin-bottom: 20px !important;
			}
			*{
				font-family: cairo
			}
			.chartdiv{
				width: 100%;
				max-height: 600px;
				height: 100vh;
			}
			.AmChartsLogo{
				display: none!important;
			}
			.kt-menu__heading__Holder{
				font-weight: 500;
				font-size: 1.07rem;
				color: #5f6281;
				text-transform: initial;
			}
			.dataTables_scrollHeadInner{
				width: 100% !important;
			}
			.bootstrap-select .dropdown-menu.inner > li > a .text {
				color: #000000 !important;
			}
			
			body {
				background: #ffffff;
			}
			table .btn{
				margin-bottom: 3px
			}
			.dataTables_wrapper .col-md-6{
				flex: 0 0 100%;
				padding: 0 15px;
				max-width: 100%;
			}
			.dataTables_filter label{
				width: 100%;
			}
			td select {
				width: 100%;
				border: 1px solid #dedede;
				border-radius: 3px;
				padding: 5px;
			}
			.datepicker.datepicker-orient-top{
				z-index: 999!important;
			}
			.zooomdiv{
				transition: ease-in-out 1s;
			}
			.zooomdiv:hover{
				transition: ease-in-out 1s;
				transform: scale(1.02);
			}
			.breaking-news-headline {
				display: block;
				position: absolute;
				font-family: arial;
				font-size: 13px;
				margin-top: -22px;
				color: white;
				margin-left: 150px;
			}
			.breaking-news-title {
				background-color: #ffea00;
				display: block;
				height: 30px;
				width: 110px;
				font-family: arial;
				font-size: 11px;
				position: absolute;
				top: 0px;
				margin-top: 0px;
				margin-left: 20px;
				padding-top: 10px;
				padding-left: 10px;
				z-index: 3;
			}
			.breaking-news-title:before {
				content: "";
				position: absolute;
				display: block;
				width: 0px;
				height: 0px;
				top: 0;
				left: -12px;
				border-left: 12px solid transparent;
				border-right: 0px solid transparent;
				border-bottom: 30px solid #ffea00;
			}
			.breaking-news-title:after {
				content: "";
				position: absolute;
				display: block;
				width: 0px;
				height: 0px;
				right: -12px;
				top: 0;
				border-right: 12px solid transparent;
				border-left: 0px solid transparent;
				border-top: 30px solid #ffea00;
			}
			#breaking-news-colour {
				height: 30px;
				width: 694px;
				background: linear-gradient(to right, #3399ff, #ffffff00 100%);
			}
			#breaking-news-container {
				height: 30px;
				width: 314px;
				overflow: hidden;
				position: fixed;
				bottom: 0px;
				z-index: 99999999;
				left: 100px;
			}
			#breaking-news-container:before {
				content: "";
				width: 30px;
				height: 30px;
				background-color: #3399ff;
				position: absolute;
				z-index: 2;
			}
			.animated {
				-webkit-animation-duration: 0.2s;
				-webkit-animation-fill-mode: both;
				-moz-animation-duration: 0.2s;
				-moz-animation-fill-mode: both;
				-webkit-animation-iteration-count: 1;
				-moz-animation-iteration-count: 1;
			}
			.delay-animated {
				-webkit-animation-duration: 0.4s;
				-webkit-animation-fill-mode: both;
				-moz-animation-duration: 0.4s;
				-moz-animation-fill-mode: both;
				-webkit-animation-iteration-count: 1;
				-moz-animation-iteration-count: 1;
				-webkit-animation-delay: 0.3s;
				animation-delay: 0.3s;
			}
			.scroll-animated {
				-webkit-animation-duration: 3s;
				-webkit-animation-fill-mode: both;
				-moz-animation-duration: 3s;
				-moz-animation-fill-mode: both;
				-webkit-animation-iteration-count: 1;
				-moz-animation-iteration-count: 1;
				-webkit-animation-delay: 0.5s;
				animation-delay: 0.5s;
			}
			.delay-animated2 {
				-webkit-animation-duration: 0.4s;
				-webkit-animation-fill-mode: both;
				-moz-animation-duration: 0.4s;
				-moz-animation-fill-mode: both;
				-webkit-animation-iteration-count: 1;
				-moz-animation-iteration-count: 1;
				-webkit-animation-delay: 0.5s;
				animation-delay: 0.5s;
			}
			.delay-animated3 {
				-webkit-animation-duration: 5s;
				-webkit-animation-fill-mode: both;
				-moz-animation-duration: 5s;
				-moz-animation-fill-mode: both;
				-webkit-animation-iteration-count: 1;
				-moz-animation-iteration-count: 1;
				-webkit-animation-delay: 0.5s;
				animation-delay: 3s;
			}
			.fadein {
				-webkit-animation-name: fadein;
				-moz-animation-name: fadein;
				-o-animation-name: fadein;
				animation-name: fadein;
			}
			@-webkit-keyframes fadein {
				from {
					margin-left: 1000px;
				}
				to {
				}
			}
			@-moz-keyframes fadein {
				from {
				margin-left: 1000px;
			}
			to {
			}
			}
			.slidein {
				-webkit-animation-name: slidein;
				-moz-animation-name: slidein;
				-o-animation-name: slidein;
				animation-name: slidein;
			}
			@keyframes marquee {
				0% {
					left: 0;
				}
				20% {
					left: 0;
				}
				100% {
					left: -100%;
				}
			}
			.marquee {
				animation: marquee 10s linear infinite;
				-webkit-animation-duration: 10s;
				-moz-animation-duration: 10s;
				-webkit-animation-delay: 0.5s;
				animation-delay: 3s;
				color: #212529 !important;
				font-weight: 600;
			}
			@-webkit-keyframes slidein {
				from {
					margin-left: 800px;
				}
				to {
					margin-top: 0px;
				}
			}
			@-moz-keyframes slidein {
				from {
				margin-left: 800px;
			}
			to {
				margin-top: 0px;
			}
			}
			.slideup {
				-webkit-animation-name: slideup;
				-moz-animation-name: slideup;
				-o-animation-name: slideup;
				animation-name: slideup;
			}
			@-webkit-keyframes slideup {
				from {
					margin-top: 30px;
				}
				to {
					margin-top: 0;
				}
			}
			@-moz-keyframes slideup {
				from {
				margin-top: 30px;
			}
			to {
				margin-top: 0;
			}
			}
			.kt-header-menu--layout- .bg-primary {
				background-color: #dcdcdc !important;
			}
			.overflow-scroll{
				overflow: scroll !important;
				display: block;
			}
			.input-group .select2-container--default .select2-selection--multiple {
				outline: none !important;
				border-radius: 4px 0px 0px 4px;
				height: auto;
				line-height: 0;
				border-right: 0px !important;
			}
			.input-group .select2-container {
				width: calc(100% - 43px)!important;
			}
			.input-group .input-group-text {
				border: 1px solid #aaabad;
			}
			.input-group > .input-group-prepend > .input-group-text {
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
			}
			.text-light-primary .text{
				color: white!important
			}
			.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon {
				color: #ffffff;
			}
			.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-icon {
				color: #9c98a6 !important;
			}
			.kt-aside {
				background: #ffffff;
			}
			.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon {
				color: #22b9ff;
			}
			.kt-header__brand {
				background-color: var(--menu-header-color);
			}
			/* Loading */
			.kt-page-loader svg {
				width: 400px;
				transform: translateX(-50%) translateY(-50%);
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
			}
			@keyframes draw {
				0% { 
					stroke: #AD3A3A; }
				100% { 
					stroke-dashoffset: 300; }
			}

			@keyframes letterflash {
				0% { 
					fill: #AD3A3A; }
				100% { 
					fill: #921917; }
			}

			@keyframes spinnerflash {
				0% { 
					stroke: #AD3A3A; }
				100% { 
					stroke: #921917; }
			}
			.kt-page-loader .circle {
				stroke-dasharray: 150;
				animation: draw 2s linear infinite;
			}
			.kt-page-loader .one, .kt-page-loader .two, .kt-page-loader .three, .kt-page-loader .four, .kt-page-loader .five, .kt-page-loader .six {
				animation: letterflash 2s ease-in-out infinite;
			}
			.kt-page-loader .six   { 
				animation-delay: 0.5s; }
			.kt-page-loader .five  { 
				animation-delay: 0.4s; }
			.kt-page-loader .four  { 
				animation-delay: 0.3s; }
			.kt-page-loader .three { 
				animation-delay: 0.2s; }
			.kt-page-loader .two   { 
				animation-delay: 0.1s; }
			.kt-page-loader .one   { 
				animation-delay: 0s; }
				
						.notes-fixed .fabs {
							bottom: 0;
							position: fixed;
							margin: 1em;
							right: 0;
							z-index: 998;

						}

						.notes-fixed .fab {
							display: block;
							width: 56px;
							height: 56px;
							border-radius: 50%;
							text-align: center;
							color: #f0f0f0;
							margin: 25px auto 0;
							box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
							cursor: pointer;
							-webkit-transition: all .1s ease-out;
							transition: all .1s ease-out;
							position: relative;
							z-index: 998;
							overflow: hidden;
							background: #760e24;
						}

						.notes-fixed .fab > i {
							font-size: 2em;
							line-height: 55px;
							-webkit-transition: all .2s ease-out;
							-webkit-transition: all .2s ease-in-out;
							transition: all .2s ease-in-out;
							color: white;
						}

						.notes-fixed .fab:not(:last-child)
						{
							width: 0;
							height: 0;
							margin: 20px auto 0;
							opacity: 0;
							visibility: hidden;
							line-height: 40px;
						}

						.notes-fixed .fab:not(:last-child)
						> i {
							font-size: 1.4em;
							line-height: 40px;
						}

						.notes-fixed .fab:not(:last-child)
						.is-visible {
							width: 40px;
							height: 40px;
							margin: 15px auto 10;
							opacity: 1;
							visibility: visible;
						}

						.notes-fixed .fab:nth-last-child(1) {
							-webkit-transition-delay: 25ms;
							transition-delay: 25ms;
						}

						.notes-fixed .fab:not(:last-child)
						:nth-last-child(2) {
							-webkit-transition-delay: 20ms;
							transition-delay: 20ms;
						}

						.notes-fixed .fab:not(:last-child)
						:nth-last-child(3) {
							-webkit-transition-delay: 40ms;
							transition-delay: 40ms;
						}

						.notes-fixed .fab:not(:last-child)
						:nth-last-child(4) {
							-webkit-transition-delay: 60ms;
							transition-delay: 60ms;
						}

						.notes-fixed .fab:not(:last-child)
						:nth-last-child(5) {
							-webkit-transition-delay: 80ms;
							transition-delay: 80ms;
						}

						.notes-fixed .fab(
							:last-child)
						:active,
						.notes-fixed .fab(
							:last-child)
						:focus,
						.notes-fixed .fab(
							:last-child)
						:hover {
							box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
						}
						/*Chatbox*/

						.notes-fixed .chat {
							position: fixed;
							right: 85px;
							bottom: 20px;
							width: 400px;
							font-size: 12px;
							line-height: 22px;
							font-family: 'Roboto';
							font-weight: 500;
							-webkit-font-smoothing: antialiased;
							font-smoothing: antialiased;
							opacity: 0;
							box-shadow: 1px 1px 100px 2px rgba(0, 0, 0, 0.22);
							border-radius: 10px;
							-webkit-transition: all .2s ease-out;
							-webkit-transition: all .2s ease-in-out;
							transition: all .2s ease-in-out;
						}

						.notes-fixed .chat_fullscreen {
							position: fixed;
							right: 0px;
							bottom: 0px;
							top: 0px;
						}
						.notes-fixed .chat_header {
							/* margin: 10px; */
							font-size: 13px;
							font-family: 'Roboto';
							font-weight: 500;
							color: #f3f3f3;
							height: 55px;
							background: #760e24;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;
							padding-top: 8px;
						}
						.notes-fixed .chat_header2 {
							/* margin: 10px; */
							border-top-left-radius: 0px;
							border-top-right-radius: 0px;
						}
						.notes-fixed .chat_header .span {
							float: right;
						}

						.notes-fixed .chat_fullscreen_loader {
							display: none;
							float: right;
							cursor: pointer;
							/* margin: 10px; */
							font-size: 20px;
							opacity: 0.5;
							/* padding: 20px; */
							margin: -10px 10px;
						}

						.notes-fixed .chat.is-visible {
							opacity: 1;
							-webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
							animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
						}
						.notes-fixed .is-hide{
							opacity: 0
						}

						.notes-fixed .chat_option {
							float: left;
							font-size: 15px;
							list-style: none;
							position: relative;
							height: 100%;
							width: 100%;
							text-align: relative;
							margin-right: 10px;
							letter-spacing: 0.5px;
							font-weight: 400
						}


						.notes-fixed .chat_option img {
							border-radius: 50%;
							width: 55px;
							float: left;
							margin: -30px 20px 10px 20px;
							border: 4px solid rgba(0, 0, 0, 0.21);
							background: white;
						}

						.notes-fixed .change_img img{
							width: 35px;
							margin: 0px 20px 0px 20px;
						}
						.notes-fixed .chat_option .agent {
							font-size: 12px;
							font-weight: 300;
						}
						.notes-fixed .chat_option .online{
							opacity: 0.4;
							font-size: 11px;
							font-weight: 300;
						}
						.notes-fixed .chat_color {
							display: block;
							width: 20px;
							height: 20px;
							border-radius: 50%;
							margin: 10px;
							float: left;
						}


						.notes-fixed .chat_body {
							background: #fff;
							width: 100%;

							display: inline-block;
							text-align: center;
							overflow-y: auto;

						}
						.notes-fixed #chat_body{
							height: 450px;
						}
						.notes-fixed .chat_login p,.notes-fixed .chat_body li, .notes-fixed p, .notes-fixed a{
							-webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
							animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
						}
						.notes-fixed .chat_body p {
							padding: 20px;
							color: #888
						}
						.notes-fixed .chat_body a {
							width: 10%;
							text-align: center;
							border: none;
							box-shadow: none;
							line-height: 40px;
							font-size: 15px;
						}



						.notes-fixed .chat_field {
							position: relative;
							margin: 5px 0 5px 0;
							width: 50%;
							font-family: 'Roboto';
							font-size: 12px;
							line-height: 30px;
							font-weight: 500;
							color: #4b4b4b;
							-webkit-font-smoothing: antialiased;
							font-smoothing: antialiased;
							border: none;
							outline: none;
							display: inline-block;
						}

						.notes-fixed .chat_field.chat_message {
							height: 30px;
							resize: none;
							font-size: 13px;
							font-weight: 400;
						}
						.notes-fixed .chat_category{
							text-align: left;
						}

						.notes-fixed .chat_category{
							margin: 20px;
							background: rgba(0, 0, 0, 0.03);
							padding: 10px;
						}

						.notes-fixed .chat_category ul li{
							width: 80%;
							height: 30px;
							background: #fff;
							padding: 10px;
							box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
							margin-bottom: 10px;
							border-radius: 3px;
							border: 1px solid #e0e0e0;
							font-size: 13px;
							cursor: pointer;
							line-height: 30px;
							color: #888;
							text-align: center;
						}

						.notes-fixed .chat_category li:hover{
							background: #83c76d;
							color: #fff;
						}
						.notes-fixed .chat_category li.active{
							background: #83c76d;
							color: #fff;
						}

						.notes-fixed .tags{
							margin: 20px;
							bottom: 0px;
							display: block;
							width: 120%
						}
						.notes-fixed .tags li{
							padding: 5px 10px;
							border-radius: 40px;
							border: 1px solid rgb(3, 117, 208);
							margin: 5px;
							display: inline-block;
							color: rgb(3, 117, 208);
							cursor: pointer;

						}
						.notes-fixed .fab_field {
							width: 100%;
							display: inline-block;
							text-align: center;
							background: #fff;
							border-top: 1px solid #eee;
							border-bottom-right-radius: 10px;
							border-bottom-left-radius: 10px;

						}
						.notes-fixed .fab_field2 {
							bottom: 0px;
							position: absolute;
							border-bottom-right-radius: 0px;
							border-bottom-left-radius: 0px;
							z-index: 999;
						}

						.notes-fixed .fab_field a {
							display: inline-block;
							text-align: center;
						}

						.notes-fixed #fab_camera {
							float: left;
							background: rgba(0, 0, 0, 0);
						}

						.notes-fixed #fab_send {
							float: right;
							background: rgba(0, 0, 0, 0);
						}

						.notes-fixed .fab_field .fab {
							width: 35px;
							height: 35px;
							box-shadow: none;
							margin: 5px;
						}

						.notes-fixed .fab_field .fab>i {
							font-size: 1.6em;
							line-height: 35px;
							color: #bbb;
						}
						.notes-fixed .fab_field .fab>i:hover {
							color: #760e24;
						}
						.notes-fixed .chat_conversion {

						}

						.notes-fixed .chat_converse {
							position: relative;
							background: #fff;
							margin: 6px 0 0px 0;
							height: 250px;
							min-height: 0;
							font-size: 12px;
							line-height: 18px;
							overflow-y: auto;
							width: 100%;
							float: right;
							padding-bottom: 100px;
						}
						.notes-fixed .chat_converse2{
							height: 100%;
							max-height: 800px
						}
						.notes-fixed .chat_list {
							opacity: 0;
							visibility: hidden;
							height: 0;
						}

						.notes-fixed .chat_list .chat_list_item {
							opacity: 0;
							visibility: hidden;
						}

						.notes-fixed .chat .chat_converse .chat_msg_item {
							position: relative;
							margin: 8px 0 15px 0;
							padding: 8px 10px;
							max-width: 60%;
							display: block;
							word-wrap: break-word;
							border-radius: 3px;
							-webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
							animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
							clear: both;
							z-index: 999;
						}
						.notes-fixed .status {
							margin: 45px -50px 0 0;
							float: right;
							font-size: 11px;
							opacity: 0.3;
						}
						.notes-fixed .status2 {
							margin: -9px 0px 10px 24px;
							float: left;
							display: block;
							font-size: 11px;
							opacity: .7;
							color: #000;
							line-height: normal !important;
						}
						.notes-fixed .chat .chat_converse .chat_msg_item .chat_avatar {
							position: absolute;
							top: 0;
						}

						.notes-fixed .chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
							left: -52px;
							background: rgba(0, 0, 0, 0.03);
						}

						.notes-fixed .chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
							right: -52px;
							background: rgba(0, 0, 0, 0.6);
						}

						.notes-fixed .chat .chat_converse .chat_msg_item .chat_avatar, .notes-fixed .chat_avatar img{
							width: 40px;
							height: 40px;
							text-align: center;
							border-radius: 50%;
						}

						.notes-fixed .chat .chat_converse .chat_msg_item.chat_msg_item_admin {
							margin-left: 60px;
							float: left;
							background: rgba(0, 0, 0, 0.03);
							color: #666;
						}

						.notes-fixed .chat .chat_converse .chat_msg_item.chat_msg_item_user {
							margin-right: 20px;
							float: right;
							background: #760e24;
							color: #eceff1;
						}

						.notes-fixed .chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
							content: '';
							position: absolute;
							top: 15px;
							left: -12px;
							z-index: 998;
							border: 6px solid transparent;
							border-right-color: rgba(255, 255, 255, .4);
						}

						.notes-fixed .chat_form .get-notified label{
							color: #077ad6;
							font-weight: 600;
							font-size: 11px;
						}

						.notes-fixed input {
							position: relative;
							width: 90%;
							font-family: 'Roboto';
							font-size: 12px;
							line-height: 20px;
							font-weight: 500;
							color: #4b4b4b;
							-webkit-font-smoothing: antialiased;
							font-smoothing: antialiased;
							outline: none;
							background: #fff;
							display: inline-block;
							resize: none;
							padding: 5px;
							border-radius: 3px;
						}
						.notes-fixed .chat_form .get-notified input {
							margin: 2px 0 0 0;
							border: 1px solid #83c76d;
						}
						.notes-fixed .chat_form .get-notified i {
							background: #83c76d;
							width: 30px;
							height: 32px;
							font-size: 18px;
							color: #fff;
							line-height: 30px;
							font-weight: 600;
							text-align: center;
							margin: 2px 0 0 -30px;
							position: absolute;
							border-radius: 3px;
						}
						.notes-fixed .chat_form .message_form {
							margin: 10px 0 0 0;
						}
						.notes-fixed .chat_form .message_form input{
							margin: 5px 0 5px 0;
							border: 1px solid #e0e0e0;
						}
						.notes-fixed .chat_form .message_form textarea{
							margin: 5px 0 5px 0;
							border: 1px solid #e0e0e0;
							position: relative;
							width: 90%;
							font-family: 'Roboto';
							font-size: 12px;
							line-height: 20px;
							font-weight: 500;
							color: #4b4b4b;
							-webkit-font-smoothing: antialiased;
							font-smoothing: antialiased;
							outline: none;
							background: #fff;
							display: inline-block;
							resize: none;
							padding: 5px;
							border-radius: 3px;
						}
						.notes-fixed .chat_form .message_form button{
							margin: 5px 0 5px 0;
							border: 1px solid #e0e0e0;
							position: relative;
							width: 95%;
							font-family: 'Roboto';
							font-size: 12px;
							line-height: 20px;
							font-weight: 500;
							color: #fff;
							-webkit-font-smoothing: antialiased;
							font-smoothing: antialiased;
							outline: none;
							background: #fff;
							display: inline-block;
							resize: none;
							padding: 5px;
							border-radius: 3px;
							background: #83c76d;
							cursor: pointer;
						}
						.notes-fixed strong.chat_time {
							padding: 0 1px 1px 0;
							font-weight: 500;
							font-size: 8px;
							display: block;
						}

						/*Chatbox scrollbar*/

						.notes-fixed ::-webkit-scrollbar {
							width: 6px;
						}

						.notes-fixed ::-webkit-scrollbar-track {
							border-radius: 0;
						}

						.notes-fixed ::-webkit-scrollbar-thumb {
							margin: 2px;
							border-radius: 10px;
							background: rgba(0, 0, 0, 0.2);
						}
						/*Element state*/

						.notes-fixed .is-active {
							-webkit-transform: rotate(180deg);
							transform: rotate(180deg);
							-webkit-transition: all 1s ease-in-out;
							transition: all 1s ease-in-out;
						}

						.notes-fixed .is-float {
							box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
						}

						.notes-fixed .is-loading {
							display: block;
							-webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
							animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
						}
						.notes-fixed .chat_body a{
							font-size: 11px;
							opacity: 1;
							color: #000;
							text-decoration: underline;
							line-height: normal !important;
						}
						.chat:not(.is-visible) .chat_header, .chat:not(.is-visible) .chat_body, .chat:not(.is-visible) {
							width: 0px !important;
							height: 0px !important;
						}
						/*Animation*/

						@-webkit-keyframes zoomIn {
							0% {
								-webkit-transform: scale(0);
								transform: scale(0);
								opacity: 0.0;
							}
							100% {
								-webkit-transform: scale(1);
								transform: scale(1);
								opacity: 1;
							}
						}

						@keyframes zoomIn {
							0% {
								-webkit-transform: scale(0);
								transform: scale(0);
								opacity: 0.0;
							}
							100% {
								-webkit-transform: scale(1);
								transform: scale(1);
								opacity: 1;
							}
						}

						@-webkit-keyframes load {
							0% {
								-webkit-transform: scale(0);
								transform: scale(0);
								opacity: 0.0;
							}
							50% {
								-webkit-transform: scale(1.5);
								transform: scale(1.5);
								opacity: 1;
							}
							100% {
								-webkit-transform: scale(1);
								transform: scale(1);
								opacity: 0;
							}
						}

						@keyframes load {
							0% {
								-webkit-transform: scale(0);
								transform: scale(0);
								opacity: 0.0;
							}
							50% {
								-webkit-transform: scale(1.5);
								transform: scale(1.5);
								opacity: 1;
							}
							100% {
								-webkit-transform: scale(1);
								transform: scale(1);
								opacity: 0;
							}
						}
						/* SMARTPHONES PORTRAIT */

						@media only screen and (min-width: 300px) {
							.notes-fixed .chat {
								width: 250px;
							}
						}
						/* SMARTPHONES LANDSCAPE */

						@media only screen and (min-width: 480px) {
							.notes-fixed .chat {
								width: 300px;
							}
							.notes-fixed .chat_field {
								width: 65%;
							}
						}
						/* TABLETS PORTRAIT */

						@media only screen and (min-width: 768px) {
							.notes-fixed .chat {
								width: 300px;
							}
							.notes-fixed .chat_field {
								width: 65%;
							}
						}
						/* TABLET LANDSCAPE / DESKTOP */

						@media only screen and (min-width: 1024px) {
							.notes-fixed .chat {
								width: 300px;
							}
							.notes-fixed .chat_field {
								width: 65%;
							}
						}
						/*Color Options*/



						.notes-fixed .blue .fab {
							background: #760e24;
							color: #fff;
						}



						.notes-fixed .blue .chat {
							background: #760e24;
							color: #999;
						}


						/* Ripple */

						.notes-fixed .ink {
							display: block;
							position: absolute;
							background: rgba(38, 50, 56, 0.4);
							border-radius: 100%;
							-moz-transform: scale(0);
							-ms-transform: scale(0);
							webkit-transform: scale(0);
							-webkit-transform: scale(0);
							transform: scale(0);
						}
						/*animation effect*/

						.notes-fixed .ink.animate {
							-webkit-animation: ripple 0.5s ease-in-out;
							animation: ripple 0.5s ease-in-out;
						}

						@-webkit-keyframes ripple {
							/*scale the element to 250% to safely cover the entire link and fade it out*/

							100% {
								opacity: 0;
								-moz-transform: scale(5);
								-ms-transform: scale(5);
								webkit-transform: scale(5);
								-webkit-transform: scale(5);
								transform: scale(5);
							}
						}

						@keyframes ripple {
							/*scale the element to 250% to safely cover the entire link and fade it out*/

							100% {
								opacity: 0;
								-moz-transform: scale(5);
								-ms-transform: scale(5);
								webkit-transform: scale(5);
								-webkit-transform: scale(5);
								transform: scale(5);
							}
						}
						::-webkit-input-placeholder { /* Chrome */
							color: #bbb;
						}
						:-ms-input-placeholder { /* IE 10+ */
							color: #bbb;
						}
						::-moz-placeholder { /* Firefox 19+ */
							color: #bbb;
						}
						:-moz-placeholder { /* Firefox 4 - 18 */
							color: #bbb;
						}
						
                            .kt-header__topbar-icon {
                              font-size: 24px;
                              color: #333; /* Default icon color */
                              transition: color 0.3s ease-in-out;
                              cursor: pointer;
                            }
                            .kt-header__topbar-icon:hover {
                              color: #ffcc00; /* Hover effect for the icon */
                            }
										.table-wrapper {
											max-height: 200px;
											overflow-y: hidden;
											width: 100%;
										}
			.kt-spinner--brand-ajax-tabs{
				width: 100%;
				margin: auto;
				flex: 100%;
				margin-top: 20%;
				height: 70px;
			}
			.kt-spinner-ajax-tabs:before {
				width: 60px;
				height: 50px;
				margin-top: -10px;
				margin: auto;
				text-align: center;
				left: 0;
				right: 0px;
				bottom: 0;
				top: 0px;
			}
			
			#dailyactivitieschartHolder.chartdiv {
				width: 100%;
				min-height: 600px;
				max-height: unset!important;
				height: 100vh;
			}
			
			.loadingoverlay {
				height: 100% !important;
				width: 100% !important;
				background: #ffffff9c !important;
				left: 0px !important;
				top: 0px !important;
			}
			.loadingoverlay_element{
				width: 90px !important;
				height: 90px !important;
			}
			.showNhideTel .btn-5 {
				background: #eaeaea;
				color: #7c7c7c;
				height: 50px;
				min-width: 130px;
				line-height: 4px;
				font-size: 16px;
				overflow: hidden;
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			.showNhideTel .btn {
				border: none;
				font-family: inherit;
				font-size: inherit;
				color: inherit;
				background: #eef1ff;
				cursor: pointer;
				padding: 25px 40px;
				display: inline-block;
				margin: 15px 30px;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight: 700;
				outline: none;
				position: relative;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				margin: auto;
				display: block;
			}   
			.showNhideTel a{
				position: absolute;
				height: 100%;
				width: 100%;
				line-height: 2.5;
				font-size: 180%;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				font-size: 12px;
				transform: translateX(-300%);
				text-align: center;
				margin: auto;
				left: 0px;
				color: black;
				margin-top: -10px;
			}

			.showNhideTel .btn-5:hover a {
				-webkit-transform: translateX(0%) translateY(0%) !important;
				-moz-transform: translateX(0%) translateY(0%) !important;
				-ms-transform: translateX(0%) translateY(0%) !important;
				transform: translateX(0%) translateY(0%) !important;
			}  
			.showNhideTel .btn-5 span {
				display: inline-block;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.3s;
				-webkit-backface-visibility: hidden;
				-moz-transition: all 0.3s;
				-moz-backface-visibility: hidden;
				transition: all 0.3s;
				backface-visibility: hidden;
				margin-top: -10px;
			}  
			.showNhideTel .btn-5 span i {
				color: #646464;
			}  
			.showNhideTel .btn-5:hover span {
				-webkit-transform: translateX(300%);
				-moz-transform: translateX(300%);
				-ms-transform: translateX(300%);
				transform: translateX(300%) !important;
			} 
			.showNhideTel .kt-svg-icon g [fill] {
				fill: #5d5b6c;
			}
			.kt-portlet.kt-callout.kt-callout--info.kt-callout--diagonal-bg .kt-portlet__body {
				display: flex;
				padding: 0px;
			}
			.kt-portlet.kt-callout.kt-callout--info.kt-callout--diagonal-bg .kt-callout .kt-callout__body {
				display: inline;
				align-items: center;
			}
			.kt-portlet.kt-callout.kt-callout--primary.kt-callout--diagonal-bg .kt-portlet__body {
				display: flex;
				padding: 0px;
			}
			.kt-portlet.kt-callout.kt-callout--primary.kt-callout--diagonal-bg .kt-callout .kt-callout__body {
				display: inline;
				align-items: center;
			}
			.kt-callout .kt-callout__body .kt-callout__content .kt-callout__title {
				font-size: 1.3rem;
				text-transform: uppercase;
			}
			.kt-callout .kt-callout__body .kt-callout__action .btn.btn-custom {
				padding: 0.5rem 1.3rem;
				font-size: .9rem;
				font-weight: 300;
			}
			.kt-widget__value.kt-font-brand{
				color: black !important;
			}
			.kt-font-danger {
				color: #d90000 !important;
			}
			.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item>.kt-menu__link .kt-menu__link-text {
				text-transform: capitalize;
			}
			.btn-outline-danger {
				color: #d90000;
				border-color: #d90000;
			}
			.btn-outline-danger:not(:disabled)
			:not(.disabled):active, .btn-outline-danger:not(:disabled)
			:not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
				color: #fff;
				background-color: #d90000;
				border-color: #d90000;
			}
			.btn-outline-danger:hover {
				color: #fff;
				background-color: #d90000;
				border-color: #d90000;
			}
			.kt-svg-icon.kt-svg-icon--danger g [fill] {
				fill: #c10b1d !important;
			}
			@media (max-width: 1024px){
				.padding-top-310-mobile {
					padding-top: 0px !important;
					background: none!important;
				}
				.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item .dropdown-menu{
					min-width: 235px !important;
					transform: translate3d(0px, 38px, 0px) !important;
					width: 235px !important;
				}
				.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item .col-md-6, .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item .col-md-4, .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item .col-md-3 {
					flex: 0 0 100%;
					max-width: 100%;
				}
				/*.kt-widget17 .kt-widget17__stats .kt-widget17__items:nth-of-type(1) .kt-widget17__item:nth-of-type(1), .kt-widget17 .kt-widget17__stats .kt-widget17__items:nth-of-type(1) .kt-widget17__item:nth-of-type(2), .kt-widget17 .kt-widget17__stats .kt-widget17__items:nth-of-type(1) .kt-widget17__item:nth-of-type(3), .kt-widget17 .kt-widget17__stats .kt-widget17__items:nth-of-type(1) .kt-widget17__item:nth-of-type(5){*/
				/*    display:none;*/
				/*}*/
				.hide-on-mobile{
					display: none !important;
				}
			}
			.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text {
				text-transform: capitalize;
			}
			
			.kt-badge.kt-badge--comp-reddish {
				background: #2dbbac !important;
			}
			.kt-badge.kt-badge--comp-grey {
				background: #767fc7 !important;
			}
			.kt-badge.kt-badge--comp-blocked {
				background: #e91e63 !important;
			}
			.kt-badge.kt-badge--comp-beige {
				color: #fff;
				background: #00bcd4;
			}
			.kt-badge.kt-badge--inline{
				border-radius: 5px !important;
			}
			
			.grid-view-loading
			{
				background: url(js/loading.gif) no-repeat;
				background-size: 2%;
				background-position: 50%;
				background-color: #fff;
			}
				#checkboxContainer label {
					text-transform: capitalize;
				}
				
            .toast-custom {
                background-color: #ffffff !important; /* Force white background for the entire toast */
                border: 1px solid #800000 !important; /* Red border */
                color: #800000 !important; /* Force red text for the entire toast */
                font-size: 14px;
                border-radius: 4px; /* Slight border radius for a softer look */
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
            .toast-custom .toast-title {
                font-weight: bold;
                font-size: 16px;
                color: #800000 !important; /* Red title text */
                margin-bottom: 5px;
            }
            .toast-custom .toast-message {
                color: #800000 !important; /* Red message text */
            }
            .toast-custom a {
                color: #800000 !important; /* Red link text */
                text-decoration: underline;
            }
            
    #pageSize {
    width: 100px !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    font-size: 0.9rem !important;
}
.counter-containe svg{
    width: 20px;
    margin: auto !important;
    display: block;
}
.kt-menu__link-text svg{
    width: 20px;
    margin: auto !important;
    display: block;
}
.lead-stats-icons-holder {
    margin: 10px 0px;
    padding: 15px 10px !important;
}
.lead-stats-icons-holder span.icon-holder img {
    padding-right: 0.7rem !important;
    padding-left: 0.2rem !important;
    width: 30px;
    height: auto !important;
    padding-top: 0.4rem !important;
}
.counter-container {
    height: 58px;
    width: 78px;
    background-color: #d7d7da;
    border-radius: 1em;
    position: relative;
    float: left;
    margin: 10px 17px 10px 0px;
}
.nav-tabs.nav-tabs-line .nav-link {
    font-size: 0.75rem !important;
    padding: 13px 10px !important;
}
.counter-container {
    height: 48px;
    width: 68px;
    margin: 5px 21px 10px 0px;
}
.nav-tabs.nav-tabs-line .nav-link span {
    font-size: 1rem !important;
}
.more-shortcuts h5 {
    font-size: 1rem !important;
}
.more-shortcuts .more-numbers {
    font-size: 1rem !important;
}
.lead-stats-icons-holder h4 {
    font-size: 1rem !important;
}
.lead-stats-icons-holder h4:last-of-type {
    font-size: 1rem !important;
}
h3, .h3 {
    font-size: 1.2rem !important;
}
.advisorNow .parner_reg_btn a.btn {
    font-size: 1.1rem !important;
}
.next7daystitle h1 {
    font-size: 1rem !important;
}
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    font-size: 1rem !important;
}
.kt-widget14 .kt-widget14__header .kt-widget14__title {
    font-size: 1rem !important;
}
th, td {
    vertical-align: middle !important;
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i {
    font-size: 1.2rem !important;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
    font-size: 1.4rem !important;
}
.btn {
    border-radius: 12px;
}
.kt-badge.kt-badge--inline {
    border-radius: 12px !important;
}
@media (max-width: 1024px) {
    .kt-aside-close {
        left: -45px;
    }
}