.d-grid {
	display: grid !important
}

.grid-column-2 {
	grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 991px) {
	.grid-column-2 {
		grid-template-columns: repeat(1, 1fr)
	}
}

.common-scroll::-webkit-scrollbar {
	width: 4px !important;
	height: 4px !important
}

.common-scroll::-webkit-scrollbar-track {
	background: rgba(0,0,0,0)
}

.common-scroll::-webkit-scrollbar-thumb {
	background-color: #c1c1c1 !important;
	border-radius: 4px;
	border: none !important
}

	.common-scroll::-webkit-scrollbar-thumb:hover {
		background-color: #666 !important
	}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb, body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
	background-color: #c1c1c1 !important;
	width: 4px !important;
	height: 4px !important
}

body {
	font-family: "Roboto",sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #31373e;
	overflow-x: hidden
}

@media(max-width: 1600px) {
	body {
		font-size: 13px
	}
}

ul li {
	list-style: none
}

.wrapper {
	z-index: 1
}

	.wrapper .content-wrapper {
		min-height: calc(100vh - 6.8rem) !important
	}

@media(max-width: 1800px) {
	.wrapper .content-wrapper {
		min-height: calc(100vh - 6.1rem) !important
	}
}

@media(max-width: 1600px) {
	.wrapper .content-wrapper {
		min-height: calc(100vh - 5.7rem) !important
	}
}

@media(max-width: 1400px) {
	.wrapper .content-wrapper {
		min-height: calc(100vh - 5.1rem) !important
	}
}

.modal-open .modal {
	overflow: hidden !important
}

.modal-open .wrapper {
	z-index: inherit
}

.modal-open .wstym-main-loader {
	position: relative;
	z-index: 9999
}

a {
	text-transform: capitalize;
	outline: none;
	color: #2aa7df;
	text-decoration: none;
	transition-timing-function: ease-in-out;
	transition-duration: .2s;
	cursor: pointer
}

	a:hover {
		text-decoration: none;
		outline: none;
		color: #2aa7df
	}

	a:focus, a:active {
		text-decoration: none;
		outline: none;
		color: #2aa7df;
		text-decoration: none;
		transition-timing-function: ease-in-out;
		transition-duration: .2s
	}

h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	color: #264357
}

@media(max-width: 1800px) {
	h3 {
		font-size: 16px
	}
}

@media(max-width: 1400px) {
	h3 {
		font-size: 18px
	}
}

@media(max-width: 1200px) {
	h3 {
		font-size: 12px
	}
}

h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #31373e
}

@media(max-width: 1800px) {
	h4 {
		font-size: 16px
	}
}

@media(max-width: 1600px) {
	h4 {
		font-size: 14px
	}
}

@media(max-width: 1200px) {
	h4 {
		font-size: 12px
	}
}

.overflow-y-auto {
	overflow-y: auto
}

@media(min-width: 1601px) {
	.col-xxxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
}

@media(min-width: 1601px) {
	.col-xxxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
}

@media(min-width: 1601px) {
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media(min-width: 1601px) {
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
}

@media only screen and (min-width: 1199px)and (max-width: 1340px) {
	.subscriptions-no .col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
}

@media only screen and (min-width: 1199px)and (max-width: 1340px) {
	.subscriptions-no .col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
}

.list-style-none {
	list-style: none
}

.primary-color {
	color: #2aa7df !important
}

.secondary-color {
	color: #88c041 !important
}

.navy-color {
	color: #264357
}

.yellow-color {
	color: #ffab00 !important
}

.bodytext-color {
	color: #31373e !important
}

.neutral-color-50 {
	color: #42526e
}

.neutral-color-70 {
	color: #a5adba
}

.neutral-color-100 {
	color: #7a869a
}

.browen-color {
	color: #6554c0 !important
}

.browen-bgcolor {
	background-color: #6554c0 !important
}

.browen-bgcolor50 {
	background-color: #eae6ff
}

.neutral-bgcolor-10 {
	background-color: #fafbfc !important
}

.navy-bgcolor {
	background: #264357
}

.navy-bgcolor-90 {
	background-color: #3b5567
}

.secondary-bgcolor {
	background-color: #88c041 !important
}

.secondary-bgcolor10 {
	background-color: #f4f9ec
}

.primary-bgcolor {
	background-color: #2aa7df !important
}

.primary-bgcolor10 {
	background-color: #eaf7fc !important
}

.green-bgcolor {
	background-color: #10a472 !important
}

.purple-bgcolor {
	background-color: #6554c0 !important
}

.yellow-bgcolor {
	background-color: #ffab00 !important
}

.yellow-bgcolor50 {
	background-color: #fffae6 !important
}

.blue-bgcolor {
	background-color: #2684ff !important
}

.fw-700 {
	font-weight: 700
}

.fw-600 {
	font-weight: 600
}

.fw-500 {
	font-weight: 500
}

.main-header {
	top: 0
}

@media(max-width: 1600px) {
	.main-header {
		margin-left: 200px !important
	}
}

@media(max-width: 1400px) {
	.main-header {
		margin-left: 190px !important;
		height: 40px
	}
}

@media(max-width: 991px) {
	.main-header {
		margin-left: 0px !important
	}
}

.main-header .navbar-nav .language-selector {
	margin: 0 15px
}

@media(max-width: 1200px) {
	.main-header .navbar-nav .language-selector {
		margin: 0 5px
	}
}

@media(max-width: 1400px) {
	.main-header .navbar-nav .nav-item .head-top-img {
		width: 14px;
		height: 14px
	}
}

.main-header .navbar-nav .nav-item .head-top-img.alert-gif {
	width: 28px;
	height: 28px
}

@media(max-width: 1400px) {
	.main-header .navbar-nav .nav-item .head-top-img.alert-gif {
		width: 20px;
		height: 20px
	}
}

.custom-switch {
	cursor: pointer;
	min-height: auto
}

	.custom-switch .custom-control-label::before {
		width: 36px;
		height: 20px;
		border-radius: 20px
	}

@media(max-width: 1600px) {
	.custom-switch .custom-control-label::before {
		width: 29px;
		height: 15px
	}
}

@media(max-width: 1400px) {
	.custom-switch .custom-control-label::before {
		height: 13px
	}
}

.custom-switch .custom-control-label::after {
	width: 1rem;
	height: 1rem;
	left: calc(-2.25rem + 3px);
	top: 2px
}

@media(max-width: 1600px) {
	.custom-switch .custom-control-label::after {
		width: 11px;
		height: 11px
	}
}

@media(max-width: 1400px) {
	.custom-switch .custom-control-label::after {
		width: 9px;
		height: 9px
	}
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
	background-color: #fff
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
	background-color: #ccc;
	border-color: #ccc
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #2aa7df;
	border-color: #2aa7df;
	box-shadow: none;
	cursor: pointer
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #fff;
	box-shadow: none
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(0.9rem)
}

@media(max-width: 1600px) {
	.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
		transform: translateX(0.8rem)
	}
}

@media(max-width: 1400px) {
	.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
		transform: translateX(0.9rem)
	}
}

.card {
	border-radius: 8px;
	box-shadow: 0px 0px 1px 0px rgba(9,30,66,.2117647059),0px 3px 5px 0px rgba(9,30,66,.1019607843);
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ebecf0
}

	.card .card-header {
		padding: 10px 20px;
		border-bottom: none
	}

@media(max-width: 1400px) {
	.card .card-header {
		padding: 8px 15px
	}
}

@media(max-width: 1800px) {
	.card .card-header > .card-tools a.primary-color {
		font-size: 12px
	}
}

.card .card-header .card-title {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500
}

@media(max-width: 1800px) {
	.card .card-header .card-title {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.card .card-header .card-title {
		font-size: 12px;
		line-height: 1.4
	}
}

.card .card-header .card-title .active-no {
	background-color: #d3d9dd;
	border-radius: 4px;
	padding: 3px;
	color: #31373e;
	font-size: 12px
}

@media(max-width: 1400px) {
	.card .card-header .card-title .active-no {
		font-size: 11px
	}
}

.card.card-primary.card-outline {
	border-top: 4px solid #2aa7df
}

.card .top-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	background-color: #f4f5f7;
	padding: 10px 20px;
	border-bottom: 1px solid #ebecf0
}

.card .card-body {
	padding: 10px 20px
}

@media(max-width: 1600px) {
	.card .card-body {
		padding: 10px 15px
	}
}

.card .card-body.custom-padding {
	padding: 18px 20px
}

@media(max-width: 1600px) {
	.card .card-body.custom-padding {
		padding: 10px 15px
	}
}

@media(max-width: 1365px) {
	.card .card-body.custom-padding {
		padding: 20px 10px
	}
}

.card .card-body.p-0 .table tbody > tr > td:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table tbody > tr > td:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.p-0 .table tbody > tr > th:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table tbody > tr > th:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.p-0 .table tfoot > tr > td:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table tfoot > tr > td:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.p-0 .table tfoot > tr > th:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table tfoot > tr > th:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.p-0 .table thead > tr > td:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table thead > tr > td:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.p-0 .table thead > tr > th:first-of-type {
	padding-left: 20px !important
}

@media(max-width: 1600px) {
	.card .card-body.p-0 .table thead > tr > th:first-of-type {
		padding-left: 15px !important
	}
}

.card .card-body.login-history .table-striped tbody tr:nth-of-type(even) {
	background-color: unset
}

.card .card-body.login-history .customer-inner-data {
	padding: 16px
}

.card .card-body.login-history .permissions-table .customer-title {
	padding: 0px 20px
}

@media(max-width: 1400px) {
	.card .card-body.login-history .permissions-table .customer-title {
		padding: 0px 15px
	}
}

.card .card-body .customer-inner-data .customer-title {
	color: #88c041;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 16px;
	text-transform: uppercase
}

@media(max-width: 1600px) {
	.card .card-body .customer-inner-data .customer-title {
		font-size: 11px;
		margin-bottom: 10px
	}
}

@media(max-width: 1400px) {
	.card .card-body .customer-inner-data .customer-title {
		margin-bottom: 6px
	}
}

.card .card-body .customer-inner-data .btn-ad {
	gap: 24px
}

@media(max-width: 1400px) {
	.card .card-body .customer-inner-data .btn-ad {
		gap: 12px
	}
}

.card .card-body .customer-inner-data .btn-ad .custom-control {
	width: 181px
}

@media(max-width: 1400px) {
	.card .card-body .customer-inner-data .btn-ad .custom-control {
		width: 75px
	}
}

.card .card-body .customer-inner-data .btn-ad .custom-control .custom-control-label {
	margin-bottom: 0px;
	padding-left: 8px;
	color: #7a869a;
	font-weight: 400 !important
}

@media(max-width: 1600px) {
	.card .card-body .customer-inner-data .btn-ad .custom-control .custom-control-label {
		padding-top: 2px
	}
}

@media(max-width: 1400px) {
	.card .card-body .customer-inner-data .btn-ad .custom-control .custom-control-label {
		padding-top: 0px;
		padding-left: 4px;
		font-size: 12px
	}
}

.card .card-body .section-title {
	margin: 20px 0 10px;
	padding: 0px 20px;
	color: #000;
	font-size: 14px
}

@media(max-width: 1400px) {
	.card .card-body .section-title {
		font-size: 13px
	}
}

.card .card-body.login-card-body {
	padding: 40px
}

@media(max-width: 1600px) {
	.card .card-body.login-card-body {
		padding: 30px
	}
}

@media(max-width: 1200px) {
	.card .card-body.login-card-body {
		padding: 25px
	}
}

.card .card-body.login-card-body .otp-verification-time {
	padding: 0 30px
}

@media(max-width: 1800px) {
	.card .card-body.login-card-body .otp-verification-time {
		padding: 0 20px
	}
}

@media(max-width: 1400px) {
	.card .card-body.login-card-body .otp-verification-time {
		padding: 0 45px
	}
}

@media(max-width: 1600px) {
	.card .card-body.login-card-body .otp-verification-time .resend img {
		height: 12px;
		margin-top: -1px
	}
}

.card .card-body.table-height {
	max-height: calc(100vh - 256px);
	min-height: calc(100vh - 256px);
	overflow-y: auto
}

@media(max-width: 1800px) {
	.card .card-body.table-height {
		max-height: calc(100vh - 240px);
		min-height: calc(100vh - 240px)
	}
}

@media(max-width: 1600px) {
	.card .card-body.table-height {
		max-height: calc(100vh - 205px);
		min-height: calc(100vh - 205px)
	}
}

@media(max-width: 1400px) {
	.card .card-body.table-height {
		max-height: calc(100vh - 175px);
		min-height: calc(100vh - 175px)
	}
}

.card .card-body.wizard-height {
	max-height: calc(100vh - 315px);
	min-height: calc(100vh - 315px);
	overflow-y: auto
}

@media(max-width: 1800px) {
	.card .card-body.wizard-height {
		max-height: calc(100vh - 300px);
		min-height: calc(100vh - 300px)
	}
}

@media(max-width: 1600px) {
	.card .card-body.wizard-height {
		max-height: calc(100vh - 283px);
		min-height: calc(100vh - 283px)
	}
}

@media(max-width: 1400px) {
	.card .card-body.wizard-height {
		max-height: calc(100vh - 238px);
		min-height: calc(100vh - 238px)
	}
}

.card .card-body.notification-height {
	max-height: calc(100vh - 302px);
	min-height: calc(100vh - 302px);
	overflow-y: auto
}

@media(max-width: 1800px) {
	.card .card-body.notification-height {
		max-height: calc(100vh - 285px);
		min-height: calc(100vh - 285px)
	}
}

@media(max-width: 1600px) {
	.card .card-body.notification-height {
		max-height: calc(100vh - 252px);
		min-height: calc(100vh - 252px)
	}
}

@media(max-width: 1400px) {
	.card .card-body.notification-height {
		max-height: calc(100vh - 228px);
		min-height: calc(100vh - 228px)
	}
}

@media(max-width: 1400px) {
	.card .card-body.notification-height .section-title {
		margin: 10px 0 10px
	}
}

.card .card-footer {
	padding: 16px 20px;
	background-color: #fff !important
}

@media(max-width: 1800px) {
	.card .card-footer {
		padding: 13px 20px
	}
}

@media(max-width: 1600px) {
	.card .card-footer {
		padding: 10px 20px
	}
}

.card .card-footer::after {
	display: none
}

.card .card-footer .pagination .page-item .page-link {
	padding: 9px 13px;
	color: #2aa7df
}

@media(max-width: 1800px) {
	.card .card-footer .pagination .page-item .page-link {
		font-size: 13px;
		line-height: 1.5;
		padding: 8px 10px
	}
}

@media(max-width: 1400px) {
	.card .card-footer .pagination .page-item .page-link {
		font-size: 12px;
		padding: 5px 10px
	}
}

.card .card-footer .pagination .page-item .page-link:focus {
	box-shadow: none
}

.card .card-footer .pagination .page-item .page-link:hover {
	color: #3b5567
}

.card .card-footer .pagination .page-item.active .page-link {
	background-color: #2aa7df;
	border-color: #2aa7df;
	color: #fff
}

.card .card-footer .page-text {
	color: #a5adba
}

@media(max-width: 1800px) {
	.card .card-footer .page-text {
		font-size: 13px;
		line-height: normal
	}
}

@media(max-width: 1400px) {
	.card .card-footer .page-text {
		font-size: 11px
	}
}

.card.table-height {
	max-height: calc(100vh - 170px);
	min-height: calc(100vh - 170px);
	overflow-y: auto
}

@media(max-width: 1800px) {
	.card.table-height {
		max-height: calc(100vh - 175px);
		min-height: calc(100vh - 175px)
	}
}

@media(max-width: 1600px) {
	.card.table-height {
		max-height: calc(100vh - 152px);
		min-height: calc(100vh - 152px)
	}
}

@media(max-width: 1400px) {
	.card.table-height {
		max-height: calc(100vh - 128px);
		min-height: calc(100vh - 128px)
	}
}

.language-selector .nav-link {
	border: 1px solid #ebecf0;
	border-radius: 4px;
	display: block;
	height: 33px;
	min-width: 115px;
	padding: 6px 10px !important;
	-webkit-appearance: none;
	appearance: none;
	color: #31373e !important
}

@media(max-width: 1600px) {
	.language-selector .nav-link {
		font-size: 12px;
		height: 30px;
		padding: 5px 10px !important;
		min-width: 100px
	}
}

@media(max-width: 1400px) {
	.language-selector .nav-link {
		font-size: 11px;
		height: 28px
	}
}

.language-selector .nav-link::after {
	content: "";
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	background: url(../image/arrow-down.svg) no-repeat center #fff;
	background-size: contain;
	position: absolute;
	pointer-events: none;
	display: block;
	z-index: 1
}

@media(max-width: 1600px) {
	.language-selector .nav-link::after {
		width: 10px;
		height: 10px
	}
}

@media(max-width: 1400px) {
	.language-selector .nav-link::after {
		top: 2px
	}
}

@media(max-width: 1600px) {
	.language-selector .nav-link img {
		height: 15px !important
	}
}

@media(max-width: 1400px) {
	.language-selector .nav-link img {
		height: 14px !important
	}
}

.language-selector .dropdown-menu.dropdown-menu-sm {
	min-width: 100px;
	width: 100%;
	left: 0 !important;
	right: auto
}

@media(max-width: 1600px) {
	.language-selector .dropdown-menu .dropdown-item img {
		height: 15px !important
	}
}

.input-group-append .btn {
	border: 1px solid #5e6c84;
	border-radius: 0 4px 4px 0;
	height: 40px;
	width: 46px
}

@media(max-width: 1600px) {
	.input-group-append .btn {
		width: 27px;
		height: 27px
	}
}

@media(max-width: 1600px) {
	.input-group-append .btn img {
		height: 12px
	}
}

.nav-profile img {
	width: 32px;
	height: 32px;
	border-radius: 32px
}

@media(max-width: 1400px) {
	.nav-profile img {
		width: 25px;
		height: 25px
	}
}

.navbar-expand .navbar-nav .nav-link {
	padding: 0 15px;
	display: flex;
	align-items: center
}

@media(max-width: 1600px) {
	.navbar-expand .navbar-nav .nav-link {
		padding: 0 10px
	}
}

.navbar-expand .navbar-nav .nav-link.alert {
	margin-bottom: 0px
}

	.navbar-expand .navbar-nav .nav-link.alert img {
		width: 28px;
		height: 28px
	}

.navbar-expand:focus-visible {
	outline: unset
}

.navbar-white.navbar-light .form-control-navbar {
	background-color: #f4f5f6;
	border-color: #dfe1e6;
	height: 38px;
	z-index: 1
}

.navbar-badge {
	font-size: 11px;
	font-weight: 600;
	padding: 1px 2px;
	right: 12px
}

@media(max-width: 1600px) {
	.navbar-badge {
		right: 7px
	}
}

@media(max-width: 1400px) {
	.navbar-badge {
		padding: 2px;
		font-size: 8px
	}
}

.navbar-badge.badge-danger {
	right: 10px;
	top: 9px;
	padding: 1px 3px
}

.last-login-detail {
	font-size: 12px;
	font-weight: 600;
	color: #88c041
}

@media(max-width: 1600px) {
	.last-login-detail {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.last-login-detail {
		font-size: 10px
	}
}

@media(max-width: 1200px) {
	.last-login-detail {
		display: none
	}
}

.last-login-detail span {
	font-size: 11px;
	font-weight: 600;
	color: #7a869a
}

.content-wrapper {
	background-color: #f4f5f6
}

@media(max-width: 1600px) {
	.content-wrapper {
		margin-left: 200px !important
	}
}

@media(max-width: 1400px) {
	.content-wrapper {
		margin-left: 190px !important
	}
}

@media(max-width: 991px) {
	.content-wrapper {
		margin-left: 0px !important
	}
}

.content-wrapper > .content {
	padding: 0px .5rem
}

.content-wrapper > .content-header {
	padding-top: 8px;
	padding-bottom: 8px
}

@media(max-width: 1400px) {
	.content-wrapper > .content-header {
		padding-top: 2px;
		padding-bottom: 0px
	}
}

.content-wrapper > .content-header h1 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500
}

@media(max-width: 1600px) {
	.content-wrapper > .content-header h1 {
		font-size: 14px
	}
}

@media(max-width: 1400px) {
	.content-wrapper > .content-header h1 {
		font-size: 12px
	}
}

.breadcrumb-item a {
	color: #7a869a !important
}

@media(max-width: 1600px) {
	.breadcrumb-item a {
		font-size: 12px;
		line-height: 1.5
	}
}

@media(max-width: 1600px) {
	.breadcrumb-item.active {
		font-size: 12px
	}
}

.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before {
	color: #2aa7df
}

.info-box {
	border-radius: 4px;
	padding: 22px 12px;
	margin-bottom: 8px
}

@media(max-width: 1800px) {
	.info-box {
		padding: 13px 12px
	}
}

@media(max-width: 1600px) {
	.info-box {
		padding: 13px 12px;
		min-height: auto
	}
}

@media(max-width: 1400px) {
	.info-box {
		padding: 10px
	}
}

.info-box .info-box-icon {
	border-radius: 4px;
	background-color: rgba(9,30,66,.0784313725);
	width: 56px;
	height: 56px;
	margin-right: 12px
}

.info-box .info-box-number {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	margin-top: 0
}

@media(max-width: 1800px) {
	.info-box .info-box-number {
		font-size: 20px
	}
}

@media(max-width: 1600px) {
	.info-box .info-box-number {
		font-size: 14px;
		line-height: 1.5
	}
}

.info-box .info-box-number sub {
	font-size: 14px;
	bottom: 0
}

@media(max-width: 1600px) {
	.info-box .info-box-number sub {
		font-size: 11px
	}
}

.info-box .info-box-text {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0
}

@media(max-width: 1600px) {
	.info-box .info-box-text {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.info-box .info-box-text {
		font-size: 10px
	}
}

.info-box .info-box-content {
	padding: 0
}

.knob {
	font-size: 14px !important;
	font-weight: 500 !important;
	font-family: "Roboto" !important
}

.knob-label {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600
}

@media(max-width: 1400px) {
	.knob-label {
		font-size: 11px
	}
}

.knob-single {
	margin-top: 25px
}

@media(max-width: 1800px) {
	.knob-single {
		margin-top: 13px
	}
}

.navbar-search-block .input-group-append .btn {
	height: 38px
}

.navbar-search-block form {
	margin-top: 0
}

.customer-table {
	max-height: 350px;
	overflow-y: auto
}

@media(max-width: 1600px) {
	.customer-table {
		max-height: 250px
	}
}

.customer-table thead {
	position: sticky;
	top: 0;
	background: #f4f5f7;
	z-index: 1
}

.main-searchbar {
	gap: 16px
}

@media(max-width: 1800px) {
	.main-searchbar {
		gap: 10px
	}
}

@media(max-width: 1600px) {
	.main-searchbar {
		gap: 8px
	}
}

.main-searchbar .form-group {
	margin-bottom: 0
}

	.main-searchbar .form-group input {
		height: 32px;
		padding: 6px 8px;
		color: #a5adba;
		border-radius: 4px
	}

@media(max-width: 1600px) {
	.main-searchbar .form-group input {
		height: 27px
	}
}

@media(max-width: 1400px) {
	.main-searchbar .form-group input {
		height: 25px
	}
}

.main-searchbar .form-group input::placeholder {
	color: #a5adba;
	font-size: 13px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.main-searchbar .form-group input::placeholder {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.main-searchbar .form-group input::placeholder {
		font-size: 11px
	}
}

.main-searchbar .form-group .form-control:active, .main-searchbar .form-group .form-control:focus {
	border-color: #ebecf0
}

.main-searchbar .btn-default {
	width: 32px;
	height: 32px;
	padding: 7px 8px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ebecf0;
	background-color: #f4f5f7
}

@media(max-width: 1600px) {
	.main-searchbar .btn-default {
		height: 27px
	}
}

@media(max-width: 1400px) {
	.main-searchbar .btn-default {
		height: 25px
	}
}

@media(max-width: 1400px) {
	.main-searchbar .date-range .btn-default img {
		width: 14px
	}
}

.search-arrow {
	padding-right: 16px;
	color: #2aa7df;
	font-size: 14px;
	line-height: 1.5;
	display: flex;
	align-items: center
}

@media(max-width: 1600px) {
	.search-arrow {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.search-arrow {
		font-size: 12px
	}
}

.search-arrow img {
	margin-right: 4px
}

.date-range, .select-dropdpwn {
	gap: 8px
}

	.date-range label, .select-dropdpwn label {
		min-width: max-content;
		margin-bottom: 0
	}

@media(max-width: 1400px) {
	.date-range label, .select-dropdpwn label {
		font-size: 11px !important;
		line-height: 1.5
	}
}

.daterangepicker {
	font-family: "Roboto",sans-serif;
	z-index: 9999
}

	.daterangepicker td.active, .daterangepicker td:hover {
		background-color: #3b5567
	}

	.daterangepicker .drp-buttons .btn {
		font-weight: 500;
		padding: 6px 15px;
		height: 32px;
		border-radius: 4px
	}

@media(max-width: 1400px) {
	.daterangepicker .drp-buttons .btn {
		font-size: 11px;
		line-height: 1.5;
		height: 27px
	}
}

@media(max-width: 1400px) {
	.daterangepicker .drp-selected {
		font-size: 11px;
		line-height: 1.5
	}
}

@media(max-width: 1400px) {
	.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
		font-size: 11px
	}
}

.action-icons {
	gap: 8px
}

@media(max-width: 1200px) {
	.action-icons {
		justify-content: start !important;
		padding-top: 2px
	}
}

.access-text {
	color: #2aa7df;
	cursor: pointer
}

	.access-text img {
		margin-right: 10px
	}

@media(max-width: 1400px) {
	.access-text img {
		margin-right: 5px
	}
}

.recent-table .access-text img {
	margin-right: 0 !important
}

#example2_wrapper .row .row .row {
	padding: 0px 20px
}

.grace-text, .common-text {
	background-color: #e42336;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 4px;
	text-transform: capitalize
}

@media(max-width: 1800px) {
	.grace-text, .common-text {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.grace-text, .common-text {
		font-size: 9px
	}
}

.grace-text.bg-warning, .common-text.bg-warning {
	color: #fff !important
}

.expire-text {
	background-color: #ffab00
}

.inactive-text {
	background-color: #92a1ab
}

.upcomeing-text {
	background-color: #6554c0
}

.active-text {
	background: #10a472
}

.expired-text {
	background-color: #091e42
}

.green-text {
	color: #88c041;
	font-weight: 500
}

.orange-text {
	background-color: #ff8b00
}

.low-text {
	background-color: #2aa7df
}

.critical-text {
	background-color: #e42336
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #2aa7df;
	background-color: #2aa7df;
	box-shadow: none
}

.custom-control-label::after {
	top: 1px;
	left: -24px;
	width: 22px;
	height: 22px;
	cursor: pointer
}

@media(max-width: 1400px) {
	.custom-control-label::after {
		left: -23px;
		width: 17px;
		height: 17px
	}
}

.custom-control-label::before {
	border: 1px solid #c1c7d0;
	box-shadow: unset;
	background-color: #fff;
	width: 24px;
	height: 24px;
	top: 0;
	left: -1.5rem
}

@media(max-width: 1400px) {
	.custom-control-label::before {
		width: 18px;
		height: 18px
	}
}

.form-btn {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 16px
}

.upload-image .upload-box {
	width: 160px;
	height: 160px;
	flex: 0 0 160px;
	border: 1px solid #ebecf0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	position: relative;
	background-color: #fafbfc;
	border-radius: 10px;
	padding: 10px
}

@media(max-width: 1800px) {
	.upload-image .upload-box {
		width: 100px;
		height: 100px;
		flex: 0 0 100px
	}
}

@media(max-width: 1400px) {
	.upload-image .upload-box {
		width: 80px;
		height: 80px;
		flex: 0 0 80px
	}
}

.upload-image .upload-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px
}

@media(max-width: 1400px) {
	.upload-image .upload-box img {
		width: 20px;
		height: 20px
	}
}

.upload-image .upload-box img.defult-img {
	width: auto;
	height: auto
}

.upload-image .upload-box img.upload-logo-latest {
	width: 100%;
	height: 100%
}

.upload-image .upload-box input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	inset: 0;
	cursor: pointer
}

.upload-image .upload-box .upload-close {
	position: absolute;
	top: -15px;
	right: -15px
}

.upload-image .upload-box.image-upadated .center-defult-img {
	display: none
}

.upload-image .upload-box.mutltiple-attchment {
	flex-wrap: nowrap;
	gap: 5px;
	flex-direction: row;
	overflow: auto
}

	.upload-image .upload-box.mutltiple-attchment .center-defult-img {
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		gap: 8px;
		max-width: 125px
	}

@media(max-width: 1400px) {
	.upload-image .upload-box.mutltiple-attchment .center-defult-img {
		max-width: 50px
	}
}

.upload-image .upload-box.mutltiple-attchment img {
	width: 40px;
	height: 40px;
	display: inline-flex;
	border: 1px solid #264357;
	padding: 2px
}

@media(max-width: 1400px) {
	.upload-image .upload-box.mutltiple-attchment img {
		width: 25px;
		height: 25px
	}
}

.upload-image .upload-box .btn-cancel {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	background: red;
	color: #fff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	padding: 0;
	z-index: 10
}

.upload-image .help-block {
	font-size: 14px;
	line-height: 1.5;
	color: #29aae2;
	font-weight: 500;
	margin-top: 14px;
	padding-left: 10px
}

@media(max-width: 1600px) {
	.upload-image .help-block {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.upload-image .help-block {
		font-size: 11px
	}
}

.upload-image .help-block span {
	color: #a5adba;
	display: block;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600
}

@media(max-width: 1600px) {
	.upload-image .help-block span {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.upload-image .help-block span {
		font-size: 10px
	}
}

.upload-image.fix-upload-box .upload-box {
	width: 180px;
	height: 180px;
	flex: 0 0 180px;
	padding: 10px
}

@media(max-width: 1800px) {
	.upload-image.fix-upload-box .upload-box {
		width: 150px;
		height: 160px;
		flex: 0 0 150px
	}
}

@media(max-width: 1400px) {
	.upload-image.fix-upload-box .upload-box {
		width: 125px;
		height: 125px;
		flex: 0 0 125px;
		padding: 5px
	}
}

.upload-image.fix-upload-box .help-block {
	padding-left: 0px;
	text-align: center
}

	.upload-image.fix-upload-box .help-block span {
		margin-top: 14px
	}

@media(max-width: 1400px) {
	.upload-image.fix-upload-box .help-block span {
		margin-top: 7px
	}
}

.date-range-inner label {
	margin-bottom: 8px !important
}

@media(max-width: 1200px) {
	.date-range-inner label {
		margin-bottom: 3px !important
	}
}

.payment-info {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-left: 10px;
	border-left: 1px solid #d3d9dd
}

	.payment-info span {
		padding: 9px 12px !important;
		vertical-align: middle
	}

@media(max-width: 1600px) {
	.payment-info span {
		font-size: 11px
	}
}

.payment-info span:first-child {
	padding-left: 0px !important;
	margin-left: 25px;
	position: relative
}

	.payment-info span:first-child::before {
		content: "";
		position: absolute;
		left: -19px;
		top: 12px;
		width: 1px;
		height: 15px;
		transform: rotate(90deg);
		background-color: #d3d9dd
	}

.payment-info span b {
	font-weight: 500
}

.payment-info .label {
	font-size: .9rem;
	margin-bottom: 5px;
	color: #333
}

.profile-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px
}

	.profile-container label {
		margin-bottom: 5px
	}

@media(max-width: 1400px) {
	.profile-container label {
		font-size: 13px
	}
}

.profile-container .profile-pic-wrapper {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	cursor: pointer
}

	.profile-container .profile-pic-wrapper .profile-pic {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
		border: 2px solid #fff;
		box-shadow: 0 0 4px rgba(0,0,0,.1);
		position: relative
	}

	.profile-container .profile-pic-wrapper .camera-icon {
		position: absolute;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		padding: 6px;
		width: 31px;
		height: 31px;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.profile-container .profile-pic-wrapper .camera-icon img {
			width: 31px;
			height: 31px
		}

.search-box input {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px
}

.node {
	border: 1px dashed #ccc;
	margin: 5px;
	padding: 10px;
	position: relative
}

.toggle {
	background-color: #d3d9dd;
	color: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative
}

@media(max-width: 1400px) {
	.toggle {
		width: 20px;
		height: 20px
	}
}

.toggle.collapsed {
	background-color: #2aa7df
}

	.toggle.collapsed::after, .toggle.expanded::after {
		content: "";
		right: 9px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 8px;
		height: 5px;
		background: url(../image/icon-expand.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		pointer-events: none;
		display: block;
		z-index: 1
	}

@media(max-width: 1400px) {
	.toggle.collapsed::after, .toggle.expanded::after {
		right: 6px
	}
}

.toggle.expanded::after {
	background: url(../image/icon-collpased.svg) no-repeat center
}

.no {
	color: #2aa7df;
	font-size: 14px;
	margin-left: 8px
}

@media(max-width: 1400px) {
	.no {
		font-size: 11px
	}
}

.subscription-history tbody .inner-row td {
	border-top: unset !important;
	padding-top: 0px !important
}

.color-blue {
	color: #2aa7df
}

strong {
	color: #31373e
}

.search-bar {
	display: flex;
	align-items: center;
	justify-content: center
}

canvas {
	max-width: 100%
}

@media(max-width: 1800px) {
	.img-size-32 {
		width: 25px
	}
}

@media(max-width: 1800px) {
	.card-tools a {
		font-size: 13px;
		line-height: normal
	}
}

@media(max-width: 1400px) {
	.card-tools a {
		font-size: 11px
	}
}

@media(max-width: 1600px) {
	.card-tools .less-btn {
		height: 20px
	}
}

@media(max-width: 1800px) {
	.form-group label {
		font-size: 13px
	}
}

@media(max-width: 1600px) {
	.layout-fixed .brand-link {
		width: 200px
	}
}

@media(max-width: 1400px) {
	.layout-fixed .brand-link {
		width: 190px
	}
}

@media(max-width: 1600px) {
	.navbar {
		padding: .3rem .5rem
	}
}

@media(max-width: 1600px) {
	.multiselect-selected-text {
		top: 0px;
		position: relative;
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.multiselect-selected-text {
		font-size: 11px;
		top: 1px
	}
}

.site-map {
	padding-top: 100px
}

	.site-map .login-logo {
		text-align: center;
		padding-bottom: 50px
	}

		.site-map .login-logo h1 {
			font-size: 28px;
			text-transform: uppercase;
			color: #000
		}

	.site-map .cms-imformation {
		margin-top: 30px
	}

		.site-map .cms-imformation ul {
			padding: 0px 200px;
			margin-bottom: 18px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap
		}

@media(max-width: 1400px) {
	.site-map .cms-imformation ul {
		padding: 0px 100px
	}
}

.site-map .cms-imformation ul li {
	margin-bottom: 15px;
	position: relative;
	list-style-type: none;
	width: 25%;
	flex: 0 0 25%
}

@media(max-width: 1600px) {
	.site-map .cms-imformation ul li {
		width: 33.33%;
		flex: 0 0 33.33%
	}
}

@media(max-width: 991px) {
	.site-map .cms-imformation ul li {
		width: 50%;
		flex: 0 0 50%
	}
}

.site-map .cms-imformation ul li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: -20px;
	width: 8px;
	height: 8px;
	background-color: #3b5567;
	border-radius: 20px
}

.site-map .cms-imformation ul li a {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5
}

.login-screen-lg .language-selector {
	max-width: 115px;
	width: auto;
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 1
}

.card-footer {
	background-color: unset !important
}

.wstym-main-loader {
	width: 100%;
	padding: 0px;
	color: #ccc;
	cursor: pointer;
	transition: .3s linear;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto
}

	.wstym-main-loader:before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: 99;
		background: rgba(0,0,0,.7)
	}

	.wstym-main-loader .loader-inner {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: inline-block;
		border-top: 4px solid #2aa7df;
		border-right: 4px solid rgba(0,0,0,0);
		-webkit-animation: rotation 1s linear infinite;
		animation: rotation 1s linear infinite;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99
	}

		.wstym-main-loader .loader-inner::after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 60px;
			height: 60px;
			border-radius: 50%;
			border-left: 4px solid #fff;
			border-bottom: 4px solid rgba(0,0,0,0);
			animation: rotation .5s linear infinite reverse
		}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.icon-right {
	position: absolute;
	right: 12px;
	top: 12px;
	display: flex;
	align-items: center;
	cursor: pointer
}

@media(max-width: 1600px) {
	.icon-right {
		right: 10px;
		top: 10px
	}
}

@media(max-width: 1400px) {
	.icon-right {
		top: 7px
	}
}

@media(max-width: 1600px) {
	.icon-right img {
		width: 14px;
		height: 14px
	}
}

#map {
	height: 283px;
	width: 100%;
	overflow: hidden;
	position: relative
}

.gap-2 {
	gap: 4px
}

.gap-3 {
	gap: 10px
}

.gap-8 {
	gap: 8px
}

.card-header::after, .card-body::after, .card-footer::after {
	display: none
}

@media(max-width: 1200px) {
	.common-filter-bar label {
		display: none
	}
}

@media(max-width: 1400px) {
	.common-filter-bar .common-filed-bar {
		width: 100%;
		display: grid !important;
		grid-template-columns: repeat(4, 1fr)
	}
}

@media(max-width: 1200px) {
	.common-filter-bar .common-filed-bar .form-group {
		width: 100%
	}
}

@media(max-width: 1400px) {
	.common-filter-bar .downloads-btn {
		position: absolute;
		right: 15px;
		top: 5px
	}
}

.common-filter-bar.top-common-filed .common-filed-bar {
	width: auto;
	display: flex !important
}

	.common-filter-bar.top-common-filed .common-filed-bar .dropdowns-option-arrow .rz-dropdown {
		max-width: 180px !important
	}

	.common-filter-bar.top-common-filed .common-filed-bar .downloads-btn {
		position: static
	}

.gap-12 {
	gap: 12px
}

.gif-icon {
	width: 32px;
	height: 32px
}

@media(max-width: 1400px) {
	.gif-icon {
		width: 20px;
		height: 20px
	}
}

.gap-16 {
	gap: 16px
}

.gap-10 {
	gap: 10px
}

.gap-20 {
	gap: 20px
}

.gap-25 {
	gap: 25px
}

.gap-30 {
	gap: 30px
}

.gap-40 {
	gap: 40px
}

@media(max-width: 1600px) {
	.gap-40 {
		gap: 20px
	}
}

form, .mt-40 {
	margin-top: 40px
}

@media(max-width: 1600px) {
	form, .mt-40 {
		margin-top: 30px
	}
}

.validation-message {
	color: #e50000;
	font-size: 12px;
	left: 0;
	bottom: -20px;
	line-height: 20px;
	max-width: 100%
}

@media(max-width: 1600px) {
	.validation-message {
		font-size: 10px;
		bottom: -17px
	}
}

.validation-message .validation-message:not(:empty) {
	min-height: 20px
}

.validation-message .validation-message:not(:empty) {
	height: auto
}

.validation-message .validation-message:has(br) {
	bottom: -40px
}

.collapsed-card .card-body {
	display: none !important;
	height: 0 !important;
	padding: 0 !important
}

.dashboard-chart-two {
	padding: 0px .5rem
}

.upgraded-text {
	background-color: #d3d9dd;
	color: #000
}

.wizard-steps .wizard-step {
	max-width: 200px;
	flex: 0 0 200px;
	position: relative
}

@media(max-width: 1600px) {
	.wizard-steps .wizard-step {
		max-width: 160px;
		flex: 0 0 160px
	}
}

.wizard-steps .wizard-step:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #c1c7d0
}

@media(max-width: 1400px) {
	.wizard-steps .wizard-step:before {
		top: 11px
	}
}

.wizard-steps .wizard-step:last-child:before {
	display: none
}

.wizard-steps .wizard-step > div {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #c1c7d0;
	color: #c1c7d0;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.5;
	position: relative
}

@media(max-width: 1400px) {
	.wizard-steps .wizard-step > div {
		width: 22px;
		height: 22px;
		font-size: 12px
	}
}

.wizard-steps .wizard-step span {
	font-weight: 600;
	color: #7a869a;
	margin-top: 7px;
	display: block
}

@media(max-width: 1400px) {
	.wizard-steps .wizard-step span {
		font-size: 11px;
		margin-top: 5px
	}
}

.wizard-steps .wizard-step.current > div {
	color: #2aa7df;
	border-color: #2aa7df
}

.wizard-steps .wizard-step.current span {
	color: #2aa7df
}

.wizard-steps .wizard-step.current.done span {
	color: #2aa7df !important
}

.wizard-steps .wizard-step.done > div {
	color: #2aa7df;
	border-color: #2aa7df;
	background-color: #2aa7df
}

	.wizard-steps .wizard-step.done > div:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 16px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translate(-50%, -60%) rotate(45deg)
	}

@media(max-width: 1600px) {
	.wizard-steps .wizard-step.done > div:before {
		width: 6px;
		height: 12px;
		transform: translate(-50%, -50%) rotate(45deg)
	}
}

.wizard-steps .wizard-step.done span {
	color: #31373e
}

.wizard-steps .wizard-step.done::before {
	background-color: #2aa7df
}

.pt-10 {
	padding-top: 10px
}

.pt-20 {
	padding-top: 20px
}

@media(max-width: 1400px) {
	.pt-20 {
		padding-top: 5px
	}
}

.pt-30 {
	padding-top: 30px
}

@media(max-width: 991px) {
	.pt-30 {
		padding-top: 20px
	}
}

@media(max-width: 767px) {
	.pt-30 {
		padding-top: 10px
	}
}

.pb-10 {
	padding-bottom: 10px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-30 {
	padding-bottom: 30px
}

@media(max-width: 991px) {
	.pb-30 {
		padding-bottom: 20px
	}
}

@media(max-width: 767px) {
	.pb-30 {
		padding-bottom: 10px
	}
}

.grey-text {
	color: #7a869a
}

.dark-green-text {
	color: #10a472
}

.light-green-text {
	color: #88c041
}

.img-responsive {
	max-width: 100%
}

.font-weight-400 {
	font-weight: 400
}

.font-weight-500 {
	font-weight: 500
}

.mt-10 {
	margin-top: 10px
}

.mt-20 {
	margin-top: 20px
}

@media(max-width: 1400px) {
	.mt-20 {
		margin-top: 5px
	}
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

@media(max-width: 1200px) {
	.mt-50 {
		margin-top: 25px
	}
}

.mb-10 {
	margin-bottom: 10px
}

.mb-16 {
	margin-bottom: 16px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-50 {
	margin-bottom: 50px
}

@media(max-width: 1200px) {
	.mb-50 {
		margin-bottom: 25px
	}
}

.my-xxl-3 {
	margin-bottom: 1rem !important;
	margin-bottom: 1rem !important
}

@media(max-width: 1600px) {
	.my-xxl-3 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}
}

.site-dashboard {
	padding: 20px 15px
}

@media(max-width: 1600px) {
	.site-dashboard {
		padding: 15px
	}
}

@media(max-width: 1400px) {
	.site-dashboard {
		padding: 10px
	}
}

.site-dashboard .filter-top-btn.show {
	top: 27%;
	margin: 0
}

@media(max-width: 1400px) {
	.site-dashboard .filter-top-btn.show {
		top: 25%
	}
}

@media only screen and (max-width: 1350px) {
	.site-dashboard .filter-top-btn.show {
		top: 23%
	}
}

.site-dashboard .site-info {
	list-style: none;
	padding-left: 10px
}

	.site-dashboard .site-info.site-info-main-top {
		margin-top: 85px;
		opacity: 0;
		transform: translateY(-40px) scale(0.98);
		animation: smoothDrop 1s cubic-bezier(0.25, 1, 0.5, 1) forwards
	}

@media(max-width: 1800px) {
	.site-dashboard .site-info.site-info-main-top {
		margin-top: 75px
	}
}

@media(max-width: 1600px) {
	.site-dashboard .site-info.site-info-main-top {
		margin-top: 65px
	}
}

@media only screen and (max-width: 1350px) {
	.site-dashboard .site-info.site-info-main-top {
		margin-top: 110px
	}
}

.site-dashboard .site-info li {
	font-size: 14px;
	color: #333;
	position: relative;
	z-index: 1;
	padding-right: 16px
}

@media(max-width: 1600px) {
	.site-dashboard .site-info li {
		font-size: 12px
	}
}

.site-dashboard .site-info li:first-child {
	margin-left: -10px
}

	.site-dashboard .site-info li:first-child::before {
		display: none
	}

.site-dashboard .site-info li:last-child {
	padding-right: 0px
}

.site-dashboard .site-info li::before {
	content: "";
	display: inline-block;
	margin: 0;
	background-color: #ccc;
	width: 4px;
	height: 4px;
	left: -9px;
	top: auto;
	position: absolute;
	border-radius: 50%;
	z-index: -1
}

@media(max-width: 1600px) {
	.site-dashboard .site-info li::before {
		left: -10px
	}
}

.site-dashboard .site-info li strong {
	font-weight: 600;
	margin-right: 4px
}

@media(max-width: 1600px) {
	.site-dashboard .site-info li strong {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.site-dashboard .site-info li strong {
		font-size: 12px
	}
}

.site-dashboard .site-info li.edit-link::before {
	content: none
}

.site-dashboard .site-info li.edit-link a {
	display: flex;
	align-items: center;
	color: #0af;
	text-decoration: none
}

	.site-dashboard .site-info li.edit-link a:hover {
		text-decoration: underline
	}

	.site-dashboard .site-info li.edit-link a .edit-icon {
		width: 14px;
		height: 14px;
		margin-right: 4px
	}

.site-dashboard .site-info .site-layout-kpi {
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 375px
}

@media(max-width: 1400px) {
	.site-dashboard .site-info .site-layout-kpi {
		width: auto
	}
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list {
	padding: 8px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	color: #fff
}

@media(max-width: 1800px) {
	.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list {
		padding: 4px 8px;
		font-size: 14px
	}
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list img {
	margin-right: 8px
}

@media(max-width: 1800px) {
	.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list img {
		height: 13px
	}
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list:first-child {
	background-color: #2aa7df
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list:nth-child(2) {
	background-color: #88c041
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list:nth-child(3) {
	background-color: #6554c0
}

.site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list:nth-child(4) {
	background-color: #ffab00
}

.site-dashboard .green-inner-text {
	background-color: #10a472;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
	border-radius: 4px;
	padding: 1px 3px;
	margin-left: 8px;
	color: #fff
}

@media(max-width: 1400px) {
	.site-dashboard .green-inner-text {
		font-size: 11px
	}
}

.site-dashboard .green-inner-text.red-text {
	background-color: #e42336
}

.site-dashboard .device-full-box .chart-wrapper .center-text {
	top: 50%
}

.site-dashboard.site-dashboard-modal .site-info .site-layout-kpi {
	width: 90px;
	grid-template-columns: auto
}

@media(max-width: 1600px) {
	.site-dashboard.site-dashboard-modal .site-info .site-layout-kpi {
		width: 70px
	}
}

.site-dashboard.site-dashboard-modal .alarm-traker .alarm-img img {
	height: 250px
}

.site-dashboard.site-dashboard-modal .layout .main-panel {
	width: 100%;
	justify-content: center !important;
	align-items: center !important
}

	.site-dashboard.site-dashboard-modal .layout .main-panel .main-panel-img {
		max-width: 100%;
		flex: 0 0 100%
	}

.site-dashboard .site-dashboard-two .filter-top-btn.show {
	top: 65px;
	margin: 0px 15px
}

@media(max-width: 1400px) {
	.site-dashboard .site-dashboard-two .filter-top-btn.show {
		top: 50px;
		margin: 0px 10px
	}
}

@media only screen and (min-width: 1201px)and (max-width: 1350px) {
	.site-dashboard .site-dashboard-two .filter-top-btn.show {
		top: 45px
	}
}

.site-dashboard .site-dashboard-two .site-info.site-info-main-top {
	margin-top: 85px
}

@media(max-width: 1800px) {
	.site-dashboard .site-dashboard-two .site-info.site-info-main-top {
		margin-top: 80px
	}
}

@media only screen and (max-width: 1350px) {
	.site-dashboard .site-dashboard-two .site-info.site-info-main-top {
		margin-top: 110px
	}
}

.site-dashboard.black-top-bar .site-dashboard-two .filter-top-btn.show {
	top: 19%;
	margin: 0px
}

@media only screen and (max-width: 1350px) {
	.site-dashboard.black-top-bar .site-dashboard-two .filter-top-btn.show {
		top: 10%
	}
}

.site-dashboard.black-top-bar .top-common-filed {
	margin-bottom: 0px !important
}

.users-numbers {
	display: grid;
	gap: 8px;
	grid-template-columns: 2fr 2fr
}

	.users-numbers .info-box {
		border-radius: 4px;
		padding: 9px;
		align-items: center;
		margin-bottom: 0px;
		flex-wrap: wrap
	}

@media(max-width: 1600px) {
	.users-numbers .info-box {
		min-height: auto
	}
}

@media(max-width: 1400px) {
	.users-numbers .info-box {
		padding: 10px
	}
}

.users-numbers .info-box .info-box-icon {
	border-radius: 4px;
	background-color: rgba(9,30,66,.0784313725);
	width: 56px;
	height: 56px;
	margin-right: 12px
}

@media(max-width: 1600px) {
	.users-numbers .info-box .info-box-icon {
		width: 40px;
		height: 40px
	}
}

.users-numbers .info-box .info-box-text {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0
}

@media(max-width: 1600px) {
	.users-numbers .info-box .info-box-text {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.users-numbers .info-box .info-box-text {
		font-size: 10px
	}
}

.users-numbers .info-box .info-box-number {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 8px
}

@media(max-width: 1800px) {
	.users-numbers .info-box .info-box-number {
		font-size: 20px
	}
}

@media(max-width: 1600px) {
	.users-numbers .info-box .info-box-number {
		font-size: 14px;
		line-height: 1.5
	}
}

.users-numbers .info-box .info-box-number sub {
	font-size: 14px;
	bottom: 0
}

@media(max-width: 1600px) {
	.users-numbers .info-box .info-box-number sub {
		font-size: 11px
	}
}

.users-numbers .info-box .info-box-content {
	padding: 0
}

.view-all {
	margin-right: 10px
}

@media(max-width: 1400px) {
	.view-all {
		margin-right: 5px
	}
}

.users-recent {
	margin-bottom: 15px
}

	.users-recent .recent-table {
		max-height: 240px;
		overflow-y: auto
	}

@media(max-width: 1400px) {
	.users-recent .recent-table {
		max-height: 210px
	}
}

#site-alert-chart .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, #site-alert-chart .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
	justify-content: end
}

.f-18 {
	font-size: 1.125rem
}

@media(max-width: 1200px) {
	.f-18 {
		font-size: 1rem
	}
}

.f-20 {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5
}

@media(max-width: 1400px) {
	.f-20 {
		font-size: 1rem
	}
}

.f-22 {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.5
}

@media(max-width: 1200px) {
	.f-22 {
		font-size: 1rem
	}
}

.f-24 {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 700
}

@media(max-width: 1200px) {
	.f-24 {
		font-size: 1.3rem
	}
}

@media(max-width: 991px) {
	.f-24 {
		font-size: 1.1rem
	}
}

.f-28 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 700
}

@media(max-width: 1600px) {
	.f-28 {
		font-size: 1.5rem
	}
}

@media(max-width: 991px) {
	.f-28 {
		font-size: 1.3rem
	}
}

.import-btn {
	position: relative
}

	.import-btn .nav-link::before, .import-btn .nav-link::after {
		display: none
	}

@media(max-width: 1800px) {
	.import-btn .nav-link {
		min-width: 65px
	}
}

.import-btn .import-data {
	position: relative;
	border-radius: 4px;
	padding: 6px 8px;
	color: #fff;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

@media(max-width: 1400px) {
	.import-btn .import-data {
		height: 25px
	}
}

.import-btn .import-data::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #77b12d;
	right: 30px;
	display: block !important
}

.import-btn .import-data .import-arrow-name .inner-text {
	margin-right: 0px;
	color: #fff
}

.import-btn .import-data .dropdown-import-arrow {
	position: relative;
	right: -2px;
	width: auto !important;
	height: auto !important;
	top: 1px
}

@media(max-width: 1800px) {
	.import-btn .import-data .dropdown-import-arrow {
		top: 0px
	}
}

@media(max-width: 1400px) {
	.import-btn .import-data .dropdown-import-arrow {
		top: 1px
	}
}

@media(max-width: 1800px) {
	.import-btn .import-data .dropdown-import-arrow img {
		height: auto !important
	}
}

.import-btn .import-data .dropdown-import-arrow.arrow-rotate {
	transform: rotate(180deg)
}

.import-btn .dropdown-menu {
	min-width: max-content !important
}

.customer-days-common .language-selector {
	margin-right: 0px !important
}

	.customer-days-common .language-selector .common-dropdown .nav-link {
		min-width: 95px
	}

@media(max-width: 1800px) {
	.customer-days-common .language-selector .common-dropdown .nav-link {
		min-width: 85px
	}
}

.customer-days-common .language-selector .common-dropdown .drop-down-btn .dropdown-menu.dropdown-menu-sm {
	min-width: 95px
}

@media(max-width: 1800px) {
	.customer-days-common .language-selector .common-dropdown .drop-down-btn .dropdown-menu.dropdown-menu-sm {
		min-width: 85px
	}
}

.mark-all {
	border: unset;
	background-color: unset;
	font-size: 12px;
	font-weight: 500;
	color: #42526e;
	text-transform: uppercase
}

	.mark-all span {
		margin-right: 10px
	}

.all-modals .modal-heading {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 15px;
	display: inline-block
}

.alarm-cctv .cctv-part .preview {
	height: 445px
}

@media(max-width: 1600px) {
	.alarm-cctv .cctv-part .preview {
		height: 350px
	}
}

.alarm-cctv .cctv-part .cctv-box {
	overflow: auto;
	padding-bottom: 5px
}

	.alarm-cctv .cctv-part .cctv-box .no-data-text {
		font-size: 18px;
		line-height: 1.5;
		color: #264357;
		font-weight: 600;
		text-transform: capitalize
	}

@media(max-width: 1600px) {
	.alarm-cctv .cctv-part .cctv-box .no-data-text {
		font-size: 14px
	}
}

.alarm-cctv .cctv-part .cctv-box .cctv-inner-box {
	width: 105px;
	flex: 0 0 105px
}

.mobile-inner-code {
	border: 1px solid #ebecf0;
	border-radius: 4px
}

	.mobile-inner-code .country-code {
		max-width: 85px;
		border-right: unset !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		padding: 10px !important;
		border: unset !important
	}

@media(max-width: 1400px) {
	.mobile-inner-code .country-code {
		padding: 7px !important
	}
}

.mobile-inner-code input.form-control {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border: unset !important;
	border-left: 1px solid #ebecf0 !important
}

.mobile-inner-code .rz-dropdown-panel {
	width: 100% !important
}

@media(max-width: 1200px) {
	.regions-maps .card-header {
		padding: 5px 15px
	}
}

.regions-maps .card-body {
	padding: 20px
}

@media(max-width: 1600px) {
	.regions-maps .card-body {
		padding: 15px
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box {
	border-radius: 4px;
	padding: 9px;
	align-items: center;
	margin-bottom: 0px
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box {
		min-height: auto
	}
}

@media(max-width: 1400px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box {
		padding: 10px
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-icon {
	border-radius: 4px;
	background-color: #2aa7df;
	width: 56px;
	height: 56px;
	margin-right: 12px
}

@media(max-width: 1400px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-icon {
		width: 45px;
		height: 45px
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-text {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 500;
	color: #31373e;
	text-transform: uppercase;
	margin-top: 0
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-text {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-text {
		font-size: 10px
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-number {
	font-size: 24px;
	font-weight: 500;
	color: #2aa7df;
	line-height: 1.5;
	margin-bottom: 8px
}

@media(max-width: 1800px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-number {
		font-size: 20px
	}
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-number {
		font-size: 14px;
		line-height: 1.5
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-number sub {
	font-size: 14px;
	bottom: 0
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-number sub {
		font-size: 11px
	}
}

.regions-maps .card-body .sites-regions .chart-regions .info-box .info-box-content {
	padding: 0
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-triger .chart-wrapper {
		width: 80px !important;
		height: 80px !important
	}
}

@media(max-width: 1600px) {
	.regions-maps .card-body .sites-regions .chart-triger .chart-wrapper .chart-canvas {
		width: 80px !important;
		height: 80px !important
	}
}

@media(min-width: 1760px) {
	.regions-maps .col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
}

.map-img {
	height: 320px;
	border-radius: 4px;
	object-fit: cover
}

@media(max-width: 1600px) {
	.map-img {
		height: 255px
	}
}

.btnverify {
	width: 100%;
	margin-top: 20px
}

.blazored-toast-container {
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 1055
}

.img-close {
	cursor: pointer
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #ebecf0
}

.disabled-opacity {
	opacity: .3
}

.drag-box {
	position: relative;
	border: 2px dashed #bfbfbf;
	padding: 40px;
	text-align: center;
	transition: background .2s ease-in-out
}

	.drag-box.dragover {
		background: #eefaff !important;
		border-color: #39f !important
	}

.popup-visible {
	opacity: 1.5 !important
}

.resend {
	background-color: unset;
	border: unset;
	right: 0;
	padding: 0;
	cursor: pointer
}

	.resend.resend-disabled {
		color: #a5adba
	}

		.resend.resend-disabled img {
			display: none
		}

@media(max-width: 1800px) {
	.drop-down-btn .dropdown-menu.dropdown-menu-sm {
		transform: translate3d(0px, 32px, 0px) !important
	}
}

.common-date-piker .rz-datepicker, .common-box-input .rz-datepicker {
	display: block;
	width: 100%
}

	.common-date-piker .rz-datepicker .rz-inputtext, .common-box-input .rz-datepicker .rz-inputtext {
		font-size: 14px;
		line-height: 1.5;
		height: 40px;
		padding: 10px 16px;
		color: #31373e;
		border: 1px solid #ebecf0 !important;
		border-radius: 4px;
		box-shadow: none !important;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px
	}

@media(max-width: 1600px) {
	.common-date-piker .rz-datepicker .rz-inputtext, .common-box-input .rz-datepicker .rz-inputtext {
		height: 34px;
		font-size: 13px;
		padding: 7px 12px
	}
}

@media(max-width: 1400px) {
	.common-date-piker .rz-datepicker .rz-inputtext, .common-box-input .rz-datepicker .rz-inputtext {
		font-size: 12px
	}
}

.common-date-piker .rz-datepicker .rz-inputtext:focus, .common-date-piker .rz-datepicker .rz-inputtext:active, .common-box-input .rz-datepicker .rz-inputtext:focus, .common-box-input .rz-datepicker .rz-inputtext:active {
	border-color: #94d2ee !important
}

.common-date-piker .btn-default, .common-box-input .btn-default {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: 0px !important
}

	.common-date-piker .btn-default:hover, .common-box-input .btn-default:hover {
		background-color: #f8f9fa
	}

.common-date-piker .form-control:disabled, .common-date-piker .form-control:read-only, .common-box-input .form-control:disabled, .common-box-input .form-control:read-only {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left: 1px solid #ced4da !important
}

.rz-calendar-view td .rz-state-default {
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 32px;
	height: 27px;
	line-height: 24px;
	font-size: 12px !important;
	border-radius: 4px !important;
	border: 1px solid rgba(0,0,0,0);
	white-space: nowrap;
	cursor: pointer
}

	.rz-calendar-view td .rz-state-default.rz-state-focused {
		background-color: #2aa7df !important;
		color: #fff !important
	}

	.rz-calendar-view td .rz-state-default:hover {
		background-color: #e9ecee !important;
		color: #31373e !important
	}

.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover {
	background-color: #3b5567 !important
}

	.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover .rz-calendar-prev-icon, .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover .rz-calendar-next-icon {
		color: #fff
	}

.rz-pager-element, .rz-button-md {
	min-height: 1.25rem !important;
	min-width: 1.25rem !important
}

	.rz-pager-element, .rz-button-md.rz-button-icon-only {
		padding: 3px !important
	}

.region-map img {
	height: calc(100vh - 250px)
}

.logo-desktop-only .fullscreen-logo-mobile {
	display: none
}

@media screen and (max-width: 760px) {
	.logo-desktop-only .fullscreen-logo-mobile {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		color: #fff;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 2
	}
}

.logo-desktop-only .fullscreen-logo-mobile .screen-info h2 {
	font-size: 24px;
	color: #3b5567
}

@media(max-width: 576px) {
	.logo-desktop-only .fullscreen-logo-mobile .screen-info h2 {
		font-size: 20px
	}
}

.flex-common {
	display: flex;
	align-items: center;
	justify-content: center
}

.transfrom-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.category-img {
	width: 32px;
	height: 32px;
	border-radius: 5px;
	object-fit: cover
}

@media(max-width: 1400px) {
	.category-img {
		width: 20px;
		height: 20px
	}
}

@media only screen and (max-width: 1350px) {
	.node-toolbar .filter-active {
		margin-top: 95px !important
	}
}

.filter-active {
	animation: slideDownFadeIn .8s ease forwards
}

@media only screen and (max-width: 991px) {
	.filter-active {
		margin-top: 95px !important
	}
}

@keyframes slideDownFadeIn {
	0% {
		margin-top: 0px;
		opacity: 0
	}

	100% {
		margin-top: 65px;
		opacity: 1
	}
}

.color-label {
	display: block;
	color: hsla(0,0%,100%,.8);
	font-size: 1.2rem;
	margin-bottom: 1rem;
	font-weight: 600
}

.color-input {
	width: 100%;
	height: 40px;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	padding: 8px;
	color: #31373e;
	border: 1px solid #ebecf0;
	border-radius: 4px
}

@media(max-width: 1400px) {
	.color-input {
		height: 28px
	}
}

.color-input::-webkit-color-swatch-wrapper {
	padding: 0
}

.color-input::-webkit-color-swatch {
	border: none;
	border-radius: 4px
}

.region-map {
	height: 100%
}

	.region-map #region-map {
		width: 100%;
		height: 100%;
		min-height: 100%
	}

@media(max-width: 1600px) {
	.region-map #region-map {
		height: 100dvh
	}
}

.setting-region-map #region-map {
	width: 100%;
	height: calc(100dvh - 245px) !important
}

@media(max-width: 1400px) {
	.setting-region-map #region-map {
		height: calc(100dvh - 182px) !important
	}
}

.region-status-dashboard {
	border: 1px solid #ebecf0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border-radius: 4px;
	background-color: #fafbfc;
	padding: 10px
}

	.region-status-dashboard p {
		margin-bottom: 0;
		font-size: 30px;
		line-height: 1.5;
		text-transform: capitalize;
		font-weight: 600;
		color: #264357
	}

@media(max-width: 1400px) {
	.drag-box {
		padding: 20px
	}
}

.drag-box .croppie-container .cr-slider-wrap {
	position: relative;
	top: 10px
}

@media(max-width: 1400px) {
	.drag-box .croppie-container .cr-slider-wrap {
		top: -5px
	}
}

.drag-box .croppie-container .cr-slider-wrap .cr-slider {
	padding: 10px;
	opacity: 1
}

.img-size-32 {
	width: 32px;
	height: 32px
}

.locate-button {
	background: #fff;
	border: none;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,.3);
	cursor: pointer;
	margin: 10px;
	width: 40px;
	height: 40px;
	padding: 9px
}

	.locate-button img {
		width: 22px;
		height: 22px
	}

@media(max-width: 767px) {
	.upload-image-gif {
		flex-wrap: wrap
	}
}

.common-site {
	margin-bottom: 3px
}

#alarm-scroll-chart {
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 300px !important;
	padding-top: 10px;
	display: flex
}

#alarms-categories-chart {
	width: 100%;
	margin-top: auto
}

#region-chart {
	height: 100%;
	min-height: 420px
}

@media(max-width: 1400px) {
	#region-chart {
		min-height: 350px
	}
}

.allow-checkbox {
	top: 0;
	right: 0;
	margin-right: 0px !important
}

@media(max-width: 1400px) {
	.allow-checkbox span {
		font-size: 12px
	}
}

.tab-data {
	display: inline-block;
	background-color: #fff;
	margin-left: 16px;
	border: 1px solid #ebecf0;
	padding: 5px;
	border-radius: 4px
}

@media(max-width: 1400px) {
	.tab-data {
		padding: 2px 6px;
		font-size: 12px
	}
}

.tab-data .nav-tabs {
	flex-wrap: nowrap;
	border-bottom: unset
}

	.tab-data .nav-tabs .nav-item .nav-link {
		border: unset;
		border-radius: 4px;
		font-weight: 500;
		color: #31373e;
		padding: 6px 10px
	}

@media(max-width: 1400px) {
	.tab-data .nav-tabs .nav-item .nav-link {
		padding: 4px 8px;
		font-size: 12px
	}
}

.tab-data .nav-tabs .nav-item .nav-link.active {
	background-color: #2aa7df;
	color: #fff
}

@keyframes smoothDrop {
	0% {
		opacity: 0;
		transform: translateY(-40px) scale(0.98)
	}

	60% {
		opacity: 1;
		transform: translateY(5px) scale(1.02)
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

.multiple-chart-parts {
	align-items: stretch
}

	.multiple-chart-parts .card.match-height {
		flex: 1;
		display: flex;
		flex-direction: column
	}

.alerts-alarms .row {
	align-items: stretch
}

	.alerts-alarms .row .col-12, .alerts-alarms .row .col-sm-6, .alerts-alarms .row .col-xl-3, .alerts-alarms .row .col-xl-4, .alerts-alarms .row .col-xl-5 {
		display: flex
	}

.alerts-alarms .card {
	height: 460px !important
}

	.alerts-alarms .card.match-height {
		flex: 1 !important;
		display: flex;
		flex-direction: column
	}

.node-dashboard-card-list .card {
	height: 375px !important
}

@media(max-width: 1400px) {
	.node-dashboard-card-list .card {
		height: 340px !important
	}
}

.node-dashboard-card-list .card.collapsed-card, .regions-tickets .card.collapsed-card, .users-recent .card.collapsed-card {
	height: max-content !important
}

.regions-tickets .row {
	align-items: stretch
}

	.regions-tickets .row .col-12, .regions-tickets .row .col-xl-4, .regions-tickets .row .col-xl-8, .regions-tickets .row .col-sm-6 {
		display: flex
	}

.regions-tickets .card.h-500 {
	height: 500px !important
}

	.regions-tickets .card.h-500 .collapsed-card {
		height: max-content !important
	}

.regions-tickets .card.match-height {
	flex: 1 !important;
	display: flex;
	flex-direction: column
}

.cctv-ticket .row {
	align-items: stretch
}

	.cctv-ticket .row .col-12, .cctv-ticket .row .col-lg-6 {
		display: flex
	}

.cctv-ticket .card.match-height {
	flex: 1 !important;
	display: flex;
	flex-direction: column
}

.cctv-ticket .layout .main-panel {
	width: 100%;
	justify-content: center !important;
	align-items: center !important;
	height: 100%
}

	.cctv-ticket .layout .main-panel .main-panel-img .center-img {
		max-width: 100% !important;
		height: 500px !important
	}

@media(max-width: 1600px) {
	.cctv-ticket .layout .main-panel .main-panel-img .center-img {
		height: 400px !important
	}
}

@media(max-width: 1365px) {
	.cctv-ticket .layout .main-panel .main-panel-img .center-img {
		height: 350px !important
	}
}

.cctv-ticket .layout .main-panel .main-panel-img .center-img .default-img {
	width: auto
}

.cctv-ticket .layout .main-panel .main-panel-img .center-img img {
	width: -webkit-fill-available !important;
	height: -webkit-fill-available !important
}

.users-recent .row {
	align-items: stretch
}

	.users-recent .row .col-12, .users-recent .row .col-xl-9, .users-recent .row .col-xl-3 {
		display: flex
	}

.users-recent .card.match-height {
	flex: 1 !important;
	display: flex;
	flex-direction: column
}

.tickit-dashboard .device-full-box .chart-wrapper .center-text {
	top: 50%
}

@media(max-width: 1400px) {
	.customer-title {
		font-size: 12px
	}
}

.sidebar-mini.sidebar-collapse .setting-page .main-sidebar:not(.sidebar-no-expand):hover {
	background-color: #fff
}

@media(max-width: 1400px) {
	.back-part h4 {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.ticket-activity a {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.other-catagories .downloads-btn .add-new {
		width: max-content;
		height: 25px;
		margin-left: 0px !important
	}
}

.head-top-img {
	width: 16px;
	height: 16px
}

.no-data-box img {
	width: 400px;
	height: auto
}

@media(max-width: 1600px) {
	.no-data-box img {
		width: 350px
	}
}

@media(max-width: 1400px) {
	.no-data-box img {
		width: 250px
	}
}

.no-data-box .no-data-details {
	margin-top: -40px
}

	.no-data-box .no-data-details p {
		font-size: 24px;
		line-height: 1.5;
		color: #264357;
		font-weight: 600;
		text-transform: capitalize
	}

@media(max-width: 1600px) {
	.no-data-box .no-data-details p {
		font-size: 16px
	}
}

.no-data-box .no-data-details .fiter-click {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 500;
	color: #2aa7df
}

@media(max-width: 1600px) {
	.no-data-box .no-data-details .fiter-click {
		font-size: 16px
	}
}

.no-data-box .no-data-details h2 {
	color: red;
	letter-spacing: 1px;
	margin-top: 20px
}

@media(max-width: 1600px) {
	.no-data-box .no-data-details h2 {
		font-size: 20px
	}
}

.cursor-pointer {
	cursor: pointer
}

.gm-style-iw.gm-style-iw-c {
	padding: 0
}

.gm-style-iw-ch {
	padding-top: 0
}

.gm-style-iw-d {
	padding: 25px 10px 5px 10px;
	height: auto !important;
	max-height: max-content !important;
	overflow: auto !important
}

	.gm-style-iw-d .alert-box-map {
		color: #000;
		background-color: rgba(42,167,223,.1);
		line-height: 1.3;
		padding: 6px;
		border-radius: 6px;
		margin-bottom: 6px
	}

		.gm-style-iw-d .alert-box-map.bg-low-text {
			background-color: #2aa7df;
			color: #fff
		}

		.gm-style-iw-d .alert-box-map.bg-high-warning {
			background-color: #ffc107;
			color: #fff
		}

		.gm-style-iw-d .alert-box-map.bg-orange-text {
			background-color: #ff8b00;
			color: #fff
		}

		.gm-style-iw-d .alert-box-map.bg-grace-text {
			background-color: #e42336;
			color: #fff
		}

	.gm-style-iw-d .alert-box:last-child {
		margin-bottom: 0px
	}

	.gm-style-iw-d .alert-time {
		font-size: 12px
	}

.gm-ui-hover-effect {
	height: 20px !important;
	width: 20px !important;
	position: relative !important;
	right: 5px;
	top: 5px;
	z-index: 1
}

	.gm-ui-hover-effect span {
		margin: 2px !important;
		width: 20px !important;
		height: 20px !important
	}

.alert-box-map .alert-img .default-img, .alert-box-map .alert-img .updated-img {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-right: 0
}

.alert-img {
	background-color: #fff;
	border: .5px solid #ebecf0;
	border-radius: 20px;
	width: 25px;
	max-width: 25px;
	flex: 0 0 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px
}

.alert-header {
	position: absolute;
	top: 7px
}

.alert-title {
	margin-bottom: 10px;
	display: block;
	padding-right: 25px !important
}

.alert-number-time p {
	margin-bottom: 0;
	font-size: 11px;
	line-height: 1.3;
	color: #fff !important
}

@media(max-width: 1600px) {
	.alert-number-time p {
		font-size: 9px
	}
}

.alert-number-time .alert-time {
	font-size: 10px
}

@media(max-width: 1600px) {
	.alert-number-time .alert-time {
		font-size: 9px
	}
}

.view-btn-more {
	text-align: center;
	margin-top: 5px
}

	.view-btn-more .btn-view {
		background-color: #264357;
		color: #fff;
		font-size: 11px;
		line-height: 1.5;
		border-radius: 3px;
		border: 1px solid #264357;
		padding: 4px
	}

@media(max-width: 1600px) {
	.view-btn-more .btn-view {
		font-size: 9px
	}
}

.view-btn-more .more-data {
	width: 20px;
	height: 20px;
	cursor: pointer
}

@media(max-width: 1600px) {
	.view-btn-more .more-data {
		font-size: 9px
	}
}

.drag-image {
	padding: 0px !important;
	width: 25px !important;
	height: 25px !important;
	position: absolute
}

.region-box {
	min-height: 100px;
	max-height: 200px;
	max-width: 50%;
	overflow-y: auto;
	white-space: normal
}

.no-pointer-cursor {
	cursor: default !important
}

.progress-bar-container {
	width: 100%;
	height: 20px;
	background-color: #f0f0f0;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;
	position: relative
}

.progress-bar {
	height: 100%;
	background-color: #264357;
	transition: width .3s ease;
	border-radius: 10px
}

.progress-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5)
}

.no-data h2 {
	color: red;
	letter-spacing: 1px;
	margin: 0
}

@media(max-width: 1400px) {
	.no-data h2 {
		font-size: 20px;
		line-height: 1.5
	}
}

.upload-instructions {
	margin-bottom: 15px
}

	.upload-instructions .upload-logo-latest {
		width: -webkit-fill-available;
		height: 250px;
		object-fit: contain;
		margin: 0 auto
	}

@media(max-width: 1600px) {
	.upload-instructions .upload-logo-latest {
		height: 180px
	}
}

@media(max-width: 1400px) {
	.upload-instructions .upload-logo-latest {
		height: 130px
	}
}

.upload-instructions .updated-img {
	width: auto;
	height: auto
}

.all-select {
	padding: 8px 0px
}

	.all-select span {
		font-weight: bold
	}

.no-data-text {
	font-size: 16px;
	line-height: 1.5;
	color: #264357;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 0;
	text-align: center
}

.btn-ad {
	gap: 25px
}

@media(max-width: 1400px) {
	.btn-ad {
		gap: 15px
	}
}

.btn-ad .custom-control-label {
	padding-left: 10px
}

@media(max-width: 1400px) {
	.btn-ad .custom-control-label {
		padding-left: 0px
	}
}

.sites-regions .region-map .map-img .gm-style-iw-d {
	padding: 10px 10px 5px 10px
}

.gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	padding: 0px;
	background: #fff
}

@media(max-width: 1400px) {
	.gallery {
		grid-template-columns: repeat(3, 1fr)
	}
}

.gallery .gallery-item {
	overflow: hidden;
	box-shadow: 0px 0px 1px 0px rgba(9,30,66,0.2117647059),0px 3px 5px 0px rgba(9,30,66,0.1019607843);
	border-radius: 8px;
	border: 1px solid #ebecf0;
	padding: 5px;
	cursor: pointer
}

	.gallery .gallery-item img {
		width: 100%;
		height: auto;
		object-fit: cover;
		display: block
	}

.lightbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #264357;
	z-index: 1000;
	justify-content: center;
	align-items: center
}

	.lightbox.active {
		display: flex
	}

	.lightbox .search-top {
		position: absolute;
		top: 20px;
		left: 20px;
		background: #fff;
		color: #333;
		border: none;
		padding: 5px;
		font-size: 16px;
		cursor: pointer;
		border-radius: 5px;
		z-index: 1001
	}

		.lightbox .search-top:hover {
			background: #f0f0f0
		}

	.lightbox .lightbox-content {
		max-width: 90%;
		max-height: 90%;
		position: relative
	}

		.lightbox .lightbox-content img {
			width: 100%;
			height: 100%;
			object-fit: contain
		}

.graph-card-match-height .row {
	display: flex;
	align-items: stretch;
	margin-bottom: 15px
}

	.graph-card-match-height .row .card {
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: visible !important;
		margin-bottom: 0px
	}

		.graph-card-match-height .row .card .card-body {
			flex: 1 1 auto;
			display: flex;
			flex-direction: column
		}

.graph-card-match-height #regions-sites-chart, .graph-card-match-height #devices-chart, .graph-card-match-height #tickets-chart {
	flex: 1;
	min-height: 280px
}

@media(max-width: 1200px) {
	.graph-card-match-height .col-xl-6.col-lg-12 {
		margin-bottom: 15px
	}
}

@media(max-width: 767px) {
	.graph-card-match-height .col-sm-12.col-md-6.col-xl-3 {
		margin-bottom: 15px
	}
}

.mutltiple-attchment-item {
	overflow-x: auto;
	padding-right: 15px !important
}

	.mutltiple-attchment-item .attachment-box {
		width: 200px;
		flex: 0 0 200px;
		height: 150px;
		border: 1px solid #e9ecef;
		border-radius: 8px;
		overflow: hidden;
		background: #f8f9fa;
		text-align: center;
		padding: 15px
	}

@media(max-width: 1200px) {
	.mutltiple-attchment-item .attachment-box {
		width: 150px;
		flex: 0 0 150px
	}
}

.mutltiple-attchment-item .attachment-box img {
	width: auto;
	height: auto;
	object-fit: contain
}

.mutltiple-attchment-item .attachment-box .delete-btn {
	top: 8px;
	right: 8px;
	padding: 0px;
	font-size: 14px;
	border-radius: 50%;
	line-height: 1;
	opacity: 0;
	transition: opacity .2s
}

	.mutltiple-attchment-item .attachment-box .delete-btn img {
		width: 25px;
		height: 25px
	}

.mutltiple-attchment-item .attachment-box .attachment-name {
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #264357;
	color: #fff !important
}

.mutltiple-attchment-item .attachment-box:hover .delete-btn {
	opacity: 1 !important
}

.profile-btn-list .add-new, .profile-btn-list .renew-btn {
	width: 100% !important;
	height: 100% !important
}

	.profile-btn-list .add-new .inner-text, .profile-btn-list .renew-btn .inner-text {
		display: block !important
	}

.alert-cctv-modal .back-to-normal {
	background: #88c041
}

@media(max-width: 1400px) {
	.alert-cctv-modal .back-to-normal {
		background: none;
		padding: 0
	}
}

.alert-cctv-modal .back-to-normal img {
	display: none
}

@media(max-width: 1400px) {
	.alert-cctv-modal .back-to-normal img {
		display: block;
		width: 25px
	}
}

.alert-cctv-modal .back-to-normal span {
	display: block
}

@media(max-width: 1400px) {
	.alert-cctv-modal .back-to-normal span {
		display: none
	}
}

.alert-cctv-modal .site-layout-kpi {
	width: auto !important
}

.alert-cctv-modal .alarm-img img {
	width: 100%;
	height: auto;
	object-fit: cover
}

@media(max-width: 1400px) {
	.alert-cctv-modal .alarm-img img {
		height: 100% !important;
		object-fit: contain
	}
}

@media(max-width: 991px) {
	.alert-cctv-modal .alarm-img img {
		height: auto !important;
		max-height: 240px
	}
}

.sos-alert-modal .cctv-part {
	height: 180px
}

	.sos-alert-modal .cctv-part .layout {
		overflow-y: auto
	}

		.sos-alert-modal .cctv-part .layout .gallery {
			grid-template-columns: repeat(2, 1fr)
		}

			.sos-alert-modal .cctv-part .layout .gallery .gallery-item {
				height: 150px
			}

@media(max-width: 991px) {
	.sos-alert-modal .cctv-part .layout .gallery .gallery-item {
		height: 100px
	}
}

.sos-alert-modal .cctv-part .layout .gallery .gallery-item img {
	height: -webkit-fill-available !important;
	object-fit: contain !important
}

.regional-status-dashboard-charts-part {
	display: grid !important
}

	.regional-status-dashboard-charts-part .card {
		height: 100%
	}

.recent-alerts-table {
	overflow: hidden;
	height: 436px
}

@media(max-width: 1600px) {
	.recent-alerts-table {
		height: 424px
	}
}

@media(max-width: 1400px) {
	.recent-alerts-table {
		height: 403px
	}
}

.alert-history .card, .recent-alerts-table .card {
	height: 100%;
	display: flex;
	flex-direction: column
}

.alert-history .card-header, .recent-alerts-table .card-header {
	flex-shrink: 0
}

.alert-history .card-body {
	flex: 1;
	overflow: hidden
}

.recent-alerts-table .card-body {
	flex: 1;
	overflow-y: auto;
	overflow-x: auto;
	padding-bottom: 0
}

.login-page .validation-message {
	bottom: 0 !important
}

.otp-verification .otp-verification-card .otp-verification-time {
	margin-bottom: 40px !important
}

.otp-verification .otp-verification-card .validation-message {
	bottom: 45px !important
}

.report-page .subscriptions-no .card {
	margin-bottom: 0;
	height: 100%
}

@media(max-width: 1200px) {
	.report-page .subscriptions-no .card {
		margin-bottom: 16px;
		height: auto
	}
}

@media(max-width: 1200px) {
	.report-page .subscriptions-no.mb-3 {
		margin-bottom: 0 !important
	}
}

.activity-image-box {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 4px;
	margin: 10px 0
}

	.activity-image-box img {
		height: -webkit-fill-available;
		max-width: 100%;
		margin: 0 !important
	}

.alarm-notification-option-dropdown .form-control {
	padding: 6px 10px !important
}

@media(max-width: 1400px) {
	.alarm-notification-option-dropdown .form-control {
		padding: 4px 5px !important
	}
}

.alarm-notification-option-dropdown .form-control .rz-dropdown-label {
	margin: auto 0
}

.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper {
	margin: auto 0
}

	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-chip-text {
		font-size: .9rem
	}

@media(max-width: 1600px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-chip-text {
		font-size: .8rem
	}
}

@media(max-width: 1400px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-chip-text {
		font-size: .7rem
	}
}

@media(max-width: 991px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-chip-text {
		font-size: .6rem
	}
}

@media(max-width: 1200px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-chip {
		gap: 4px
	}
}

.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm {
	line-height: 1;
	min-height: 10px;
	min-width: 10px;
	padding: 2px
}

@media(max-width: 991px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm {
		padding: 1px
	}
}

.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm .rzi {
	height: 2px;
	width: 12px;
	font-size: .9rem
}

@media(max-width: 1600px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm .rzi {
		font-size: .8rem
	}
}

@media(max-width: 1400px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm .rzi {
		font-size: .7rem
	}
}

@media(max-width: 991px) {
	.alarm-notification-option-dropdown .form-control .rz-dropdown-chips-wrapper .rz-button-sm .rzi {
		font-size: .6rem
	}
}

.region-map-accordian .card .card-header {
	height: 52px !important
}

@media(max-width: 1600px) {
	.region-map-accordian .card .card-header {
		height: 45px !important
	}
}

@media(max-width: 1400px) {
	.region-map-accordian .card .card-header {
		height: 40px !important
	}
}

@media(max-width: 1400px) {
	.alert-filter-top.setting-listing-head .filter-top {
		overflow-x: auto;
		scrollbar-width: thin;
		scrollbar-color: #c1c1c1 rgba(0,0,0,0)
	}
}

.alert-filter-top.setting-listing-head .filter-top::-webkit-scrollbar {
	height: 8px
}

.alert-filter-top.setting-listing-head .filter-top::-webkit-scrollbar-track {
	background: rgba(0,0,0,0)
}

.alert-filter-top.setting-listing-head .filter-top::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	border-radius: 10px
}

.alert-filter-top.setting-listing-head .filter-top .filter-bar-common {
	flex-wrap: nowrap !important
}

.site-region-card .new-region-details {
	padding: 20px 20px 0 20px !important
}

.site-region-card .card-body {
	padding: 0 20px 0 20px !important
}

.site-region-card #region-map {
	height: calc(100dvh - 350px) !important
}

@media(max-width: 1600px) {
	.site-region-card #region-map {
		height: calc(100dvh - 320px) !important
	}
}

@media(max-width: 1400px) {
	.site-region-card #region-map {
		height: calc(100dvh - 275px) !important
	}
}

@media(max-width: 991px) {
	.site-region-card #region-map {
		height: calc(100dvh - 100px) !important
	}
}

.sidebar-collapse .nav-item .justify-content-between {
	justify-content: inherit !important
}

.sidebar-collapse .main-sidebar {
	transition: none !important
}

	.sidebar-collapse .main-sidebar:hover, .sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover {
		width: 72px !important
	}

@media(max-width: 1400px) {
	.sidebar-collapse .main-sidebar:hover, .sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover {
		width: 55px !important
	}
}

.sidebar-collapse .main-sidebar:hover .brand-link {
	width: 72px !important
}

@media(max-width: 1400px) {
	.sidebar-collapse .main-sidebar:hover .brand-link {
		width: 55px !important
	}
}

.sidebar-collapse .main-sidebar:hover .brand-text, .sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-collapse .main-sidebar:hover .nav-header, .sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p, .sidebar-collapse .main-sidebar:hover .nav-sidebar .menu-item-text, .sidebar-collapse .main-sidebar:hover .sidebar-form, .sidebar-collapse .main-sidebar:hover .form-control-sidebar, .sidebar-collapse .main-sidebar:hover .sidebar-search-results {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important
}

.sidebar-collapse .main-sidebar:hover .nav-link {
	width: 56px !important
}

@media(max-width: 1400px) {
	.sidebar-collapse .main-sidebar:hover .nav-link {
		width: 39px !important
	}
}

.sidebar-collapse .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header {
	display: none !important
}

.sidebar-collapse .main-sidebar:hover .nav-legacy .nav-link {
	width: 56px !important
}

.sidebar-collapse .sidebar-mini .main-sidebar .nav-link, .sidebar-collapse .sidebar-mini-md .main-sidebar .nav-link, .sidebar-collapse .sidebar-mini-xs .main-sidebar .nav-link {
	transition: none !important
}

@media(max-width: 1400px) {
	.node-dashboard-cctv-card .card-body, .node-dashboard-ticket-chart .card-body {
		height: 300px !important
	}
}

@media(max-width: 1400px) {
	.node-dashboard-cctv-card .card-body .alarm-img, .node-dashboard-cctv-card .card-body .alarm-right, .node-dashboard-ticket-chart .card-body .alarm-img, .node-dashboard-ticket-chart .card-body .alarm-right {
		height: 270px
	}
}

.h-600 {
	height: 600px !important
}

	.h-600 .collapsed-card {
		height: max-content !important
	}

.view-all-chat-btn a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background: #2aa7df;
	margin: 10px 0;
	border-radius: 10px;
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 10px;
	text-align: center
}

.green-text-box {
	color: #88c041;
	background: rgba(136,192,65,.1098039216);
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 500
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-SemiBold.woff2") format("woff2"),url("../fonts/Roboto-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

.form-group {
	margin-bottom: 25px;
	position: relative
}

@media(max-width: 1400px) {
	.form-group {
		margin-bottom: 20px
	}
}

.form-group.copy-paste-text .copy-paste-btn {
	position: relative;
	top: -20px;
	right: -5px
}

@media(max-width: 1600px) {
	.form-group.copy-paste-text .copy-paste-btn svg {
		width: 25px;
		height: 25px
	}
}

.form-group.copy-paste-text .copy-paste-btn:hover {
	cursor: pointer
}

.form-group.form-group-with-btn .btn {
	height: 40px;
	width: 40px;
	max-width: 40px;
	flex: 0 0 40px;
	border-radius: 0 4px 4px 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

	.form-group.form-group-with-btn .btn:hover {
		background-color: #2aa7df !important
	}

@media(max-width: 1600px) {
	.form-group.form-group-with-btn .btn {
		width: 34px;
		height: 34px;
		max-width: 34px;
		flex: 0 0 34px
	}
}

@media(max-width: 1400px) {
	.form-group.form-group-with-btn .btn {
		width: 28px;
		height: 28px;
		max-width: 28px;
		flex: 0 0 28px
	}
}

@media(max-width: 1600px) {
	.form-group.form-group-with-btn .btn img {
		height: 14px
	}
}

.form-group.form-group-with-btn .select2-container--default .select2-selection--single {
	border-radius: 4px 0 0 4px !important
}

.form-group label {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500 !important;
	color: #31373e;
	margin-bottom: 8px
}

@media(max-width: 1400px) {
	.form-group label {
		margin-bottom: 3px;
		font-size: 11px
	}
}

.form-group .form-control {
	font-size: 14px;
	line-height: 1.5;
	height: 40px;
	padding: 10px 16px;
	color: #31373e;
	border: 1px solid #ebecf0;
	border-radius: 4px
}

@media(max-width: 1600px) {
	.form-group .form-control {
		height: 34px;
		font-size: 13px;
		padding: 7px 12px
	}
}

@media(max-width: 1400px) {
	.form-group .form-control {
		font-size: 11px;
		height: 28px;
		padding: 6px 12px
	}
}

.form-group .form-control:focus, .form-group .form-control:active {
	border-color: #94d2ee
}

.form-group .form-control::placeholder {
	color: #7a869a;
	font-size: 14px
}

@media(max-width: 1600px) {
	.form-group .form-control::placeholder {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.form-group .form-control::placeholder {
		font-size: 11px
	}
}

.form-group .form-control.description {
	height: 120px
}

@media(max-width: 1400px) {
	.form-group .form-control.description {
		height: 60px !important
	}
}

.form-group.required label::after {
	content: " *";
	color: #e42336
}

.date-range label, .select-dropdpwn label {
	line-height: 1.5;
	font-weight: 600 !important;
	color: #31373e
}

.select-dropdpwn label {
	font-size: 12px !important;
	margin-bottom: 0px !important
}

@media(max-width: 1400px) {
	.select-dropdpwn label {
		font-size: 11px !important
	}
}

@media(max-width: 1365px) {
	.date-range .input-group-text img {
		width: 13px !important;
		height: 13px !important
	}
}

.btn {
	padding: 8px 20px;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	transition: all .5s ease-in-out
}

@media(max-width: 1600px) {
	.btn {
		padding: 6px 20px;
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.btn {
		font-size: 12px
	}
}

@media(max-width: 1200px) {
	.btn {
		padding: 8px 20px
	}
}

.btn.btn-primary-light {
	background-color: #eaf7fc;
	border-color: #eaf7fc;
	color: #2aa7df;
	padding: 6px 8px;
	border-radius: 4px
}

@media(max-width: 1400px) {
	.btn.btn-primary-light {
		padding: 4px 8px
	}
}

.btn.btn-primary-light:hover {
	background-color: #eaf7fc !important;
	color: #2aa7df !important
}

.btn.btn-blue {
	background-color: #264357;
	color: #fff;
	min-width: 120px
}

	.btn.btn-blue:hover {
		color: #264357;
		border: 1px solid #264357;
		background-color: #fff
	}

.btn.btn-primary {
	background-color: #2aa7df;
	border-color: #2aa7df
}

	.btn.btn-primary:hover {
		background-color: rgba(0,0,0,0) !important;
		border-color: #2aa7df;
		color: #2aa7df !important
	}

.btn.btn-green {
	background-color: #88c041;
	color: #fff;
	min-width: 120px
}

	.btn.btn-green:hover {
		color: #88c041;
		border: 1px solid #88c041;
		background-color: #fff
	}

.btn.btn-danger {
	background-color: #e42336;
	min-width: 120px
}

	.btn.btn-danger:hover {
		color: #e42336;
		border: 1px solid #e42336;
		background-color: #fff
	}

.btn.btn-link {
	padding: 0;
	color: #2aa7df
}

.btn.btn-navy {
	background-color: #d3d9dd;
	min-width: 120px;
	color: #1b394e
}

	.btn.btn-navy:hover {
		border: 1px solid #d3d9dd;
		background-color: #e9ecee
	}

.downloads-btn ul {
	list-style: none;
	padding-left: 0;
	gap: 16px
}

@media(max-width: 1800px) {
	.downloads-btn ul {
		gap: 10px
	}
}

@media(max-width: 1600px) {
	.downloads-btn ul {
		gap: 8px
	}
}

.downloads-btn a {
	border-radius: 4px;
	padding: 6px 8px;
	color: #fff;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

@media(max-width: 1800px) {
	.downloads-btn a {
		font-size: 12px;
		line-height: 1.5
	}
}

@media(max-width: 1600px) {
	.downloads-btn a {
		height: 30px;
		line-height: 1.4
	}
}

@media(max-width: 1400px) {
	.downloads-btn a {
		height: 25px
	}
}

.downloads-btn a p {
	margin-bottom: 0px
}

.downloads-btn .add-new {
	background-color: #2aa7df
}

@media(max-width: 1400px) {
	.downloads-btn .add-new {
		width: 23px;
		height: 23px;
		margin-left: .5rem !important
	}
}

.downloads-btn .add-new.change-password {
	width: 100%;
	height: auto
}

	.downloads-btn .add-new.change-password .inner-text {
		display: block
	}

.downloads-btn .import-data {
	background-color: #88c041
}

	.downloads-btn .import-data span {
		margin-right: 5px
	}

.downloads-btn .export-data {
	background-color: #264357
}

.downloads-btn .delete-btn {
	background-color: #e42336
}

@media(max-width: 1800px) {
	.downloads-btn .inner-text {
		display: none
	}
}

.downloads-btn .filter-btn {
	background-color: #eaf7fc;
	color: #31373e;
	border: 1px solid #2aa7df
}

@media(max-width: 1400px) {
	.downloads-btn .filter-btn img {
		width: 13px
	}
}

.downloads-btn .filter-btn.filter-btn-active {
	border: 1px solid #10a472 !important;
	background-color: #10a472 !important;
	color: #fff
}

	.downloads-btn .filter-btn.filter-btn-active img {
		filter: brightness(10)
	}

.access-btn {
	background-color: #2aa7df;
	text-align: center;
	padding: 12px;
	border-radius: 6px
}

@media(max-width: 1400px) {
	.access-btn {
		padding: 8px
	}
}

.access-btn a {
	color: #fff
}

@media(max-width: 1400px) {
	.access-btn a {
		font-size: 11px
	}
}

.generate-btn {
	padding: 6px
}

.subscriptions-btn {
	right: 0 !important
}

	.subscriptions-btn .renew-btn {
		background-color: #ffab00
	}

@media(max-width: 1400px) {
	.subscriptions-btn .renew-btn {
		width: 32px;
		height: 32px
	}
}

.subscriptions-btn .upgrade-btn {
	background-color: #6554c0
}

	.subscriptions-btn .upgrade-btn span {
		display: block !important
	}

.subscriptions-btn .subscriptions-inner-btn {
	background-color: #264357
}

	.subscriptions-btn .subscriptions-inner-btn span {
		display: block !important
	}

@media(max-width: 1400px) {
	.subscriptions-btn .add-new {
		width: 32px;
		height: 32px
	}
}

.add-btn {
	background: #2196f3;
	color: #fff;
	border: none;
	padding: 8px 14px;
	border-radius: 4px;
	cursor: pointer
}

.drop-down-btn .nav-link {
	height: 32px;
	margin: 0;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff !important;
	min-width: 108px;
	position: relative
}

@media(max-width: 1800px) {
	.drop-down-btn .nav-link {
		min-width: 65px
	}
}

@media(max-width: 1400px) {
	.drop-down-btn .nav-link {
		height: 25px
	}
}

.drop-down-btn .nav-link::after {
	background: url(../image/arrow-drop.svg) no-repeat center;
	width: 16px;
	height: 16px;
	right: 9px;
	position: absolute;
	content: ""
}

@media(max-width: 1600px) {
	.drop-down-btn .nav-link::after {
		right: 9px
	}
}

.drop-down-btn .nav-link::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #77b12d;
	right: 30px
}

.drop-down-btn.show .nav-link::after {
	transform: rotate(180deg)
}

.drop-down-btn .dropdown-menu.dropdown-menu-sm {
	min-width: 108px;
	width: auto;
	right: 0;
	left: auto !important
}

@media(max-width: 1800px) {
	.drop-down-btn .dropdown-menu.dropdown-menu-sm {
		transform: translate3d(0px, 32px, 0px) !important
	}
}

.drop-down-btn .dropdown-menu.dropdown-menu-sm .dropdown-item {
	padding: 8px 10px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,.125);
	background-color: #fff;
	height: auto;
	justify-content: start
}

	.drop-down-btn .dropdown-menu.dropdown-menu-sm .dropdown-item:hover {
		background-color: #eaf7fc
	}

.drop-down-btn .export-data::before {
	background-color: #ababab
}

.login-page {
	background-color: #fafbfc;
	height: 100dvh
}

	.login-page .form-group {
		margin-bottom: 20px
	}

@media(max-width: 1400px) {
	.login-page .form-group {
		margin-bottom: 15px
	}
}

.login-page .container {
	max-width: 1000px
}

@media(max-width: 1600px) {
	.login-page .container {
		max-width: 1140px
	}
}

.login-page .login-image {
	right: 0
}

@media(max-width: 1200px) {
	.login-page .login-image {
		display: none
	}
}

.login-page .login-image img {
	max-height: calc(100vh - 95px)
}

@media(max-width: 1400px) {
	.login-page .login-image img {
		max-height: calc(100vh - 70px)
	}
}

.login-page .login-box {
	width: 387px;
	height: calc(100dvh - 72px);
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media(max-width: 1600px) {
	.login-page .login-box {
		width: 350px;
		margin-left: 30px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box {
		margin-left: 60px
	}
}

@media(max-width: 1200px) {
	.login-page .login-box {
		margin: auto;
		height: calc(100dvh - 130px)
	}
}

.login-page .login-box h1.sm {
	font-size: 24px;
	margin-bottom: 24px
}

@media(max-width: 1600px) {
	.login-page .login-box h1.sm {
		font-size: 20px;
		margin-bottom: 20px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box h1.sm {
		font-size: 16px
	}
}

.login-page .login-box.otp-verification {
	width: 470px
}

@media(max-width: 1600px) {
	.login-page .login-box.otp-verification {
		width: 350px
	}
}

.login-page .login-box.otp-verification .login-logo {
	margin-bottom: 122px
}

@media(max-width: 1600px) {
	.login-page .login-box.otp-verification .login-logo {
		margin-bottom: 80px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box.otp-verification .login-logo {
		margin-bottom: 50px
	}
}

.login-page .login-box.otp-verification .card {
	border-radius: 14px 14px 8px 8px
}

.login-page .login-box.otp-verification .form-group {
	gap: 32px
}

@media(max-width: 1600px) {
	.login-page .login-box.otp-verification .form-group {
		gap: 22px
	}
}

.login-page .login-box.otp-verification .form-control.otp-form-control {
	width: 60px;
	height: 60px;
	border: 2px solid #c1c7d0;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	caret-color: #a5adba
}

@media(max-width: 1600px) {
	.login-page .login-box.otp-verification .form-control.otp-form-control {
		width: 45px;
		height: 45px;
		padding: 10px;
		font-size: 16px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box.otp-verification .form-control.otp-form-control {
		width: 36px;
		height: 36px;
		padding: 6px;
		font-size: 14px
	}
}

.login-page .login-box.otp-verification .form-control.otp-form-control:focus {
	border-color: #2aa7df
}

.login-page .login-box .login-box-msg {
	line-height: 1.3
}

.login-page .login-box .login-logo {
	margin-bottom: 60px
}

@media(max-width: 1600px) {
	.login-page .login-box .login-logo {
		margin-bottom: 10px
	}
}

@media(max-width: 1600px) {
	.login-page .login-box .login-logo img {
		max-width: 30%
	}
}

.login-page .login-box .login-register-page h1 {
	font-size: 35px;
	line-height: 1.2
}

@media(max-width: 1600px) {
	.login-page .login-box .login-register-page h1 {
		font-size: 28px;
		margin-bottom: 5px;
		line-height: 1.4
	}
}

@media(max-width: 1400px) {
	.login-page .login-box .login-register-page h1 {
		font-size: 24px
	}
}

@media(max-width: 1200px) {
	.login-page .login-box .login-register-page h1 {
		font-size: 20px
	}
}

.login-page .login-box .remember-me {
	margin-top: 24px;
	margin-bottom: 40px
}

@media(max-width: 1600px) {
	.login-page .login-box .remember-me {
		margin-bottom: 30px
	}
}

.login-page .login-box .remember-me label {
	padding-left: 10px;
	font-size: 11px;
	line-height: 22px
}

@media(max-width: 1600px) {
	.login-page .login-box .remember-me label {
		padding-left: 4px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box .remember-me label {
		padding-left: 0px;
		font-size: 10px;
		line-height: 16px
	}
}

@media(max-width: 1200px) {
	.login-page .login-box .remember-me label {
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.login-page .login-box .remember-me .forgot-text {
		font-size: 12px
	}
}

.login-page .validation-message {
	position: relative;
	margin-top: 8px
}

.register-page {
	background-color: #fff
}

	.register-page .container {
		max-width: 1000px
	}

	.register-page .register-box {
		width: 387px;
		margin-top: 100px
	}

@media(max-width: 1600px) {
	.register-page .register-box {
		margin-top: 80px;
		width: 330px
	}
}

@media(max-width: 1600px) {
	.main-sidebar {
		width: 200px
	}
}

@media(max-width: 1400px) {
	.main-sidebar {
		width: 190px
	}
}

@media(max-width: 991px) {
	.main-sidebar {
		display: none
	}
}

.main-sidebar .brand-link {
	border-bottom: 1px solid #3b5567;
	height: 57px;
	transition: unset
}

@media(max-width: 1600px) {
	.main-sidebar .brand-link {
		padding: .5rem .5rem;
		height: 49px
	}
}

@media(max-width: 1400px) {
	.main-sidebar .brand-link {
		height: 40px
	}
}

.main-sidebar .brand-link .mobile-logo {
	display: none
}

.main-sidebar .brand-link #customerDesktopLogo {
	width: 16%
}

@media(max-width: 1400px) {
	.main-sidebar .brand-link #customerDesktopLogo {
		position: relative;
		top: -3px
	}
}

.main-sidebar .brand-link .desktop-logo {
	display: block;
	margin: 0 auto
}

@media(max-width: 1400px) {
	.main-sidebar .brand-link .desktop-logo {
		width: 50%
	}
}

@media(max-width: 1400px) {
	.main-sidebar .brand-link .brand-text img {
		height: 28px
	}
}

.main-sidebar .nav-sidebar {
	margin-top: 10px
}

	.main-sidebar .nav-sidebar .nav-item {
		margin-bottom: .2rem;
		width: 100%
	}

		.main-sidebar .nav-sidebar .nav-item > .nav-link {
			padding: 10px 20px;
			border-radius: 4px;
			color: #c1c7d0 !important;
			transition: all .3s ease-out;
			display: flex;
			align-items: center;
			margin-bottom: 0px
		}

@media(max-width: 1600px) {
	.main-sidebar .nav-sidebar .nav-item > .nav-link {
		font-size: 13px;
		line-height: 1.5
	}
}

@media(max-width: 1400px) {
	.main-sidebar .nav-sidebar .nav-item > .nav-link {
		font-size: 11px;
		padding: 6px 10px
	}
}

.main-sidebar .nav-sidebar .nav-item > .nav-link.active {
	background-color: #2aa7df !important;
	color: #fafbfc !important;
	width: 100%
}

.main-sidebar .nav-sidebar .nav-item > .nav-link .icon-text .sidebar-icons .nav-icons {
	color: #fff;
	margin-top: -3px
}

@media(max-width: 1400px) {
	.main-sidebar .nav-sidebar .nav-item > .nav-link .icon-text .sidebar-icons .nav-icons {
		transform: scale(0.85)
	}
}

.main-sidebar .nav-sidebar .nav-item.menu-open .arrow-up-down {
	transform: rotate(270deg)
}

.main-sidebar .nav-sidebar .nav-item.menu-open .nav-treeview .nav-item .nav-link.active {
	background-color: #fff !important
}

	.main-sidebar .nav-sidebar .nav-item.menu-open .nav-treeview .nav-item .nav-link.active .icon-text .sidebar-icons .nav-icons {
		color: #31373e !important
	}

	.main-sidebar .nav-sidebar .nav-item.menu-open .nav-treeview .nav-item .nav-link.active .icon-text .menu-item-text {
		color: #31373e
	}

.main-sidebar .nav-sidebar .nav-item .badge {
	background: #dc3545;
	font-weight: 600;
	padding: 3px;
	font-size: 12px
}

.main-sidebar .nav-sidebar .nav-header {
	color: #c1c7d0 !important
}

@media(max-width: 1600px) {
	.main-sidebar .nav-sidebar .nav-header {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.main-sidebar .nav-sidebar .nav-header {
		font-size: 11px
	}
}

.main-sidebar .sidebar .user-panel {
	border-bottom: 1px solid #3b5567;
	padding: 15px 0
}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel {
		padding: 10px 0
	}
}

@media(max-width: 1400px) {
	.main-sidebar .sidebar .user-panel {
		padding: 5px 0
	}
}

.main-sidebar .sidebar .user-panel .image {
	padding-left: 6px
}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel .image {
		padding-left: 9px
	}
}

.main-sidebar .sidebar .user-panel .image img {
	width: 40px;
	height: 40px;
	border-radius: 40px
}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel .image img {
		width: 35px;
		height: 35px
	}
}

@media(max-width: 1400px) {
	.main-sidebar .sidebar .user-panel .image img {
		width: 30px;
		height: 30px
	}
}

.main-sidebar .sidebar .user-panel .info {
	padding: 0 0 0 10px
}

	.main-sidebar .sidebar .user-panel .info a {
		color: #c2c7d0 !important
	}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel .info a {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.main-sidebar .sidebar .user-panel .info a {
		font-size: 11px
	}
}

.main-sidebar .sidebar .user-panel .info a span {
	font-size: 12px
}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel .info a span {
		font-size: 11px
	}
}

.main-sidebar .sidebar .user-panel .info span {
	font-size: 14px
}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .user-panel .info span {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.main-sidebar .sidebar .user-panel .info span {
		font-size: 11px
	}
}

.main-sidebar .sidebar .sidebar-search {
	border-color: #5e6c84;
	border-radius: 4px;
	margin: 20px 0;
	display: none
}

@media(max-width: 1800px) {
	.main-sidebar .sidebar .sidebar-search {
		margin: 10px 0
	}
}

.main-sidebar .sidebar .sidebar-search .form-control {
	border-color: #5e6c84;
	color: #c1c7d0;
	font-size: 14px
}

	.main-sidebar .sidebar .sidebar-search .form-control:focus {
		background-color: #3b5567
	}

@media(max-width: 1600px) {
	.main-sidebar .sidebar .sidebar-search .input-group-append .btn {
		width: 34px;
		height: 34px
	}
}

@media(max-width: 1600px) {
	.main-sidebar::before {
		width: 200px
	}
}

@media(max-width: 1400px) {
	.main-sidebar::before {
		width: 190px
	}
}

@media(min-width: 992px) {
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header {
		margin-left: 72px !important
	}
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header {
		margin-left: 55px !important
	}
}

@media(max-width: 991px) {
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header {
		margin-left: 0px !important
	}
}

.sidebar-mini.sidebar-collapse .main-sidebar {
	width: 72px
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse .main-sidebar {
		width: 55px
	}
}

.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-search {
	margin: 10px 0
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
	padding-left: 6px
}

@media(max-width: 1600px) {
	.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
		padding-left: 9px
	}
}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel .info {
	display: none
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-link .icon-text .sidebar-icons {
	margin-right: 0px !important
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-link .icon-text .menu-item-text {
	display: none
}

.sidebar-mini.sidebar-collapse .main-sidebar .nav-link .arrow-up-down {
	display: none
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar .user-panel .image {
		padding-left: 4px
	}
}

@media(min-width: 992px) {
	.sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
		width: 72px;
		padding: 18px 6px
	}
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
		width: 55px;
		padding: 12px 8px
	}
}

@media(min-width: 992px) {
	.sidebar-mini.sidebar-collapse.layout-fixed.setting-page .brand-link {
		padding: 18px 11px
	}
}

@media(min-width: 992px) {
	.sidebar-mini.sidebar-collapse.layout-fixed.setting-page .brand-link .setting-name {
		font-size: 12px
	}
}

@media screen and (max-width: 1450px)and (min-width: 1351px) {
	.sidebar-mini.sidebar-collapse .chart-canvas {
		width: 180px !important
	}
}

.sidebar-mini .main-sidebar .nav-link {
	width: 100%
}

@media(max-width: 1600px) {
	.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link {
		width: calc(200px - 1rem)
	}
}

.sidebar-collapse .brand-link .mobile-logo {
	display: block;
	margin: 0 auto;
	width: 38px;
	height: 38px;
	margin-top: -10px
}

@media(max-width: 1400px) {
	.sidebar-collapse .brand-link .mobile-logo {
		width: 30px;
		height: 30px
	}
}

.sidebar-collapse .brand-link .desktop-logo {
	display: none
}

.sidebar-search-results .list-group-item {
	background-color: #3b5567;
	border-color: #5e6c84;
	padding: 6px 12px
}

.sidebar-search-results .search-title {
	color: #c1c7d0
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
	top: .9rem
}

.nav-sidebar > .nav-item .nav-icon {
	margin-left: 0px;
	text-align: start;
	margin-right: 0px
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
	width: 16px;
	height: auto
}

.sidebar-open .main-sidebar {
	display: block
}

.dropdown-menu {
	background-color: #fff;
	border: 1px solid #ebecf0;
	border-radius: 4px;
	box-shadow: none
}

	.dropdown-menu.dropdown-menu-lg {
		width: 342px;
		max-width: 342px
	}

	.dropdown-menu .dropdown-item {
		padding: 15px 10px;
		margin: 0 16px 10px 16px;
		border-radius: 4px;
		width: auto;
		color: #31373e
	}

@media(max-width: 1400px) {
	.dropdown-menu .dropdown-item {
		margin: 0 10px 5px 10px;
		padding: 12px 10px;
		font-size: 13px
	}
}

.dropdown-menu .dropdown-item:hover {
	background-color: #eaf7fc
}

.dropdown-menu .dropdown-item.unread {
	background-color: #eaf7fc
}

.dropdown-menu .dropdown-item.dropdown-header {
	color: #31373e;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 16px 13px 16px;
	margin: 0
}

@media(max-width: 1400px) {
	.dropdown-menu .dropdown-item.dropdown-header {
		padding: 10px;
		font-size: 13px
	}
}

@media(max-width: 1365px) {
	.dropdown-menu .dropdown-item.dropdown-header {
		padding: 16px;
		font-size: 14px
	}
}

.dropdown-menu .dropdown-item.dropdown-header:hover {
	background-color: rgba(0,0,0,0)
}

.dropdown-menu .dropdown-item.dropdown-footer {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 0 10px 0;
	margin-bottom: 0px
}

@media(max-width: 1600px) {
	.dropdown-menu .dropdown-item.dropdown-footer {
		padding: 8px 0 8px 0;
		font-size: 12px;
		line-height: 1.5
	}
}

.dropdown-menu .dropdown-item.dropdown-footer:hover {
	background-color: rgba(0,0,0,0)
}

.dropdown-menu .dropdown-item img {
	height: 12px
}

.dropdown-menu .dropdown-item p {
	font-size: 13px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.dropdown-menu .dropdown-item p {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.dropdown-menu .dropdown-item p {
		font-size: 11px
	}
}

.dropdown-menu .dropdown-item p span {
	color: #2aa7df;
	font-weight: 500
}

.dropdown-menu .dropdown-item .dropdown-item-title {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	white-space: normal !important
}

@media(max-width: 1400px) {
	.dropdown-menu .dropdown-item .dropdown-item-title {
		font-size: 11px
	}
}

.dropdown-menu .dropdown-item span.text-muted {
	font-size: 12px;
	font-weight: 600;
	color: #7a869a
}

@media(max-width: 1400px) {
	.dropdown-menu .dropdown-item span.text-muted {
		font-size: 11px
	}
}

.dropdown-menu .dropdown-item-img {
	background-color: #fff;
	border: .5px solid #ebecf0;
	border-radius: 20px;
	width: 28px;
	max-width: 28px;
	flex: 0 0 28px;
	height: 28px;
	margin-right: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.dropdown-menu .dropdown-message {
	flex: 0 0 calc(100% - 38px)
}

.dropdown-menu.dropdown-menu-sm {
	padding: 5px
}

@media(max-width: 1400px) {
	.dropdown-menu.dropdown-menu-sm {
		padding: 0
	}
}

.dropdown-menu.dropdown-menu-sm .dropdown-item {
	padding: 8px
}

@media(max-width: 1800px) {
	.dropdown-menu.dropdown-menu-sm .dropdown-item {
		padding: 5px !important
	}
}

@media(max-width: 1400px) {
	.dropdown-menu.dropdown-menu-sm .dropdown-item {
		padding: 5px 10px !important
	}
}

.dropdown-menu.dropdown-menu-sm .dropdown-item img {
	height: 16px;
	width: 16px;
	margin-right: 10px
}

.days-dropdown .language-selector {
	margin-right: 10px
}

	.days-dropdown .language-selector .nav-link {
		border: 1px solid #2aa7df;
		color: #31373e !important;
		font-weight: 500;
		min-width: 95px
	}

		.days-dropdown .language-selector .nav-link:after {
			right: 10px;
			width: 10px;
			height: 6px;
			background: url(../image/blue-arrow.svg) no-repeat center #fff
		}

		.days-dropdown .language-selector .nav-link::before {
			display: none
		}

@media(max-width: 1600px) {
	.days-dropdown .language-selector .nav-link {
		padding: 5px 10px !important
	}
}

@media(max-width: 1400px) {
	.days-dropdown .language-selector .nav-link {
		padding: 7px 10px !important
	}
}

.days-dropdown .language-selector .dropdown-menu.dropdown-menu-sm {
	left: 0px !important;
	min-width: 95px
}

.days-dropdown .dropdown-menu.dropdown-menu-sm .dropdown-item span {
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.days-dropdown .dropdown-menu.dropdown-menu-sm .dropdown-item span {
		font-size: 12px !important
	}
}

.language-selector.show .nav-link:after {
	transform: rotate(180deg)
}

.access-portal-dropdown {
	background-color: rgba(228,35,54,.1);
	padding: 5px 10px;
	border-radius: 5px;
	margin: auto 10px !important;
	gap: 5px;
	height: 35px
}

@media(max-width: 1600px) {
	.access-portal-dropdown {
		height: 30px
	}
}

@media(max-width: 1200px) {
	.access-portal-dropdown {
		padding: 5px 5px;
		margin: auto 5px !important
	}
}

.access-portal-dropdown span {
	font-size: 12px;
	line-height: 0
}

@media(max-width: 1200px) {
	.access-portal-dropdown span {
		font-size: 9px
	}
}

.access-portal-dropdown span#session-timer {
	color: #e42336;
	font-size: 14px;
	font-weight: 600
}

@media(max-width: 1200px) {
	.access-portal-dropdown span#session-timer {
		font-size: 12px
	}
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #ebecf0
}

	.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
		color: #31373e
	}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border-radius: 4px !important;
	height: 40px;
	padding: 10px 16px;
	color: #31373e;
	border: 1px solid #ebecf0 !important;
	font-size: 14px
}

@media(max-width: 1600px) {
	.select2-container--default .select2-selection--single {
		height: 34px
	}
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 20px
}

@media(max-width: 1600px) {
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 4px
	}
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #7a869a;
	line-height: 1.7
}

@media(max-width: 1600px) {
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px;
		line-height: 1.5
	}
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
	transform: rotate(180deg)
}

.select2-container--default .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #3b5567;
	color: #fff
}

@media(max-width: 1600px) {
	.select2-container--default .select2-results__option {
		font-size: 12px
	}
}

.select2-selection__arrow {
	background: url("../image/drop-arrow.svg") no-repeat center;
	background-size: contain;
	width: 16px;
	height: 16px
}

	.select2-selection__arrow b {
		display: none
	}

@media(max-width: 1600px) {
	.select2-container {
		width: 100% !important
	}
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0
}

.dropdown-inner-text {
	font-size: 12px;
	line-height: 1.5
}

.multiselect-dropdown .multiselect {
	justify-content: start;
	border-radius: 4px;
	background-color: #fff;
	font-size: 13px;
	line-height: 1.5
}

	.multiselect-dropdown .multiselect:after {
		content: "";
		position: absolute;
		background: url(../image/icon-down.svg) no-repeat 50%;
		background-size: contain;
		width: 20px;
		height: 20px;
		top: 1px;
		left: auto;
		right: 5px;
		bottom: 0;
		margin: auto;
		border: 0
	}

	.multiselect-dropdown .multiselect:before {
		content: "";
		position: absolute;
		width: 32px;
		height: 32px;
		top: 0;
		left: auto;
		right: 0;
		bottom: 0;
		background-color: #f4f5f7
	}

.multiselect-dropdown .multiselect-item.filter {
	display: none
}

@media(max-width: 1800px) {
	.multiselect-dropdown .btn-group {
		width: 20px;
		height: auto
	}
}

@media(max-width: 1600px) {
	.multiselect-dropdown .btn-group {
		max-width: 120px
	}
}

.multiselect-dropdown .btn-group.show .multiselect:after {
	transform: rotate(180deg)
}

.multiselect-dropdown .dropdown-menu {
	width: 100%;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.multiselect-dropdown .multiselect-container > li > a > label {
	padding: 10px 12px;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	font-weight: 400
}

@media(max-width: 1800px) {
	.multiselect-dropdown .multiselect-container > li > a > label {
		font-size: 12px;
		line-height: 1.5;
		padding: 5px 12px
	}
}

@media(max-width: 1400px) {
	.multiselect-dropdown .multiselect-container > li > a > label {
		font-size: 11px;
		line-height: 1.4
	}
}

.multiselect-dropdown .multiselect-container > li > a > label > input[type=checkbox] {
	margin-bottom: 0;
	width: 23px;
	height: 23px;
	border-radius: 4px;
	border: 2px solid #ebecf0;
	margin-right: 8px
}

@media(max-width: 1800px) {
	.multiselect-dropdown .multiselect-container > li > a > label > input[type=checkbox] {
		width: 20px;
		height: 20px
	}
}

@media(max-width: 1400px) {
	.multiselect-dropdown .multiselect-container > li > a > label > input[type=checkbox] {
		width: 18px;
		height: 18px
	}
}

.multiselect-dropdown input[type=checkbox] {
	position: relative;
	border: 1px solid #2aa7df;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
	appearance: none;
	opacity: .5
}

	.multiselect-dropdown input[type=checkbox]:hover {
		opacity: 1
	}

	.multiselect-dropdown input[type=checkbox]:checked {
		background-color: #2aa7df;
		opacity: 1;
		border: 2px solid #2aa7df !important
	}

	.multiselect-dropdown input[type=checkbox]:before {
		content: "";
		right: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		bottom: 0;
		width: 12px;
		height: 12px;
		position: absolute;
		background: url(../image/icon-check.svg) no-repeat 100%;
		background-size: cover;
		z-index: 2
	}

.select-inner-dropdown .select2-search__field, .select-inner-dropdown .select2-selection__choice {
	display: none
}

.select-inner-dropdown .select2-selection--multiple {
	border: 1px solid #ebecf0 !important
}

.select-inner-dropdown .select2-container {
	width: 100% !important
}

	.select-inner-dropdown .select2-container .select2-selection--multiple {
		min-height: 40px
	}

@media(max-width: 1600px) {
	.select-inner-dropdown .select2-container .select2-selection--multiple {
		min-height: 33px
	}
}

.select-inner-dropdown .count-badge {
	color: #31373e;
	padding: 5px;
	position: absolute;
	left: 5px;
	top: 7px;
	z-index: 1;
	font-size: 12px;
	font-weight: 600
}

@media(max-width: 1600px) {
	.select-inner-dropdown .count-badge {
		top: 4px
	}
}

@media(max-width: 1400px) {
	.select-inner-dropdown .count-badge {
		font-size: 11px
	}
}

.select-inner-dropdown .dropdown-toggle {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background-color: #f4f5f7;
	z-index: 2;
	cursor: pointer
}

@media(max-width: 1600px) {
	.select-inner-dropdown .dropdown-toggle {
		width: 35px
	}
}

.select-inner-dropdown .dropdown-toggle::after {
	display: none
}

.select-inner-dropdown .dropdown-toggle::before {
	content: "";
	position: absolute;
	background: url(../image/icon-down.svg) no-repeat center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.selected-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
	padding: 10px;
	color: #31373e;
	border: 1px solid #ebecf0;
	border-radius: 4px;
	overflow: auto;
	max-height: 160px;
	box-shadow: 0 1px 3px rgba(0,0,0,.08)
}

	.selected-tags .tag {
		background-color: #fafbfc;
		padding: 5px 14px;
		font-size: 13px;
		font-weight: 400;
		display: flex;
		align-items: center;
		gap: 6px;
		color: #7a869a;
		border-radius: 20px;
		border: 1px solid #ebecf0
	}

@media(max-width: 1600px) {
	.selected-tags .tag {
		padding: 3px 14px;
		font-size: 11px
	}
}

@media(max-width: 767px) {
	.selected-tags .tag {
		margin-bottom: 10px
	}
}

.selected-tags .tag .remove {
	cursor: pointer;
	color: #6b7280
}

	.selected-tags .tag .remove img {
		width: 14px;
		height: 12px;
		color: #264357
	}

@media(max-width: 1600px) {
	.selected-tags .tag .remove img {
		width: 10px;
		height: 10px
	}
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
	background-color: #264357;
	color: #fff
}

.select-dropdpwn .select2-container {
	width: 120px !important
}

@media(max-width: 1200px) {
	.select-dropdpwn .select2-container {
		width: 100% !important
	}
}

.select-dropdpwn .select2-container--default .select2-selection--single {
	height: 32px;
	padding: 6px 16px;
	font-size: 13px
}

@media(max-width: 1600px) {
	.select-dropdpwn .select2-container--default .select2-selection--single {
		height: 27px;
		padding: 8px 16px
	}
}

.select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px
}

@media(max-width: 1600px) {
	.select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 23px;
		width: 16px
	}
}

.select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__rendered {
	margin-top: -2px
}

@media(max-width: 1600px) {
	.select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__rendered {
		margin-top: -3px;
		font-size: 11px
	}
}

@media(max-width: 1400px) {
	.select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__rendered {
		margin-top: -2px
	}
}

.filter-top {
	margin-bottom: 16px;
	padding: 13px 10px;
	gap: 15px;
	position: relative
}

@media(max-width: 1400px) {
	.filter-top {
		padding: 8px 10px
	}
}

.filter-top .filter-bar-common {
	gap: 8px
}

	.filter-top .filter-bar-common .dropdowns-option-arrow {
		width: fit-content
	}

		.filter-top .filter-bar-common .dropdowns-option-arrow .rz-dropdown {
			width: 100% !important;
			max-width: none !important
		}

@media(min-width: 760px)and (max-width: 1254px) {
	.filter-top .arrows {
		position: absolute;
		bottom: 9px;
		top: auto;
		right: 17px
	}
}

.filter-btn {
	border: 1px solid #ebecf0 !important;
	background-color: #f4f5f7 !important;
	padding: 6px 8px;
	border-radius: 4px;
	gap: 8px;
	color: #31373e
}

	.filter-btn.filter-close {
		border: 1px solid #2aa7df !important;
		background-color: #eaf7fc !important
	}

.arrows ul {
	gap: 8px
}

	.arrows ul li {
		padding: 8px;
		background-color: #eaf7fc;
		border: 1px solid #2aa7df;
		border-radius: 4px;
		width: 32px;
		height: 32px
	}

@media(max-width: 1600px) {
	.arrows ul li {
		width: 27px;
		height: 27px
	}
}

.arrows ul li.arrow-right:hover, .arrows ul li.arrow-right.active {
	background-color: #2aa7df;
	border: 1px solid #2aa7df
}

	.arrows ul li.arrow-right:hover svg, .arrows ul li.arrow-right.active svg {
		color: #fff
	}

.arrows ul li.gray-close {
	background-color: #e9ecee;
	border: 1px solid #bdc6cc
}

	.arrows ul li.gray-close svg {
		color: #264357
	}

	.arrows ul li.gray-close:hover, .arrows ul li.gray-close.active {
		background-color: #264357;
		border: 1px solid #264357
	}

		.arrows ul li.gray-close:hover svg, .arrows ul li.gray-close.active svg {
			color: #fff
		}

.dropdowns-option-arrow .select-dropdpwn {
	margin-bottom: 0px
}

	.dropdowns-option-arrow .select-dropdpwn .select2-container--default {
		width: 234px !important
	}

@media(max-width: 1800px) {
	.dropdowns-option-arrow .select-dropdpwn .select2-container--default {
		width: 180px !important
	}
}

.dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
	height: 40px;
	padding: 10px 40px 10px 8px;
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
		height: 32px;
		font-size: 13px;
		padding: 10px 32px 10px 8px
	}
}

.dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background-color: #f1f2f6;
	background-image: url("../image/drop-down-arrow-up.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	border-left: 2px solid #ebecf0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	pointer-events: none
}

@media(max-width: 1600px) {
	.dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single::after {
		width: 32px
	}
}

.dropdowns-option-arrow .select-dropdpwn .select2-container--default.select2-container--open .select2-selection--single::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background-color: #f1f2f6;
	background-image: url("../image/drop-down-arrow-down.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	border-left: 2px solid #ebecf0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	pointer-events: none
}

@media(max-width: 1600px) {
	.dropdowns-option-arrow .select-dropdpwn .select2-container--default.select2-container--open .select2-selection--single::after {
		width: 32px
	}
}

.dropdowns-option-arrow .rz-multiselect, .dropdowns-option-arrow .rz-dropdown {
	width: 100% !important;
	max-width: 135px;
	cursor: pointer;
	height: 32px;
	padding: 7px 9px;
	font-size: 12px;
	box-shadow: unset
}

@media(max-width: 1600px) {
	.dropdowns-option-arrow .rz-multiselect, .dropdowns-option-arrow .rz-dropdown {
		height: 27px;
		padding: 6px 10px;
		font-size: 11px
	}
}

.dropdowns-option-arrow .rz-helper-hidden-accessible input {
	height: 0;
	padding: 0
}

.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
	background-color: #ebecf0 !important;
	color: #31373e !important
}

.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
	background-color: #264357 !important
}

	.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
		background-color: #264357 !important;
		color: #fff !important
	}

.rz-multiselect, .rz-dropdown {
	cursor: pointer
}

	.rz-multiselect:hover, .rz-multiselect:focus, .rz-multiselect:active, .rz-dropdown:hover, .rz-dropdown:focus, .rz-dropdown:active {
		border-color: #ebecf0 !important
	}

.rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
	border: 1px solid #ebecf0 !important
}

.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
	border: 1px solid #aaa !important;
	border-radius: 4px;
	margin: 5px 0px;
	height: 28px
}

@media(max-width: 1400px) {
	.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
		height: 23px
	}
}

.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
	padding: 0px 10px
}

.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
	display: none
}

.rz-dropdown-items-wrapper, .rz-multiselect-items-wrapper {
	border-radius: 0px !important
}

.rz-dropdown-list .rz-dropdown-item {
	padding: 6px 12px;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5
}

@media(max-width: 1400px) {
	.rz-dropdown-list .rz-dropdown-item {
		font-size: 11px;
		padding: 4px 10px
	}
}

.filter-top-btn {
	position: absolute !important;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity .3s ease,transform .3s ease;
	pointer-events: none;
	z-index: 10;
	background-color: #fff
}

	.filter-top-btn.show {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto
	}

.setting-listing-head .filter-top {
	box-shadow: 0px 3px 5px 0px rgba(9,30,66,.1);
	padding: 10px;
	border: 1px solid #ebecf0;
	border-radius: 5px;
	margin: 0px 20px;
	position: relative
}

@media(max-width: 1400px) {
	.setting-listing-head .filter-top {
		margin: 0px 15px
	}
}

.setting-listing-head .filter-top .arrows {
	position: static !important
}

.setting-listing-head .filter-top .filter-bar-common {
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #c1c1c1 rgba(0,0,0,0)
}

	.setting-listing-head .filter-top .filter-bar-common::-webkit-scrollbar {
		height: 6px;
		width: 6px
	}

	.setting-listing-head .filter-top .filter-bar-common::-webkit-scrollbar-track {
		background: rgba(0,0,0,0)
	}

	.setting-listing-head .filter-top .filter-bar-common::-webkit-scrollbar-thumb {
		background: #c1c1c1;
		border-radius: 10px
	}

		.setting-listing-head .filter-top .filter-bar-common::-webkit-scrollbar-thumb:hover {
			background: #9e9e9e
		}

	.setting-listing-head .filter-top .filter-bar-common .dropdowns-option-arrow {
		width: fit-content
	}

@media(max-width: 1400px) {
	.setting-listing-head .common-filed-bar {
		padding-top: 0px;
		width: auto;
		display: flex !important
	}
}

@media(max-width: 1400px) {
	.setting-listing-head .common-filed-bar .downloads-btn {
		position: static
	}
}

.filter-common-btn {
	display: none !important
}

	.filter-common-btn.show {
		display: block !important
	}

.dropdowns-option-arrow .rz-multiselect, .dropdowns-option-arrow .rz-dropdown {
	max-width: 115px !important
}

.rz-multiselect-panel {
	margin-top: 2px
}

	.rz-multiselect-panel .rz-multiselect-list li {
		margin-bottom: 4px
	}

		.rz-multiselect-panel .rz-multiselect-list li .rz-chkbox {
			border-color: #ebecf0;
			border-radius: 4px
		}

		.rz-multiselect-panel .rz-multiselect-list li .rz-chkbox-box {
			border: 1px solid #ebecf0 !important;
			border-radius: 4px !important;
			box-shadow: unset
		}

		.rz-multiselect-panel .rz-multiselect-list li .rz-multiselect-item-content .region-name {
			font-weight: 600;
			font-size: 14px;
			line-height: 1.5;
			color: #31373e
		}

@media(max-width: 1600px) {
	.rz-multiselect-panel .rz-multiselect-list li .rz-multiselect-item-content .region-name {
		font-size: 13px
	}
}

.rz-multiselect-panel .rz-multiselect-list li .rz-multiselect-item-content .select-all {
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold
}

@media(max-width: 1600px) {
	.rz-multiselect-panel .rz-multiselect-list li .rz-multiselect-item-content .select-all {
		font-size: 14px
	}
}

.rz-multiselect-panel .rz-multiselect-list li.no-checkbox {
	padding: 10px
}

@media(max-width: 1600px) {
	.rz-multiselect-panel .rz-multiselect-list li.no-checkbox {
		padding: 8px
	}
}

.rz-multiselect-panel .rz-multiselect-list li.no-checkbox::first-child {
	margin-bottom: 0px;
	padding: 5px 10px !important
}

.rz-multiselect-panel .rz-multiselect-list li.rz-multiselect-item {
	padding: 8px
}

@media(max-width: 1600px) {
	.rz-multiselect-panel .rz-multiselect-list li.rz-multiselect-item {
		padding: 6px
	}
}

.rz-multiselect-panel .rz-multiselect-list li.rz-multiselect-item.rz-state-highlight {
	border-radius: 4px !important
}

	.rz-multiselect-panel .rz-multiselect-list li.rz-multiselect-item.rz-state-highlight .rz-multiselect-item-content span {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5;
		color: #fff
	}

@media(max-width: 1600px) {
	.rz-multiselect-panel .rz-multiselect-list li.rz-multiselect-item.rz-state-highlight .rz-multiselect-item-content span {
		font-size: 11px
	}
}

.alerts-dropdown .alerts-btn .btn {
	padding: 2px 8px;
	font-size: .7rem;
	min-width: 50px;
	height: 24px;
	border-radius: 4px
}

.alerts-dropdown .dropdown-menu .dropdown-item.dropdown-footer {
	margin-bottom: 0px
}

.alerts-dropdown .dropdown-menu ul {
	max-height: calc(100vh - 450px);
	overflow-y: auto
}

@media(max-width: 1600px) {
	.alerts-dropdown .dropdown-menu ul {
		max-height: calc(100vh - 265px)
	}
}

.alerts-dropdown .dropdown-menu ul .notification-bar .dropdown-item-img {
	width: 32px;
	max-width: 32px;
	flex: 0 0 32px;
	height: 32px
}

	.alerts-dropdown .dropdown-menu ul .notification-bar .dropdown-item-img img {
		height: 16px
	}

.notification-text {
	max-width: 70%;
	width: 100%
}

.view-more-btn {
	font-size: 12px;
	font-weight: 500
}

.alerts-dropdown-menu.dropdown-menu-lg {
	width: 400px;
	max-width: 400px
}

.alerts-dropdown-menu .dropdown-item img {
	height: auto
}

.alerts-dropdown-menu .alert-time-text {
	opacity: 40%;
	margin-top: 5px
}

.common-modal {
	background-color: rgba(38,67,87,.5)
}

	.common-modal .modal-dialog {
		max-width: 980px;
		height: -webkit-fill-available;
		min-height: 90%;
		margin: 20px auto
	}

@media(max-width: 1200px) {
	.common-modal .modal-dialog {
		padding: 0px 20px
	}
}

@media(max-width: 991px) {
	.common-modal .modal-dialog {
		max-width: 750px
	}
}

.common-modal .modal-dialog .modal-content {
	padding: 20px;
	border-radius: 8px;
	background-clip: border-box;
	height: 100%
}

@media(max-width: 1800px) {
	.common-modal .modal-dialog .modal-content {
		padding: 20px
	}
}

@media(max-width: 1600px) {
	.common-modal .modal-dialog .modal-content {
		padding: 15px
	}
}

.common-modal .modal-dialog .modal-content .modal-header {
	border: 0;
	padding: 0px;
	position: relative
}

	.common-modal .modal-dialog .modal-content .modal-header .close {
		opacity: 1;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		padding: 0;
		margin: 0
	}

		.common-modal .modal-dialog .modal-content .modal-header .close:hover {
			opacity: 1
		}

@media(max-width: 1400px) {
	.common-modal .modal-dialog .modal-content .modal-header .modal-title {
		font-size: .9rem
	}
}

.common-modal .modal-dialog .modal-content .modal-body {
	padding: 0px 5px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #c1c1c1 rgba(0,0,0,0)
}

	.common-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
		height: 8px
	}

	.common-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
		background: rgba(0,0,0,0)
	}

	.common-modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
		background-color: #c1c1c1;
		border-radius: 10px
	}

	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data p {
		font-size: 14px;
		line-height: 1.5;
		color: #a0aec0;
		margin-bottom: 24px;
		font-weight: 500
	}

@media(max-width: 1600px) {
	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data p {
		margin-bottom: 15px
	}
}

@media(max-width: 1400px) {
	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data p {
		font-size: 12px
	}
}

.common-modal .modal-dialog .modal-content .modal-body .modal-top-data h3 {
	font-size: 24px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data h3 {
		font-size: 18px
	}
}

@media(max-width: 1400px) {
	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data h3 {
		font-size: 14px
	}
}

.common-modal .modal-dialog .modal-content .modal-body .modal-top-data .camera-video {
	border-radius: 10px;
	height: 453px !important
}

@media(max-width: 1600px) {
	.common-modal .modal-dialog .modal-content .modal-body .modal-top-data .camera-video {
		height: 450px !important
	}
}

.common-modal .modal-dialog .modal-content .modal-body .modal-top-data .camera-video video {
	object-fit: cover
}

.common-modal .modal-dialog .modal-content .modal-body .date-range label {
	margin-bottom: 8px !important
}

@media(max-width: 1800px) {
	.common-modal .modal-dialog .modal-content .modal-body .date-range label {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.common-modal .modal-dialog .modal-content .modal-body .date-range label {
		margin-bottom: 5px !important;
		font-size: 12px
	}
}

@media(max-width: 1200px) {
	.common-modal .modal-dialog .modal-content .modal-body .date-range label {
		font-size: 11px
	}
}

.common-modal .table {
	border: 1px solid #f4f5f7
}

	.common-modal .table td {
		border-top: unset
	}

	.common-modal .table th {
		border-top: unset
	}

.common-modal table thead th {
	color: #42526e
}

@media(max-width: 1400px) {
	.common-modal .input-group-prepend .input-group-text img {
		width: 12px;
		height: 12px
	}
}

.common-modal.modal-new-email .modal-dialog, .common-modal.modal-otp-verification .modal-dialog {
	height: fit-content;
	min-height: -webkit-fill-available
}

.common-modal.modal-otp-verification .modal-content .modal-header .close {
	right: 0;
	top: -15px;
	margin: 0
}

@media(max-width: 1600px) {
	.common-modal.modal-otp-verification .modal-content .modal-header .close {
		top: -10px
	}
}

.common-modal.modal-otp-verification .modal-content .login-box {
	width: 100%
}

	.common-modal.modal-otp-verification .modal-content .login-box .card {
		margin-bottom: 0;
		border: 0;
		box-shadow: unset
	}

		.common-modal.modal-otp-verification .modal-content .login-box .card .card-body {
			padding: 0
		}

			.common-modal.modal-otp-verification .modal-content .login-box .card .card-body h1 {
				font-size: 24px;
				margin-bottom: 24px
			}

@media(max-width: 1600px) {
	.common-modal.modal-otp-verification .modal-content .login-box .card .card-body h1 {
		font-size: 20px;
		margin-bottom: 15px
	}
}

.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .form-group {
	max-width: 250px;
	margin: 0 auto
}

@media(max-width: 1600px) {
	.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .form-group {
		max-width: 210px
	}
}

.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .otp-form-control {
	text-align: center;
	width: 50px;
	height: 50px
}

@media(max-width: 1600px) {
	.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .otp-form-control {
		width: 40px;
		height: 40px
	}
}

.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .otp-verification-time {
	padding: 0;
	max-width: 250px;
	margin: 0 auto
}

@media(max-width: 1600px) {
	.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .otp-verification-time {
		max-width: 210px
	}
}

.common-modal.modal-otp-verification .modal-content .login-box .card .card-body .mt-40 {
	margin-top: 20px !important
}

.common-modal.imgae-crop-modal .modal-content {
	height: auto;
	width: 100%;
	min-width: 350px
}

.common-modal.alarms-modal .modal-dialog {
	max-width: 800px
}

@media(max-width: 991px) {
	.common-modal.alarms-modal .cctv-part {
		align-items: normal
	}
}

.common-modal.region-chart-modal .cctv-part .preview {
	display: block
}

.half-height-modal .modal-dialog, .import-modal .modal-dialog, .modal-chart .modal-dialog, .add-cctv-modal .modal-dialog, .modal-add-new-industry .modal-dialog, .upgrade-subscription-modal .modal-dialog, .add-user-modal .modal-dialog, .call-modal .modal-dialog, .add-node-modal .modal-dialog, .cctv-preview .modal-dialog, .create-ticket-modal .modal-dialog, .modal-delete-account .modal-dialog {
	height: fit-content
}

@media(max-width: 1600px) {
	.create-ticket-modal .modal-dialog {
		height: -webkit-fill-available
	}
}

.upgrade-subscription-modal .modal-dialog {
	min-height: auto
}

@media(max-width: 1400px) {
	.upgrade-subscription-modal .modal-dialog {
		min-height: -webkit-fill-available
	}
}

.add-user-modal .modal-dialog, .add-node-modal .modal-dialog, .add-cctv-modal .modal-dialog, .create-ticket-modal .modal-dialog {
	min-height: -webkit-fill-available
}

.import-modal .modal-dialog {
	max-width: 467px
}

	.import-modal .modal-dialog .modal-body {
		min-width: 387px;
		margin: 0
	}

@media(max-width: 1400px) {
	.import-modal .modal-dialog .modal-body {
		margin: 0
	}
}

@media(max-width: 767px) {
	.import-modal .modal-dialog .modal-body {
		min-width: auto;
		margin: unset
	}
}

.import-modal .modal-dialog .modal-body .drag-box {
	border: 2px dashed #99c9ff;
	border-radius: 8px;
	padding: 25px;
	text-align: center;
	width: 387px;
	color: #555;
	background-color: #fafbfc;
	width: 100%
}

@media(max-width: 1600px) {
	.import-modal .modal-dialog .modal-body .drag-box {
		padding: 15px
	}
}

.import-modal .modal-dialog .modal-body .drag-box p {
	color: #31373e;
	margin-top: 16px;
	margin-bottom: 8px
}

	.import-modal .modal-dialog .modal-body .drag-box p span {
		margin-top: 8px
	}

.import-modal .modal-dialog .modal-body .drag-box .browse-btn {
	display: inline-block;
	margin-top: 0;
	padding: 8px 23px;
	background-color: rgba(0,0,0,0);
	border: 1px solid #264357;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	color: #264357;
	margin-bottom: 0
}

@media(max-width: 1400px) {
	.import-modal .modal-dialog .modal-body .drag-box .browse-btn {
		padding: 5px 15px
	}
}

.import-modal .modal-dialog .modal-body .drag-box .browse-btn:hover {
	background-color: #e2e8f0
}

.import-modal .modal-dialog .modal-body .drag-box .browse-btn input[type=file] {
	display: none
}

.import-modal .modal-dialog .modal-body .upload-note {
	font-size: 11px;
	color: #7a869a;
	margin-top: 8px
}

.import-modal .modal-dialog .modal-body .card-footer {
	padding: 10px 0px
}

@media(max-width: 767px) {
	.import-modal .modal-dialog .modal-body .card-footer .form-btn {
		justify-content: center
	}
}

.import-modal .modal-dialog .modal-body .modal-btn {
	margin-top: 20px
}

.import-modal.update-modal .modal-dialog .modal-body .modal-top-data p span {
	color: #88c041
}

.import-modal.update-modal .modal-dialog .modal-body p {
	margin-bottom: 5px
}

.import-modal.update-modal .modal-dialog .modal-body .drag-box {
	border: 1px solid #ebecf0;
	padding: 35px
}

	.import-modal.update-modal .modal-dialog .modal-body .drag-box img {
		margin: 0 auto
	}

	.import-modal.update-modal .modal-dialog .modal-body .drag-box p {
		color: #2aa7df;
		margin-bottom: 3px
	}

.import-modal.update-modal .modal-dialog .modal-body .modal-btn .btn-submit {
	background: #2aa7df;
	color: #fff;
	padding: 8px 30px
}

.import-modal.add-cctv-modal .modal-dialog {
	max-width: 467px
}

	.import-modal.add-cctv-modal .modal-dialog .modal-content {
		height: auto;
		overflow: hidden
	}

.modal-btn {
	margin-top: 40px
}

	.modal-btn.grid-column-2 {
		grid-template-columns: repeat(2, 1fr) !important
	}

@media(max-width: 1400px) {
	.modal-btn {
		margin-top: 20px
	}
}

.modal-btn .delete-btn {
	background-color: #e42336;
	border: 1px solid rgba(0,0,0,0)
}

	.modal-btn .delete-btn:hover {
		color: #e42336;
		border: 1px solid #e42336;
		background-color: rgba(0,0,0,0)
	}

.access-portal .modal-top-data img {
	margin-bottom: 30px
}

@media(max-width: 1400px) {
	.access-portal .modal-top-data img {
		margin-bottom: 15px;
		width: 100px
	}
}

.access-portal .modal-top-data h4 {
	color: #264357
}

.access-portal .modal-top-data p {
	margin-bottom: 0px
}

.access-request-modal .modal-top-data {
	text-align: center
}

	.access-request-modal .modal-top-data svg {
		width: 70px !important;
		height: 70px !important
	}

	.access-request-modal .modal-top-data h3 {
		font-size: 20px !important
	}

	.access-request-modal .modal-top-data p {
		font-weight: 400 !important
	}

.modal-renew .modal-dialog {
	max-width: 869px
}

@media(max-width: 1400px) {
	.modal-renew .modal-content .modal-body {
		overflow: scroll
	}
}

.modal-renew .card-footer {
	padding: 10px 0px
}

@media(max-width: 767px) {
	.modal-renew .card-footer .form-btn {
		justify-content: center
	}
}

.modal-renew .radio-status .btn-ad {
	gap: 16px
}

.modal-renew .radio-status .custom-control-label {
	padding-left: 8px
}

.modal-renew.add-node-modal .modal-dialog {
	max-width: 700px
}

.modal-renew .alarm-details .modal-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.modal-delete-account .modal-dialog {
	max-width: 363px
}

	.modal-delete-account .modal-dialog .modal-top-data {
		max-width: 237px;
		margin: 0 auto
	}

.modal-add-industry .modal-dialog, .modal-otp-verification .modal-dialog {
	max-width: 447px
}

.input-update {
	position: relative
}

.verify-link {
	position: absolute;
	right: 0;
	border: unset;
	color: #2aa7df;
	top: 2px
}

@media(max-width: 1400px) {
	.verify-link {
		top: 1px;
		font-size: 11px
	}
}

.cctv-modal .modal-dialog {
	max-width: 1840px
}

@media(max-width: 1800px) {
	.cctv-modal .modal-dialog {
		max-width: 1500px
	}
}

@media(max-width: 1600px) {
	.cctv-modal .modal-dialog {
		max-width: 1300px
	}
}

@media(max-width: 1400px) {
	.cctv-modal .modal-dialog {
		max-width: 1200px
	}
}

.cctv-modal .left-section .card-title {
	font-size: 16px;
	line-height: 1.5;
	color: #31373e;
	font-weight: 600
}

@media(max-width: 1600px) {
	.cctv-modal .left-section .card-title {
		font-size: 14px
	}
}

.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
	height: 32px;
	padding: 5px 30px 5px 8px;
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
		font-size: 13px
	}
}

.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single::after {
	width: 32px
}

@media(max-width: 1600px) {
	.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 28px
	}
}

.cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default.select2-container--open .select2-selection--single::after {
	width: 32px
}

.cctv-modal .cctv-part .preview {
	margin: 0px;
	height: calc(100vh - 165px);
	display: flex
}

@media(max-width: 1400px) {
	.cctv-modal .cctv-part .preview {
		height: calc(100vh - 145px)
	}
}

.cctv-modal .cctv-part .cctv-box {
	height: 100% !important
}

	.cctv-modal .cctv-part .cctv-box .cctv-inner-box {
		width: 100%;
		height: 88px
	}

@media(max-width: 1400px) {
	.cctv-modal .cctv-part .cctv-box .cctv-inner-box {
		height: 70px
	}
}

.cctv-modal .cctv-box {
	display: grid !important;
	max-height: calc(100vh - 165px);
	width: 20%;
	grid-template-columns: repeat(2, 1fr);
	overflow-x: hidden;
	box-sizing: border-box
}

@media(max-width: 1400px) {
	.cctv-modal .cctv-box {
		width: 30%;
		max-height: calc(100vh - 140px)
	}
}

.cctv-modal .cctv-box .cctv-inner-box {
	display: block
}

@media(max-width: 1600px) {
	.cctv-modal .cctv-box .cctv-inner-box span {
		font-size: 11px !important
	}
}

.cctv-modal .top-bar-common .filter-bar-common {
	gap: 10px
}

	.cctv-modal .top-bar-common .filter-bar-common .dropdowns-option-arrow .rz-dropdown {
		max-width: 180px !important
	}

.cctv-modal .site-dashboard-modal .site-info.site-info-main-top {
	margin-top: 85px
}

@media(max-width: 1800px) {
	.cctv-modal .site-dashboard-modal .site-info.site-info-main-top {
		margin-top: 80px
	}
}

@media only screen and (max-width: 1350px) {
	.cctv-modal .site-dashboard-modal .site-info.site-info-main-top {
		margin-top: 110px
	}
}

.chat-listing .chat-list {
	padding: 10px;
	border: 1px solid #ebecf0;
	border-radius: 4px;
	margin-bottom: 8px
}

@media(max-width: 1600px) {
	.chat-listing .chat-list {
		padding: 8px
	}
}

.chat-listing .chat-list .chat-user .chat-user-img img {
	width: 40px;
	height: 40px;
	border-radius: 40px
}

@media(max-width: 1600px) {
	.chat-listing .chat-list .chat-user .chat-user-img img {
		width: 32px;
		height: 32px
	}
}

.chat-listing .chat-list .chat-user .chat-user-name h2 {
	font-size: 14px;
	margin-bottom: 0px;
	line-height: 1
}

@media(max-width: 1600px) {
	.chat-listing .chat-list .chat-user .chat-user-name h2 {
		font-size: 12px
	}
}

.chat-listing .chat-list .chat-user .chat-user-name span {
	font-size: 11px;
	font-weight: 600;
	color: #7a869a;
	line-height: 1
}

@media(max-width: 1600px) {
	.chat-listing .chat-list .chat-user .chat-user-name span {
		font-size: 10px
	}
}

.layout img {
	border-radius: 8px
}

.users-recent-modal > div {
	max-width: calc(50% - 8px);
	flex: 0 0 calc(50% - 8px)
}

@media(max-width: 1200px) {
	.users-recent-modal > div {
		max-width: 100%;
		flex: 0 0 100%
	}
}

.users-recent-modal > div .cctv-part .preview {
	margin: 0px;
	height: 315px
}

.all-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	width: 800px;
	max-width: fit-content;
	height: auto;
	background: #fff;
	z-index: 9999;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	border-radius: 10px;
	opacity: 0;
	display: none;
	pointer-events: none
}

@media(max-width: 1600px) {
	.all-modal {
		width: 700px
	}
}

.all-modal.active {
	opacity: 1;
	display: block;
	pointer-events: auto;
	animation: bounceIn .25s cubic-bezier(0.55, 1.55, 0.675, 0.19) forwards
}

.all-modal .alert-top-title {
	padding: 20px;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-weight: 600;
	color: #264357;
	margin-bottom: 0
}

@media(max-width: 1600px) {
	.all-modal .alert-top-title {
		padding: 15px 15px 12px 15px;
		font-size: 18px
	}
}

.all-modal .iot-box {
	margin: 0px 20px;
	max-height: calc(100vh - 530px);
	overflow: auto
}

@media(max-width: 1600px) {
	.all-modal .iot-box {
		margin: 0px 15px
	}
}

@media(max-width: 1600px) {
	.all-modal .iot-box {
		max-height: calc(100vh - 425px)
	}
}

@media(max-width: 1400px) {
	.all-modal .iot-box {
		max-height: calc(100vh - 325px)
	}
}

@media(max-width: 1365px) {
	.all-modal .iot-box {
		max-height: calc(100vh - 150px)
	}
}

.all-modal .iot-box .iot-popup-main {
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 1px solid #dc3545;
	background-color: #f7f7f7
}

@media(max-width: 1600px) {
	.all-modal .iot-box .iot-popup-main {
		padding: 15px;
		margin-bottom: 15px
	}
}

.all-modal .iot-box .iot-popup-main .fire-alarm p {
	text-transform: capitalize;
	color: #7a869a;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400
}

@media(max-width: 1600px) {
	.all-modal .iot-box .iot-popup-main .fire-alarm p {
		font-size: 13px;
		margin-bottom: 10px
	}
}

.all-modal .iot-box .iot-popup-main .fire-alarm h4 {
	font-size: 24px;
	line-height: 1.5;
	text-transform: capitalize;
	color: #e42336;
	margin-bottom: 12px;
	letter-spacing: 1px
}

@media(max-width: 1600px) {
	.all-modal .iot-box .iot-popup-main .fire-alarm h4 {
		font-size: 18px;
		margin-bottom: 10px
	}
}

.all-modal .iot-box .iot-popup-main .fire-alarm .time-prority {
	margin-bottom: 15px
}

	.all-modal .iot-box .iot-popup-main .fire-alarm .time-prority p {
		margin-bottom: 5px
	}

.all-modal .iot-box .iot-popup-main .fire-indication-buttons {
	gap: 10px
}

	.all-modal .iot-box .iot-popup-main .fire-indication-buttons .btn {
		min-width: auto
	}

.failed-modal .modal-dialog {
	min-height: auto;
	margin: 0 auto;
	top: 50%;
	transform: translate(0, -50%) !important
}

.failed-modal .modal-dialog {
	height: 450px
}

@media(max-width: 1600px) {
	.failed-modal .modal-dialog {
		height: 350px
	}
}

.alarm-chat-modal .modal-dialog {
	max-width: 370px !important
}

	.alarm-chat-modal .modal-dialog .modal-content {
		padding: 20px 20px 0 20px
	}

		.alarm-chat-modal .modal-dialog .modal-content .modal-body {
			min-width: fit-content !important
		}

			.alarm-chat-modal .modal-dialog .modal-content .modal-body .modal-top-data h3 {
				font-size: 20px
			}

.modal-subscription-usage .subscription-usage-checklist .usage-item {
	padding: 10px;
	border-radius: 4px;
	background-color: #f8f9fa
}

	.modal-subscription-usage .subscription-usage-checklist .usage-item .usage-details span {
		font-weight: 600;
		font-size: 16px;
		color: #31373e
	}

.modal-subscription-usage .alert-success {
	border-color: rgba(0,0,0,0);
	color: #155724;
	background-color: #d4edda
}

	.modal-subscription-usage .alert-success svg {
		height: 20px;
		width: 20px
	}

.modal-subscription-usage .action-required {
	background-color: rgba(228,35,54,0.0784313725);
	padding: 10px 10px;
	border-radius: 5px;
	border: 1px solid rgba(228,35,54,0.3411764706);
	margin-top: 30px
}

	.modal-subscription-usage .action-required svg {
		margin-right: 10px
	}

	.modal-subscription-usage .action-required p, .modal-subscription-usage .action-required li {
		font-size: 13px
	}

	.modal-subscription-usage .action-required li {
		position: relative;
		padding-left: 20px
	}

		.modal-subscription-usage .action-required li::before {
			position: absolute;
			content: "";
			background: #e42336;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			top: 6px;
			left: 4px
		}

.chat-popup-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 380px;
	height: 480px;
	z-index: 999999;
	animation: popupSlideIn .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	border-radius: 16px;
	overflow: hidden;
	display: block
}

@media(max-width: 1200px) {
	.chat-popup-widget {
		width: 280px;
		height: 400px
	}
}

@media(max-width: 991px) {
	.chat-popup-widget {
		width: calc(100vw - 20px);
		right: 10px;
		bottom: 10px;
		height: calc(100vh - 100px)
	}
}

@media(max-width: 576px) {
	.chat-popup-widget {
		width: calc(100vw - 16px);
		right: 8px;
		bottom: 8px;
		border-radius: 12px;
		height: calc(100vh - 80px)
	}
}

.chat-popup-widget .chat-popup-content {
	background: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	overflow: hidden
}

	.chat-popup-widget .chat-popup-content .close {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 1050;
		cursor: pointer;
		background: rgba(0,0,0,0);
		border: none;
		opacity: 1
	}

		.chat-popup-widget .chat-popup-content .close span img {
			width: 15px;
			height: 15px
		}

	.chat-popup-widget .chat-popup-content .chat-popup-body-wrapper {
		flex: 1;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		height: 414px
	}

@media(max-width: 991px) {
	.chat-popup-widget .chat-popup-content .chat-popup-body-wrapper {
		height: calc(100vh - 166px)
	}
}

@media(max-width: 576px) {
	.chat-popup-widget .chat-popup-content .chat-popup-body-wrapper {
		height: calc(100vh - 146px)
	}
}

@media(max-width: 1600px) {
	.chat-popup-widget .chat-container .chat-header {
		height: 62px !important
	}
}

@media(max-width: 1600px) {
	.chat-popup-widget .chat-container .chat-body .chat-day-date {
		margin: 12px 0 !important
	}

		.chat-popup-widget .chat-container .chat-body .chat-day-date span {
			padding: 3px 7px !important;
			font-size: 10px !important;
			letter-spacing: 0 !important
		}

	.chat-popup-widget .chat-container .chat-body .sender-message .card-img, .chat-popup-widget .chat-container .chat-body .receiver-message .card-img {
		width: 30px !important;
		height: 30px !important;
		margin: 0 !important
	}

	.chat-popup-widget .chat-container .chat-body .sender-message .message, .chat-popup-widget .chat-container .chat-body .receiver-message .message {
		font-size: 12px !important;
		padding: 7px !important;
		font-weight: 400
	}

	.chat-popup-widget .chat-container .chat-body .sender-message .message-group .message-attachment .attached-image, .chat-popup-widget .chat-container .chat-body .receiver-message .message-group .message-attachment .attached-image {
		max-width: 100px !important;
		max-height: 100px !important
	}
}

@keyframes popupSlideIn {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(0.9)
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@keyframes popupSlideIn {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(0.9)
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@keyframes popupSlideIn {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(0.9)
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.7)
	}

	60% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.05)
	}

	80% {
		transform: translate(-50%, -50%) scale(0.95)
	}

	100% {
		transform: translate(-50%, -50%) scale(1)
	}
}

.notification-page .notification-area {
	height: calc(100vh - 185px)
}

	.notification-page .notification-area .card-body {
		overflow-y: scroll
	}

.notification-page .notification-item {
	display: flex;
	align-items: center;
	padding: 16px 18px;
	background-color: #fff;
	transition: background-color .3s ease;
	margin-bottom: 10px
}

@media(max-width: 1400px) {
	.notification-page .notification-item {
		margin-bottom: 5px;
		padding: 6px 18px
	}
}

.notification-page .notification-item:hover {
	background-color: #eaf7fc
}

.notification-page .notification-item.highlight {
	background-color: #eaf7fc
}

.notification-page .notification-item .notification-icon {
	border: .5px solid #ebecf0;
	background-color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 3px 5px 0px rgba(9,30,66,.1019607843)
}

@media(max-width: 1400px) {
	.notification-page .notification-item .notification-icon {
		width: 35px;
		height: 35px
	}
}

@media(max-width: 1400px) {
	.notification-page .notification-item .notification-icon img {
		width: 15px;
		height: 15px
	}
}

.notification-page .notification-item .notification-content {
	flex: 1
}

	.notification-page .notification-item .notification-content h4 {
		margin: 0;
		font-size: 16px;
		font-weight: 600
	}

@media(max-width: 1600px) {
	.notification-page .notification-item .notification-content h4 {
		font-size: 12px
	}
}

.notification-page .notification-item .notification-content p {
	margin: 4px 0;
	color: #31373e;
	font-size: 14px
}

@media(max-width: 1600px) {
	.notification-page .notification-item .notification-content p {
		font-size: 12px
	}
}

.notification-page .notification-item .time {
	font-size: 14px;
	line-height: 1.5;
	color: #7a869a;
	margin-left: auto
}

@media(max-width: 1600px) {
	.notification-page .notification-item .time {
		font-size: 12px
	}
}

.notification-page .card-header > .card-tools .input-group {
	margin: 0
}

.custom-checkbox {
	position: relative;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	margin-right: 20px
}

@media(max-width: 1600px) {
	.custom-checkbox {
		margin-right: 12px
	}
}

.custom-checkbox input[type=checkbox] {
	appearance: none;
	background-color: #fff;
	border: 1px solid #ebecf0;
	padding: 3px;
	border-radius: 4px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 21px;
	height: 21px
}

@media(max-width: 1600px) {
	.custom-checkbox input[type=checkbox] {
		width: 18px;
		height: 18px
	}
}

.custom-checkbox input[type=checkbox]:checked {
	background-color: #2aa7df;
	border-color: #2aa7df
}

	.custom-checkbox input[type=checkbox]:checked::after {
		content: "";
		background-image: url("../image/check-box-arrow.svg");
		background-size: contain;
		background-position: center center;
		width: 13px;
		height: 9px;
		color: #fff;
		font-size: 12px;
		position: absolute;
		top: 5px;
		left: 3px
	}

@media(max-width: 1600px) {
	.custom-checkbox input[type=checkbox]:checked::after {
		width: 10px;
		height: 7px
	}
}

.setting-page .main-sidebar {
	overflow: hidden;
	background-color: #fff
}

.setting-page .setting-name {
	color: #31373e;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	display: block
}

@media(max-width: 1600px) {
	.setting-page .setting-name {
		font-size: 14px
	}
}

@media(max-width: 1400px) {
	.setting-page .setting-name {
		font-size: 13px
	}
}

.setting-page .brand-link {
	width: 250px;
	padding: 18px 24px;
	border-bottom: 1px solid #dfe1e6;
	margin-bottom: 18px
}

@media(max-width: 1600px) {
	.setting-page .brand-link {
		padding: 14px 24px
	}
}

@media(max-width: 1400px) {
	.setting-page .brand-link {
		padding: 9px 12px
	}
}

.setting-page.sidebar-mini.sidebar-collapse .main-sidebar {
	background-color: #fff
}

@media(max-width: 1400px) {
	.setting-page.sidebar-mini.sidebar-collapse .main-sidebar {
		width: 55px
	}
}

@media(max-width: 1400px) {
	.setting-page.sidebar-mini.sidebar-collapse .brand-link {
		width: 55px
	}
}

@media(max-width: 1400px) {
	.setting-page.sidebar-mini.sidebar-collapse .main-header, .setting-page.sidebar-mini.sidebar-collapse .content-wrapper, .setting-page.sidebar-mini.sidebar-collapse .main-footer {
		margin-left: 55px !important
	}
}

.setting-page .nav-sidebar {
	margin-top: 0px
}

@media(max-width: 1400px) {
	.setting-page .nav-sidebar .nav-item > .nav-link {
		padding: 6px 10px
	}
}

.setting-page .nav-sidebar .nav-item > .nav-link.active {
	color: #fff !important;
	background-color: #2aa7df !important
}

	.setting-page .nav-sidebar .nav-item > .nav-link.active .icon-text .sidebar-icons .nav-icons {
		color: #fff !important
	}

	.setting-page .nav-sidebar .nav-item > .nav-link.active .icon-text .menu-item-text {
		color: #fff !important
	}

.setting-page .nav-sidebar .nav-item > .nav-link:hover {
	background-color: #d3d9dd !important
}

.setting-page .nav-sidebar .nav-item > .nav-link .icon-text .sidebar-icons .nav-icons {
	color: #264357
}

@media(max-width: 1400px) {
	.setting-page .nav-sidebar .nav-item > .nav-link .icon-text .sidebar-icons .nav-icons {
		transform: scale(0.85)
	}
}

.setting-page .nav-sidebar .nav-item > .nav-link .icon-text .menu-item-text {
	color: #6b778c !important
}

.setting-page .setting-close-btn {
	position: fixed;
	right: 25px;
	top: 18px;
	z-index: 1035;
	cursor: pointer;
	margin: 0
}

@media(max-width: 1400px) {
	.setting-page .setting-close-btn {
		top: 10px
	}
}

.setting-page.sidebar-open .main-sidebar {
	display: block;
	background-color: #fff
}

.setting-page .setting-listing-head .filter-top .filter-bar-common .dropdowns-option-arrow {
	width: fit-content
}

.sidebar-mini.sidebar-collapse .setting-page .main-sidebar {
	background-color: #fff
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse .setting-page .main-sidebar {
		width: 55px
	}
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse .setting-page .brand-link {
		width: 55px
	}
}

@media(max-width: 1400px) {
	.sidebar-mini.sidebar-collapse .setting-page .setting-name {
		font-size: 11px
	}
}

@media screen and (max-width: 1550px) {
	.common-table {
		min-width: max-content
	}
}

.common-table thead {
	position: sticky;
	top: 0;
	z-index: 2;
	border-bottom: 1px solid #ccc
}

	.common-table thead th {
		font-size: 12px;
		line-height: normal;
		text-transform: uppercase;
		font-weight: 500;
		background-color: #f4f5f7;
		padding: 15px 12px !important;
		border-bottom: 1px solid #ebecf0 !important;
		color: #42526e
	}

@media(max-width: 1800px) {
	.common-table thead th {
		font-size: 11px;
		padding: 12px 10px !important
	}
}

@media(max-width: 1400px) {
	.common-table thead th {
		font-size: 10px;
		padding: 10px !important
	}
}

.common-table tbody td {
	border-top: 1px solid #ebecf0 !important;
	padding: 9px 12px !important;
	vertical-align: middle
}

@media(max-width: 1800px) {
	.common-table tbody td {
		font-size: 12px;
		padding: 6px 12px !important
	}
}

@media(max-width: 1400px) {
	.common-table tbody td {
		font-size: 11px;
		padding: 4px 12px !important
	}
}

.common-table tbody td .grace-time {
	color: #fff;
	background-color: #e42336;
	padding: 3px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
	margin-left: 10px
}

@media(max-width: 1800px) {
	.common-table tbody td .grace-time {
		padding: 3px;
		font-size: 9px
	}
}

@media(max-width: 1400px) {
	.common-table tbody td .grace-time {
		padding: 4px;
		font-size: 8px
	}
}

@media(max-width: 1800px) {
	.common-table tbody td .action img {
		height: 22px
	}
}

@media(max-width: 1600px) {
	.common-table tbody td .action img {
		height: 20px
	}
}

.common-table.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,0)
}

.common-table.table-striped tbody tr:nth-of-type(even) {
	background-color: #f4f5f7
}

.common-table th, .common-table td {
	border: none !important
}

	.common-table th.no-sort {
		pointer-events: none
	}

		.common-table th.no-sort::after, .common-table th.no-sort::before {
			display: none !important
		}

	.common-table th span {
		position: relative;
		display: inline-block
	}

		.common-table th span::after {
			content: "";
			position: absolute;
			right: -20px;
			top: 50%;
			transform: translateY(-50%);
			width: 16px;
			height: 16px;
			background-size: contain;
			background-repeat: no-repeat;
			background-image: url("../image/sorting.svg")
		}

	.common-table th.sorting_asc span::after {
		background-image: url("../image/sorting_asc.svg");
		width: 6px;
		height: 10px
	}

	.common-table th.sorting_desc span::after {
		background-image: url("../image/sorting_desc.svg");
		width: 6px;
		height: 10px
	}

.common-table .sortable {
	cursor: pointer;
	position: relative
}

.permissions-table tbody td {
	color: #42526e;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

@media(max-width: 1400px) {
	.permissions-table tbody td {
		font-size: 10px
	}
}

.permissions-table tbody .custom-checkbox {
	min-width: 148px;
	margin-right: 0px
}

	.permissions-table tbody .custom-checkbox span {
		margin-left: 8px;
		vertical-align: middle;
		font-size: 14px;
		color: #31373e;
		font-weight: 500;
		text-transform: capitalize
	}

@media(max-width: 1600px) {
	.permissions-table tbody .custom-checkbox span {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.permissions-table tbody .custom-checkbox span {
		font-size: 11px
	}
}

.customers-data-table.common-right-side {
	padding: 0px 8px
}

.customers-data-table.common-input-box {
	padding: 0px 16px;
	position: relative
}

	.customers-data-table.common-input-box .card-body {
		padding: 20px
	}

@media(max-width: 1400px) {
	.customers-data-table.common-input-box .card-body {
		padding: 10px 15px
	}
}

.customers-data-table.common-input-box .card-body .customer-inner-data .downloads-btn {
	position: absolute;
	right: 20px;
	z-index: 1
}

@media(max-width: 1400px) {
	.customers-data-table .card-header {
		padding: 6px 15px
	}
}

@media screen and (max-width: 1365px) {
	.customers-data-table .card-header {
		flex-wrap: wrap
	}
}

@media screen and (max-width: 1365px) {
	.customers-data-table .card-tools {
		flex-wrap: wrap;
		gap: 8px;
		justify-content: start;
		margin-right: 0px !important
	}
}

.inner-row {
	display: none
}

	.inner-row.show {
		display: table-row
	}

.table-hover tbody tr.inner-row:hover {
	background-color: unset
}

.table-hover tbody tr:hover {
	background-color: #f4f5f7
}

#activity-chart, #meeting-chart, #minute-chart {
	height: 350px
}

#revenue-chart {
	height: 220px
}

	#meeting-chart svg, #meeting-chart foreignObject, #activity-chart, #activity-chart svg, #activity-chart foreignObject, #minute-chart svg, #minute-chart foreignObject, #revenue-chart svg, #revenue-chart foreignObject {
		height: 350px;
		min-height: 350px
	}

.apexcharts-legend-series {
	cursor: default !important;
	padding-bottom: 10px;
	margin: 0px 6px !important
}

	.apexcharts-legend-series .apexcharts-legend-text {
		padding-left: 20px;
		color: #7a869a !important;
		padding-top: 1px
	}

.apexcharts-legend {
	overflow: hidden !important;
	padding: 0 !important
}

.apexcharts-datalabels-group text {
	font-size: 24px;
	font-weight: 700
}

.multiple-chart-parts {
	display: flex;
	gap: 16px
}

@media(max-width: 1200px) {
	.multiple-chart-parts {
		flex-wrap: wrap
	}
}

.multiple-chart-parts .card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden
}

@media(max-width: 1400px) {
	.multiple-chart-parts .card .card-header {
		padding: 8px
	}
}

.multiple-chart-parts .card .card-body {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: height .3s ease
}

	.multiple-chart-parts .card .card-body .apexcharts-legend {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

.multiple-chart-parts .card.site-chart, .multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
	height: 300px !important
}

@media(max-width: 1600px) {
	.multiple-chart-parts .card.site-chart, .multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
		height: 275px !important
	}
}

@media(max-width: 1400px) {
	.multiple-chart-parts .card.site-chart, .multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
		height: 260px !important
	}
}

@media(max-width: 1200px) {
	.multiple-chart-parts .card.site-chart, .multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
		height: 320px !important
	}
}

.multiple-chart-parts .card.site-chart.collapsed-card, .multiple-chart-parts .card.device-chart.collapsed-card, .multiple-chart-parts .card.users-chart.collapsed-card, .multiple-chart-parts .card.recent-alerts.collapsed-card {
	height: max-content !important
}

.multiple-chart-parts .card.site-chart {
	flex: 0 0 calc(41% - 12px);
	width: calc(41% - 12px);
	max-width: calc(41% - 12px)
}

@media(max-width: 1200px) {
	.multiple-chart-parts .card.site-chart {
		flex: 0 0 calc(60% - 8px);
		width: calc(60% - 8px);
		max-width: calc(60% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts .card.site-chart {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

.multiple-chart-parts .card.site-chart .site-chart-card-body {
	padding: 0 25px
}

.multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
	flex: 0 0 calc(20% - 12px);
	width: calc(20% - 12px);
	max-width: calc(20% - 12px)
}

@media(max-width: 1200px) {
	.multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
		flex: 0 0 calc(40% - 8px);
		width: calc(40% - 8px);
		max-width: calc(40% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts .card.device-chart, .multiple-chart-parts .card.users-chart, .multiple-chart-parts .card.recent-alerts {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

@media(max-width: 1200px) {
	.multiple-chart-parts .card.users-chart {
		flex: 0 0 calc(60% - 8px);
		width: calc(60% - 8px);
		max-width: calc(60% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts .card.users-chart {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

@media(max-width: 991px) {
	.multiple-chart-parts .card.device-chart {
		flex: 0 0 calc(40% - 8px);
		width: calc(40% - 8px);
		max-width: calc(40% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts .card.device-chart {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

.multiple-chart-parts .card.recent-alerts {
	flex: 0 0 calc(19% - 12px);
	width: calc(19% - 12px);
	max-width: calc(19% - 12px)
}

@media(max-width: 1200px) {
	.multiple-chart-parts .card.recent-alerts {
		flex: 0 0 calc(40% - 8px);
		width: calc(40% - 8px);
		max-width: calc(40% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts .card.recent-alerts {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

.multiple-chart-parts.customer-multiple-user .site-chart {
	flex: 0 0 calc(43% - 8px);
	width: calc(43% - 8px);
	max-width: calc(43% - 8px)
}

@media(max-width: 1200px) {
	.multiple-chart-parts.customer-multiple-user .site-chart {
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
		max-width: calc(50% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts.customer-multiple-user .site-chart {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

.multiple-chart-parts.customer-multiple-user .recent-alerts {
	flex: 0 0 calc(57% - 8px);
	width: calc(57% - 8px);
	max-width: calc(57% - 8px);
	max-height: 303px
}

@media(max-width: 1400px) {
	.multiple-chart-parts.customer-multiple-user .recent-alerts {
		max-height: 278px
	}
}

@media(max-width: 1200px) {
	.multiple-chart-parts.customer-multiple-user .recent-alerts {
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
		max-width: calc(50% - 8px)
	}
}

@media(max-width: 767px) {
	.multiple-chart-parts.customer-multiple-user .recent-alerts {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%
	}
}

.multiple-chart-parts.customer-multiple-user .card {
	overflow: auto
}

	.multiple-chart-parts.customer-multiple-user .card .card-body {
		overflow: auto;
		display: block
	}

.card.collapsed-card {
	flex: 0 0 auto !important;
	height: max-content !important;
	overflow: hidden !important;
	transition: height .4s ease
}

.apexcharts-legend-text, .apexcharts-xaxis-label, .apexcharts-text tspan {
	font-family: "Roboto",sans-serif !important
}

.apexcharts-legend-marker {
	width: 14px !important;
	height: 16px !important;
	border-radius: 0 !important
}

.alert-card .alert-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin: 0px 25px
}

	.alert-card .alert-grid .alert-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 8px;
		width: 70px;
		height: 70px;
		font-weight: 600;
		font-size: 16px;
		color: #fff
	}

@media(max-width: 1400px) {
	.alert-card .alert-grid .alert-box {
		width: 55px;
		height: 55px
	}
}

.alert-card .alert-grid .alert-box .alert-count {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500
}

@media(max-width: 1600px) {
	.alert-card .alert-grid .alert-box .alert-count {
		font-size: 20px !important
	}
}

@media(max-width: 1400px) {
	.alert-card .alert-grid .alert-box .alert-count {
		font-size: 16px !important
	}
}

.alert-card .alert-grid .alert-box .alert-label {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-align: center
}

@media(max-width: 1400px) {
	.alert-card .alert-grid .alert-box .alert-label {
		font-size: 12px !important
	}
}

.alert-card .alert-grid .alert-box.critical {
	background-color: #e42336
}

.alert-card .alert-grid .alert-box.high {
	background-color: #ff8b00
}

.alert-card .alert-grid .alert-box.medium {
	background-color: #ffc400
}

.alert-card .alert-grid .alert-box.low {
	background-color: #2aa7df
}

@media(max-width: 1600px) {
	.recent-alerts .card-title {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: max-content;
		display: inline-block
	}
}

.alarms-inner-box .apexcharts-data-labels text {
	fill: #091e42 !important;
	font-size: 14px;
	font-weight: 600
}

#chartdiv {
	width: 100%;
	height: 384px
}

.cctv-part .dropdowns-option-arrow {
	width: 100%
}

	.cctv-part .dropdowns-option-arrow .select-dropdpwn .select2-container--default {
		width: 100% !important
	}

	.cctv-part .dropdowns-option-arrow .rz-dropdown {
		max-width: 100% !important;
		box-shadow: unset
	}

@media(max-width: 1600px) {
	.cctv-part .dropdowns-option-arrow .rz-dropdown {
		height: 34px;
		padding: 10px
	}
}

.cctv-part .preview {
	width: 100%;
	height: -webkit-fill-available;
	background-color: rgba(0,0,0,0);
	overflow: hidden;
	position: relative;
	margin: 16px 0px;
	box-shadow: 0px 0px 1px 0px rgba(9,30,66,0.2117647059),0px 3px 5px 0px rgba(9,30,66,0.1019607843);
	border-radius: 8px;
	border: 1px solid #ebecf0;
	display: flex;
	align-items: center;
	justify-content: center
}

	.cctv-part .preview p {
		margin-bottom: 0px;
		font-size: 12px;
		line-height: 1.5;
		color: #264357;
		font-weight: bold;
		text-transform: capitalize
	}

@media(max-width: 1400px) {
	.cctv-part .preview p {
		font-size: 10px
	}
}

.cctv-part .preview video, .cctv-part .preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.cctv-part .preview img {
	border: 1px solid #ebecf0;
	border-radius: 8px
}

.cctv-part .cctv-box {
	display: flex;
	gap: 8px;
	margin-bottom: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	height: 120px !important
}

	.cctv-part .cctv-box .cctv-inner-box {
		width: 100px;
		flex: 0 0 100px;
		padding: 15px 10px;
		text-align: center;
		cursor: pointer;
		background: #d0eefa;
		border-right: 1px solid #fff;
		transition: all ease .3s;
		border-radius: 8px;
		margin-bottom: 5px;
		height: auto;
		margin: auto
	}

@media(max-width: 1600px) {
	.cctv-part .cctv-box .cctv-inner-box {
		width: 85px;
		flex: 0 0 85px
	}
}

.cctv-part .cctv-box .cctv-inner-box svg {
	margin-bottom: 8px;
	height: 20px;
	width: 20px
}

.cctv-part .cctv-box .cctv-inner-box span {
	font-size: 12px;
	font-weight: 600;
	color: #31373e;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.cctv-part .cctv-box .cctv-inner-box.active {
	background: #2aa7df;
	color: #fff
}

	.cctv-part .cctv-box .cctv-inner-box.active span {
		color: #fff
	}

.cctv-part .cctv-box .cctv-inner-box:last-child {
	border-right: none
}

.digit {
	margin-left: 8px;
	display: inline-block;
	background-color: #f4f5f7;
	font-size: 12px;
	line-height: 16px;
	padding: 1px 4px;
	border-radius: 5px;
	font-weight: 600;
	color: #31373e
}

@media screen and (min-width: 1600px) {
	.custom-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
}

@media screen and (min-width: 1600px) {
	.custom-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
}

.device-full-box .chart-wrapper {
	position: relative
}

	.device-full-box .chart-wrapper .center-text {
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center
	}

		.device-full-box .chart-wrapper .center-text .center-label {
			font-size: 14px;
			line-height: 1.5;
			color: #7a869a;
			font-weight: 400
		}

@media(max-width: 1600px) {
	.device-full-box .chart-wrapper .center-text .center-label {
		font-size: 13px
	}
}

@media(max-width: 1200px) {
	.device-full-box .chart-wrapper .center-text .center-label {
		font-size: 14px
	}
}

.device-full-box .chart-wrapper .center-text .center-value {
	font-size: 24px;
	line-height: 1.3;
	color: #31373e;
	font-weight: 600;
	display: block
}

@media(max-width: 1600px) {
	.device-full-box .chart-wrapper .center-text .center-value {
		font-size: 18px
	}
}

@media(max-width: 1200px) {
	.device-full-box .chart-wrapper .center-text .center-value {
		font-size: 20px
	}
}

.device-full-box .legend-container {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 10px 0 0 0;
	flex-wrap: wrap;
	padding: 0
}

.legend-item {
	display: flex;
	align-items: center;
	cursor: pointer
}

	.legend-item .legend-dot {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		margin-right: 8px
	}

		.legend-item .legend-dot.purple {
			background-color: #6554c0
		}

		.legend-item .legend-dot.orange {
			background-color: #ffab00
		}

		.legend-item .legend-dot.blue {
			background-color: #0065ff
		}

		.legend-item .legend-dot.green {
			background-color: #88c041
		}

		.legend-item .legend-dot.primary {
			background-color: #2aa7df
		}

		.legend-item .legend-dot.gray {
			background-color: #a5adba
		}

		.legend-item .legend-dot.red {
			background-color: #e42336
		}

		.legend-item .legend-dot.yellow {
			background-color: #ffc400
		}

	.legend-item .legend-text {
		display: flex;
		flex-direction: row;
		line-height: 1.5;
		align-items: center
	}

		.legend-item .legend-text .legend-value {
			font-size: 16px;
			line-height: 1.5;
			color: #31373e;
			font-weight: 600
		}

@media(max-width: 1600px) {
	.legend-item .legend-text .legend-value {
		font-size: 14px
	}
}

@media(max-width: 1400px) {
	.legend-item .legend-text .legend-value {
		font-size: 12px !important
	}
}

@media(max-width: 1200px) {
	.legend-item .legend-text .legend-value {
		font-size: 16px
	}
}

.legend-item .legend-text .legend-label {
	font-size: 14px;
	line-height: 1.5;
	color: #7a869a;
	font-weight: 400;
	margin-left: 5px
}

@media(max-width: 1600px) {
	.legend-item .legend-text .legend-label {
		font-size: 10px
	}
}

@media(max-width: 1200px) {
	.legend-item .legend-text .legend-label {
		font-size: 14px
	}
}

.legend-item.inactive {
	opacity: .4;
	text-decoration: line-through
}

.regions-tickets .device-full-box .center-text {
	top: 50%
}

	.regions-tickets .device-full-box .center-text .center-label {
		font-size: 24px;
		line-height: 1.3;
		color: #31373e;
		font-weight: 600;
		display: block
	}

@media(max-width: 1400px) {
	.regions-tickets .device-full-box .center-text .center-label {
		font-size: 20px
	}
}

.regions-tickets .device-full-box .center-text .center-value {
	font-size: 14px;
	line-height: 1.5;
	color: #7a869a;
	font-weight: 400
}

.tickit-box {
	width: 100%;
	height: auto
}

.canvas-box {
	width: 100%;
	height: 170px
}

@media(max-width: 1800px) {
	.canvas-box {
		height: 150px
	}
}

@media(max-width: 1600px) {
	.canvas-box {
		height: 130px
	}
}

.site-one-box {
	width: 100%;
	height: 140px
}

.site-chart-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column
}

	.site-chart-wrapper .custom-legend {
		margin-top: 8px
	}

@media(max-width: 1200px) {
	.site-chart-wrapper .custom-legend.gap-10 {
		gap: 5px
	}
}

.site-chart-wrapper .custom-legend .legend-item {
	margin-bottom: 0;
	margin-right: 0;
	gap: 5px
}

	.site-chart-wrapper .custom-legend .legend-item .legend-dot {
		width: 16px;
		height: 16px;
		border-radius: 3px;
		margin-right: 0
	}

@media(max-width: 1600px) {
	.site-chart-wrapper .custom-legend .legend-item .legend-dot {
		width: 12px;
		height: 12px
	}
}

@media(max-width: 1365px) {
	.site-chart-wrapper .custom-legend .legend-item .legend-dot {
		width: 11px;
		height: 11px
	}
}

.site-chart-wrapper .custom-legend .legend-item .legend-text {
	gap: 5px
}

	.site-chart-wrapper .custom-legend .legend-item .legend-text .legend-value {
		font-size: 14px;
		font-weight: 700
	}

	.site-chart-wrapper .custom-legend .legend-item .legend-text .legend-label {
		margin-left: 0
	}

.dashboard-user-charts #chartCanvas {
	width: 250px !important
}

@media(max-width: 1800px) {
	.dashboard-user-charts #chartCanvas {
		width: 200px !important
	}
}

@media screen and (max-width: 1450px) {
	.dashboard-user-charts #chartCanvas {
		width: 180px !important
	}
}

@media(max-width: 1400px) {
	.dashboard-user-charts #chartCanvas {
		width: 180px !important
	}
}

@media screen and (max-width: 1399px) {
	.dashboard-user-charts #chartCanvas {
		width: 160px !important
	}
}

@media screen and (max-width: 1280px) {
	.dashboard-user-charts #chartCanvas {
		width: 115px !important
	}
}

@media screen and (max-width: 1199px) {
	.dashboard-user-charts #chartCanvas {
		width: 140px !important
	}
}

@media screen and (max-width: 1100px) {
	.dashboard-user-charts #chartCanvas {
		width: 120px !important
	}
}

@media screen and (max-width: 1024px) {
	.dashboard-user-charts #chartCanvas {
		width: 105px !important
	}
}

@media screen and (max-width: 767px) {
	.dashboard-user-charts #chartCanvas {
		width: 230px !important
	}
}

.alerms-text {
	color: #31373e
}

@media(max-width: 1400px) {
	.site-dashboard {
		margin-top: 0px
	}
}

.site-dashboard .site-tickit-chart .device-full-box .legend-container {
	margin-top: 50px
}

.alarm-traker .alarm-img {
	background-color: #f4f5f7;
	padding: 20px;
	border-radius: 8px;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 1600px) {
	.alarm-traker .alarm-img {
		padding: 15px
	}
}

.alarm-traker .alarm-img img {
	object-fit: contain;
	height: -webkit-fill-available !important;
	width: -webkit-fill-available !important
}

	.alarm-traker .alarm-img img.default-img {
		height: 32px !important;
		width: 32px !important
	}

.alarm-traker .alarm-right {
	display: grid;
	grid-template-columns: 1fr;
	overflow: auto;
	height: 300px
}

	.alarm-traker .alarm-right .status-boxs {
		margin-bottom: 10px
	}

		.alarm-traker .alarm-right .status-boxs:last-child {
			margin-bottom: 0px
		}

		.alarm-traker .alarm-right .status-boxs .card-inner .categories-img img {
			height: 60px;
			width: -webkit-fill-available;
			object-fit: contain
		}

		.alarm-traker .alarm-right .status-boxs .card-inner .info {
			width: calc(100% - 82px);
			flex: 0 0 calc(100% - 82px)
		}

@media(max-width: 1600px) {
	.alarm-traker .alarm-right .status-boxs .card-inner .info {
		width: calc(100% - 72px);
		flex: 0 0 calc(100% - 72px)
	}
}

.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #31373e
}

@media(max-width: 1600px) {
	.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 {
		font-size: 14px
	}
}

@media(max-width: 1200px) {
	.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 {
		font-size: 12px
	}
}

.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 .digit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 16px;
	height: 22px;
	padding: 4px;
	line-height: 1.5;
	border-radius: 4px;
	font-weight: 600;
	color: #2aa7df;
	margin-left: 4px
}

@media(max-width: 1600px) {
	.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 .digit {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 .digit {
		font-size: 12px
	}
}

.alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title .label {
	font-size: 11px;
	color: #31373e;
	font-weight: 400
}

.alarm-traker .alarm-right .status-boxs .card-inner .info .won-lables p {
	font-size: 12px;
	line-height: 1.5;
	color: #31373e;
	font-weight: 600
}

.alarm-traker .fire-alarm .fire-alarm-img .btn {
	position: absolute;
	top: 0;
	right: 0
}

.alarm-traker .fire-alarm .fire-alarm-content {
	padding: 0 50px;
	margin: 10px 0 20px
}

	.alarm-traker .fire-alarm .fire-alarm-content h4 {
		font-size: 18px
	}

@media(max-width: 1600px) {
	.alarm-traker .fire-alarm .fire-alarm-content h4 {
		font-size: 15px
	}
}

.alarm-traker .fire-alarm .fire-alarm-content p {
	color: #6b778c
}

.alarm-traker .fire-alarm .fire-indication {
	padding: 15px;
	border-left: 3px solid #e42336;
	margin-bottom: 20px
}

@media(max-width: 1600px) {
	.alarm-traker .fire-alarm .fire-indication {
		padding: 10px
	}
}

.alarm-traker .fire-alarm .fire-indication p {
	font-size: 12px;
	font-weight: 600
}

.alarm-traker .fire-alarm .fire-indication span {
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding: 1px 4px;
	border-radius: 4px
}

.alarm-traker .fire-alarm .fire-indication.low {
	background-color: #2aa7df
}

	.alarm-traker .fire-alarm .fire-indication.low .low-text {
		background-color: #2aa7df
	}

.alarm-traker .fire-alarm .fire-indication.high {
	background-color: #ffab00
}

	.alarm-traker .fire-alarm .fire-indication.high .orange-text {
		background-color: #2aa7df
	}

.alarm-traker .fire-alarm .fire-indication.medium {
	background-color: #88c041
}

	.alarm-traker .fire-alarm .fire-indication.medium .green-text {
		background-color: #2aa7df
	}

.alarm-traker .fire-alarm .fire-indication.critical {
	background-color: #e42336
}

	.alarm-traker .fire-alarm .fire-indication.critical .critical-text {
		background-color: #2aa7df
	}

.chart-triger {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 15px
}

	.chart-triger .chart-card {
		text-align: center;
		position: relative
	}

		.chart-triger .chart-card .chart-wrapper {
			position: relative;
			width: 115px;
			height: 115px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: visible
		}

@media(max-width: 1600px) {
	.chart-triger .chart-card .chart-wrapper {
		width: 110px;
		height: 110px
	}
}

.chart-triger .chart-card .chart-wrapper .chart-canvas {
	width: 110px !important;
	height: 110px !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translateZ(0);
	backface-visibility: hidden
}

@media(max-width: 1600px) {
	.chart-triger .chart-card .chart-wrapper .chart-canvas {
		width: 100px !important;
		height: 100px !important
	}
}

.chart-triger .chart-card .chart-wrapper .chart-canvas.chart-canvas-trigger {
	width: 130px !important;
	height: 130px !important
}

@media(max-width: 1600px) {
	.chart-triger .chart-card .chart-wrapper .chart-canvas.chart-canvas-trigger {
		width: 100px !important;
		height: 100px !important
	}
}

.chart-triger .chart-card .chart-wrapper .center-text {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -55%);
	text-align: center;
	pointer-events: none;
	z-index: 10;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

	.chart-triger .chart-card .chart-wrapper .center-text .center-number {
		font-size: 14px;
		font-weight: 500;
		color: #2d3748;
		margin: 0;
		line-height: 1.5
	}

		.chart-triger .chart-card .chart-wrapper .center-text .center-number.purple {
			color: #6554c0
		}

		.chart-triger .chart-card .chart-wrapper .center-text .center-number.green {
			color: #10a472
		}

		.chart-triger .chart-card .chart-wrapper .center-text .center-number.secodary {
			color: #88c041
		}

@media(max-width: 1400px) {
	.chart-triger .chart-card .chart-wrapper .center-text .center-number {
		font-size: 12px
	}
}

.chart-triger .chart-card .chart-wrapper .center-text .center-label {
	font-size: 11px;
	line-height: 1.5;
	color: #a5adba;
	margin: 0;
	font-weight: 400
}

@media(max-width: 1400px) {
	.chart-triger .chart-card .chart-wrapper .center-text .center-label {
		font-size: 10px
	}
}

.chart-triger .info-text {
	margin-top: 16px
}

	.chart-triger .info-text .chart-title {
		font-size: 12px;
		font-weight: 600;
		color: #31373e;
		margin: 0;
		padding-top: 5px
	}

@media(max-width: 1600px) {
	.chart-triger .info-text .chart-title {
		font-size: 11px
	}
}

.chart-header {
	margin-top: 20px
}

@media(max-width: 1600px) {
	.chart-header {
		font-size: 18px
	}
}

@media(max-width: 1400px) {
	.chart-header {
		margin-top: 10px
	}
}

.chart-header .title {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500
}

@media(max-width: 1600px) {
	.chart-header .title {
		font-size: 18px
	}
}

.chart-header .subtitle {
	color: #31373e;
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.chart-header .subtitle {
		font-size: 12px
	}
}

.chart-header .growth .note {
	color: #31373e;
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.chart-header .growth .note {
		font-size: 12px
	}
}

.chart-header .growth .percent {
	color: #22c55e;
	font-size: 14px;
	font-weight: 400
}

.chart-legend {
	color: #2d3748;
	font-size: 14px
}

	.chart-legend .chart-legend-box {
		width: 12px;
		height: 12px;
		background-color: #7ed957;
		border-radius: 3px;
		margin-right: 8px
	}

@media(max-width: 1800px) {
	.knob-graph canvas {
		height: 96px !important;
		width: 96px !important
	}
}

@media(max-width: 1800px) {
	.knob-graph input {
		margin-top: 30px !important;
		margin-left: -80px !important
	}
}

#barChart {
	min-height: 328px;
	height: 328px;
	max-height: 328px;
	max-width: 100%
}

.user-numbers {
	min-height: 300px
}

.three-charts {
	width: 100%
}

	.three-charts .chart-card {
		text-align: center;
		position: relative
	}

		.three-charts .chart-card .chart-wrapper {
			position: relative;
			width: 140px;
			height: 140px;
			margin: 0 auto;
			display: flex;
			align-items: baseline;
			justify-content: center;
			overflow: visible
		}

@media(max-width: 1600px) {
	.three-charts .chart-card .chart-wrapper {
		width: 110px;
		height: 110px
	}
}

.three-charts .chart-card .chart-wrapper .chart-canvas {
	width: 130px !important;
	height: 130px !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translateZ(0);
	backface-visibility: hidden
}

@media(max-width: 1600px) {
	.three-charts .chart-card .chart-wrapper .chart-canvas {
		width: 100px !important;
		height: 100px !important
	}
}

.three-charts .chart-card .chart-wrapper .center-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	pointer-events: none;
	z-index: 10;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

	.three-charts .chart-card .chart-wrapper .center-text .center-number {
		font-size: 14px;
		font-weight: 500;
		color: #2d3748;
		margin: 0;
		line-height: 1.5
	}

		.three-charts .chart-card .chart-wrapper .center-text .center-number.purple {
			color: #6554c0
		}

		.three-charts .chart-card .chart-wrapper .center-text .center-number.green {
			color: #10a472
		}

		.three-charts .chart-card .chart-wrapper .center-text .center-number.secodary {
			color: #88c041
		}

@media(max-width: 1400px) {
	.three-charts .chart-card .chart-wrapper .center-text .center-number {
		font-size: 12px
	}
}

.three-charts .chart-card .chart-wrapper .center-text .center-label {
	font-size: 11px;
	line-height: 1.5;
	color: #a5adba;
	margin: 4px 0 0 0;
	font-weight: 400
}

@media(max-width: 1400px) {
	.three-charts .chart-card .chart-wrapper .center-text .center-label {
		font-size: 10px
	}
}

.three-charts .chart-card .chart-title {
	font-size: 12px;
	font-weight: 600;
	color: #31373e;
	margin: 0;
	padding-top: 5px
}

@media(max-width: 1600px) {
	.three-charts .chart-card .chart-title {
		font-size: 11px
	}
}

.three-charts .sub-admin {
	margin-top: 15px !important
}

footer {
	padding: 25px
}

	footer p {
		font-size: 14px;
		line-height: 1.5
	}

@media(max-width: 1400px) {
	footer p {
		font-size: 13px
	}
}

footer ul {
	padding-left: 0
}

	footer ul li {
		margin-right: 20px;
		text-decoration: none
	}

		footer ul li:last-child {
			margin-right: 0
		}

		footer ul li:hover a {
			color: #2aa7df
		}

		footer ul li::marker {
			font-size: 0
		}

		footer ul li a {
			font-size: 14px;
			line-height: 1.5
		}

@media(max-width: 1400px) {
	footer ul li a {
		font-size: 13px
	}
}

@media(max-width: 1200px) {
	footer .footer-bottom p, footer .footer-bottom ul {
		width: 100%;
		text-align: center
	}
}

@media(max-width: 1200px) {
	footer .footer-bottom ul {
		justify-content: center
	}
}

.main-footer {
	padding: 15px
}

@media(max-width: 1800px) {
	.main-footer {
		padding: 10px 15px
	}
}

@media(max-width: 1600px) {
	.main-footer {
		margin-left: 200px !important
	}
}

@media(max-width: 1400px) {
	.main-footer {
		margin-left: 190px !important
	}
}

@media(max-width: 991px) {
	.main-footer {
		margin-left: 0px !important
	}
}

.main-footer p {
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1800px) {
	.main-footer p {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.main-footer p {
		font-size: 12px
	}
}

.main-footer ul li a {
	font-size: 14px;
	line-height: 1.5
}

@media(max-width: 1800px) {
	.main-footer ul li a {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.main-footer ul li a {
		font-size: 12px
	}
}

.common-bottom p, .common-bottom ul {
	width: 100%;
	text-align: center
}

.common-bottom ul {
	justify-content: center
}

.frequency-questions {
	background-color: #eaf7fc;
	padding: 24px 16px;
	border-top: 3px solid #2aa7df;
	border-radius: 4px;
	position: relative
}

	.frequency-questions .import-btn {
		position: absolute;
		right: 30px;
		top: auto
	}

@media(max-width: 991px) {
	.frequency-questions .import-btn {
		right: 18px;
		top: 18px
	}
}

.frequency-questions .import-btn .import-data {
	background-color: #88c041;
	border: 1px solid #88c041 !important
}

@media(max-width: 1800px) {
	.frequency-questions .import-btn .import-data .inner-text {
		display: none
	}
}

.frequency-questions .import-btn .dropdown-menu {
	width: 100%;
	right: 0;
	left: auto !important
}

.frequency-questions .frequently-search-bar {
	max-width: 788px;
	margin: 0 auto
}

	.frequency-questions .frequently-search-bar .input-group {
		border: 1px solid #ebecf0
	}

		.frequency-questions .frequently-search-bar .input-group .form-control {
			height: 40px
		}

@media(max-width: 1600px) {
	.frequency-questions .frequently-search-bar .input-group .form-control {
		height: 34px
	}
}

.frequency-questions .frequently-search-bar .input-group .input-group-append .btn-primary {
	transition: none
}

@media(max-width: 1600px) {
	.frequency-questions .frequently-search-bar .input-group .input-group-append .btn-primary {
		padding: 0;
		width: 34px;
		height: 34px
	}
}

.frequency-questions .frequently-search-bar .input-group .input-group-append .btn-primary:hover {
	background-color: #2aa7df !important;
	border-color: #2aa7df;
	color: #2aa7df !important
}

	.frequency-questions .frequently-search-bar .input-group .input-group-append .btn-primary:hover .search-icon {
		color: #fff !important
	}

.frequency-accordian {
	max-width: 788px;
	margin: 0 auto;
	padding: 16px;
	max-height: calc(100vh - 315px);
	min-height: calc(100vh - 315px);
	overflow-y: auto
}

@media(max-width: 1800px) {
	.frequency-accordian {
		max-height: calc(100vh - 295px);
		min-height: calc(100vh - 295px)
	}
}

@media(max-width: 1600px) {
	.frequency-accordian {
		max-height: calc(100vh - 265px);
		min-height: calc(100vh - 265px)
	}
}

.frequency-accordian .accordion .accordion-item {
	border-bottom: 1px solid #ddd
}

	.frequency-accordian .accordion .accordion-item .accordion-header {
		padding: 16px 0px;
		cursor: pointer;
		position: relative;
		font-weight: bold;
		display: flex;
		align-items: center;
		font-weight: 500
	}

@media(max-width: 1600px) {
	.frequency-accordian .accordion .accordion-item .accordion-header {
		padding: 10px 0px
	}
}

@media(max-width: 1400px) {
	.frequency-accordian .accordion .accordion-item .accordion-header {
		font-size: 12px
	}
}

.frequency-accordian .accordion .accordion-item .accordion-header .questions-icon {
	background-color: #f4f5f7;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	margin-right: 8px
}

	.frequency-accordian .accordion .accordion-item .accordion-header .questions-icon::before {
		position: absolute;
		content: "";
		background-image: url("../image/icon-interrogation.svg");
		background-position: center center;
		background-size: cover;
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

@media(max-width: 1600px) {
	.frequency-accordian .accordion .accordion-item .accordion-header .questions-icon::before {
		width: 12px;
		height: 12px
	}
}

.frequency-accordian .accordion .accordion-item .accordion-header::after {
	content: "";
	background-image: url("../image/accordian-down.svg");
	background-position: center center;
	background-size: cover;
	position: absolute;
	right: 8px;
	width: 16px;
	height: 16px;
	transition: transform .3s ease
}

.frequency-accordian .accordion .accordion-item .accordion-header.active::after {
	transform: rotate(180deg)
}

.frequency-accordian .accordion .accordion-item .accordion-content {
	padding: 0 16px 16px;
	display: none
}

.expiry-alert {
	padding: 8px 12px;
	background-color: #fff0b3;
	color: #ff8b00;
	border-radius: 4px
}

@media(max-width: 1400px) {
	.expiry-alert {
		margin: 5px 0;
		height: 30px
	}
}

@media(max-width: 1365px) {
	.expiry-alert {
		padding: 5px
	}
}

.expiry-alert span {
	font-size: 12px
}

@media(max-width: 1365px) {
	.expiry-alert span {
		font-size: 11px
	}
}

@media(max-width: 1200px) {
	.expiry-alert span {
		font-size: 10px
	}
}

.subscrption-downgrade-modal {
	cursor: pointer;
	background-color: rgba(228,35,54,.1)
}

	.subscrption-downgrade-modal span {
		color: #e42336;
		line-height: 0
	}

	.subscrption-downgrade-modal svg {
		fill: #e42336
	}

.search-container {
	width: 100%;
	max-width: 180px
}

@media(max-width: 1600px) {
	.search-container {
		max-width: 150px
	}
}

.search-container .search-icon {
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	pointer-events: none;
	color: #495057;
	z-index: 2
}

.search-container .search-input {
	border-radius: 4px;
	background-color: #fafbfc;
	border: 1px solid #ebecf0;
	color: #7a869a;
	padding: 10px 10px 10px 40px !important;
	font-size: 14px;
	line-height: 1.5;
	height: 36px
}

@media(max-width: 1600px) {
	.search-container .search-input {
		height: 30px;
		font-size: 13px;
		padding: 6px 6px 6px 40px !important
	}
}

@media(max-width: 1200px) {
	.search-container .search-input {
		font-size: 12px
	}
}

.search-container .search-results {
	background: #fff;
	border-radius: 4px;
	margin-top: .5rem;
	box-shadow: 0 4px 8px rgba(0,0,0,.2);
	position: absolute;
	top: auto;
	right: 0;
	left: 0;
	width: 100%;
	min-width: 240px;
	z-index: 10;
	max-height: 300px;
	overflow-y: auto
}

@media(max-width: 1600px) {
	.search-container .search-results {
		min-width: 200px
	}
}

.search-container .search-results .search-item {
	padding: 8px 12px;
	cursor: pointer;
	transition: all ease .2s;
	border-bottom: 1px solid #ebecf0
}

	.search-container .search-results .search-item:hover {
		background-color: #f5f5f5
	}

	.search-container .search-results .search-item:last-child {
		border-bottom: unset
	}

	.search-container .search-results .search-item .title {
		font-weight: 500;
		color: #31373e
	}

	.search-container .search-results .search-item .subtitle {
		font-size: 11px;
		line-height: 1.5;
		color: #7a869a
	}

.search-container.modal-search-container {
	max-width: 350px
}

@media(max-width: 1600px) {
	.search-container.modal-search-container {
		max-width: 300px
	}
}

.search-container.modal-search-container.modal-search-container-full {
	max-width: 100%
}

	.search-container.modal-search-container.modal-search-container-full .form-control {
		width: -webkit-fill-available
	}

.search-container.modal-search-container .form-control {
	width: 386px;
	background-color: rgba(0,0,0,0);
	padding: 10px !important;
	height: 34px;
	border-radius: 4px 0 0 4px;
	border-right: none
}

@media(max-width: 1600px) {
	.search-container.modal-search-container .form-control {
		height: 30px
	}
}

.search-container.modal-search-container .search-icon {
	position: relative;
	background-color: #f4f5f7;
	max-width: 35px;
	flex: 0 0 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: none;
	left: auto;
	border: 1px solid #ebecf0;
	border-radius: 0 4px 4px 0
}

@media(max-width: 1600px) {
	.search-container.modal-search-container .search-icon {
		max-width: 30px;
		flex: 0 0 30px
	}
}

@media(max-width: 1600px) {
	.search-container.modal-search-container .search-icon svg {
		height: 14px
	}
}

.assign-users .tree {
	position: relative
}

@media(max-width: 1400px) {
	.assign-users .tree {
		margin-bottom: 0
	}
}

.assign-users .tree .nav-item {
	width: -webkit-fill-available;
	padding: 4px 5px
}

	.assign-users .tree .nav-item.active {
		background-color: #264357;
		color: #fff
	}

		.assign-users .tree .nav-item.active .tree-node-links .alarm-img, .assign-users .tree .nav-item.active .tree-node-links .edit-img, .assign-users .tree .nav-item.active .tree-node-links .eye-img {
			display: block
		}

		.assign-users .tree .nav-item.active .tree-edit {
			background-color: #fff !important;
			box-shadow: 0px 0px 1px 0px rgba(9,30,66,.2117647059),0px 8px 12px 0px rgba(9,30,66,.0509803922)
		}

@media(max-width: 1600px) {
	.assign-users .tree .nav-item p, .assign-users .tree .nav-item .btn-link {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.assign-users .tree .nav-item p, .assign-users .tree .nav-item .btn-link {
		font-size: 11px
	}
}

.assign-users .tree .manager-icon {
	width: 24px;
	height: 24px;
	max-width: 24px;
	flex: 0 0 24px;
	border-radius: 24px;
	background-color: #2aa7df;
	text-align: center;
	cursor: pointer;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 1600px) {
	.assign-users .tree .manager-icon {
		width: 20px;
		height: 20px;
		max-width: 20px;
		flex: 0 0 20px;
		border-radius: 20px
	}
}

.assign-users .tree .manager-icon img {
	transition: transform .3s ease
}

.assign-users .tree .manager-icon.collapsed-icon {
	background-color: #d3d9dd
}

	.assign-users .tree .manager-icon.collapsed-icon img {
		filter: brightness(1) invert(1);
		transform: rotate(-180deg)
	}

.assign-users .tree .rz-dropdown {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important
}

.assign-users .tree .user-icon {
	z-index: 1
}

@media(max-width: 1600px) {
	.assign-users .tree .user-icon img {
		width: 20px;
		height: 20px
	}
}

.assign-users .tree li {
	margin: 0;
	color: #252525;
	position: relative
}

	.assign-users .tree li .form-group {
		width: -webkit-fill-available;
		position: relative
	}

@media(max-width: 1400px) {
	.assign-users .tree li .form-group {
		margin-bottom: 15px
	}
}

.assign-users .tree li .form-group .validation-message {
	bottom: -25px
}

@media(max-width: 1400px) {
	.assign-users .tree li .form-group .validation-message {
		bottom: -20px
	}
}

.assign-users .tree li .text-right .nav-item {
	width: max-content
}

.assign-users .tree ul {
	margin-left: 30px;
	position: relative;
	padding-left: 0
}

	.assign-users .tree ul:before {
		content: "";
		display: block;
		width: 0;
		position: absolute;
		top: -40px;
		bottom: 45px;
		left: -18px;
		border-left: 1px solid #c9c9c9
	}

@media(max-width: 1400px) {
	.assign-users .tree ul:before {
		bottom: 37px
	}
}

.assign-users .tree ul.collapsed {
	display: none
}

.assign-users .tree ul li:before {
	content: "";
	display: block;
	width: 17px;
	height: 0;
	border-top: 1px solid #c9c9c9;
	margin-top: -1px;
	position: absolute;
	top: 47px;
	left: -17px
}

@media(max-width: 1400px) {
	.assign-users .tree ul li:before {
		top: 38px
	}
}

.assign-users .tree ul li:last-child:before {
	background: #fff;
	height: auto;
	bottom: 0;
	left: -18px
}

@media(max-width: 1400px) {
	.assign-users .tree ul li:last-child:before {
		left: -20px
	}
}

.sidebar-panel {
	width: 387px
}

@media(max-width: 1800px) {
	.sidebar-panel {
		width: 320px
	}
}

@media(max-width: 1200px) {
	.sidebar-panel {
		width: 290px
	}
}

.sidebar-panel .site-layout {
	background-color: #f4f5f7;
	border-radius: 4px;
	height: fit-content;
	position: relative
}

	.sidebar-panel .site-layout .site-layout-header {
		padding: 8px;
		border-bottom: 1px solid #c1c7d0
	}

		.sidebar-panel .site-layout .site-layout-header h3 {
			font-size: 12px;
			font-weight: 500;
			color: #31373e;
			text-transform: uppercase;
			margin-bottom: 0
		}

@media(max-width: 1400px) {
	.sidebar-panel .site-layout .site-layout-header h3 {
		font-size: 11px;
		margin-bottom: -2px
	}
}

.sidebar-panel .site-layout .site-layout-header img {
	cursor: pointer
}

@media(max-width: 1400px) {
	.sidebar-panel .site-layout .site-layout-header img {
		width: 22px;
		height: 22px
	}
}

.sidebar-panel .site-layout .site-layout-body {
	padding: 8px;
	height: 450px;
	overflow: auto;
	margin-bottom: 5px
}

@media(max-width: 1800px) {
	.sidebar-panel .site-layout .site-layout-body {
		height: 270px
	}
}

.sidebar-panel .site-layout .site-layout-body .tree-node-links .alarm-img, .sidebar-panel .site-layout .site-layout-body .tree-node-links .edit-img, .sidebar-panel .site-layout .site-layout-body .tree-node-links .eye-img {
	display: none
}

.sidebar-panel .site-layout .site-layout-body .tree-node-links .tree-edit {
	border-radius: 4px;
	padding: 7px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0)
}

@media(max-width: 1600px) {
	.sidebar-panel .site-layout .site-layout-body .tree-node-links .tree-edit {
		width: 20px;
		height: 20px
	}
}

.sidebar-panel .site-layout .site-layout-body .tree-node-links .tree-edit img {
	width: 14px;
	height: 14px;
	border-radius: 0
}

@media(max-width: 1600px) {
	.sidebar-panel .site-layout .site-layout-body .tree-node-links .tree-edit img {
		width: 12px;
		height: 12px
	}
}

@media(max-width: 1400px) {
	.sidebar-panel .site-layout .site-layout-body .tree-node-links .tree-edit img {
		width: 10px;
		height: 10px
	}
}

.sidebar-panel .site-layout .site-layout-body .tree ul:before {
	top: -20px;
	bottom: 16px
}

@media(max-width: 1600px) {
	.sidebar-panel .site-layout .site-layout-body .tree ul:before {
		bottom: 13px
	}
}

.sidebar-panel .site-layout .site-layout-body .tree ul li:before {
	top: 16px
}

.sidebar-panel .site-layout .site-layout-body .tree ul li:last-child:before {
	background: #f4f5f7;
	height: auto;
	bottom: 0;
	left: -18px
}

.sidebar-panel .site-layout .site-layout-body .image-preview {
	position: relative;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 1600px) {
	.sidebar-panel .site-layout .site-layout-body .image-preview {
		width: 20px;
		height: 20px
	}
}

.sidebar-panel .site-layout .site-layout-body .image-preview::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(9,30,66,.6980392157);
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.sidebar-panel .site-layout .site-layout-body .image-preview .eye-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 16px
}

@media(max-width: 1800px) {
	.sidebar-panel .site-layout .site-layout-body .image-preview .eye-img {
		height: 13px
	}
}

.sidebar-panel .site-layout .site-layout-body .image-preview img {
	width: 20px;
	height: 20px
}

.sidebar-panel .site-layout .site-layout-body .nav-profile img {
	width: 20px;
	height: 20px
}

@media(max-width: 1600px) {
	.sidebar-panel .site-layout .site-layout-body .nav-profile img {
		width: 14px;
		height: 14px
	}
}

.sidebar-panel .site-layout .site-layout-body .nav-profile:hover {
	cursor: pointer;
	background-color: #264357;
	color: #fff
}

	.sidebar-panel .site-layout .site-layout-body .nav-profile:hover .tree-node-links .alarm-img, .sidebar-panel .site-layout .site-layout-body .nav-profile:hover .tree-node-links .edit-img, .sidebar-panel .site-layout .site-layout-body .nav-profile:hover .tree-node-links .eye-img {
		display: block
	}

	.sidebar-panel .site-layout .site-layout-body .nav-profile:hover .tree-edit {
		background-color: #fff;
		box-shadow: 0px 0px 1px 0px rgba(9,30,66,.2117647059),0px 8px 12px 0px rgba(9,30,66,.0509803922)
	}

.sidebar-panel .site-layout .site-layout-kpi {
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: 10px;
	position: relative;
	z-index: 1
}

	.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list {
		padding: 8px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 600;
		color: #fff
	}

@media(max-width: 1800px) {
	.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list {
		padding: 4px 8px;
		font-size: 14px
	}
}

.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list img {
	margin-right: 8px
}

@media(max-width: 1800px) {
	.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list img {
		height: 13px
	}
}

.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list:first-child {
	background-color: #2aa7df
}

.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list:nth-child(2) {
	background-color: #88c041
}

.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list:nth-child(3) {
	background-color: #6554c0
}

.sidebar-panel .site-layout .site-layout-kpi .site-layout-kpi-list:nth-child(4) {
	background-color: #ffab00
}

.main-panel {
	width: calc(100% - 387px)
}

@media(max-width: 1800px) {
	.main-panel {
		width: calc(100% - 320px)
	}
}

@media(max-width: 1200px) {
	.main-panel {
		width: calc(100% - 290px)
	}
}

.main-panel .main-panel-img {
	max-width: calc(100% - 125px);
	flex: 0 0 calc(100% - 125px);
	text-align: center;
	position: relative
}

	.main-panel .main-panel-img .center-img {
		max-width: 550px;
		margin: 0 auto
	}

@media(max-width: 1600px) {
	.main-panel .main-panel-img .center-img {
		max-width: 450px
	}
}

@media(max-width: 1400px) {
	.main-panel .main-panel-img .center-img {
		max-width: 350px
	}
}

.main-panel .main-panel-img .center-img img {
	width: 100%
}

.main-panel .add-alarm {
	max-width: 125px;
	flex: 0 0 125px
}

	.main-panel .add-alarm .alarm-list {
		height: calc(100vh - 400px);
		overflow-x: auto;
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none
	}

		.main-panel .add-alarm .alarm-list::-webkit-scrollbar {
			display: none
		}

@media(max-width: 1200px) {
	.main-panel .add-alarm .alarm-list {
		height: calc(100vh - 221px)
	}
}

.main-panel .add-alarm .alarm-list li {
	padding-bottom: 12px
}

@media(max-width: 1400px) {
	.main-panel .add-alarm .alarm-list li {
		font-size: 12px;
		padding-bottom: 8px
	}
}

@media(max-width: 1200px) {
	.main-panel .add-alarm .alarm-list li {
		padding-bottom: 6px
	}
}

.main-panel .add-alarm .alarm-list li img {
	width: 25px;
	margin-right: 8px
}

.main-panel .add-alarm .alarm-list li .remove-modal {
	height: 18px;
	width: 18px;
	margin-left: 8px;
	margin-right: 0px
}

@media(max-width: 1400px) {
	.main-panel .add-alarm .alarm-list li .remove-modal {
		height: 16px;
		width: 16px
	}
}

.main-panel .add-alarm .alarm-list li:first-child {
	margin-top: 12px
}

.main-panel.site-three-layout .add-alarm {
	display: none
}

.site-layout-floating {
	position: absolute
}

	.site-layout-floating .site-layout-body, .site-layout-floating .site-layout-footer {
		display: none !important
	}

	.site-layout-floating .site-layout-header {
		border: none !important
	}

		.site-layout-floating .site-layout-header img {
			transform: rotate(-90deg)
		}

.site-layout-collapsed .main-panel {
	width: 100% !important;
	padding-top: 70px
}

.site-layout-collapsed .main-panel-img .center-img {
	max-width: 750px
}

.site-layout-collapsed .main-panel-img img {
	width: 100%
}

.image-not-found p {
	color: #7a869a;
	margin: 8px 0
}

.timeline-steps-section {
	position: relative
}

	.timeline-steps-section .timeline-steps {
		height: 250px;
		overflow-y: auto;
		position: relative
	}

		.timeline-steps-section .timeline-steps .timeline-step {
			position: relative;
			z-index: 0;
			padding-bottom: 12px
		}

			.timeline-steps-section .timeline-steps .timeline-step::before {
				content: "";
				position: absolute;
				left: 20px;
				top: 0;
				height: 100%;
				width: 1px;
				background-image: repeating-linear-gradient(to bottom, #ababab, #ababab 4px, transparent 4px, transparent 12px);
				z-index: -1
			}

			.timeline-steps-section .timeline-steps .timeline-step:last-child::before {
				display: none
			}

			.timeline-steps-section .timeline-steps .timeline-step .timeline-icon {
				position: relative;
				z-index: 2
			}

				.timeline-steps-section .timeline-steps .timeline-step .timeline-icon img {
					position: relative;
					z-index: 3;
					box-shadow: 0px 3px 5px 0px rgba(9,30,66,.1019607843);
					border-radius: 40px
				}

@media(max-width: 1400px) {
	.timeline-steps-section .timeline-steps .timeline-step .timeline-icon img {
		width: 30px;
		height: 30px
	}
}

.timeline-steps-section .timeline-steps .timeline-step p {
	margin-bottom: 5px
}

@media(max-width: 1400px) {
	.timeline-steps-section .timeline-steps .timeline-step p {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.timeline-steps-section .timeline-steps .timeline-step .grey-text {
		font-size: 12px
	}
}

.timeline-steps-section .timeline-steps .timeline-step .timline-steps-text p {
	display: flex;
	gap: 5px;
	align-items: center
}

	.timeline-steps-section .timeline-steps .timeline-step .timline-steps-text p .timeline-type-badge {
		display: inline-block;
		padding: 2px 8px;
		border-radius: 12px;
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase
	}

		.timeline-steps-section .timeline-steps .timeline-step .timline-steps-text p .timeline-type-badge.history-badge {
			background-color: #e3f2fd;
			color: #1976d2;
			border: 1px solid #bbdefb
		}

		.timeline-steps-section .timeline-steps .timeline-step .timline-steps-text p .timeline-type-badge.comment-badge {
			background-color: #f3e5f5;
			color: #7b1fa2;
			border: 1px solid #e1bee7
		}

.timeline-steps-section .timeline-steps .timeline-step .timline-steps-text .upload-logo-latest {
	border: 1px solid #ebecf0;
	margin: 10px 0;
	border-radius: 8px
}

@media(max-width: 1400px) {
	.timeline-steps-section .timeline-steps .timeline-step::before {
		left: 15px
	}
}

[dir=rtl] .status-cards {
	flex-direction: row-reverse
}

.status-cards {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	padding: 0px;
	overflow: auto
}

	.status-cards .card {
		background-color: #eaf6fb;
		padding: 8px;
		border-radius: 4px;
		margin-bottom: 10px;
		box-sizing: border-box;
		min-width: calc(16% - 8px);
		max-width: 130px;
		flex: 0 0 130px;
		justify-content: flex-start
	}

		.status-cards .card .card-inner {
			gap: 10px
		}

			.status-cards .card .card-inner .categories-img {
				width: 35px;
				height: 35px;
				flex: 0 0 35px;
				background-color: #fff;
				border-radius: 5px;
				display: flex;
				align-items: center;
				justify-content: center
			}

				.status-cards .card .card-inner .categories-img img {
					width: auto;
					height: 25px
				}

			.status-cards .card .card-inner .info {
				flex: 1;
				min-width: 0
			}

				.status-cards .card .card-inner .info .value {
					font-weight: 600;
					font-size: 16px;
					line-height: 1.5;
					color: #31373e
				}

@media(max-width: 1600px) {
	.status-cards .card .card-inner .info .value {
		font-size: 14px
	}
}

.status-cards .card .card-inner .info .label {
	font-size: 11px;
	color: #31373e;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.alerms-categories .card {
	margin-bottom: 0;
	padding: 0 10px
}

.alerms-categories .status-cards-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
	padding: 0
}

.alerms-categories .status-cards {
	gap: 16px;
	align-items: start;
	margin: 0 0px 25px;
	overflow: visible;
	transition: transform .4s ease;
	will-change: transform
}

@media(max-width: 1600px) {
	.alerms-categories .status-cards {
		gap: 8px
	}
}

.alerms-categories .navigation-buttons button {
	background-color: #fff;
	padding: 8px;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #ebecf0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center
}

	.alerms-categories .navigation-buttons button:hover {
		background-color: #2aa7df
	}

		.alerms-categories .navigation-buttons button:hover svg {
			color: #fff !important
		}

	.alerms-categories .navigation-buttons button svg {
		color: #7a869a
	}

	.alerms-categories .navigation-buttons button.active {
		background-color: #2aa7df
	}

		.alerms-categories .navigation-buttons button.active svg {
			color: #fff !important
		}

.alerms-categories .status-boxs .card-inner {
	margin-bottom: 10px;
	padding: 10px
}

.alerms-categories .status-boxs .status-tables .card-body {
	max-height: 290px;
	overflow-y: auto
}

@media(max-width: 1400px) {
	.alerms-categories .status-boxs .status-tables .card-body {
		max-height: 210px
	}
}

.status-boxs {
	padding: 0px;
	flex: 0 0 calc(33.3333333333% - 10px);
	background-color: unset;
	border: unset;
	box-shadow: unset;
	min-width: 0
}

@media(max-width: 1200px) {
	.status-boxs {
		flex: 0 0 calc(50% - 10px)
	}
}

.status-boxs .card-inner {
	background-color: #eaf7fc;
	padding: 15px 10px;
	border-radius: 4px
}

@media(max-width: 1800px) {
	.status-boxs .card-inner {
		padding: 15px
	}
}

@media(max-width: 1200px) {
	.status-boxs .card-inner {
		padding: 10px
	}
}

.status-boxs .card-inner .categories-img {
	width: 70px;
	height: 70px;
	margin-right: 12px;
	border-radius: 8px;
	background-color: #fff;
	flex: 0 0 70px
}

@media(max-width: 1600px) {
	.status-boxs .card-inner .categories-img {
		width: 60px;
		height: 60px;
		flex: 0 0 60px
	}
}

.status-boxs .card-inner .categories-img img {
	height: auto
}

	.status-boxs .card-inner .categories-img img.default-img {
		width: 32px !important;
		height: 32px !important
	}

	.status-boxs .card-inner .categories-img img.updated-img {
		height: -webkit-fill-available
	}

.status-boxs .info .value {
	font-size: 16px;
	font-weight: 600;
	color: #31373e;
	line-height: 1.5
}

@media(max-width: 1600px) {
	.status-boxs .info .value {
		font-size: 14px
	}
}

@media(max-width: 1400px) {
	.status-boxs .info .value {
		font-size: 13px
	}
}

.status-boxs .info .value .digit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 16px;
	height: 22px;
	padding: 4px;
	line-height: 1.5;
	border-radius: 4px;
	font-weight: 600;
	color: #2aa7df
}

@media(max-width: 1600px) {
	.status-boxs .info .value .digit {
		font-size: 13px
	}
}

@media(max-width: 1400px) {
	.status-boxs .info .value .digit {
		font-size: 12px
	}
}

.status-boxs .info .label {
	font-size: 14px;
	line-height: 1.5;
	color: #6b778c;
	padding-top: 5px
}

@media(max-width: 1600px) {
	.status-boxs .info .label {
		font-size: 12px
	}
}

@media(max-width: 1400px) {
	.status-boxs .info .label {
		font-size: 11px
	}
}

.status-boxs .status-tables .common-table {
	border: 1px solid #f4f5f7
}

	.status-boxs .status-tables .common-table thead th {
		background-color: #eaf7fc
	}

	.status-boxs .status-tables .common-table tbody tr td {
		background-color: #fff
	}

	.status-boxs .status-tables .common-table tbody td {
		padding: 14px 12px !important
	}

@media(max-width: 1600px) {
	.status-boxs .status-tables .common-table tbody td {
		padding: 10px !important
	}
}

.chat-page {
	border-radius: 5px;
	margin: 0 15px 20px 15px;
	background: #fff;
	padding: 0 !important
}

	.chat-page .container-fluid {
		padding-left: 0;
		padding-right: 0
	}

	.chat-page .active-chat {
		background: #d4edf9
	}

	.chat-page .chat-screen-showcase {
		height: calc(100vh - 185px);
		overflow: hidden;
		position: relative
	}

@media(max-width: 1600px) {
	.chat-page .chat-screen-showcase {
		height: calc(100vh - 150px)
	}
}

.chat-page .chat-screen-showcase .chat-screen-sidebar {
	width: 427px;
	border-right: 1px solid #ebecf0
}

@media(max-width: 1600px) {
	.chat-page .chat-screen-showcase .chat-screen-sidebar {
		width: 350px
	}
}

@media(max-width: 1400px) {
	.chat-page .chat-screen-showcase .chat-screen-sidebar {
		width: 315px
	}
}

@media(max-width: 1200px) {
	.chat-page .chat-screen-showcase .chat-screen-sidebar {
		width: 270px
	}
}

.chat-page .chat-screen-showcase .chat-screen-sidebar .chat-screen-header {
	border-bottom: 1px solid #ebecf0;
	padding: 20px;
	height: 75px
}

@media(max-width: 1400px) {
	.chat-page .chat-screen-showcase .chat-screen-sidebar .chat-screen-header {
		height: 65px;
		padding: 10px
	}
}

@media(max-width: 1400px) {
	.chat-page .chat-screen-showcase .chat-screen-sidebar .chat-screen-header .nav-item {
		height: 45px
	}
}

.chat-page .chat-screen-showcase .chat-screen-sidebar .chat-screen-header .search-container {
	max-width: 100%
}

.chat-page .chat-screen-showcase .chat-listing {
	overflow-y: auto;
	flex-direction: column;
	height: calc(100vh - 260px);
	display: flex;
	gap: 10px;
	padding: 1.25rem
}

@media(max-width: 1600px) {
	.chat-page .chat-screen-showcase .chat-listing {
		padding: 20px 20px 20px 20px;
		height: calc(100vh - 240px)
	}
}

@media(max-width: 1200px) {
	.chat-page .chat-screen-showcase .chat-listing {
		padding: 10px 10px 10px 10px;
		gap: 5px
	}
}

.chat-page .chat-screen-showcase .chat-listing .users-chat {
	padding: 10px;
	border-radius: 5px
}

@media(max-width: 1600px) {
	.chat-page .chat-screen-showcase .chat-listing .users-chat {
		padding: 5px 10px
	}
}

.chat-page .chat-screen-showcase .chat-listing .users-chat .user-img .card-img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 50%
}

.chat-page .chat-screen-showcase .chat-listing .users-chat:hover {
	background: #d4edf9
}

.chat-notification .chat-notification-dropdown {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999
}

.chat-notification .dropdown-menu {
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 8px 30px rgba(38,67,87,.15);
	display: block;
	z-index: 1000
}

	.chat-notification .dropdown-menu .chat-notification-card {
		padding: 10px 10px 0px 10px;
		min-width: 300px;
		max-height: 255px;
		overflow-y: auto
	}

		.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item {
			padding: 10px 0px;
			border-bottom: 1px solid #ebecf0
		}

			.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item h6 {
				color: #2aa7df
			}

			.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item p {
				color: #31373e;
				font-size: 11px
			}

			.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item small {
				color: #7a869a;
				font-size: 12px;
				white-space: nowrap;
				margin-left: 6px;
				font-weight: 600;
				text-align: right
			}

			.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item .notification-card-img img {
				width: 40px;
				height: 40px;
				border-radius: 50%;
				object-fit: cover
			}

			.chat-notification .dropdown-menu .chat-notification-card .chat-notification-item .notification-card-img span {
				position: absolute;
				top: -3px;
				right: -3px;
				background: #e42336;
				color: #fff;
				border-radius: 50%;
				width: 18px;
				height: 18px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 9px;
				font-weight: bold
			}

	.chat-notification .dropdown-menu .chat-notification-footer a {
		color: #31373e;
		font-weight: 600;
		font-size: 13px;
		padding: 12px 0 !important
	}

.chat-screen-showcase .chat-container, .chat-popup-body-wrapper .chat-container {
	overflow: hidden;
	flex-direction: column;
	flex: 1;
	width: 100%;
	height: 100%;
	display: flex
}

	.chat-screen-showcase .chat-container .chat-header, .chat-popup-body-wrapper .chat-container .chat-header {
		border-bottom: 1px solid #ebecf0;
		padding: 20px 30px;
		height: 75px;
		position: relative
	}

@media(max-width: 1600px) {
	.chat-screen-showcase .chat-container .chat-header, .chat-popup-body-wrapper .chat-container .chat-header {
		padding: 20px
	}
}

@media(max-width: 1400px) {
	.chat-screen-showcase .chat-container .chat-header, .chat-popup-body-wrapper .chat-container .chat-header {
		height: 65px
	}
}

@media(max-width: 1200px) {
	.chat-screen-showcase .chat-container .chat-header, .chat-popup-body-wrapper .chat-container .chat-header {
		padding: 10px
	}
}

.chat-screen-showcase .chat-container .chat-header .nav-item .navbar-search-block, .chat-popup-body-wrapper .chat-container .chat-header .nav-item .navbar-search-block {
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	bottom: auto
}

	.chat-screen-showcase .chat-container .chat-header .nav-item .navbar-search-block input, .chat-popup-body-wrapper .chat-container .chat-header .nav-item .navbar-search-block input {
		height: auto;
		background-color: #f1f1f1;
		border-color: #dfe1e6
	}

	.chat-screen-showcase .chat-container .chat-header .nav-item .navbar-search-block .input-group, .chat-popup-body-wrapper .chat-container .chat-header .nav-item .navbar-search-block .input-group {
		width: max-content;
		background-color: #f4f5f6
	}

		.chat-screen-showcase .chat-container .chat-header .nav-item .navbar-search-block .input-group .btn, .chat-popup-body-wrapper .chat-container .chat-header .nav-item .navbar-search-block .input-group .btn {
			border-color: #dfe1e6
		}

	.chat-screen-showcase .chat-container .chat-header .nav-item .navbar-search-block .form-inline, .chat-popup-body-wrapper .chat-container .chat-header .nav-item .navbar-search-block .form-inline {
		flex-flow: row-reverse
	}

.chat-screen-showcase .chat-container .chat-header .card-img, .chat-popup-body-wrapper .chat-container .chat-header .card-img {
	width: 45px;
	height: 45px;
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 50%
}

.chat-screen-showcase .chat-container .chat-body, .chat-popup-body-wrapper .chat-container .chat-body {
	padding: 15px 15px 0 15px;
	overflow-y: auto;
	position: relative;
	flex: 1
}

	.chat-screen-showcase .chat-container .chat-body .chat-no-message, .chat-popup-body-wrapper .chat-container .chat-body .chat-no-message {
		height: 100%;
		padding: 60px 20px
	}

		.chat-screen-showcase .chat-container .chat-body .chat-no-message .no-message-img, .chat-popup-body-wrapper .chat-container .chat-body .chat-no-message .no-message-img {
			width: 120px;
			height: 120px;
			background: linear-gradient(135deg, #eaf7fc 0%, #d4edfc 100%);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 24px;
			box-shadow: 0 4px 12px rgba(42,167,223,.15)
		}

		.chat-screen-showcase .chat-container .chat-body .chat-no-message h5, .chat-popup-body-wrapper .chat-container .chat-body .chat-no-message h5 {
			color: #264357;
			font-weight: 600;
			margin-bottom: 8px;
			font-size: 18px
		}

		.chat-screen-showcase .chat-container .chat-body .chat-no-message p, .chat-popup-body-wrapper .chat-container .chat-body .chat-no-message p {
			color: #7a869a;
			font-size: 14px;
			margin: 0;
			max-width: 300px
		}

	.chat-screen-showcase .chat-container .chat-body .chat-day-date, .chat-popup-body-wrapper .chat-container .chat-body .chat-day-date {
		margin: 20px 0
	}

		.chat-screen-showcase .chat-container .chat-body .chat-day-date span, .chat-popup-body-wrapper .chat-container .chat-body .chat-day-date span {
			background: #e0e0e0;
			color: #5f6368;
			padding: 4px 12px;
			border-radius: 12px;
			font-size: 11px;
			font-weight: 600;
			letter-spacing: .5px;
			display: inline-block
		}

	.chat-screen-showcase .chat-container .chat-body .sender-message .card-img, .chat-screen-showcase .chat-container .chat-body .receiver-message .card-img, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .card-img, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .card-img {
		width: 40px;
		height: 40px;
		object-fit: cover;
		flex-shrink: 0;
		border-radius: 50%
	}

	.chat-screen-showcase .chat-container .chat-body .sender-message .message-attachment .attached-image, .chat-screen-showcase .chat-container .chat-body .receiver-message .message-attachment .attached-image, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-attachment .attached-image, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message-attachment .attached-image {
		max-width: 300px;
		max-height: 300px;
		border-radius: 8px;
		object-fit: cover
	}

	.chat-screen-showcase .chat-container .chat-body .sender-message .message-attachment .attached-file, .chat-screen-showcase .chat-container .chat-body .receiver-message .message-attachment .attached-file, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-attachment .attached-file, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message-attachment .attached-file {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		padding: 10px 15px;
		background: #f0f2f5;
		border-radius: 8px;
		color: #333;
		border: 1px solid #ddd
	}

		.chat-screen-showcase .chat-container .chat-body .sender-message .message-attachment .attached-file .attached-file-name, .chat-screen-showcase .chat-container .chat-body .receiver-message .message-attachment .attached-file .attached-file-name, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-attachment .attached-file .attached-file-name, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message-attachment .attached-file .attached-file-name {
			width: 40px;
			height: 40px;
			background: #2aa7df;
			border-radius: 6px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-weight: bold;
			font-size: 12px
		}

	.chat-screen-showcase .chat-container .chat-body .sender-message .message-attachment button, .chat-screen-showcase .chat-container .chat-body .receiver-message .message-attachment button, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-attachment button, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message-attachment button {
		background: rgba(0,0,0,0);
		border: none;
		cursor: pointer;
		padding: 8px;
		margin-left: 12px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		outline: none;
		transition: all .2s ease
	}

	.chat-screen-showcase .chat-container .chat-body .sender-message .message, .chat-screen-showcase .chat-container .chat-body .receiver-message .message, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message {
		padding: 10px;
		border-radius: 4px 0 4px 4px;
		font-weight: 600;
		max-width: fit-content;
		word-break: break-word
	}

@media(max-width: 1400px) {
	.chat-screen-showcase .chat-container .chat-body .sender-message .message, .chat-screen-showcase .chat-container .chat-body .receiver-message .message, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message {
		padding: 7px;
		font-size: 11px
	}
}

.chat-screen-showcase .chat-container .chat-body .sender-message .message.mb-10, .chat-screen-showcase .chat-container .chat-body .receiver-message .message.mb-10, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message.mb-10, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message.mb-10 {
	margin-bottom: 5px
}

.chat-screen-showcase .chat-container .chat-body .sender-message .seen-time, .chat-screen-showcase .chat-container .chat-body .receiver-message .seen-time, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .seen-time, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .seen-time {
	color: #7a869a;
	font-weight: 600;
	padding-top: 5px;
	margin-bottom: 0
}

@media(max-width: 1400px) {
	.chat-screen-showcase .chat-container .chat-body .sender-message .seen-time, .chat-screen-showcase .chat-container .chat-body .receiver-message .seen-time, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .seen-time, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .seen-time {
		font-size: 9px
	}
}

.chat-screen-showcase .chat-container .chat-body .sender-message .message-group, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-group {
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

	.chat-screen-showcase .chat-container .chat-body .sender-message .message-group .message, .chat-popup-body-wrapper .chat-container .chat-body .sender-message .message-group .message {
		background: #2aa7df;
		color: #fff
	}

.chat-screen-showcase .chat-container .chat-body .receiver-message .message, .chat-popup-body-wrapper .chat-container .chat-body .receiver-message .message {
	background: #eaf7fc;
	color: #31373e
}

.chat-screen-showcase .chat-container.no-message-screen, .chat-popup-body-wrapper .chat-container.no-message-screen {
	height: 100%
}

	.chat-screen-showcase .chat-container.no-message-screen .chat-header, .chat-popup-body-wrapper .chat-container.no-message-screen .chat-header {
		padding: 38px 0
	}

	.chat-screen-showcase .chat-container.no-message-screen .no-message, .chat-popup-body-wrapper .chat-container.no-message-screen .no-message {
		height: 100%
	}

.chat-screen-showcase .chat-divider, .chat-popup-body-wrapper .chat-divider {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	font-size: 14px;
	font-weight: 500;
	color: #888
}

	.chat-screen-showcase .chat-divider span, .chat-popup-body-wrapper .chat-divider span {
		flex: 0 0 auto;
		padding: 0 10px;
		background-color: #fff;
		position: relative;
		z-index: 1
	}

	.chat-screen-showcase .chat-divider::before, .chat-screen-showcase .chat-divider::after, .chat-popup-body-wrapper .chat-divider::before, .chat-popup-body-wrapper .chat-divider::after {
		content: "";
		flex: 1;
		height: 1px;
		background-color: #ebecf0;
		position: relative;
		top: 0
	}

	.chat-screen-showcase .chat-divider::before, .chat-popup-body-wrapper .chat-divider::before {
		margin-right: 10px
	}

	.chat-screen-showcase .chat-divider::after, .chat-popup-body-wrapper .chat-divider::after {
		margin-left: 10px
	}

.chat-screen-showcase .chat-footer, .chat-popup-body-wrapper .chat-footer {
	background-color: #fff;
	bottom: 0;
	width: 100%
}

	.chat-screen-showcase .chat-footer input.form-control, .chat-popup-body-wrapper .chat-footer input.form-control {
		flex: 1;
		padding: 13px 13rem 13px 15px;
		border-radius: 6px;
		border: 1px solid #ccc;
		font-size: 14px;
		height: 50px;
		position: relative
	}

@media(max-width: 1400px) {
	.chat-screen-showcase .chat-footer input.form-control, .chat-popup-body-wrapper .chat-footer input.form-control {
		padding: 10px 13rem 10px 15px;
		font-size: 11px;
		height: 45px
	}
}

.chat-screen-showcase .chat-footer .chat-uploaded-items, .chat-popup-body-wrapper .chat-footer .chat-uploaded-items {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10
}

	.chat-screen-showcase .chat-footer .chat-uploaded-items .chat-upload-card, .chat-popup-body-wrapper .chat-footer .chat-uploaded-items .chat-upload-card {
		position: relative;
		display: inline-block
	}

	.chat-screen-showcase .chat-footer .chat-uploaded-items button, .chat-popup-body-wrapper .chat-footer .chat-uploaded-items button {
		position: absolute;
		top: -3px;
		right: -3px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #dc3545;
		border: none;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		cursor: pointer;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.chat-screen-showcase .chat-footer .chat-uploaded-items .chat-uploaded-img-file, .chat-popup-body-wrapper .chat-footer .chat-uploaded-items .chat-uploaded-img-file {
		width: 35px;
		height: 35px;
		object-fit: cover;
		border-radius: 6px;
		border: 1px solid #2aa7df
	}

	.chat-screen-showcase .chat-footer .chat-uploaded-items .chat-uploaded-attached-file, .chat-popup-body-wrapper .chat-footer .chat-uploaded-items .chat-uploaded-attached-file {
		width: 35px;
		height: 35px;
		background: #f0f2f5;
		border-radius: 6px;
		border: 1px solid #2aa7df;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: bold;
		color: #666
	}

.chat-screen-showcase .chat-footer .chat-actions, .chat-popup-body-wrapper .chat-footer .chat-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	position: absolute;
	right: 25px
}

	.chat-screen-showcase .chat-footer .chat-actions .attach-file-btn, .chat-screen-showcase .chat-footer .chat-actions .add-image-btn, .chat-popup-body-wrapper .chat-footer .chat-actions .attach-file-btn, .chat-popup-body-wrapper .chat-footer .chat-actions .add-image-btn {
		position: relative;
		display: inline-block
	}

		.chat-screen-showcase .chat-footer .chat-actions .attach-file-btn input, .chat-screen-showcase .chat-footer .chat-actions .add-image-btn input, .chat-popup-body-wrapper .chat-footer .chat-actions .attach-file-btn input, .chat-popup-body-wrapper .chat-footer .chat-actions .add-image-btn input {
			position: absolute;
			opacity: 0;
			width: 0;
			height: 0
		}

	.chat-screen-showcase .chat-footer .chat-actions .btn-icon, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-icon {
		background: rgba(0,0,0,0);
		border: none;
		padding: 6px;
		display: flex;
		align-items: center;
		justify-content: center
	}

		.chat-screen-showcase .chat-footer .chat-actions .btn-icon img, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-icon img {
			height: 20px;
			width: 20px
		}

		.chat-screen-showcase .chat-footer .chat-actions .btn-icon:hover, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-icon:hover {
			background-color: #f0f0f0;
			border-radius: 50%
		}

	.chat-screen-showcase .chat-footer .chat-actions .btn-primary, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-primary {
		background-color: #2aa7df;
		color: #fff;
		border: 1px solid rgba(0,0,0,0);
		padding: 8px 50px 8px 30px;
		border-radius: 6px;
		position: relative;
		transition: none
	}

@media(max-width: 1400px) {
	.chat-screen-showcase .chat-footer .chat-actions .btn-primary, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-primary {
		padding: 5px 50px 5px 30px
	}
}

.chat-screen-showcase .chat-footer .chat-actions .btn-primary::before, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-primary::before {
	content: "";
	position: absolute;
	background: url("../image/chat-send.svg") no-repeat 0px 0/cover;
	width: 16px;
	height: 16px;
	top: 50%;
	transform: translate(0, -50%);
	right: 20px
}

.chat-screen-showcase .chat-footer .chat-actions .btn-primary:hover, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-primary:hover {
	border: 1px solid #2aa7df
}

	.chat-screen-showcase .chat-footer .chat-actions .btn-primary:hover::before, .chat-popup-body-wrapper .chat-footer .chat-actions .btn-primary:hover::before {
		background: url("../image/chat-send.svg") no-repeat -20px 0/cover
	}

.chat-page .active, .chat-popup-widget .active {
	position: relative
}

	.chat-page .active::before, .chat-popup-widget .active::before {
		content: "";
		position: absolute;
		background: url("../image/chat-active-status.svg");
		width: 12px;
		height: 12px;
		top: -1px;
		right: 0
	}

.chat-page .name, .chat-popup-widget .name {
	font-weight: 500;
	margin-bottom: 0
}

@media(max-width: 1400px) {
	.chat-page .name, .chat-popup-widget .name {
		font-size: 11px
	}
}

.chat-page .role, .chat-popup-widget .role {
	font-size: 11px;
	color: #7a869a;
	font-weight: 600
}

@media(max-width: 1200px) {
	.chat-page .role, .chat-popup-widget .role {
		font-size: 9px
	}
}

.chat-page .seen, .chat-popup-widget .seen {
	font-size: 12px;
	font-weight: 600;
	color: #7a869a
}

@media(max-width: 1600px) {
	.chat-page .seen, .chat-popup-widget .seen {
		font-size: 9px
	}
}

.chat-page .unseen-message, .chat-popup-widget .unseen-message {
	text-align: right
}

	.chat-page .unseen-message span, .chat-popup-widget .unseen-message span {
		background: #e42336;
		font-size: 12px;
		font-weight: 600;
		padding: .5px 3px;
		border-radius: 4px;
		color: #fff
	}

@media(max-width: 1600px) {
	.chat-page .unseen-message span, .chat-popup-widget .unseen-message span {
		font-size: 10px;
		border-radius: 3px
	}
}

@media(max-width: 1400px) {
	.chat-page .unseen-message span, .chat-popup-widget .unseen-message span {
		font-size: 8px
	}
}

@media(max-width: 1400px) {
	.chat-page .card-img, .chat-popup-widget .card-img {
		width: 30px
	}
}

.type-message-text {
	background: #f3f4f6;
	padding: 6px 8px;
	margin: 0 8px;
	border-radius: 4px;
	position: fixed;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 999
}

	.type-message-text span {
		color: #6b7280;
		font-size: 10px;
		text-align: center
	}

.chat-load-more-sentinel {
	height: 20px
}

.arabic-lg {
	text-align: right;
	direction: rtl
}

	.arabic-lg.layout-fixed .main-sidebar .sidebar .sidebar-search .input-group-append {
		margin-right: -1px;
		margin-left: 0
	}

		.arabic-lg.layout-fixed .main-sidebar .sidebar .sidebar-search .input-group-append .btn {
			border-radius: 4px 0px 0px 4px
		}

	.arabic-lg.layout-fixed .main-sidebar .sidebar .sidebar-search .form-control {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px
	}

	.arabic-lg.layout-fixed .main-sidebar .sidebar .nav-sidebar {
		padding-right: 0px
	}

		.arabic-lg.layout-fixed .main-sidebar .sidebar .nav-sidebar .nav-item .nav-link .icon-text .sidebar-icons {
			margin-right: 0px !important;
			margin-left: 8px !important
		}

	.arabic-lg.sidebar-collapse .main-sidebar {
		margin-right: -250px;
		margin-left: 0px
	}

		.arabic-lg.sidebar-collapse .main-sidebar::before {
			margin-right: -250px;
			margin-left: 0px
		}

	.arabic-lg .main-header, .arabic-lg .main-footer {
		left: 0;
		margin-left: 0px !important
	}

@media(max-width: 1600px) {
	.arabic-lg .main-header, .arabic-lg .main-footer {
		margin-right: 200px !important
	}
}

@media(max-width: 1400px) {
	.arabic-lg .main-header, .arabic-lg .main-footer {
		margin-right: 190px !important
	}
}

@media(max-width: 991px) {
	.arabic-lg .main-header, .arabic-lg .main-footer {
		margin-right: 0px !important
	}
}

@media(min-width: 768px) {
	.arabic-lg .main-header, .arabic-lg .main-footer {
		margin-right: 250px
	}
}

@media(max-width: 991px) {
	.arabic-lg .main-header, .arabic-lg .main-footer {
		margin-left: 0px !important;
		margin-right: 0px
	}
}

.arabic-lg .main-header .navbar-nav, .arabic-lg .main-footer .navbar-nav {
	padding-right: 0
}

.arabic-lg .content-wrapper {
	margin-left: 0px !important
}

@media(min-width: 768px) {
	.arabic-lg .content-wrapper {
		margin-right: 250px
	}
}

@media(max-width: 1600px) {
	.arabic-lg .content-wrapper {
		margin-right: 200px !important
	}
}

@media(max-width: 1400px) {
	.arabic-lg .content-wrapper {
		margin-right: 190px !important
	}
}

@media(max-width: 991px) {
	.arabic-lg .content-wrapper {
		margin-right: 0px !important
	}
}

.arabic-lg .content-wrapper .content-header .breadcrumb {
	float: left !important
}

	.arabic-lg .content-wrapper .content-header .breadcrumb .breadcrumb-item + .breadcrumb-item {
		padding-right: .5rem;
		padding-left: 0
	}

.arabic-lg .navbar-nav.ml-auto {
	margin-right: auto !important;
	margin-left: inherit !important
}

.arabic-lg .language-selector .nav-link::after {
	left: 7px;
	right: auto
}

.arabic-lg .language-selector .nav-link img {
	margin-left: 0rem !important;
	margin-right: 0rem !important
}

.arabic-lg .import-btn .import-data::before {
	right: auto;
	left: 30px
}

.arabic-lg .import-btn .import-data .dropdown-import-arrow {
	right: 2px;
	left: auto
}

.arabic-lg .import-btn .import-data .import-arrow-name .inner-text {
	padding-right: .5rem !important
}

.arabic-lg .lang-dropdown span {
	padding-right: .5rem !important
}

.arabic-lg .card-title img.mr-2 {
	margin-right: 0px !important;
	margin-left: .5rem !important
}

.arabic-lg .dropdown-menu.dropdown-menu-sm .dropdown-item img {
	margin-left: .5rem !important;
	margin-right: 0rem !important
}

.arabic-lg .dropdown-menu .dropdown-item p {
	text-align: right
}

.arabic-lg .dropdown-menu .dropdown-header {
	text-align: right !important
}

.arabic-lg .dropdown-menu .dropdown-item-img {
	margin-right: 0px;
	margin-left: 10px
}

@media(min-width: 992px) {
	.arabic-lg.sidebar-mini.sidebar-collapse .content-wrapper, .arabic-lg.sidebar-mini.sidebar-collapse .main-header, .arabic-lg.sidebar-mini.sidebar-collapse .main-footer {
		margin-right: 63px !important;
		margin-left: 0px !important
	}
}

@media(min-width: 992px) {
	.arabic-lg.sidebar-mini.sidebar-collapse .main-sidebar, .arabic-lg.sidebar-mini.sidebar-collapse .main-sidebar::before {
		margin-right: 0px !important;
		margin-left: 0px !important
	}
}

.arabic-lg .days-dropdown {
	margin-right: auto !important;
	margin-left: inherit !important
}

	.arabic-lg .days-dropdown .language-selector {
		margin-left: 10px;
		margin-right: 0px
	}

.arabic-lg .card-tools {
	margin-right: auto !important;
	margin-left: inherit !important
}

	.arabic-lg .card-tools.main-searchbar .input-group.input-group-lg input {
		border-radius: 0px 4px 4px 0px
	}

	.arabic-lg .card-tools.main-searchbar .input-group.input-group-lg .input-group-append .btn-default {
		border-radius: 4px 0px 0px 4px
	}

.arabic-lg .info-box .info-box-icon {
	margin-left: 12px;
	margin-right: 0px
}

.arabic-lg .main-sidebar {
	right: 0;
	left: auto
}

	.arabic-lg .main-sidebar .sidebar .user-panel .image {
		padding-left: 0;
		padding-right: 0
	}

	.arabic-lg .main-sidebar .sidebar .user-panel .info {
		padding: 0 10px 0 0
	}

@media(min-width: 992px) {
	.arabic-lg .sidebar-mini.sidebar-collapse .content-wrapper, .arabic-lg .sidebar-mini.sidebar-collapse .main-header {
		margin-left: 63px !important;
		margin-right: 0px !important
	}
}

@media(max-width: 1600px) {
	.arabic-lg .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
		padding-left: 0px;
		padding-right: 10px
	}
}

@media(max-width: 1600px) {
	.arabic-lg .sidebar-mini.sidebar-collapse.layout-fixed .brand-link img {
		margin-left: 0px;
		margin-right: 12px
	}
}

.arabic-lg input.knob {
	direction: ltr !important;
	display: block;
	margin: 0 auto
}

.arabic-lg .common-table .img-circle {
	margin-left: .5rem !important;
	margin-right: 0rem !important
}

.arabic-lg .multiselect-dropdown .multiselect:after {
	right: auto;
	left: 5px
}

.arabic-lg .multiselect-dropdown .multiselect:before {
	right: auto;
	left: 0px
}

.arabic-lg .multiselect-dropdown .dropdown-menu {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.arabic-lg .multiselect-dropdown .multiselect-container > li > a > label > input[type=checkbox] {
	margin-right: 0px;
	margin-left: 8px
}

.arabic-lg .date-range .input-group .input-group-prepend {
	margin-right: -1px;
	margin-left: 0
}

	.arabic-lg .date-range .input-group .input-group-prepend .input-group-text {
		border-radius: 0px 4px 4px 0px
	}

.arabic-lg .date-range .input-group input {
	border-radius: 4px 0px 0px 4px
}

.arabic-lg .downloads-btn ul {
	padding-left: 0;
	padding-right: 0
}

.arabic-lg .downloads-btn .language-selector .inner-text.pl-2 {
	padding-left: 0px !important;
	padding-right: .5rem !important
}

.arabic-lg .notification-item .notification-icon {
	margin-left: 10px;
	margin-right: 0px
}

.arabic-lg .notification-item .time {
	margin-right: auto
}

.arabic-lg .custom-checkbox {
	margin-right: 0;
	margin-left: 20px
}

.arabic-lg .search-arrow {
	padding-left: 16px;
	padding-right: 0px
}

	.arabic-lg .search-arrow img {
		margin-left: 4px;
		margin-right: 0px;
		transform: rotate(180deg)
	}

.arabic-lg .customers-data-table.common-input-box .card-body .customer-inner-data .downloads-btn {
	left: 10px;
	right: auto
}

@media(max-width: 1600px) {
	.arabic-lg .customers-data-table.common-input-box .card-body .customer-inner-data .downloads-btn {
		left: 20px
	}
}

.arabic-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
	left: 10px;
	right: auto
}

.arabic-lg .upload-image .help-block {
	padding-right: 10px;
	padding-left: 0px
}

.arabic-lg .upload-image .upload-box .upload-close {
	left: -15px;
	right: auto
}

@media(max-width: 1400px) {
	.arabic-lg .upload-image.fix-upload-box .upload-box {
		width: 130px;
		height: 130px;
		flex: 0 0 130px
	}
}

.arabic-lg .verify-link {
	left: 0;
	right: auto
}

.arabic-lg .common-modal .modal-dialog .modal-content .modal-header .close {
	left: 0px;
	right: auto
}

.arabic-lg .common-modal.access-portal .modal-top-data h4, .arabic-lg .common-modal.access-portal .modal-top-data p {
	text-align: center
}

.arabic-lg .common-modal.modal-otp-verification .modal-content .modal-header .close {
	right: auto;
	top: -20px;
	left: -16px;
	margin: 0
}

@media(max-width: 1800px) {
	.arabic-lg .common-modal.modal-otp-verification .modal-content .modal-header .close {
		top: -10px;
		left: -7px
	}
}

@media(max-width: 1200px) {
	.arabic-lg .common-modal.modal-otp-verification .modal-content .modal-header .close {
		top: -5px;
		left: -17px
	}
}

.arabic-lg .common-modal.modal-otp-verification .login-card-body {
	padding: 15px
}

.arabic-lg .common-modal.modal-otp-verification .otp-form-control {
	text-align: center
}

.arabic-lg .common-modal.modal-otp-verification .otp-verification-time {
	padding: 0px !important
}

.arabic-lg .access-btn .arrow-right {
	margin-left: .25rem !important;
	margin-right: 0 !important
}

.arabic-lg .subscriptions-btn .inner-text {
	padding-right: .5rem !important;
	padding-left: 0 !important
}

.arabic-lg .no {
	margin-right: 8px;
	margin-left: 0px
}

.arabic-lg .payment-info {
	margin-left: 0px;
	margin-right: 10px;
	border-right: 1px solid #d3d9dd;
	border-left: unset
}

	.arabic-lg .payment-info span:first-child {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-right: 25px;
		margin-left: 25px
	}

		.arabic-lg .payment-info span:first-child::before {
			right: -19px;
			left: auto
		}

.arabic-lg .profile-container .profile-pic-wrapper .camera-icon {
	left: 0;
	right: auto
}

.arabic-lg .setting-page .setting-close-btn, .arabic-lg .site-dashboard .setting-close-btn {
	left: 25px;
	right: auto
}

.arabic-lg .setting-page .card .card-body .customer-inner-data .customer-title, .arabic-lg .site-dashboard .card .card-body .customer-inner-data .customer-title {
	text-align: right
}

.arabic-lg .setting-page .custom-checkbox .ml-2, .arabic-lg .site-dashboard .custom-checkbox .ml-2 {
	margin-right: .5rem !important
}

.arabic-lg .setting-page .assign-users .tree, .arabic-lg .site-dashboard .assign-users .tree {
	padding-right: 0
}

	.arabic-lg .setting-page .assign-users .tree ul, .arabic-lg .site-dashboard .assign-users .tree ul {
		margin-left: 0;
		margin-right: 30px;
		padding-left: 0;
		padding-right: 0
	}

		.arabic-lg .setting-page .assign-users .tree ul:before, .arabic-lg .site-dashboard .assign-users .tree ul:before {
			left: auto;
			right: -18px;
			border-left: none;
			border-right: 1px solid #c9c9c9
		}

		.arabic-lg .setting-page .assign-users .tree ul li:before, .arabic-lg .site-dashboard .assign-users .tree ul li:before {
			left: auto;
			right: -17px
		}

		.arabic-lg .setting-page .assign-users .tree ul li:last-child:before, .arabic-lg .site-dashboard .assign-users .tree ul li:last-child:before {
			left: auto;
			right: -18px;
			top: 13px
		}

	.arabic-lg .setting-page .assign-users .tree .nav-item, .arabic-lg .site-dashboard .assign-users .tree .nav-item {
		text-align: right
	}

	.arabic-lg .setting-page .assign-users .tree .manager-icon, .arabic-lg .setting-page .assign-users .tree .user-icon, .arabic-lg .site-dashboard .assign-users .tree .manager-icon, .arabic-lg .site-dashboard .assign-users .tree .user-icon {
		margin-left: 0px;
		margin-right: 0px
	}

.arabic-lg .setting-page .site-layout-body .tree ul li:last-child:before, .arabic-lg .site-dashboard .site-layout-body .tree ul li:last-child:before {
	right: -18px;
	left: auto
}

.arabic-lg .setting-page .sidebar-panel .site-layout .site-layout-body .tree ul:before, .arabic-lg .site-dashboard .sidebar-panel .site-layout .site-layout-body .tree ul:before {
	bottom: 16px
}

@media(max-width: 1600px) {
	.arabic-lg .setting-page .sidebar-panel .site-layout .site-layout-body .tree ul:before, .arabic-lg .site-dashboard .sidebar-panel .site-layout .site-layout-body .tree ul:before {
		bottom: 12px
	}
}

.arabic-lg .setting-page .main-panel .add-alarm .alarm-list, .arabic-lg .site-dashboard .main-panel .add-alarm .alarm-list {
	padding-right: 0px !important
}

	.arabic-lg .setting-page .main-panel .add-alarm .alarm-list li img, .arabic-lg .site-dashboard .main-panel .add-alarm .alarm-list li img {
		margin-left: 8px;
		margin-right: 0px
	}

	.arabic-lg .setting-page .main-panel .add-alarm .alarm-list li .remove-modal, .arabic-lg .site-dashboard .main-panel .add-alarm .alarm-list li .remove-modal {
		margin-left: 0px;
		margin-right: 8px
	}

.arabic-lg .permissions-table tbody .custom-checkbox {
	margin-left: 0px;
	margin-right: 0px
}

	.arabic-lg .permissions-table tbody .custom-checkbox span {
		margin-right: 8px;
		margin-left: 0px
	}

.arabic-lg .login-screen-lg .language-selector {
	right: 15px;
	left: auto
}

.arabic-lg .login-page .login-image {
	left: 0;
	right: auto
}

.arabic-lg .login-page .login-box .login-logo, .arabic-lg .login-page .login-box .login-box-msg, .arabic-lg .login-page .login-box h1 {
	text-align: center !important
}

.arabic-lg .login-page .login-register-page P {
	text-align: center
}

.arabic-lg .login-page .login-box.otp-verification .form-group {
	text-align: start
}

.arabic-lg .card .card-body.login-card-body {
	text-align: center !important
}

.arabic-lg .resend .ml-2 {
	margin-right: .5rem !important;
	margin-left: 0px !important
}

.arabic-lg .icon-right {
	left: 12px;
	right: auto
}

.arabic-lg .frequency-accordian .accordion .accordion-item .accordion-header::after {
	left: 8px;
	right: auto
}

.arabic-lg .frequency-accordian .accordion .accordion-item .accordion-header .questions-icon {
	margin-right: 0;
	margin-left: 8px
}

@media(max-width: 1600px) {
	.arabic-lg .common-filter-bar .downloads-btn {
		left: 15px;
		right: auto
	}
}

.arabic-lg .common-filter-bar .dropdown-import-arrow {
	top: 0;
	left: -2px;
	right: auto
}

@media(max-width: 1800px) {
	.arabic-lg .common-filter-bar .dropdown-import-arrow {
		left: 0px
	}
}

.arabic-lg .common-filter-bar .dropdown-import-arrow img {
	margin-left: 0px !important
}

@media(max-width: 1800px) {
	.arabic-lg .common-filter-bar .dropdown-import-arrow img {
		left: 0px;
		position: relative;
		height: auto !important
	}
}

.arabic-lg .common-filter-bar .dropdown-import-arrow.arrow-rotate {
	transform: rotate(180deg)
}

.arabic-lg .dropdown-menu-right {
	right: auto;
	left: 0
}

.arabic-lg .drop-down-btn .nav-link::before {
	left: 30px;
	right: auto
}

.arabic-lg .drop-down-btn .nav-link::after {
	left: 7px;
	right: auto
}

.arabic-lg .drop-down-btn .nav-link img {
	margin-left: .5rem !important;
	margin-right: 0rem !important
}

.arabic-lg .drop-down-btn .dropdown-menu.dropdown-menu-sm {
	right: auto;
	left: 0 !important
}

.arabic-lg .breadcrumb-item + .breadcrumb-item {
	padding-right: .5rem;
	padding-left: 0
}

	.arabic-lg .breadcrumb-item + .breadcrumb-item::before {
		float: right;
		padding-left: .5rem;
		padding-right: 0
	}

.arabic-lg .blazored-toast-container {
	left: 1rem;
	right: auto
}

	.arabic-lg .blazored-toast-container .blazored-toast-icon {
		padding: 0 0 0 1rem
	}

	.arabic-lg .blazored-toast-container .blazored-toast-close {
		padding: 0 1rem 0 0
	}

.arabic-lg .form-group.form-group-with-btn .btn {
	border-radius: 4px 0px 0px 4px
}

.arabic-lg .float-sm-right {
	float: left !important
}

.arabic-lg .site-dashboard .site-info {
	padding-right: 0;
	padding-left: 0px
}

	.arabic-lg .site-dashboard .site-info li {
		padding-left: 16px;
		padding-right: 0px
	}

		.arabic-lg .site-dashboard .site-info li:first-child {
			margin-left: 0
		}

		.arabic-lg .site-dashboard .site-info li strong {
			margin-left: 4px;
			margin-right: 0px
		}

		.arabic-lg .site-dashboard .site-info li::before {
			right: -10px;
			left: 0px
		}

		.arabic-lg .site-dashboard .site-info li.edit-link .edit-icon {
			margin-left: 4px;
			margin-right: 0px
		}

	.arabic-lg .site-dashboard .site-info .site-layout-kpi .site-layout-kpi-list img {
		margin-left: 8px;
		margin-right: 0
	}

.arabic-lg .site-dashboard .green-inner-text {
	margin-left: 0px;
	margin-right: 8px
}

.arabic-lg .status-boxs .card-inner .categories-img {
	margin-left: 12px;
	margin-right: 0px
}

.arabic-lg .status-boxs .info .value .digit {
	margin-left: 0px;
	margin-right: 8px
}

.arabic-lg .alarm-traker .alarm-right .status-boxs .card-inner .info .alerts-title h5 .digit {
	margin-left: 0px;
	margin-right: 4px
}

.arabic-lg .alarm-cctv .cctv-part .cctv-box.pl-0 {
	padding-right: 0 !important
}

.arabic-lg .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
	padding: 10px 8px 10px 40px
}

@media(max-width: 1600px) {
	.arabic-lg .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
		padding: 10px 8px 10px 32px
	}
}

.arabic-lg .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single::after {
	left: 0;
	right: auto;
	border-right: 2px solid #ebecf0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-left: 0px solid #ebecf0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px
}

.arabic-lg .cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single {
	padding: 5px 30px 5px 8px
}

	.arabic-lg .cctv-modal .dropdowns-option-arrow .select-dropdpwn .select2-container--default .select2-selection--single::after {
		left: 0;
		right: auto;
		border-right: 2px solid #ebecf0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		border-left: 0px solid #ebecf0;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px
	}

.arabic-lg .export-data.nav-link::before {
	left: 28px
}

.arabic-lg .chat-page .unseen-message {
	text-align: left
}

.arabic-lg .chat-page .chat-screen-showcase .chat-footer input.form-control {
	padding: 13px 15px 13px 13rem
}

@media(max-width: 1400px) {
	.arabic-lg .chat-page .chat-screen-showcase .chat-footer input.form-control {
		padding: 10px 15px 10px 13rem
	}
}

.arabic-lg .chat-page .chat-screen-showcase .chat-footer .chat-actions {
	left: 25px;
	right: auto
}

.arabic-lg .view-all {
	margin-left: 10px;
	margin-right: 0px
}

.arabic-lg .legend-item .legend-text .legend-label {
	margin-right: 5px;
	margin-left: 0px
}

.arabic-lg .legend-item .legend-dot {
	margin-right: 0px;
	margin-left: 8px
}

.arabic-lg .status-cards .card .categories-img {
	margin-right: 0px;
	margin-left: 8px
}

.arabic-lg .timeline-steps-section .timeline-step::before {
	right: 20px;
	left: auto
}

.arabic-lg .grace-text {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 0
}

	.arabic-lg .grace-text.common-text.ml-2 {
		margin-right: .5rem !important;
		margin-left: 0px !important
	}

.arabic-lg .common-box-input .input-group-prepend, .arabic-lg .common-box-input .input-group {
	flex-direction: row-reverse
}

.arabic-lg .page-item:first-child .page-link {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.arabic-lg .page-item:last-child .page-link {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.arabic-lg .frequency-questions .import-btn {
	left: 30px;
	right: auto
}

@media(max-width: 991px) {
	.arabic-lg .frequency-questions .import-btn {
		left: 18px;
		top: 18px
	}
}

@media(max-width: 1400px) {
	.arabic-lg .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
		left: -25px
	}
}

.arabic-lg .card .card-header .card-title .active-no {
	margin-left: 0px !important;
	margin-right: .5rem !important
}

.arabic-lg .mobile-inner-code .country-code {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important
}

.arabic-lg .mobile-inner-code input.form-control {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border: unset !important;
	border-right: 1px solid #ebecf0 !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important
}

.arabic-lg .navigation-buttons {
	flex-direction: row-reverse
}

.arabic-lg .cctv-part .cctv-box {
	padding-left: initial !important;
	padding-right: 0
}

.arabic-lg .allow-checkbox {
	right: auto;
	left: 0;
	margin-left: 0
}

.arabic-lg .gm-ui-hover-effect {
	left: 10px;
	top: 1px;
	right: auto
}

.arabic-lg .alert-img {
	margin-left: 7px;
	margin-right: 0px
}

.arabic-lg .arrow-right {
	transform: rotate(0deg)
}

.arabic-lg .digit {
	margin-left: 0px;
	margin-right: 8px
}

.arabic-lg .tab-data {
	margin-left: 0px;
	margin-right: 16px
}

	.arabic-lg .tab-data .nav-tabs {
		padding: 0
	}

.arabic-lg .alert-title {
	padding-right: 0px !important;
	padding-left: 20px !important
}

.arabic-lg .history-btn {
	padding: 0 !important
}

@media(max-width: 1600px) {
	.arabic-lg .multiple-chart-parts .card.site-chart, .arabic-lg .multiple-chart-parts .card.device-chart, .arabic-lg .multiple-chart-parts .card.users-chart, .arabic-lg .multiple-chart-parts .card.recent-alerts {
		height: 350px !important
	}
}

.arabic-lg .multiple-chart-parts .card.collapsed-card {
	height: max-content !important
}

.arabic-lg .copy-paste-text .copy-paste-btn {
	right: 5px
}

.access-portal-popup .iot-box {
	max-height: fit-content
}

	.access-portal-popup .iot-box .iot-popup-main {
		padding: 15px;
		border: 1px solid #2aa7df;
		background-color: rgba(42,167,223,.0784313725)
	}

		.access-portal-popup .iot-box .iot-popup-main .time-prority p b {
			color: #000;
			opacity: .65
		}

		.access-portal-popup .iot-box .iot-popup-main h4 {
			color: #2aa7df !important;
			font-size: 20px !important
		}

		.access-portal-popup .iot-box .iot-popup-main .mandatory-text {
			background: rgba(220,53,69,.0784313725);
			padding: 5px 10px;
			border: 1px solid rgba(220,53,69,.4392156863);
			border-radius: 5px
		}

			.access-portal-popup .iot-box .iot-popup-main .mandatory-text p {
				color: #dc3545;
				font-weight: 500;
				font-size: 14px
			}

.access-portal-popup.btn-green:hover {
	background-color: rgba(0,0,0,0)
}

.access-portal-popup.btn-danger:hover {
	background-color: rgba(0,0,0,0)
}