@font-face {
	font-family: Segoe_UI;
	src: url("./fonts/Segoe_UI/segoeuib.woff") format("woff");
	font-weight: bold;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: Segoe_UI;
	src: url("./fonts/Segoe_UI/seguisb.woff") format("woff");
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}



:root {
	--default-green: var(--primary-color2);
	--dark-green: #27464b;
	--black: #2c2c2c;
	--white: #fff;
	/* --grey:#FAFAFB; */
	--grey: #f7f7ff;
	--dark-grey: #9a9aa9;
	--text-muted: #4a4a4a;
	--purple: #625dff;
	--light-orange: #f6d78b;
	--light-bg: #f8f7f1;

	/* ------ */
	/* ---final one--- */
	/* --profit:#598c41;
  --loss:#d29d1e;
  --primary-color1:#C6D0BC;
  --primary-color2:#F6D78B;
  --primary-color3: #A9AEFF;
  --supporting-color1:#E2B957;
 --supporting-color2:#9EA1ED; */

	/* ---trial one--- */
	/* --profit:#53A5FF;
  --loss:#AC94E0;
  --primary-color1:#00CCCC;
  --primary-color2:#0DCAF0;
  --primary-color3: #17A2B8;
  --supporting-color1:#10afcf;
 --supporting-color2:#1a90a3; */

	/* ----- 2nd------ */
	/* --profit:#6869C0;
 --loss:#A1C7FF;
 --primary-color1: #7DA0FA;
 --primary-color2:#FF8E92;
 --primary-color3: #8988E9;
 --supporting-color1:#F56E73;
--supporting-color2:#7371E3; */

	/* ----3rd---- */
	/* --primary-color1: #198754; */
	/* --profit:#6F00EB;
 --loss:#FF5756;

 --primary-color1: #6F00EB;
 --primary-color2:#9E54F0;
 --primary-color3: #c1a1e4;
 --supporting-color1:#8536dc;
--supporting-color2:#a581cb;
--supportong-color3:#5f0bbd; */

	--profit: #15F4EE;
	--loss: #E52C2C;

	--primary-color1: #E55D01;
	--primary-color2: #4343E2;
	--primary-color3: #6DE50B;
	--primary-color4: #05FFFE;
	--primary-color5: #FFF300;
	--primary-color6: #602399;
	--supporting-color1: #32329b;
	--supporting-color2: #5bb80f;
	--supportong-color3: #b85411;
	--supportong-color4: #10d0cf;
	--supportong-color5: #c0b703;
	--supportong-color6: #440f76d6;
	--btn-color: #4343E2;
	--bg1: #E3E7F3;
	--bg2: #ffffff;
}

.primaryColor1 {
	background-color: var(--primary-color1) !important;
}

.primaryColor2 {
	background-color: var(--primary-color2) !important;
}

.primaryColor3 {
	background-color: var(--primary-color3) !important;
}

.primaryColor4 {
	background-color: var(--primary-color4) !important;
}

.primaryColor5 {
	background-color: var(--primary-color5) !important;
}

.primaryColor6 {
	background-color: var(--primary-color6) !important;
}

.black_text {
	color: var(--black) !important;
	margin-bottom: 3px;
	font-weight: 800;
}

.green_text {
	color: var(--primary-color3);
}

.red_text {
	color: var(--loss) !important;
}

* {
	margin: 0;
	padding: 0;
}

/*Global CSS Starts*/
body,
.popover,
.tooltip {
	/* font-family: "Open Sans", sans-serif; */
	font-family: "Segoe_UI", sans-serif;
}

body {
	background: var(--bg1);
	/* padding: 30px; */
}

textarea {
	resize: vertical;
	min-height: 60px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

form .row {
	margin-left: -25px;
	margin-right: -25px;
}

form .row [class*="col-"] {
	padding: 0 25px;
}

input.form-control:focus,
textarea.form-control:focus,
form .select2-container--focus {
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

form .form-group label {
	color: #3e4853;

	font-weight: 600;
}

form .form-group label.text-muted {
	color: #999;
}

form label.customCheckBox,
form .form-group label.text-muted {
	font-size: 13px;
	font-weight: 600;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
li,
ul {
	letter-spacing: 0.4px;
}

/*table default*/
.tableColumnMin140 th,
.tableColumnMin140 td {
	min-width: 140px;
}

.table>thead>tr>th {
	white-space: nowrap;
}

.table-hover>tbody>tr:hover {
	background-color: var(--bg1);
}

table.table thead tr {
	background: transparent;
	font-weight: 600;
}

table.table thead tr th {
	font-weight: 600;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px 20px;
}

/*table default*/

.width50 {
	width: 50px !important;
}

.width100 {
	width: 100px !important;
}

.width150 {
	width: 150px !important;
}

.width200 {
	width: 200px !important;
}

.width250 {
	width: 250px !important;
}

.width300 {
	width: 300px !important;
}

.width350 {
	width: 350px !important;
}

.width400 {
	width: 400px !important;
}

.width450 {
	width: 450px !important;
}

.width500 {
	width: 500px !important;
}

.width550 {
	width: 550px !important;
}

.width600 {
	width: 600px !important;
}

.content {
	padding-bottom: 0px;
}

.pointer-events-none {
	pointer-events: none;
}

.pointer-events-none label,
.pointer-events-none .select2-selection--single .select2-selection__arrow:after,
.pointer-events-none .customCheckBox .customCheckSpan {
	color: grey;
	opacity: 0.5;
}

.display-table {
	display: table;
	width: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.media-top {
	vertical-align: top;
}

.width45per {
	width: 45%;
}

.width10per {
	width: 10%;
}

/*Global CSS End*/

label {
	margin-bottom: 2px;
	font-weight: 700;
}

.multiselect-container>li>a>label {
	font-weight: 400;
}

.modal-header {
	padding: 12px 20px;
	background: var(--primary-color1);
	color: var(--black);
}

.modal-title {
	font-size: 14px;
	font-weight: 600;
}

.modal-header .close {
	min-width: 38px;
	height: 38px;
	text-indent: -9999999px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	opacity: 1;
}

.modal-header .close:before,
.modal-header .close:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 2px;
	max-height: 14px;
	background: #fff;
	margin: auto;
	transform: rotate(-45deg);
}

.modal-header .close:after {
	transform: rotate(45deg);
}

/*Checkbox, Radio, Switch*/
.customCheckBox,
.customRadio {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	margin: 0;
	color: #333;
	font-weight: 400;
}

.input-group-addon .customCheckBox,
.input-group-addon .customRadio {
	width: 18px;
	height: 18px;
	padding-left: 0;
}

.customCheckBox input,
.customRadio input {
	opacity: 0;
	left: 0;
	z-index: -1;
	position: absolute;
}

.customCheckBox .customCheckSpan,
.customRadio .customRadioSpan {
	color: #455a64;
	border: 2px solid #607d8b;
	border-radius: 2px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
}

.customRadio .customRadioSpan {
	border-radius: 100%;
}

.customCheckSpan:before,
.customRadioSpan:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	opacity: 0;
	border-width: 0 0 2px 2px;
	border-color: #455a64;
	border-style: solid;
	width: 9px;
	height: 5px;
	transform: rotate(-45deg);
	transition: all ease-in-out 0.15s;
}

.customRadioSpan:before {
	left: 3px;
	border: 4px solid;
	border-color: inherit;
	width: 0;
	height: 0;
	border-radius: 100%;
}

.customCheckBox input:checked+.customCheckSpan:before,
.customRadio input:checked+.customRadioSpan:before {
	opacity: 1;
}

table.dataTable .customCheckBox,
table .customCheckBox {
	width: 18px;
	height: 15px;
}

.customSwitch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
}

.customSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.customSwitch .slider {
	position: absolute;
	cursor: pointer;
	top: 2px;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 100%;
	height: auto;
	border-radius: 34px;
	border: 1px solid rgb(221, 221, 221);
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.customSwitch .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 1px;
	bottom: 0px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	border-radius: 50%;
}

.customSwitch input:checked+.slider {
	box-shadow: rgb(100, 189, 99) 0px 0px 0px 8px inset;
	border-color: rgb(100, 189, 99);
	background-color: rgb(100, 189, 99);
}

.customSwitch input:checked+.slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

/*Checkbox, Radio, Switch*/

/*.page-container {
min-height: calc(100vh - 60px) !important;
}*/

.hrFullWidth {
	margin-left: -20px;
	margin-right: -20px;
}

.table-fixed {
	table-layout: fixed;
}

/* Header bar Start */

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
	color: var(--black);
	font-size: 22px;
}

.navbar-brand span {
	font-size: 24px;
	margin-left: 10px;
	padding-left: 11px;
	display: none;
}

.sidebar-xs .navbar-brand p {
	display: none;
}

.sidebar-xs .navbar-brand span {
	display: block;
}

.navbar-right .media-left i {
	font-size: 24px;
	color: #166dba;
}

.navbar-brand {
	padding: 0 14px;
}

.navbar-brand>img {
	height: 40px;
}

.navbar.navbar-default.navbar-fixed-top {
	/*background-color: var(--default-green);*/
	/* top: 60px; */
	background-color: transparent;
}

body:not(.sidebar-xs) .navigation li a>i {
	width: 20px;
}

/*Keyframes Animation Starts*/
.animated.infinite {
	animation-iteration-count: infinite;
}

.nav-link i {
	color: #aea9c3;
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

@keyframes swing {
	20% {
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		transform: rotate3d(0, 0, 1, -5deg);
	}

	to {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	transform-origin: top center;
	animation-name: swing;
}

.badge-pulse {
	background: #ff0000;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	box-shadow: 0 0 0 rgba(255, 0, 0, 0.4);
	animation: BadgePulse 1.8s infinite;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 3px solid #fff;
}

@keyframes BadgePulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
	}

	70% {
		-moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	}

	100% {
		-moz-box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
		box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
	}
}

/*Keyframes Animation End*/

/*29-08-2019*/

.dataTables_length {
	float: left;
}

.dataTables_info {
	float: right;
}

.panel-flat>.panel-heading {
	background-color: unset !important;
}

.daterangepicker.dropdown-menu {
	z-index: 1111;
}

.columnsSelectBtn {
	padding: 1px 6px 2px 6px;
}

.tableRightButtonsAlign {
	float: right;
	margin-top: 1px;
}

.tableRightButtonsAlign .icons-list li a,
.tableRightButtonsAlign .icons-list li a:hover {
	opacity: 1;
}

.tableRightButtonsAlign .icons-list li:last-child {
	margin-left: 10px;
}

.detailsPage .tableRightButtonsAlign .btn,
.detailsPage .btn.bg-info-600,
.customPanel .tableRightButtonsAlign .btn,
.customPanel .btn.bg-info-600 {
	padding: 1px 9px 2px 9px;
	color: #fff;
}

.detailsPage .tableRightButtonsAlign .btn.btn-default,
.customPanel .tableRightButtonsAlign .btn.btn-default {
	color: #333;
}

.datatable-header:empty {
	display: none;
}

.tableCustomAlign .dataTables_wrapper .datatable-header {
	display: none;
}

.tableCustomAlign .panel .panel-heading {
	padding-right: 300px;
}

.media-left .btn.btn-icon {
	padding: 1px 4px 3px 4px;
}

.media-left .img-sm {
	width: 26px !important;
	height: 26px !important;
}

.algoId {
	width: 410px;
	left: 250px;
	top: 16px;
	z-index: 1;
	border: none;
	padding: 7px 10px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
	background-color: #e5e5e5;
	border-radius: 10px;
}

.algoId:focus-visible,
.searchByDate:focus-visible {
	outline: 0;
}

/*Datatable Custom Scroll Start*/
.tableScrollable .datatable-footer {
	padding-top: 10px;
}

.tableScrollable .dataTables_paginate,
.tableScrollable .dataTables_info,
.tableScrollable .dataTables_length {
	margin-bottom: 10px;
}

/*.tableScrollable .table.datatable-basic th {
    min-width: 200px;
}*/

.tableScrollable .datatable-scroll {
	overflow-x: auto;
	overflow-y: hidden;
}

.tableScrollable .dataTables_scrollHead {
	overflow: visible !important;
}

.tableScrollable .dataTables_scrollBody {
	overflow-x: hidden !important;
	height: 100% !important;
	max-height: calc(100vh - 230px);
}

tfoot.customfilterColumn {
	display: table-header-group;
}

tfoot.customfilterColumn td {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
}

/*Datatable Custom Scroll End*/

/*Filter Right Side Start*/
.filterOpened:not(.modal-open) .select2-container {
	z-index: 1060;
}

div.filterHolder div.formholder {
	width: 100%;
	height: 100vh;
	background-color: white;
	z-index: 111;
	padding: 10px 0;
}

div.filterHolder {
	width: 400px;
	min-height: 100vh;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1070;
	right: -400px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
}

div.filterHolder.visible {
	right: 0;
	top: 0;
}

.filterContain .panel-collapse .form-group:last-child {
	padding-bottom: 20px;
}

#FilterPanelClose {
	position: absolute;
	right: 0;
	top: 0;
	background: #222c3e;
	color: #fff;
	font-size: 16px;
	border-bottom-left-radius: 50px;
	width: 40px;
	height: 40px;
	border: none;
}

#FilterPanelClose i {
	top: -4px;
	left: 3px;
}

#filterAccordions,
.sidebar-toggle-header {
	padding: 0 20px;
}

.sidbar-toggle-body {
	height: calc(100vh - 140px);
	overflow-y: auto;
	overflow-x: hidden;
}

.sidbar-toggle-footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	border-top: 1px solid #d6d6d6;
}

/*Filter Right Side End*/

/*Media query*/

.navbar-brand>img {
	/*
    height: 36px;
    padding-top: 5px;
    padding-left: 5px;
*/
}

@media (max-width: 1500px) {

	.detailsPage .nav>li>a,
	.customTabsNavbar .nav>li>a {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media (min-width: 1300px) {
	.navbarDetailsSticky {
		position: sticky;
		top: 48px;
		padding: 20px 0;
		background: #fff;
		z-index: 11;
	}

	.settingsPageHeadingSticky {
		position: sticky;
		top: 48px;
		padding-top: 20px;
		background: #fff;
		z-index: 10;
	}

	.settingsSidebarSticky {
		position: sticky;
		top: 95px;
	}

	.content.headerStickyContent {
		padding-top: 0;
	}
}

@media (max-width: 1300px) {
	.detailsStatsContain .col-xs-2 {
		width: 33.3%;
	}

	.PerfSummary .chartTitle {
		font-size: 16px !important;

	}
}

@media (min-width: 1025px) {
	.modal-lg {
		width: 1000px;
	}
}

@media (max-width: 992px) {
	.detailsStatsContain .col-xs-2 {
		width: 50%;
	}
}

@media (min-width: 769px) {
	/* .sidebar-xs .navbar-inverse .navbar-header .navbar-brand {
        background: url(../images/QBoostIcon.png) no-repeat center center;
        background-size: auto 24px;
        height: 100%;
        width: 24px;
    } */

	.sidebar-xs .navbar-inverse .navbar-header .navbar-brand {
		width: auto;
		background: none;
	}

	.sidebar-fixed .sidebar-content {
		overflow: visible;
		position: fixed;
		top: 48px;
		width: 250px;
	}

	.navbar-header .navbar-brand>img {
		height: 100%;
		padding-bottom: 4px;
	}

	.navbar-brand {
		height: auto;
	}

	.sidebar-category.sidebar-category-visible ul.navigation.navigation-main {
		padding-top: 0;

	}

	.navbar.navbar-default.navbar-inverse.navbar-fixed-top {
		height: 48px;
	}

	.sidebar-main.sidebar-fixed .sidebar-content {
		top: 89px;
		/*overflow-y: visible;   */
	}
}

@media (max-width: 480px) {
	.detailsStatsContain .col-xs-2 {
		width: 100%;
	}
}

/*Loading Page Start*/
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1111111;
}

.line {
	animation: expand 1s ease-in-out infinite;
	border-radius: 10px;
	display: inline-block;
	transform-origin: center center;
	margin: 0 3px;
	width: 2px;
	height: 30px;
}

.line:nth-child(1) {
	background: #ff7e00;
}

.line:nth-child(2) {
	animation-delay: 180ms;
	background: #cc7925;
}

.line:nth-child(3) {
	animation-delay: 360ms;
	background: #1b659d;
}

.line:nth-child(4) {
	animation-delay: 540ms;
	background: #ad4dc4;
}

.line:nth-child(5) {
	animation-delay: 720ms;
	background: #7e9e31;
}

.line:nth-child(6) {
	animation-delay: 900ms;
	background: #76c200;
}

@keyframes expand {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(2);
	}
}

.page-roller-spin-fullpage {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 1110;
	background: rgba(212, 212, 212, 0.45);
}

/*Loading Page End*/

/*Ranjan Css Starts*/
.customfilterColumn .select2-container--open .select2-dropdown--below {
	min-width: 160px;
	right: -35px;
	left: auto;
}

.inner-AddMore {
	text-transform: uppercase;
	font-size: 12px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 0;
	background-image: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #f9fbff;
	line-height: 20px;
	padding: 2px 10px;
}

.inner {
	font-size: 10px !important;
	text-align: right !important;
	border: none !important;
	width: 145px !important;
	height: 17px !important;
	margin-left: 91px;
	background-color: #e2e8f3;
	padding: 0px 4px;
	padding-bottom: 2px;
}

.inner-Close {
	/*position: absolute;
    right: 0;
    top: 1px;*/
	border: 0;
	padding: 0;
	width: 14px;
	line-height: 14px;
	height: 16px;
	background-color: #e2e8f3;
}

.inner-Elem {
	display: inline-block;
	width: 100%;
}

/*Ranjan Css Ends*/

.column-setting,
.filter-setting,
.filterclass {
	max-height: calc(100vh - 346px) !important;
	overflow: auto;
}

.add-view .stepy-navigator {
	padding: 20px;
}

#sortable li,
#sortableFilter li {
	background-color: #fff;
}

#sortable li:hover,
#sortableFilter li:hover {
	background-color: #f9f9f9;
	cursor: move;
}

.has-error {
	border-color: rgba(233, 51, 51, 0.8) !important;
}

/*Datatable Loader*/
.loadertable {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	height: 70px;
	bottom: 0px;
	background: #fff;
}

.loader1 {
	width: 60px;
	height: 50px;
	text-align: center;
	position: absolute;
	font-size: 10px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 11;
	bottom: -15px;
	left: 50%;
}

.loader1>div {
	height: 100%;
	width: 8px;
	display: inline-block;
	float: left;
	margin-left: 2px;
	-webkit-animation: loader-delay 0.8s infinite ease-in-out;
	animation: loader-delay 0.8s infinite ease-in-out;
}

.loader1 .bar11 {
	background-color: #754fa0;
}

.loader1 .bar21 {
	background-color: #09b7bf;
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.loader1 .bar31 {
	background-color: #90d36b;
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.loader1 .bar4 {
	background-color: #f2d40d;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.loader1 .bar5 {
	background-color: #fcb12b;
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.loader1 .bar6 {
	background-color: #ed1b72;
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

@keyframes loader-delay {

	0%,
	40%,
	100% {
		transform: scaleY(0.05);
		-webkit-transform: scaleY(0.05);
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}

/*Datatable Loader*/
.dropdownbtn {
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table .customCheckBox {
	padding-left: 1px;
}

.viewchange {
	width: 180px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modalC {
	position: relative;
	padding: 20px;
}

/*Activity Search panel design Start*/
.searchbox {
	top: 28%;
}

.searchbox .form-group {
	margin-bottom: 0px;
}

.searchbox .form-control {
	height: 24px;
}

.searchbox .form-control-feedback {
	top: -6px;
	height: 24px;
}

/*Activity Search panel design*/

.bg-danger-400 {
	background-color: #ef5350 !important;
	border-color: #ef5350 !important;
	color: #fff !important;
}

.bg-primary-400 {
	background-color: #42a5f5 !important;
	border-color: #42a5f5 !important;
	color: #fff !important;
}

.filteredbase {
	background-color: #bfbfbf;
}

.dropup-menu {
	top: auto !important;
	bottom: 100% !important;
}

/*Sidebar*/
.sidebar-detached .sidebar-separate.sidebar-default {
	display: block;
}

.sidebar-detached .sidebar-separate.sidebar-default .sidebar-category {
	border: 1px solid #ddd;
}

/*Sidebar*/

@media (min-width: 768px) {
	.stepyHeightScroll {
		height: calc(100vh - 390px);
		min-height: 100px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 2px;
		margin: -2px;
	}

	.profile_update .name {
		display: none;
	}
}

/*searchbar*/

.search-wrapper {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 13px;
	left: 0;
}

.search-wrapper.active {
	left: -172px;
	top: 22px;
}

.search-wrapper.active .input-holder {
	width: 310px;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
}

.search-wrapper .input-holder {
	height: 45px;
	width: 70px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0);
	border-radius: 6px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.search-wrapper .input-holder .search-input {
	width: 100%;
	height: 20px;
	padding: 0px 70px 0 20px;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	transform: translate(0, 60px);
	transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
	transition-delay: 0.3s;
}

.search-wrapper.active .input-holder .search-input {
	opacity: 1;
	transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
	width: 70px;
	height: 70px;
	border: none;
	border-radius: 6px;
	background: #fff;
	padding: 0px;
	outline: none;
	position: relative;
	z-index: 2;
	float: right;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.search-wrapper.active .input-holder .search-icon {
	width: 30px;
	height: 30px;
	margin: 6px;
	border-radius: 30px;
}

.search-wrapper .input-holder .search-icon span {
	width: 19px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	transform: rotate(45deg);
	transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
	position: absolute;
	content: "";
}

.search-wrapper .input-holder .search-icon span::before {
	width: 3px;
	height: 11px;
	left: 7px;
	top: 12px;
	border-radius: 2px;
	background: #555555;
}

.search-wrapper .input-holder .search-icon span::after {
	width: 14px;
	height: 14px;
	left: 0px;
	top: 0px;
	border-radius: 16px;
	border: 3px solid #555555;
}

.search-wrapper .close {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transform: rotate(-180deg);
	transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
	transition-delay: 0.2s;
}

.search-wrapper.active .close {
	right: -35px;
	transform: rotate(45deg);
	transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
	transition-delay: 0.5s;
}

.search-wrapper .close::before,
.search-wrapper .close::after {
	position: absolute;
	content: "";
	background: #fe5f55;
	border-radius: 2px;
}

.search-wrapper .close::before {
	width: 5px;
	height: 25px;
	left: 10px;
	top: 0px;
}

.search-wrapper .close::after {
	width: 25px;
	height: 5px;
	left: 0px;
	top: 10px;
}

/*searchbar*/

/*searchbar 2*/

.search-form .form-group {
	float: right !important;
	transition: all 0.35s, border-radius 0s;
	width: 32px;
	height: 32px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 25px;
	border: 1px solid transparent;
	margin-bottom: 0 !important;
}

.search-form .form-group input.form-control {
	padding-right: 20px;
	border: 0 none;
	background: transparent;
	box-shadow: none;
	display: block;
	padding: 7px 131px 12px 10px;
}

.search-form .form-control {
	padding: 7px 22px 12px 10px;
}

.search-form .form-group input.form-control::-webkit-input-placeholder {
	display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
	/* Firefox 18- */
	display: none;
}

.search-form .form-group input.form-control::-moz-placeholder {
	/* Firefox 19+ */
	display: none;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
	display: none;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
	width: 310px;
	border-radius: 4px 25px 25px 4px;
	border: 1px solid #ccc;
}

.form-group.has-feedback:hover select.form-control {
	display: block !important;
	height: 30px;
	padding: 5px;
	border-right: 0px;
	cursor: pointer;
	border: 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.search-form .form-group span.form-control-feedback {
	position: absolute;
	top: -1px;
	right: -2px;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #555555;
	left: initial;
	font-size: 14px;
}

/*searchbar 2*/
.table-responsive.tableHeaderSticky {
	/* overflow: hidden; */
}

.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 134px);
	overflow: auto;
}

.fullheightgrid.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 272px);
	overflow: auto;
}

.fullheightsearchgrid.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 170px);
	overflow: auto;
}

.tableHeaderSticky .datatable-scroll table thead th {
	position: sticky;
	top: 0;
	background: #eaeaea;
	z-index: 5;
}

/*Changes 23-08-2021*/

/*QBoost Admin CSS*/

@media (min-width: 769px) {
	.navbar-default.navbar-fixed-top .navbar-header {
		height: 89px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 15px 0;
		box-shadow: none;
		border-right: 1px solid #ddd;
		/*background-color: var(--default-green);*/
		background-color: var(--white);
		/*border-top-left-radius: 30px;*/
	}
}

.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 250px);
	/*    max-height: calc(100vh - 224px);*/
	overflow: auto;
}

/* body {
  background: #f3f3f3;
} */

.btnTheme {
	display: none;
}

.nicescroll-rails {
	z-index: 11 !important;
}

.showdropdown {
	display: block !important;
}

.headingelement .btn {
	padding: 4px 12px;
}

.tableHeaderSticky .datatable-scroll table thead th {
	background: #c5c5c5;
}

.headingelement .select2-selection--single {
	height: 30px;
	padding: 4px 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 8px 12px;
}

.action-col {
	min-width: 133px;
}

.qboostAdminTable .action-col {
	min-width: 155px;
}

.navbar-brand {
	padding: 0 24px;
}

.tableHeaderSticky .datatable-scroll table thead th {
	padding-top: 15px;
	padding-bottom: 15px;
}

/*Custom Switch Start*/
.customSwitch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 22px;
}

.customSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.customSwitch .slider {
	position: absolute;
	cursor: pointer;
	top: 2px;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 100%;
	height: auto;
	border-radius: 34px;
	border: 1px solid rgb(221, 221, 221);
	background-color: var(--primary-color2);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.customSwitch .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 0px;
	bottom: 0px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	border-radius: 50%;
}

.customSwitch input:checked+.slider {
	box-shadow: rgb(100, 189, 99) 0px 0px 0px 8px inset;
	border-color: rgb(100, 189, 99);
	background-color: rgb(100, 189, 99);
}

.customSwitch input+.slider:after,
.customSwitch input:checked+.slider:after {
	position: absolute;
	content: "Active";
	right: -55px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: rgb(100, 189, 99);
	cursor: inherit;
	transition: all 500ms linear;
}

.customSwitch input+.slider:after {
	content: "Inactive";
	color: var(--primary-color2);
	right: -65px;
	transition: all 500ms linear;
}

.customSwitch input:checked+.slider:before {
	-webkit-transform: translateX(23px);
	-ms-transform: translateX(23px);
	transform: translateX(23px);
}

/*Custom Switch End*/

form .form-group label.error,
form ul li {
	color: var(--primary-color2);
}

form ul li {
	list-style-type: circle;
}

form#addUser label.text-uppercase {
	color: #222;
	font-weight: 700;
}

.form-control.error,
.panel.error {
	border-color: #ff5722;
}

.errorMessages ul {
	position: relative;
	margin-bottom: 20px;
	padding-left: 35px;
}

.errorMessages ul li:first-child:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ff5722;
	border-radius: 3px;
}

.errorMessages li:first-child {
	padding-top: 15px;
}

.errorMessages li {
	padding-bottom: 10px;
}

.errorMessages li:last-child {
	padding-bottom: 15px;
}

/*Add User CSS*/

li.multiselect-filter i {
	font-size: 12px;
	position: absolute;
	left: 24px;
	top: 100%;
	z-index: 11;
	margin-top: 8px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.stepy-header li:before,
.stepy-header li:after {
	top: 30px;
}

.addcustomerstepy .button-next.btn.btn-primary {
	display: none;
}

.customrow {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.customcol {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.requiredInput {
	box-shadow: 3px 0 0 0 inset #ff7575;
}

.stepy-header li {
	padding: 10px 0;
}

.stepy-step {
	padding: 20px 0;
	padding-top: 0;
}

.stepy-header {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.sidebar-xs .stepy-navigator {
	left: calc(55px);
	width: calc(100% - 95px);
}

.stepy-navigator {
	background: #f2f2f2;
	box-shadow: 0 -9px 17px -10px rgba(0, 0, 0, 0.27);
	position: fixed;
	width: calc(100% - 300px);
	bottom: -20px;
	left: calc(260px);
	padding: 10px;
	z-index: 11;
	margin: 20px;
}

select.requiredInput+.select2.select2-container .selection .select2-selection {
	box-shadow: 3px 0px 0px 0px inset #ff7575;
}

.dark-theme .stepy-navigator {
	background: #313030;
}

@media (max-width: 600px) {
	div.filterHolder {
		width: 300px;
	}

	.PerfSummary .statistics .titleContent {
		top: 60% !important;
	}

}

.filterOpened:not(.modal-open) .select2-container {
	z-index: 1111 !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	height: 50px;
}

.pageHeading {
	font-size: 16px;
	color: #333;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
}

.addUserTable .width50 {
	/*    padding-right: 0;*/
}

/*Registration page*/

.pace-done .navbar-inverse .navbar-brand {
	background: #fff;
}

.pace-done .navbar-inverse {
	border: 0;
}

.ml-0 {
	margin-left: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

ml-15 {
	margin-left: 15px;
}

.mb-30 {
	margin-bottom: 30px !important;
}

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

#user_pass_change_modal .modal-header,
#property_type_modal .modal-header,
#view_details_modal .modal-header,
#view_corporate_details_modal .modal-header,
#view_storage_details_modal .modal-header,
#view_parking_details_modal .modal-header,
#edit_user_info_modal .modal-header,
#add_user_info_modal .modal-header,
#settings_modal .modal-header,
#user_report_modal .modal-header {
	background: #fff;
}

.modal-header {
	/*    background: #fff;*/
	/*background: rgba(0,150,136,.05) !important;*/
	background: var(--black) !important;
}

.modal-body {
	/*    max-height: calc(100vh - 150px);*/
	/*    overflow: auto;*/
	/*    overflow-x: hidden;*/
}

.modal-header .modal-title {
	color: #fff;

	text-align: center;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}

.modal-header .modal-title:after {
	position: absolute;
	content: "";
	bottom: -17px;
	left: 0;
	right: 0;
	width: 100px;
	margin: auto;
	height: 1px;
	background: #d6d6d6;
}

.modal-header .close {
	min-width: 38px;
	height: 38px;
	text-indent: -9999999px;
	bottom: 0;
	margin: auto;
	opacity: 1;
	top: -50px;
	right: -15px;
	background: #444;
	border-radius: 50%;
	transition: all 200ms linear;
}

.modal-header .close:hover {
	background: #222;
	transition: all 200ms linear;
}

#user_pass_change_modal .modal-body {
	padding-bottom: 0;
}

.sidebar-content .navbar-nav {
	position: absolute;
	right: -16px;
	z-index: 1;
}

.navbar-nav .btn-icon {
	width: 30px;
	height: 30px;
	padding: 0px;
	background: #1a1a1a;

	border-color: #1a1a1a;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	margin-top: -4px;
}

.navbar-nav .btn-icon span {
	transform: translateY(1px);
	height: 100%;
	display: inline-block;
}

/*
.select2-search--dropdown{
    display: none;
}
*/

.select2-results>.select2-results__options {
	padding-top: 0 !important;
	padding-bottom: 0;
}

/*
.select2-results > .select2-results__options{
    padding-bottom: 0;
}*/

/*AP Requests*/

.dropdown-menu.right {
	left: auto;
	right: 0;
}

/*Different Versions*/

/*Sidebar V8*/

.sidebar {
	background-color: var(--black);
	box-shadow: 0 0.46875rem 2.1875rem rgba(8, 10, 37, 0.03),
		0 0.9375rem 1.40625rem rgba(8, 10, 37, 0.03),
		0 0.25rem 0.53125rem rgba(8, 10, 37, 0.05),
		0 0.125rem 0.1875rem rgba(8, 10, 37, 0.03);
	width: 250px;

}

.sidebar .navigation li a {
	color: var(--dark-grey);
	font-weight: 600;
}

.sidebar .navigation .blue.active>a,
.sidebar .navigation .blue.active>a:hover,
.sidebar .navigation .blue>a:hover,
.sidebar .navigation .blue.active>a:focus,
.sidebar-xs .sidebar-main.sidebar .navigation .blue a span {
	color: var(--primary-color2);
	background-color: transparent;
}

/* .sidebar .navigation .blue.active > a {
  font-weight: 700;
} */

.content-wrapper {
	/* background: #f1f4f6; */
	/* background-color: var(--bg1); */
	position: relative;
	z-index: 9;
	padding-top: 0px;
}

.content-wrapper .page-header {
	position: relative;
	/* padding-top: 20px; */
	/* background: #263238; */
	background: rgba(255, 255, 255, 0.7);
}

.content-wrapper .breadcrumb>li+li:before {
	color: #999;
	content: "\e9c3";
	padding: 0 5px;
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	min-width: 1em;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.navbar a.sidebar-control.sidebar-main-toggle.hidden-xs {
	color: var(--default-green);
}

.navbar-default .navbar-nav>.dropdown.language-switch .dropdown-menu li a {
	display: flex;
	align-items: center;
}

.navbar-default .navbar-nav>.dropdown.language-switch>a>img {
	width: auto;
	height: 30px;
	border-radius: 50%;
}

/* body:not(.sidebar-xs) .sidebar .navigation li a > i {
  opacity: 0.4;
} */

body:not(.sidebar-xs) .sidebar .navigation li:hover a>i,
body:not(.sidebar-xs) .sidebar .navigation li.active a>i {
	opacity: 1;
}

.content-wrapper .tableHeaderSticky .datatable-scroll table thead th {
	background: #e4e1d7;
	color: var(--black);
	font-weight: 700;
}

.modal .tableHeaderSticky {
	box-shadow: 0px -0.15rem 2.1875rem rgba(4, 9, 20, 0.03),
		0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
		0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
		0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
	border-radius: 8px;
	border: 1px solid rgba(4, 9, 20, 0.07);
}

.modal .tableHeaderSticky .datatable-scroll table thead th {
	background: #fff;
	color: #495057;
	font-weight: 700;
	border-color: #e9ecef;
}

.modal .tableHeaderSticky .datatable-scroll table tbody td,
.modal .tableHeaderSticky .datatable-scroll table,
.modal .tableHeaderSticky .datatable-footer {
	border-color: #e9ecef;
}

.modal .tableHeaderSticky .datatable-scroll table .dataTables_empty {
	font-weight: 700;
	/*    color: #e9ecef;*/
}

.content-wrapper .panel.panel-flat {
	box-shadow: none;
	border: none;
}

.panel {
	background-color: transparent;
}

.content-wrapper .table-responsive.tableHeaderSticky,
.content-wrapper .panel-footer {
	border-radius: 6px;
}

.content-wrapper .breadcrumb>li>a {
	color: #fff;
	font-weight: 600;
}

.content-wrapper .table>thead>tr>th {
	border-bottom: 0;
}

.sidebar-xs .sidebar-main.sidebar .navigation .blue a span {
	/* display: none; */
}

/*
.content-wrapper .btn {
    box-shadow: 0 0.125rem 0.625rem rgba(103,106,109,0.1), 0 0.0625rem 0.125rem rgba(52,58,64,0.1);
}

.content-wrapper .btn.bg-info-600 {
    box-shadow: 0 0.125rem 0.625rem rgba(0,172,193,0.4), 0 0.0625rem 0.125rem rgba(0,172,193,.5);
}

.content-wrapper .btn.bg-danger {
    box-shadow: 0 0.125rem 0.625rem rgba(244,67,54,.4), 0 0.0625rem 0.125rem rgba(244,67,54,.5);
}
*/

.btn {
	box-shadow: 0 0.125rem 0.625rem rgba(103, 106, 109, 0.1),
		0 0.0625rem 0.125rem rgba(52, 58, 64, 0.1);
}

.btn.bg-info-600,
.btn.bg-info {
	box-shadow: var(--primary-color2);
}

.btn.bg-danger {
	box-shadow: 0 0.125rem 0.625rem rgb(244 67 54 / 40%),
		0 0.0625rem 0.125rem rgb(244 67 54 / 50%);
}

.btn.bg-success {
	box-shadow: 0 0.125rem 0.625rem rgba(76, 175, 80, 0.4),
		0 0.0625rem 0.125rem rgba(76, 175, 80, 0.5);
}

.btn.bg-teal {
	box-shadow: var(--primary-color2);
}

.content-wrapper .breadcrumb>li>a {
	color: #444;
}

@media (min-width: 1300px) {
	.textNoWrap {
		white-space: nowrap;
	}
}

@media (min-width: 769px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: 62px;
		background-color: white;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		margin-left: 230px;
		display: flex !IMPORTANT;
		align-items: center;
		justify-content: flex-end;
		padding: 20px 20px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px !important;
	}

	.sidebar-xs .navbar-fixed-top .navbar-collapse {
		margin-left: 20px;
	}

	.navbar-fixed-top .navbar-collapse h6 {
		color: #1a1a1a;
		margin-right: auto;
		font-weight: 400;
		font-size: 18px;
		line-height: 20px;
	}

	.besideBreadcrumbs {
		position: absolute;
		z-index: 999;
		right: 20px;
		top: 5px;
	}

	.tableHeaderSticky .datatable-scroll {
		max-height: calc(100vh - 224px);
	}

	.form-group {
		margin-bottom: 10px;
	}

	.navigation .navigation-header,
	.navigation .navigation-header a {
		color: #fff;
		font-weight: 700;
		font-size: 12px;
	}
}

.modal .text-right.beside-filter {
	position: absolute;
	right: 50px;
	top: 30px;
}

@media (max-width: 768px) {
	.tableHeaderSticky .datatable-scroll {
		/*        max-height: calc(100vh - 275px);*/
		/*        overflow: auto !important;*/
	}

	.dataTables_length {
		float: left !important;
	}

	.dataTables_paginate {
		float: right !important;
	}

	.dataTables_info {
		float: right !important;
	}

	.navbar-nav>li>a.sidebar-mobile-detached-toggle {
		display: none;
	}

	.stepy-navigator {
		width: calc(100% - 33px) !important;
		left: 0 !important;
		right: 0;
		margin: 20px 0;
	}

	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:focus,
	.navbar-default .navbar-brand:hover {
		/* background: #fff; */
	}

	.navbar-default .navbar-brand,
	.navbar-default .nav.navbar-nav.visible-xs-block {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.navbar-inverse .navbar-header {
		border: 0;
	}

	#navbar-mobile {
		width: 100%;
	}

	.modal .text-right.beside-filter {
		position: static;
		right: 50px;
		top: 30px;
	}

	.navbar-brand>img {
		height: 44px;
	}
}

@media (min-width: 993px) {
	.content-wrapper .breadcrumb-line {
		background: rgba(255, 255, 255, 0.7);
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
		min-height: 112px;
		z-index: 1;
	}

	.page-header .breadcrumb-line:first-child {
		z-index: 1;
	}

	.content-wrapper .besideBreadcrumbs {
		top: -45px;
	}

	.content-wrapper .breadcrumb-line .breadcrumb {
		padding-top: 18px;
	}

	.content-wrapper .breadcrumb>li:first-child i {
		padding-left: 9px;
		margin-right: 12px;
	}

	.content-wrapper .breadcrumb>li:first-child i:after {
		position: absolute;
		content: "";
		background: #fff;
		box-shadow: 0 0.46875rem 2.1875rem rgba(8, 10, 37, 0.03),
			0 0.9375rem 1.40625rem rgba(8, 10, 37, 0.03),
			0 0.25rem 0.53125rem rgba(8, 10, 37, 0.05),
			0 0.125rem 0.1875rem rgba(8, 10, 37, 0.03);
		border-radius: 0.25rem;
		height: 30px;
		width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		top: -9px;
		z-index: -1;
		left: 0;
	}

	.content-wrapper .content {
		position: relative;
		z-index: 10;
		margin-top: 80px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.content-wrapper .page-header .breadcrumb-line {
		padding-top: 20px;
	}

	.content-wrapper .besideBreadcrumbs {
		position: relative;
		z-index: 999;
		right: 0;
		top: 0;
	}

	.content-wrapper .page-header {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.content-wrapper .tableHeaderSticky .datatable-scroll {
		max-height: calc(100vh - 290px) !important;
	}
}

@media (min-width: 769px) {
	body:not(.sidebar-xs) .navbar-default.navbar-fixed-top .navbar-header {
		/* justify-content: flex-start; */
	}

	.sidebar-xs .navbar-inverse .navbar-header .navbar-brand>img {
		display: block;
	}

	.sidebar-xs .navbar-default.navbar-fixed-top .navbar-header {
		/* width: auto !important;
    min-width: 260px; */
		width: 64px;
		min-width: 64px;
	}

	.navbar.navbar-default.navbar-inverse.navbar-fixed-top {
		height: auto;
		/* max-width: 240px; */
		left: 0px;
		top: 0px;
		padding-right: 0;
		/* box-shadow: 0 0.46875rem 2.1875rem rgba(8, 10, 37, 0.03),
      0 0.9375rem 1.40625rem rgba(8, 10, 37, 0.03),
      0 0.25rem 0.53125rem rgba(8, 10, 37, 0.05),
      0 0.125rem 0.1875rem rgba(8, 10, 37, 0.03); */
		/* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
		/* background-color: #E4E1D7; */
		position: fixed;
		/*border-top-left-radius: 30px;*/
	}

	.navbar a.sidebar-control.sidebar-main-toggle.hidden-xs i {
		font-size: 24px;
	}

	.navbar .navbar-header .navbar-brand>img {
		height: 60px;
		margin-top: 0;
		padding: 0;
		height: auto;
		max-width: 210px;
		max-height: 85px;
	}

	.navbar .navbar-collapse .nav.navbar-nav {
		/* transform: translateY(9px); */
	}

	.navbar-default .navbar-nav>.dropdown.language-switch>a {
		background: rgba(68, 64, 84, 0.1);
		padding: 6px;
		border-radius: 50%;
		min-width: 42px;
	}

	.navbar-default .navbar-nav>.dropdown.language-switch>a:hover {
		background: rgba(68, 64, 84, 0.2);
	}

	.navbar-default .navbar-nav .language-switch a>img {
		top: 0;
	}

	.navbar-default.navbar-fixed-top .navbar-header {
		border-right: 0;
		height: 65px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-default.navbar-fixed-top .navbar-nav .btn-icon {
		height: 30px;
		width: 30px;
	}

	.navbar-default.navbar-fixed-top .navbar-nav .btn-icon span {
		/* transform: translateY(0); */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
	}

	.tenure_box {
		border: 1px solid #d8d8d8;
		border-radius: 6px;
		padding: 3px 10px;
		margin-right: 56px;
		background: var(--black);
		display: flex;
		align-items: center;
		gap: 14px;
	}

	.tenure_box .name {
		color: #D1D6E0;
	}

	.tenure_box .ROI_div img {
		background-color: var(--primary-color3);
		padding: 5px;
		border-radius: 6px;
	}

	.tenure_box .tenure_div img {
		background-color: #B2C1E5;
		padding: 6px;
		border-radius: 6px;
	}

	.tenure_box .ROI_div i {
		font-size: 12px;
		margin-bottom: 1px;
		color: #6de50a;
	}

	.tenure_box>div {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.tenure_box span,
	.tenure_box strong {
		color: var(--bg2);
	}

	.tenure_box strong {
		font-size: 14px;
		white-space: nowrap;
	}

	.navbar-default.navbar-fixed-top .dropdown.dropdown-user>a>span {
		font-weight: 600;
	}

	.align-center {
		display: flex;
		align-items: center;
	}

	/*.sidebar-main{
        overflow-y: scroll;
        overflow-x: visible;
    }*/

	.sidebar-main.sidebar-fixed .sidebar-content {
		top: 62px;
		/*overflow-y: auto;  */
	}

	.navbar-nav.align-center>li>.dropdown-menu {
		border-top-width: 1px;
		margin-top: 8px;
	}

	.navbar-nav.align-center>li.language-switch>.dropdown-menu {
		margin-top: 10px;
	}

	.navbar-default .navbar-nav>.dropdown.language-switch {
		padding-right: 20px;
		position: relative;
	}

	.navbar-default .navbar-nav>.dropdown.language-switch:after {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		height: 100%;
		width: 1px;
		background: #dee2e6;
	}

	.sidebar .navigation>li>a {
		margin: 0px 0px;
		border-radius: 0px;
		/* min-width: 44px; */
	}

	.sidebar-xs .navbar-inverse .navbar-header,
	.sidebar-xs .sidebar-main,
	.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
		width: 64px;
	}

	.sidebar-xs .navbar a.sidebar-control.sidebar-main-toggle.hidden-xs i:before {
		content: "\ea00";
	}

	body.sidebar-xs .sidebar .navbar-header {
		display: none;
	}

	body.sidebar-xs .sidebar .navigation>li>a {
		position: relative;
		padding-left: 7px;
	}

	body.sidebar-xs .sidebar .navigation>li>a:after {
		content: "";
		position: absolute;
		bottom: -4px;
		left: 0;
		right: 0;
		height: 1px;
		/*        background: #dee2e6;*/
		background: rgba(0, 150, 136, 0.15);
	}
}

@media (max-width: 768px) {
	.navbar-inverse .navbar-header:not([class*="bg-"]) {
		/* background: #fff; */
		box-shadow: none;
	}

	.navbar-inverse .navbar-header>.navbar-nav>li>a {
		/* color: #333; */
	}

	.content-wrapper .besideBreadcrumbs {
		position: relative;
		z-index: 999;
		right: 0;
		top: 0;
	}
}

.sidebar-control.sidebar-main-toggle.hidden-xs .BurgerBox {
	width: 26px;
	height: 16px;
	display: inline-block;
	position: relative;
}

.BurgerSlider .BurgerInner {
	top: 1px;
}

.BurgerInner,
.BurgerInner:before,
.BurgerInner:after {
	position: absolute;
	content: "";
	width: 100%;
	background-color: var(--dark-grey);
	height: 2px;
	border-radius: 0px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.BurgerInner {
	top: 50%;
	margin-top: -1px;
}

.BurgerInner,
.BurgerInner:before,
.BurgerInner:after {
	position: absolute;
	width: 100%;
	background-color: var(--dark-grey);
	height: 2px;
	border-radius: 0px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.BurgerInner {
	top: 50%;
	margin-top: -1px;
}

.Burger {
	padding: 5px;
	display: inline-block;
	cursor: pointer;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	outline: 0;
}

.Burger {
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	outline: 0;
}

.BurgerSlider {
	display: inline-block;
}

.BurgerSlider .BurgerInner:before {
	top: 8px;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

.BurgerSlider .BurgerInner:after {
	top: 16px;
}

body.sidebar-xs .BurgerSlider .BurgerInner {
	-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
	-ms-transform: translate3d(0, 7px, 0) rotate(45deg);
	transform: translate3d(0, 7px, 0) rotate(45deg);
}

body.sidebar-xs .BurgerSlider .BurgerInner:before {
	-webkit-transform: rotate(-45deg) translate3d(-3.7142857142857144px, -5px, 0);
	-ms-transform: rotate(-45deg) translate3d(-3.7142857142857144px, -5px, 0);
	transform: rotate(-45deg) translate3d(-3.7142857142857144px, -5px, 0);
	opacity: 0;
}

body.sidebar-xs .BurgerSlider .BurgerInner:after {
	-webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
	-ms-transform: translate3d(0, -14px, 0) rotate(-90deg);
	transform: translate3d(0, -14px, 0) rotate(-90deg);
	top: 14px;
}

@media (min-width: 993px) {
	.page-title-heading {
		font-size: 1.25rem;
		font-weight: 400;
		display: flex;
		align-content: center;
		align-items: center;
	}

	.page-title-icon {
		font-size: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0.83333rem;
		margin: 0 30px 0 0;
		background: #fff;
		box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
			0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
			0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
			0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
		border-radius: 0.25rem;
		width: 50px;
		height: 50px;
	}

	.breadcrumb-page-title {
		font-size: 1.65rem;
		font-weight: 600;
	}

	.content-wrapper .breadcrumb-line .breadcrumb {
		padding-top: 8px;
		padding-bottom: 0;
	}

	.content-wrapper .breadcrumb-line {
		padding-top: 15px;
	}

	.content-wrapper .content {
		margin-top: 100px;
	}

	.content-wrapper .besideBreadcrumbs {
		top: -57px;
	}

	.tableHeaderSticky .datatable-scroll {
		max-height: calc(100vh - 301px);
	}
}

@media (max-width: 992px) {
	/*
    .breadcrumb-page-title{
        display: none;
    }
*/

	.content-wrapper .besideBreadcrumbs .pull-right {
		float: none !important;
		text-align: right;
	}

	.page-title-heading {
		font-size: 1.25rem;
		font-weight: 400;
		display: flex;
		align-content: center;
		align-items: center;
	}

	.page-title-icon {
		font-size: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0.83333rem;
		margin: 0 30px 0 0;
		background: #fff;
		box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
			0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
			0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
			0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
		border-radius: 0.25rem;
		width: 50px;
		height: 50px;
	}

	.breadcrumb-page-title {
		font-size: 1.65rem;
		font-weight: 600;
	}

	.content-wrapper .breadcrumb-line .breadcrumb {
		padding-top: 8px;
		padding-bottom: 0;
	}

	.content-wrapper .breadcrumb-line {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.content-wrapper .tableHeaderSticky .datatable-scroll {
		max-height: calc(100vh - 275px);
	}
}

/*Hamburger V2*/

.hamburger_wrapper {
	padding: 3px;
	z-index: 10;
}

#hamburger {
	width: 26px;
	height: 16px;
	position: relative;
	cursor: pointer;
	outline: none;
}

#hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #444;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
}

#hamburger span:nth-child(1) {
	top: 0px;
	transform-origin: left center;
}

#hamburger span:nth-child(2) {
	top: 7px;
	transform-origin: left center;
}

#hamburger span:nth-child(3) {
	top: 14px;
	transform-origin: left center;
}

body.sidebar-xs #hamburger span:nth-child(1) {
	transform: rotate(45deg);
}

body.sidebar-xs #hamburger span:nth-child(2) {
	width: 0%;
	opacity: 0;
	transition: 0.1s;
}

body.sidebar-xs #hamburger span:nth-child(3) {
	transform: rotate(-45deg);
}

/*End Hamburger V2*/

/*AP Requests*/

.min-width75 {
	min-width: 75px;
}

.property-type-select {
	display: flex;
	align-items: center;
}

.property-type-select .select2-container {
	min-width: 200px;
}

.property-type-select label {
	min-width: 100px;
}

/*
.stepy-navigator .btn, form .btn, .formFooterBtns .btn{
    padding: 10px 20px;
    min-width: 150px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}*/

.button-next,
.button-prev {
	background-color: #00acc1;
	border-color: #00acc1;
	color: #fff;
	box-shadow: 0 0.125rem 0.625rem rgba(0, 172, 193, 0.4),
		0 0.0625rem 0.125rem rgba(0, 172, 193, 0.5);
	/*    padding: 8px 16px;*/
	border-radius: 4px;
}

.button-next:hover,
.button-prev:hover {
	color: #fff;
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:focus {
	box-shadow: 0 0.125rem 0.625rem rgba(69, 90, 100, 0.4),
		0 0.0625rem 0.125rem rgba(69, 90, 100, 0.5);
	background-color: var(--black);
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

.modal .stepy-navigator {
	background: #f2f2f2;
	box-shadow: 0 -9px 17px -10px rgba(0, 0, 0, 0.27);
	position: fixed;
	width: 100%;
	bottom: -40px;
	left: 0;
	padding: 10px;
	z-index: 11;
	margin: 0;
}

.modal .form-group.mb-30 {
	margin-bottom: 30px;
}

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

.mb-30 {
	margin-bottom: 30px !important;
}

.modal .modal-left-col {
	border: 1px solid rgba(26, 54, 126, 0.125);
	padding: 10px 16px;
	border-radius: 3px;
}

.modal .modal-left-col label {
	color: #777;
	margin-bottom: 8px;
}

.modal .modal-left-col .form-group div {
	color: #333;
}

.modal .modal-left-col .form-group i {
	margin-right: 8px;
	color: #009688;
}

@media (max-width: 1400px) {
	.modal-left-col .radio-inline {
		margin-left: 0 !important;
		display: block;
	}
}

@media (max-width: 1440px) {
	.dashboardSmallBox .card {
		width: 100% !important;
		max-width: 33.3% !important;
		margin-bottom: 20px;
	}

	.waterfall_chart>div {
		max-width: 100%;
		width: 100%;
	}

	.todays_orders {
		column-gap: 10px;
		display: flex;
		flex-wrap: wrap;
	}

	.waterfall_chart>div:first-child {
		margin-top: 0 !important;
		/* padding-top: 20px !IMPORTANT; */
	}

	/* .todays_orders_main{
    padding-top: 20px !important;
  }*/
	.doughnut_chart {
		/* margin-top: 40px; */
	}

	.PerfSummary .stats_details>div:nth-child(-n + 2) {
		flex-wrap: wrap;
		flex-direction: column;
	}

}

@media (max-width: 1255px) {
	.todays_orders>div {
		width: 49% !important;
	}
}

@media only screen and (max-width:1000px) {
	.todays_orders>div {
		width: 100% !important;
	}

	.chart_with_filter #TradeGraphs {
		left: 20px;
		top: 90px !important;
	}

	/* .chart_with_filter #line_chart{
    margin-top: 60px;
  } */
	#water_chart {
		height: 400px !important;
	}

	.navbar-collapse .dropdown {
		white-space: nowrap;
	}

	.navbar-fixed-top .navbar-collapse {
		padding-right: 0;
	}

}

.stepy-clickable label.text-uppercase,
.requests-details-form label.text-uppercase {
	color: #222;
	font-weight: 700;
}

#view_details_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
#view_details_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"],
.request-details-list .form-horizontal .control-label[class*="col-sm-"] {
	/*    background: rgba(0,150,136,0.05);*/
	background: rgba(0, 0, 0, 0.05);
}

#view_details_modal .stepy-clickable .form-horizontal .form-group,
#view_details_modal .requests-details-form .form-horizontal .form-group,
.request-details-list .form-horizontal .form-group {
	margin-left: 16px;
	margin-right: 10px;
}

#view_details_modal .stepy-clickable .form-horizontal *[class*="col-sm-"],
#view_details_modal .requests-details-form .form-horizontal *[class*="col-sm-"],
.request-details-list .form-horizontal *[class*="col-sm-"] {
	padding: 5px 10px;
}

#view_details_modal .stepy-clickable label.text-uppercase,
#view_details_modal .requests-details-form label.text-uppercase {
	margin-left: 26px;
}

#view_details_modal .stepy-clickable .form-horizontal .form-group,
#view_details_modal .requests-details-form .form-horizontal .form-group {
	margin-top: 4px;
}

#view_corporate_details_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
#view_corporate_details_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"],
.request-details-list .form-horizontal .control-label[class*="col-sm-"] {
	/*    background: rgba(0,150,136,0.05);*/
	background: rgba(0, 0, 0, 0.05);
}

#view_corporate_details_modal .stepy-clickable .form-horizontal .form-group,
#view_corporate_details_modal .requests-details-form .form-horizontal .form-group,
.request-details-list .form-horizontal .form-group {
	margin-left: 16px;
	margin-right: 10px;
}

#view_corporate_details_modal .stepy-clickable .form-horizontal *[class*="col-sm-"],
#view_corporate_details_modal .requests-details-form .form-horizontal *[class*="col-sm-"],
.request-details-list .form-horizontal *[class*="col-sm-"] {
	padding: 5px 10px;
}

#view_corporate_details_modal .stepy-clickable label.text-uppercase,
#view_corporate_details_modal .requests-details-form label.text-uppercase {
	margin-left: 26px;
}

#view_corporate_details_modal .stepy-clickable .form-horizontal .form-group,
#view_corporate_details_modal .requests-details-form .form-horizontal .form-group {
	margin-top: 4px;
}

#view_parking_details_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
#view_parking_details_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"],
.request-details-list .form-horizontal .control-label[class*="col-sm-"] {
	/*    background: rgba(0,150,136,0.05);*/
	background: rgba(0, 0, 0, 0.05);
}

#view_parking_details_modal .stepy-clickable .form-horizontal .form-group,
#view_parking_details_modal .requests-details-form .form-horizontal .form-group,
.request-details-list .form-horizontal .form-group {
	margin-left: 16px;
	margin-right: 10px;
}

#view_parking_details_modal .stepy-clickable .form-horizontal *[class*="col-sm-"],
#view_parking_details_modal .requests-details-form .form-horizontal *[class*="col-sm-"],
.request-details-list .form-horizontal *[class*="col-sm-"] {
	padding: 5px 10px;
}

#view_parking_details_modal .stepy-clickable label.text-uppercase,
#view_parking_details_modal .requests-details-form label.text-uppercase {
	margin-left: 26px;
}

#view_parking_details_modal .stepy-clickable .form-horizontal .form-group,
#view_parking_details_modal .requests-details-form .form-horizontal .form-group {
	margin-top: 4px;
}

#view_storage_details_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
#view_storage_details_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"],
.request-details-list .form-horizontal .control-label[class*="col-sm-"] {
	/*    background: rgba(0,150,136,0.05);*/
	background: rgba(0, 0, 0, 0.05);
}

#view_storage_details_modal .stepy-clickable .form-horizontal .form-group,
#view_storage_details_modal .requests-details-form .form-horizontal .form-group,
.request-details-list .form-horizontal .form-group {
	margin-left: 16px;
	margin-right: 10px;
}

#view_storage_details_modal .stepy-clickable .form-horizontal *[class*="col-sm-"],
#view_storage_details_modal .requests-details-form .form-horizontal *[class*="col-sm-"],
.request-details-list .form-horizontal *[class*="col-sm-"] {
	padding: 5px 10px;
}

#view_storage_details_modal .stepy-clickable label.text-uppercase,
#view_storage_details_modal .requests-details-form label.text-uppercase {
	margin-left: 26px;
}

#view_storage_details_modal .stepy-clickable .form-horizontal .form-group,
#view_storage_details_modal .requests-details-form .form-horizontal .form-group {
	margin-top: 4px;
}

.modal .stepy-clickable label.text-uppercase,
.modal .requests-details-form label.text-uppercase {
	margin-left: 16px;
}

.request-details-list label.text-uppercase {
	margin: 0 0 8px 16px !important;
	font-weight: 700;
}

.modal-dialog {
	box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3),
		0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3),
		0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05),
		0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3);
}

.modal-content {
	border: 0;
}

.modal-header {
	padding: 16px 20px;
}

/*
.modal-header,
.modal-content{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
*/

.stepy-clickable .form-control-static,
.requests-details-form .form-control-static {
	min-height: auto;
}

.stepy-header li div {
	background-color: #009688;
	border-color: #009688;
}

.stepy-header li:before,
.stepy-header li:after {
	background-color: #009688;
}

.stepy-header li.stepy-active div {
	border-color: #009688;
	color: #009688;
}

.stepy-header li.stepy-active div:after {
	content: "\ed6c";
}

.nav-tabs.nav-tabs-solid>.active>a,
.nav-tabs.nav-tabs-solid>.active>a:focus,
.nav-tabs.nav-tabs-solid>.active>a:hover {
	background-color: #076f78;
	border-color: #076f78;
}

@media (min-width: 1440px) {

	.dataTable thead .sorting,
	.dataTable thead .sorting_asc,
	.dataTable thead .sorting_desc,
	.dataTable thead .sorting_asc_disabled,
	.dataTable thead .sorting_desc_disabled {
		/*        padding-right: 20px;*/
	}
}

@media (max-width: 1600px) {
	.modal .modal-left-col .radio-inline {
		display: block;
		margin-left: 0 !important;
	}
}

@media (min-width: 769px) {

	/*
    .stepy-clickable .form-horizontal .control-label[class*=col-sm-] {
        padding-top: 0;
    }
*/
	.stepy-clickable .form-control-static,
	.requests-details-form .form-control-static {
		padding-top: 0;
		padding-bottom: 0;
	}

	.stepy-clickable .form-horizontal .form-group,
	.requests-details-form .form-horizontal .form-group {
		margin-bottom: 0;
		margin-top: 10px;
	}
}

@media (max-width: 1024px) {
	.mt-sm-20 {
		margin-top: 20px;
	}
}

@media (max-width: 992px) {
	.modal .form-group.mb-30 {
		margin-bottom: 15px;
	}

	.address-label {
		margin-top: 15px;
	}

	.modal .stepy-form-div {
		margin-top: 20px;
	}

	.modal .stepy-navigator {
		width: 100% !important;
	}

	.modal .modal-left-col {
		padding: 16px 16px;
		margin-bottom: 15px;
	}
}

@media (max-width: 768px) {

	#view_details_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
	#view_details_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"] {
		width: 100%;
	}

	#view_details_modal .stepy-clickable .form-horizontal .form-control-static,
	#view_details_modal .requests-details-form .form-horizontal .form-control-static {
		padding: 0;
	}

	#view_details_modal .stepy-clickable .form-horizontal .form-group,
	#view_details_modal .requests-details-form .form-horizontal .form-group {
		margin-bottom: 0px;
	}

	#view_details_modal .stepy-clickable label.text-uppercase.mt-20,
	#view_details_modal .requests-details-form label.text-uppercase.mt-20 {
		margin-top: 15px !important;
	}
}

@media (max-width: 768px) {

	#view_corporate_notes_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
	#view_corporate_notes_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"] {
		width: 100%;
	}

	#view_corporate_notes_modal .stepy-clickable .form-horizontal .form-control-static,
	#view_corporate_notes_modal .requests-details-form .form-horizontal .form-control-static {
		padding: 0;
	}

	#view_corporate_notes_modal .stepy-clickable .form-horizontal .form-group,
	#view_corporate_notes_modal .requests-details-form .form-horizontal .form-group {
		margin-bottom: 0px;
	}

	#view_corporate_notes_modal .stepy-clickable label.text-uppercase.mt-20,
	#view_corporate_notes_modal .requests-details-form label.text-uppercase.mt-20 {
		margin-top: 15px !important;
	}
}

@media (max-width: 768px) {

	#view_parking_notes_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
	#view_parking_notes_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"] {
		width: 100%;
	}

	#view_parking_notes_modal .stepy-clickable .form-horizontal .form-control-static,
	#view_parking_notes_modal .requests-details-form .form-horizontal .form-control-static {
		padding: 0;
	}

	#view_parking_notes_modal .stepy-clickable .form-horizontal .form-group,
	#view_parking_notes_modal .requests-details-form .form-horizontal .form-group {
		margin-bottom: 0px;
	}

	#view_parking_notes_modal .stepy-clickable label.text-uppercase.mt-20,
	#view_parking_notes_modal .requests-details-form label.text-uppercase.mt-20 {
		margin-top: 15px !important;
	}
}

@media (max-width: 768px) {

	#view_storage_notes_modal .stepy-clickable .form-horizontal .control-label[class*="col-sm-"],
	#view_storage_notes_modal .requests-details-form .form-horizontal .control-label[class*="col-sm-"] {
		width: 100%;
	}

	#view_storage_notes_modal .stepy-clickable .form-horizontal .form-control-static,
	#view_storage_notes_modal .requests-details-form .form-horizontal .form-control-static {
		padding: 0;
	}

	#view_storage_notes_modal .stepy-clickable .form-horizontal .form-group,
	#view_storage_notes_modal .requests-details-form .form-horizontal .form-group {
		margin-bottom: 0px;
	}

	#view_storage_notes_modal .stepy-clickable label.text-uppercase.mt-20,
	#view_storage_notes_modal .requests-details-form label.text-uppercase.mt-20 {
		margin-top: 15px !important;
	}
}

@media (max-width: 480px) {
	.ap-requests-content .besideBreadcrumbs .dropdown.display-inline-block {
		display: block;
		margin-bottom: 10px;
	}

	.content-wrapper .besideBreadcrumbs .dropdown.display-inline-block {
		margin-bottom: 10px;
	}

	.content-wrapper .tableHeaderSticky.apRequestTable .datatable-scroll {
		max-height: calc(100vh - 315px);
	}

	.stepy-header li.stepy-active:after,
	.stepy-header li.stepy-active:last-child:after {
		background-color: #009688;
	}
}

.modal .nav-tabs.nav-tabs-solid {
	/*    background-color: rgba(7,111,120,0.05);*/
	background-color: rgba(0, 150, 136, 0.04);
}

.modal .nav.nav-tabs li.active a:after {
	position: absolute;
	content: "";
	bottom: -6px;
	left: 0;
	right: 0;
	height: 10px;
	width: 10px;
	background: #076f78;
	margin: auto;
	transform: rotate(45deg);
}

.collapse-row {
	/*    display: none;*/
	background: #efefef;
}

table .panel-title .icon-arrow-right5 {
	font-size: 24px;
}

.width-auto {
	min-width: auto !important;
	max-width: auto !important;
	width: auto !important;
}

.rotate-45 {
	transform: rotate(45deg);
}

#manageUsersTable>tbody>tr:hover {
	background-color: #f3f3f3;
}

.collapse-row .datatable-footer {
	display: none !important;
}

#manageUsersTable tbody tr .btn {
	padding: 4px 12px;
}

#settings_modal .customCheckBox {
	padding-left: 0;
	font-weight: 600;
}

#settings_modal .customCheckBox input,
#settings_modal .customCheckBox .customCheckSpan {
	left: auto;
	right: 0;
}

/*Button Hover Animation*/

.btn {
	position: relative;
	z-index: 1;
}

/*
.btn:before {
  content: '';
  background-color: aliceblue;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.001, 0.001);
}
.btn:hover {
  outline: 0;
  color: #fff;
}
.btn:hover:before {
  -webkit-animation: btn_anim 0.8s ease-out;
          animation: btn_anim 0.8s ease-out;
}
@-webkit-keyframes btn_anim {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@keyframes btn_anim {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}*/

/*
.btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
    background-color: #00acc1;
}
.btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s;
  z-index: -1;
}
.btn:hover {
    color: #00acc1 !important;
  color: #fff;
}
.btn:hover:before {
  width: 100%;
}*/

/*
.btn:before {
  -webkit-transition: 0.3s all ease;
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: "";
  background-color: #fff;
  z-index: -2;
}
.btn:hover:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}
.btn:focus:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}*/

.btn {
	overflow: hidden;
	transition: none;
}

.btn:before {
	/* content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /*  transform: translate(-50%,-50%);
  background: #fff;
  z-index: -1;
  /*  width: 110%;
  width: 300px;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
  /*    opacity: 0.9;
  transition: all 0.6s ease;*/
}

/*
.btn:before{
  width: 100%;
  height: 0%;
  transform: translate(-50%,-50%) rotate(45deg);
}
*/
.btn:hover:before,
.btn:focus:before {
	/*  height: 380%;*/
	height: 300px;
	transition: all 0.6s ease;
}

.button-back {
	border: 1px solid #00acc1;
	color: #00acc1;
}

.btn.bg-info-600:hover,
.btn.bg-info-600:focus {
	color: var(--primary-color2);
	box-shadow: 0 0.125rem 2rem rgba(0, 172, 193, 0.1),
		0 0.0625rem 1rem rgba(0, 172, 193, 0.2);
}

.btn.bg-danger:hover,
.btn.bg-danger:focus {
	color: var(--primary-color2);
	box-shadow: 0 0.125rem 2rem rgba(244, 67, 54, 0.2),
		0 0.0625rem 1rem rgba(244, 67, 54, 0.3);
	background-color: white
}

.btn.bg-success:hover,
.btn.bg-success:focus {
	color: rgba(76, 175, 80, 1);
	box-shadow: 0 0.125rem 2rem rgba(76, 175, 80, 0.2),
		0 0.0625rem 1rem rgba(76, 175, 80, 0.3);
}

.btn.bg-teal:hover,
.btn.bg-teal:focus {
	color: var(--primary-color2);

	box-shadow: var(--primary-color2);
}

/*Table Alter*/

#manageUsersTable_wrapper .datatable-scroll table tbody tr td tr th.width50,
#manageUsersTable_wrapper .datatable-scroll table tbody tr td tr td.width-50 {
	width: 35px !important;
}

#manageUsersTable_wrapper .datatable-scroll table tr th.action-col.min-width75 {
	width: 75px;
}

#manageUsersPanel {
	max-width: 500px;
}

.datatable-treeview thead .sorting_asc {
	pointer-events: none;
	padding-right: 12px;
}

.datatable-treeview thead .sorting_asc:after {
	display: none;
}

/*Breadcrumbs Beside Manage Area*/

@media (min-width: 993px) {
	.manage-area-content .besideBreadcrumbs {
		top: -64px;
		text-align: right;
		max-width: 450px;
	}

	.manage-area-content .besideBreadcrumbs .dropdown.display-inline-block {
		margin: 5px 0;
	}
}

@media (max-width: 992px) {
	.manage-area-content .besideBreadcrumbs {
		max-width: 450px;
		margin-left: 50px;
	}

	.manage-area-content .besideBreadcrumbs .dropdown.display-inline-block {
		margin: 5px 0;
	}

	.manage-area-content .tableHeaderSticky .datatable-scroll {
		max-height: calc(100vh - 315px) !important;
	}

	.manage-area-content .page-header-default {
		margin-bottom: 10px;
	}
}

@media (max-width: 480px) {
	.manage-area-content .besideBreadcrumbs {
		margin-left: 0px;
	}
}

/*Login Page*/

.sa-login-page {
	background: #f5f5f5;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.sa-login-page .main-content {
	display: flex;
	max-width: 600px;
	margin: auto;
	box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03),
		0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
		0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05),
		0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
	background: #fff;
	border-radius: 12px;
}

.sa-login-page .company-info {
	background-color: #57d1c5;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

.sa-login-page .company-info img {
	width: 150px;
	height: auto;
	margin: auto;
	padding: 20px 0;
}

.sa-login-page .login-form {
	padding: 60px;
	width: 100%;
}

.sa-login-page .login-form h2 {
	margin-top: 0;
	color: var(--dark-green);
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 22px;
}

.sa-login-page .login-form form .form-group {
	margin-bottom: 20px;
}

.sa-login-page .login-form form .form-inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sa-login-page .login-form form .btn {
	min-width: 120px;
}

.sa-login-page .login-form form i {
	/*color: var(--default-green);*/
	color: var(--primary-color2);
}

.sa-login-page .login-user-type {
	font-weight: 700;
	margin: 0 0 20px;
	font-size: 28px;
	/*color: var(--default-green); */
	color: var(--primary-color2);
}

.company-name {
	/* color: var(--default-green) !important; */
	color: var(--primary-color2) !important;
}

.sa-login-page form {
	max-width: 360px;
}

.sa-login-page form .input-group-addon {
	border-color: #ececec;
	background-color: transparent;
}

.sa-login-page form .form-control {
	border-color: #ececec;
	border-left: 0;
}

.bg-teal {
	/*background-color: var(--default-green);
    border-color: var(--default-green);*/
	background-color: var(--primary-color2);
	border-color: var(--primary-color2);
	color: #fff;
}

@media (max-width: 768px) {
	.sa-login-page .main-content {
		flex-wrap: wrap;
	}

	.sa-login-page .main-content .col-sm-12 {
		width: 100%;
	}

	.sa-login-page .company-info {
		border-top-right-radius: 12px;
		border-bottom-left-radius: 0;
	}
}

/*PO Requests*/

.ap-requests-content.po .besideBreadcrumbs .dropdown.display-inline-block {
	vertical-align: middle;
}

/*
body .modal-backdrop.in:nth-of-type(odd) {
    z-index: 1040;
}
*/

/*
body .modal-backdrop.in:nth-of-type(even) {
    z-index: 1051;
}
*/

.modal-overlap {
	z-index: 1051;
}

body.modal-open .modal-over-other {
	z-index: 1052;
}

@media (max-width: 1200px) {
	.ap-requests-content.po .besideBreadcrumbs .dropdown.display-inline-block {
		margin: 5px 0;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.ap-requests-content.po .besideBreadcrumbs {
		text-align: right;
		max-width: 650px;
		left: 300px;
		/*        top: -77px;*/
		top: -90px;
	}

	.ap-requests-content.po .content {
		margin-top: 120px;
	}

	#water_chart {
		height: 500px !important;
	}
}

@media (min-width: 1100px) {
	.modal-left-col .btn {
		min-width: 120px;
	}
}

@media (max-width: 1100px) {
	.modal-left-col .btn {
		min-width: 100px;
	}
}

/*PO Applicants*/

.renew-alert .sa-icon.sa-warning {
	border-color: #ff5722;
}

.renew-alert .sa-icon {
	width: 50px;
	height: 50px;
	border: 4px solid #ddd;
	border-radius: 50%;
	margin: 10px auto 20px auto;
	padding: 0;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.renew-alert .sa-icon.sa-warning .sa-body {
	position: absolute;
	width: 5px;
	height: 19px;
	left: 50%;
	top: 10px;
	border-radius: 2px;
	margin-left: -2px;
	background-color: #ff5722;
}

.renew-alert .sa-icon.sa-warning .sa-dot {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-left: -3px;
	left: 50%;
	bottom: 10px;
	background-color: #ff5722;
}

.renew-alert h2 {
	margin-top: 10px;
	font-size: 18px;
	display: block;
	text-align: center;
	margin: auto;
	position: relative;
	font-weight: 600;
	max-width: 285px;
}

.info-inline {
	position: relative;
}

@media (min-width: 1024px) {
	.info-inline>span.help-block {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -65px;
		min-width: 50px;
		margin: 0;
	}
}

.form-horizontal .form-group .panel.panel-white .form-group {
	margin-top: 0;
}

.form-horizontal .form-group .panel.panel-white {
	margin-bottom: 0;
	max-height: 250px;
	overflow: auto;
}

.modal .form-group .panel.panel-white {
	margin-bottom: 0;
	max-height: 250px;
	overflow: auto;
}

.irs-bar {
	background-color: #009688;
}

.add-po-ap .form-control,
.add-po-ap .select2-selection--single {
	height: 32px;
	padding: 4px 12px;
}

.add-po-ap .select2-selection--single .select2-selection__rendered {
	/*    padding-left: 0;*/
}

@media (min-width: 768px) {
	.add-po-ap .form-horizontal .form-group {
		margin-top: 6px;
	}
}

/*Login V2*/

.loginBG {
	background: #f6fbfd;
}

body.loginBG {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	line-height: 1.5384616;
	color: #333;
	background-color: #f5f5f5;
}

body.loginBG {
	margin: 0;
}

.loginControl {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	padding: 10px 20px;
	text-align: center;
}

/*
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
*/
.loginBG img {
	vertical-align: middle;
}

.loginControl h1 {
	color: #22606c;
	font-size: 30px;
	font-weight: 600;
	margin: 10px 0;
	letter-spacing: 0;
}

.loginControl h5 {
	color: #668ea7;
	margin: 0 0 20px;
	letter-spacing: 0.4px;
	font-size: 15px;
	font-weight: 600;
}

.loginControl section {
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}

.loginControl form {
	background-color: #fff;
	box-shadow: rgba(114, 182, 234, 0.2) 1px 0 30px;
	border-radius: 8px;
	padding: 30px 25px 25px;
}

.loginBG .form-group {
	margin-bottom: 20px;
	position: relative;
}

.loginBG .form-group label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

.loginControl .form-group label {
	color: #22606c;
	position: absolute;
	top: -11px;
	background-color: #fff;
	padding: 0 4px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin: 0;
	left: 10px;
}

.loginControl input.form-control {
	font-size: 16px;
	color: rgba(32, 78, 87, 0.9);
	box-shadow: none;
	border-radius: 7px;
	border: 1px solid rgba(0, 150, 136, 0.3);
	padding: 15px;
	height: auto;
}

.loginBG .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.loginBG .form-control {
	height: 36px;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 1.5384616;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.loginControl .form-control {
	display: block;
	width: 100%;
}

.loginControl .loginFooterbuttons {
	padding: 20px;
	font-size: 14px;
	letter-spacing: 0.3px;
}

.loginControl .loginFooterbuttons a {
	color: #0d99df;
	text-decoration: underline;
}

.loginBG a,
.loginBG button,
.loginBG input,
.loginBG textarea {
	outline: 0;
	cursor: pointer;
}

.loginBG .loginControl img {
	height: 120px;
	width: auto;
}

.loginBG .customCheckBox {
	font-weight: 600;
	color: #22606c;
}

/*

.loginControl .btn.bg-teal:focus,
.loginControl .btn.bg-teal:hover{
    box-shadow: none;
}*/

/*PO Manage Area*/

#manageUsersPanelPO {
	max-width: 700px;
}

@media (min-width: 993px) {
	.po-manage-location .besideBreadcrumbs {
		left: 433px;
	}

	.po-manage-location .besideBreadcrumbs .pull-right {
		float: none !important;
	}
}

#add_location_modal .form-group .panel.panel-white,
.add_location_modal .form-group .panel.panel-white {
	max-height: calc(100vh - 500px);
	overflow: auto;
}

/*PO Reports*/

.po-reports .nav-tabs.nav-tabs-solid {
	background: #fff;
	box-shadow: 0 0 12px 4px rgba(4, 9, 20, 0.03);
	border: 1px solid #eaeaea;
}

.nav-tabs.nav-tabs-solid>li>a.btn.export-btn {
	color: #fff;
	border-color: #00acc1;
	/*    border-radius: 8px;*/
}

.nav-tabs.nav-tabs-solid>li>a.btn.export-btn:hover,
.nav-tabs.nav-tabs-solid>li>a.btn.export-btn:focus {
	color: #00acc1;
	border-color: #00acc1;
}

/*PO Manage Users*/

.po-manage-profile .stepy-clickable {
	overflow: hidden;
}

/*PO Notifications*/

.activitypanel .list-feed>li .feed-time {
	position: absolute;
	left: 0;
	top: 1px;
}

.activitypanel .list-feed>li .feed-time i {
	position: absolute;
	left: 77px;
	z-index: 5;
	color: #009688;
	top: 10px;
}

.activitypanel .list-feed>li {
	padding-left: 120px;
	padding-bottom: 10px;
}

.activitypanel .list-feed>li:before {
	left: 67px;
	width: 34px;
	height: 34px;
	background-color: #fff;
	/*    border: none !important;*/
	border-color: #009688;
	z-index: 3;
	top: 0px;
}

.activitypanel .list-feed>li:after {
	border-color: #eaeaea !important;
	left: 83px;
	/*
    top: 0;
    bottom: -3px;
*/
	top: 38px;
	bottom: 4px;
}

.activitypanel li.dayHeading {
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
	line-height: 10px;
}

.activitypanel li.dayHeading span {
	width: 130px;
	margin: 0;
	background: #ffffff;
	position: relative;
	border-radius: 2px;
	font-size: 12px;
	display: inline-block;
	padding: 0;
	height: auto;
	text-align: center;
	top: 5px;
	font-weight: 600;
}

.activitypanel li.dayHeading:before,
.activitypanel li.dayHeading:after {
	display: none;
}

.activitypanel li.dayHeading:after {
	left: 0;
	top: 25px;
	bottom: -20px;
	right: 0;
	margin: auto;
}

.detailsPage .actionInfo .tableRightButtonsAlign .btn,
.detailsPage .actionInfo .btn.bg-info-600 {
	padding: 2px 9px 4px 9px;
}

.detailsPage .tableRightButtonsAlign i,
.customPanel .tableRightButtonsAlign i {
	font-size: 12px;
}

#navbar-details-header>ul>li>a i.position-left {
	margin-right: 2px;
}

.activitypanel {
	max-height: calc(100vh - 200px);
	/*    overflow-y: auto !important;*/
}

.activitypanel.overflow-auto {
	max-height: calc(100vh - 150px);
}

@media (max-width: 768px) {
	.activitypanel .list-feed>li {
		padding-left: 100px;
	}

	.activitypanel .list-feed>li:before {
		left: 47px;
		width: 34px;
		height: 34px;
	}

	.activitypanel .list-feed>li:after {
		left: 63px;
	}

	.activitypanel .list-feed>li .feed-time i {
		left: 58px;
	}

	.activitypanel li.dayHeading {
		padding-left: 0 !important;
	}
}

#poNotification {
	max-width: 768px;
}

.activitypanel .notified-location {
	color: #333;
	font-weight: 600;
}

.activitypanel .text-muted.text-size-small {
	/*    color: #1E88E5;*/
	color: #00bcd4;
	/*    color: #009688;*/
	font-weight: 600;
}

.activitypanel .list-feed .display-block {
	color: #888;
}

.form-group .col-sm-6.pt-10 {
	padding-top: 8px !important;
}

/*
.notification-bell a{
    padding: 11px 13px !important;
    background: rgb(165 12 32 / 5%);
    border-radius: 50%;
}
*/

/*Registration*/

.navbar-nav>li>a.header-login-btn {
	padding: 7px 18px;
	color: #fff;
}

.navbar-nav>li>a.header-login-btn:hover,
.navbar-nav>li>a.header-login-btn:focus {
	color: var(--dark-green);
	border-color: var(--dark-green);
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.registration-content .stepy-navigator {
	width: calc(100% - 40px);
	left: 0;
}

.registration-content .stepy-clickable fieldset {
	overflow-x: hidden !important;
}

.registration-content .stepy-clickable label.text-uppercase {
	margin-left: 16px;
}

.registration-content .modal-left-col {
	border: 1px solid rgba(26, 54, 126, 0.125);
	padding: 10px 16px;
	border-radius: 3px;
	background: #fff;
}

.registration-content .modal-left-col label {
	color: #777;
	margin-bottom: 8px;
}

.registration-content .modal-left-col .form-group div {
	color: #333;
}

.registration-content .modal-left-col .form-group i {
	margin-right: 8px;
	color: #009688;
}

.registration-content .terms-and-conditions {
	padding: 15px;
}

.registration-content .terms-content {
	position: relative;
}

.registration-content .terms-list {
	padding: 25px 0;
	margin-top: 20px;
}

.registration-content .terms-list .terms-list-item:first-child {
	margin-top: 15px;
}

.registration-content .terms-content:before,
.registration-content .terms-content:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(to bottom,
			rgba(255, 255, 255),
			rgba(255, 255, 255, 0.6),
			transparent);
}

.registration-content .terms-content:after {
	top: auto;
	bottom: 0;
	background: linear-gradient(to top,
			rgba(255, 255, 255),
			rgba(255, 255, 255, 0.6),
			transparent);
}

.registration-content .terms-content p {
	color: #777;
}

.registration-content .terms-content .terms-heading {
	/*    font-size: 16px;*/
	font-weight: 600;
	color: #444;
}

/*
.navbar .navbar-header .navbar-brand > img {
    height: 40px;
    margin-top: 0;
    padding: 0;
}
*/

@media (min-width: 769px) {
	.navbar .navbar-header .navbar-brand.contentus>img {
		height: 40px;
	}
}

@media (min-width: 1025px) {
	.registration-content .stepy-clickable {
		max-height: calc(100vh - 310px);
		overflow-y: auto;
	}

	.registration-content .terms-list {
		max-height: calc(100vh - 550px);
		overflow: auto;
	}
}

.modal .form-group .select2-selection--single {
	height: 30px;
	padding: 3px 0;
}

@media (max-width: 1024px) {
	.registration-content .modal-left-col {
		padding: 16px;
		margin-bottom: 15px;
	}

	.registration-content .panel {
		padding: 10px 0;
	}

	.registration-content .terms-list {
		margin-top: 0px;
		padding: 10px 0;
	}

	.registration-content .terms-content:before,
	.registration-content .terms-content:after {
		display: none;
	}
}

/*Altering Notifications*/

/*Responsiveness*/
@media (min-width: 769px) {
	.notification-bell a {
		padding: 11px 13px !important;
		background: rgba(165, 12, 32, 0.05);
		border-radius: 50%;
	}

	.notification-bell a:hover {
		background: rgba(165, 12, 32, 0.1) !important;
	}

	.btn-text {
		display: none;
	}
}

@media (max-width: 768px) {
	.notification-bell {
		margin-right: 0 !important;
	}

	.notification-bell a i {
		position: relative;
	}

	.notification-bell a i:before {
		position: relative;
		left: 8px;
	}

	.notification-bell a i:after {
		background: rgba(165, 12, 32, 0.05);
		border-radius: 50%;
		position: absolute;
		content: "";
		width: 30px;
		height: 30px;
		left: 0;
		top: -6px;
		animation-name: none;
	}

	.notification-bell a .btn-text {
		margin-left: 22px;
	}

	.navbar-default .navbar-nav>.dropdown.language-switch>a>img {
		display: inline-block;
		margin-right: 8px !important;
	}

	.notification-bell .badge-pulse {
		top: 10px;
		left: 44px;
	}

	.dropdown-menu>.dropdown-header>img,
	.dropdown-menu>li>a>img {
		margin-right: 20px;
		margin-left: 6px;
	}

	.sidebar-xs-indicator .sidebar-fixed .sidebar-content {
		padding-bottom: 0;
		border-bottom: 1px solid #ececec;
	}

	.navbar-inverse .navbar-header>.navbar-nav>li>a:focus,
	.navbar-inverse .navbar-header>.navbar-nav>li>a:hover {
		color: #fff;
		/*background-color: #009688;*/
		background-color: rgba(0, 0, 0, 0.1);
	}

	.modal.in .modal-dialog {
		margin: 20px 20px 15px;
	}

	.modal-header .close {
		min-width: 30px;
		height: 30px;
		top: -44px;
		right: -9px;
	}

	.form-horizontal .form-group {
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.page-title-icon {
		margin: 0 15px 0 0;
		width: 45px;
		height: 45px;
	}

	.content-wrapper .breadcrumb-line .breadcrumb {
		padding-top: 4px;
	}

	.breadcrumb-page-title {
		font-size: 1.35rem;
	}

	.breadcrumb>li {
		font-size: 12px;
	}

	.navbar-nav.nav-dropdown .ml-15 {
		margin-left: 0 !important;
	}

	.navbar-nav.nav-dropdown a.ml-15 {
		margin: 10px 20px !important;
	}
}

@media (max-width: 480px) {
	.navbar-header.registration .navbar-brand>img {
		height: 36px;
	}

	.navbar-header.registration .navbar-brand {
		display: flex;
		align-items: center;
	}
}

.dropdown.language-switch.login-page {
	position: fixed;
	top: 50px;
	right: 50px;
}

.dropdown.language-switch.login-page>a {
	position: relative;
	display: block;
	background: rgba(68, 64, 84, 0.1);
	padding: 6px;
	border-radius: 50%;
	min-width: 42px;
}

.dropdown.language-switch.login-page>a:hover {
	background: rgba(68, 64, 84, 0.2);
}

.dropdown.language-switch.login-page>a>img {
	width: auto;
	height: 30px;
	border-radius: 50%;
}

.dropdown.language-switch.login-page a>img {
	top: 0;
}

@media (max-width: 768px) {
	.dropdown.language-switch.login-page {
		position: fixed;
		top: 10px;
		right: 10px;
	}

	.sa-login-page {
		align-items: center;
		padding-bottom: 25px;
	}

	.sa-login-page .login-form {
		padding: 30px;
	}
}

.modal-body .text-right .dataTables_filter {
	position: relative;
	display: inline-block;
	float: none;
	margin: 0;
	transform: translateY(-3px);
}

@media (max-width: 768px) {
	.modal-body .text-right .dataTables_filter {
		margin-bottom: 10px;
	}
}

/*Changes 06-12-2021*/

.media .edit-img a {
	min-width: 100px;
	min-height: 100px;
	position: relative;
	display: inline-block;
}

.media .edit-img a img {
	position: absolute;
	left: 0;
	top: 6px;
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

.media .delete-img a {
	min-width: 40px;
	min-height: 40px;
	position: relative;
	display: inline-block;
}

.media .delete-img a img {
	position: absolute;
	left: 0;
	top: 1px;
	width: 90% !important;
	height: auto !important;
	object-fit: contain;
}

.city-select-input {
	min-height: 36px;
	/*padding: 5px !important;*/
}

.resize-none {
	resize: none;
}

textarea {
	resize: none;
}

.ml-16 {
	margin-left: 16px !important;
}

.label-ml .text-uppercase {
	margin-left: 16px !important;
	font-weight: 700;
}

.po-property-modal .modal-dialog {
	max-width: 920px;
	margin: 30px auto;
}

.manage-property-list ul {
	padding: 0 16px;
	max-height: 1050px;
	overflow: auto;
}

.manage-property-list ul li {
	border-bottom: 1px solid #ccc;
	padding: 0 0 8px;
	margin-bottom: 12px;
}

.manage-property-list .location {
	font-weight: 700;
	color: #444;
	font-size: 14px;
}

.manage-property-list>h5 {
	font-size: 22px;
	font-weight: 700;
}

.manage-property-list .date {
	color: #7e8989;
	font-weight: 400;
}

@media (min-width: 992px) {

	.sidebar-main .navigation .blue.active>a,
	.sidebar-main .navigation .blue.active>a:hover,
	.sidebar-main .navigation .blue>a:hover,
	.sidebar-main .navigation .blue.active>a:focus,
	.sidebar-xs .sidebar-main .navigation .blue a span {
		/*        background-color: #AB1320;*/
		/*        border-color: #AB1320;*/
		/* background-color: var(--purple); */
		/* background-image: linear-gradient(to right, #F2F1FF,
    #F2F1FF 1%,
    #F2F1FF 1%,
    #fff 20%,
    #fff 30%); */
	}

	.sidebar-xs .sidebar-main .navigation .blue a span {
		background-color: var(--primary-color2) !important;
		border-color: var(--primary-color2);
		color: var(--white) !important;
	}

	.sidebar-xs .navbar-inverse.v7 .navbar-header,
	.sidebar-xs .sidebar-main,
	.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
		width: 64px;
	}

	.sidebar-xs .sidebar-main .navigation>li>a>i {
		position: relative;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>a>i:after,
	.sidebar-xs .sidebar-main .navigation>li:active>a>i:after {
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		right: -10px;
		margin: auto;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid var(--default-green);
	}

	.sidebar-xs .sidebar-main.sidebar .navigation .blue a:hover span {
		display: block;
	}

	.sidebar-xs .sidebar-main .navigation>li>a>span {
		right: -270px;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover:not(.active)>a {
		/*color: var(--default-green);*/
		color: var(--primary-color2);
	}

	.navigation>li>ul {
		margin: 5px 10px;
		border-radius: 8px;
	}

	.sidebar .navigation>li>ul li a:hover,
	.sidebar .navigation>li>ul li a:focus,
	.sidebar .navigation>li>ul li.active a {
		background: var(--default-green);
		color: #fff;
		border-radius: 8px;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>ul {
		margin: 0;
		top: 0;
		background: var(--default-green);
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>ul a {
		color: #fff;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>a.has-ul>span {
		display: none !important;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>a.has-ul+ul li a span {
		display: inline-block;
	}

	body.sidebar-xs .sidebar .navigation>li>a.has-ul:before {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 0;
		right: 0;
		height: 1px;
		background: rgba(0, 150, 136, 0.15);
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>a.has-ul+ul li a span {
		background: transparent !important;
		transition: all 200ms linear;
	}

	.sidebar-xs .sidebar-main .navigation>li:hover>a.has-ul+ul li:hover a,
	.sidebar-xs .sidebar-main .navigation>li:hover>a.has-ul+ul li:hover a span {
		background: #059d93 !important;
		transition: all 200ms linear;
		border-radius: 0;
	}
}

.navigation>li>ul {
	background: rgba(0, 100, 106, 0.15);
}

.sidebar .navigation>li>ul li a {
	color: var(--default-green);
	padding: 12px 20px;
}

.sidebar .navigation>li>ul li {
	padding-top: 0;
	padding-bottom: 0;
}

.sidebar .navigation>li>ul li a:hover,
.sidebar .navigation>li>ul li a:focus,
.sidebar .navigation>li>ul li.active a {
	background: var(--default-green) !important;
	color: #fff !important;
}

p.regstorage,
p.reg,
p.regcorp,
p.regpark {
	position: absolute;
	left: 28px;
	top: 30px;
}

.media-left.edit-img {
	position: relative;
}

.media-left.edit-img .delete-img {
	position: absolute;
	top: -5px;
	right: -20px;
}

p.regstorage,
p.reg,
p.regcorp,
p.regpark {
	position: absolute;
	left: 28px;
	top: 30px;
}

.modal .dataTables_filter {
	margin: 10px 0 10px 14px;
}

.bt-1 {
	border-top: 1px solid #ddd;
}

.datatable-basic tbody tr td.text-right,
#datatable-appartment tbody tr td.text-right,
#datatable-po tbody tr td.text-right,
#datatable-Parking tbody tr td.text-right,
#datatable-storage tbody tr td.text-right,
#datatable-APApartment tbody tr td.text-right,
#datatable-PopularReport tbody tr td.text-right {
	padding-right: 30px;
}

@media (min-width: 769px) {
	.populargridpanal {
		width: 65%;
	}
}

form#editApRequest div.col-sm-7,
form#editApapartmentRequest div.col-sm-7,
form#editApcorporateRequest div.col-sm-7,
form#editpropertyform div.col-sm-7,
form#modal_apartmentform div.col-sm-7,
form#modal_parkingform div.col-sm-7,
form#modal_storageform div.col-sm-7,
form#modal_businessform div.col-sm-7 {
	padding-right: 70px;
}

.highlight+span .select2-selection.select2-selection--single {
	border-color: red;
}

.custom-error-msg {
	padding: 16px 16px 6px !important;
	border: 1px solid red;
	border-radius: 3px;
}

table tbody tr td .customCheckBox {
	padding-left: 28px;
	display: block;
	width: 100%;
}

table tbody tr td .customCheckBox .customCheckSpan {
	margin-left: 0;
}

#filterAccordions {
	max-height: 81vh;
	overflow-y: auto;
}

/*.city-select-input:empty {
    border-color: red;
}*/
/*this code for display sorting symbol for message*/
#datatable-message thead .sorting_asc {
	pointer-events: visible;
	padding-right: 40px !important;
}

#datatable-message thead .sorting_asc:after {
	display: block;
}

#datatable-comessage thead .sorting_asc {
	pointer-events: visible;
	padding-right: 40px !important;
}

#datatable-comessage thead .sorting_asc:after {
	display: block;
}

#datatable-pamessage thead .sorting_asc {
	pointer-events: visible;
	padding-right: 40px !important;
}

#datatable-pamessage thead .sorting_asc:after {
	display: block;
}

#datatable-stmessage thead .sorting_asc {
	pointer-events: visible;
	padding-right: 40px !important;
}

#datatable-stmessage thead .sorting_asc:after {
	display: block;
}

.w-175 {
	width: 175px;
}

.downloadall {
	text-decoration: underline;
	font-weight: 700;
	font-size: 15px;
}

/* Changes 09-05-22 */

.d-flex {
	display: flex;
}

.w-100p {
	width: 100%;
}

.sq-input-width {
	width: 100px;
	text-align: right;
}

.tomselected+.btn-group {
	display: none;
}

.ts-wrapper.has-items .ts-control {
	/* padding: 6px 8px; */
}

.ts-control .item {
	margin-bottom: 0 !important;
}

.btn-group.w-100p .btn-block {
	text-align: left;
}

.btn-group.w-100p .btn-block .caret {
	float: right;
	margin-top: 2px;
}

.btn-group.w-100p .btn-block:before {
	display: none;
}

.btn-group.w-100p ul li {
	list-style-type: none;
}

.panel-group-control div.checkbox {
	min-width: 240px;
	width: 50%;
	max-width: 340px;
}

.panel-group-control-right .panel-heading {
	padding: 8px;
}

.panel-group-control-right .panel-heading .panel-title {
	font-size: 13px;
}

.panel-group-control-right .panel-body {
	padding: 0 10px;
}

.panel-group-control.panel-group-control-right .panel-title>a:before {
	content: "\e9df";
}

.panel-group-control.panel-group-control-right .panel-title>a[aria-expanded="false"]:before {
	content: "\e9dc";
}

.panel-group-control.panel-group-control-right .panel-title>a::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

/*Print CSS*/

@media (max-width: 1400px) {
	.editpro .panel .panel-body .row .col-md-3 {
		width: 50%;
	}

	.panel-group-control.panel-group-control-right.content-group-lg .d-flex .ml-20 {
		margin-left: 0 !important;
	}

}

@media print {

	.details-print tr,
	.details-print td {
		padding: 0 !important;
	}
}

@media (max-width: 768px) {
	.editpro .panel .panel-body .row .col-md-3 {
		width: auto;
	}

	.panel-group-control.panel-group-control-right.content-group-lg .d-flex {
		/*flex-wrap: wrap;*/
		flex-direction: column;
	}

	.panel-group-control.panel-group-control-right.content-group-lg .d-flex .ml-20 {
		margin-left: 28px !important;
	}

	.panel-group-control div.checkbox {
		min-width: 100%;
		width: 100%;
	}

	.panel-group-control div.checkbox label {
		width: 100%;
	}

	.panel-group-control.panel-group-control-right.content-group-lg .d-flex.other-item-checkbox .checkbox {
		margin-bottom: 10px !important;
		/*max-width: 266px;*/
	}
}

label#CrownMolding_Otherval-error {
	margin-left: -28px;
}

label#Wallpaper_Otherval-error {
	margin-left: -28px;
}

label#Wallpaper_Otherval-error {
	margin-left: -28px;
}

label#WallMirror_Otherval-error {
	margin-left: -28px;
}

label#FloorType_Otherval-error {
	margin-left: -28px;
}

label#Formica_Otherval-error {
	margin-left: -28px;
}

label#Countertops_Otherval-error {
	margin-left: -28px;
}

label#Appliances_Otherval-error {
	margin-left: -28px;
}

label#Patio_Otherval-error {
	margin-left: -28px;
}

label#Driveway_Otherval-error {
	margin-left: -28px;
}

label#Fencing_Otherval-error {
	margin-left: -28px;
}

label#Retaining_Otherval-error {
	margin-left: -28px;
}

label#Appliances_Otherval-error {
	margin-left: -28px;
}

label#Gates_Otherval-error {
	margin-left: -28px;
}

label#LaundryRoom_Otherval-error {
	margin-left: -28px;
}

label#Bathrooms_Otherval-error {
	margin-left: -28px;
}

label#Livingroom_Otherval-error {
	margin-left: -28px;
}

label#Familyroom_Otherval-error {
	margin-left: -28px;
}

label#Diningroom_Otherval-error {
	margin-left: -28px;
}

label#Otherroom_Otherval-error {
	margin-left: -28px;
}

label#Walltreatment_Otherval-error {
	margin-left: -28px;
}

label#Breakfast_Otherval-error {
	margin-left: -28px;
}

label#Bedrooms_Otherval-error {
	margin-left: -28px;
}

.content-group-lg .input-group {
	display: flex;
	flex-wrap: wrap;
	max-width: 240px;
}

.content-group-lg .input-group input {
	flex: 1;
	order: 1;
}

.content-group-lg .input-group li {
	order: 3;
	width: 100%;
}

.content-group-lg .input-group .input-group-addon {
	order: 2;
	width: auto;
	line-height: normal;
}

label#CustomerID-error {
	color: var(--primary-color2);
	font-weight: 600;
}

#customer_details_modal_print .form-horizontal .control-label[class*="col-sm-"] {
	padding-top: 0px;
}

#customer_details_modal_print .form-horizontal .form-control {
	margin-bottom: 10px;
}

#customer_details_modal_print .stepy-clickable label.text-uppercase,
#customer_details_modal_print .requests-details-form label.text-uppercase {
	margin-left: 0;
}

#customer_details_modal_print .form-horizontal [class*="col-sm-"] {
	padding-top: 8px !important;
	padding-bottom: 8px;
}

#customer_details_modal_print .form-horizontal .control-label[class*="col-sm-"] {
	background: #f5f5f5;
}

#customer_details_modal_print .form-horizontal {
	overflow-x: hidden;
}

#customer_details_modal_print .stepy-clickable {
	padding: 0 16px;
}

#customer_details_modal_print .control-label input {
	background-color: transparent;
}

@media print {
	.stepy-clickable .text-uppercase {
		margin-left: 15px;
	}

	.btn-group-vertical>.btn-group::after,
	.btn-toolbar::after,
	.clearfix::after,
	.container-fluid::after,
	.container::after,
	.dl-horizontal dd::after,
	.form-horizontal .form-group::after,
	.modal-footer::after,
	.modal-header::after,
	.nav::after,
	.navbar-collapse::after,
	.navbar-header::after,
	.navbar::after,
	.pager::after,
	.panel-body::after,
	.row::after {
		clear: both;
	}

	.btn-group-vertical>.btn-group::after,
	.btn-group-vertical>.btn-group::before,
	.btn-toolbar::after,
	.btn-toolbar::before,
	.clearfix::after,
	.clearfix::before,
	.container-fluid::after,
	.container-fluid::before,
	.container::after,
	.container::before,
	.dl-horizontal dd::after,
	.dl-horizontal dd::before,
	.form-horizontal .form-group::after,
	.form-horizontal .form-group::before,
	.modal-footer::after,
	.modal-footer::before,
	.modal-header::after,
	.modal-header::before,
	.nav::after,
	.nav::before,
	.navbar-collapse::after,
	.navbar-collapse::before,
	.navbar-header::after,
	.navbar-header::before,
	.navbar::after,
	.navbar::before,
	.pager::after,
	.pager::before,
	.panel-body::after,
	.panel-body::before,
	.row::after,
	.row::before {
		content: " ";
		display: table;
	}

	.form-group {
		position: relative;
	}

	.form-horizontal .form-group {
		margin-left: -10px;
		margin-right: -10px;
	}

	.stepy-clickable .form-horizontal .form-group,
	.requests-details-form .form-horizontal .form-group {
		margin-bottom: 0;
		margin-top: 10px;
	}

	.form-horizontal .control-label[class*="col-sm-"] {
		padding-top: 8px;
	}

	.form-horizontal .control-label:not(.text-right) {
		text-align: left;
	}

	form .row [class*="col-"] {
		padding: 0 25px;
		padding-top: 0px;
	}

	form .form-group label {
		/*color: #3e4853;*/
		color: var(--primary-color2);

		font-weight: 600;
	}

	.col-sm-6 {
		width: 50% !important;
		float: left;
		position: relative;
		min-height: 1px;
	}

	label {
		display: inline-block;
		max-width: 100%;
	}

	label {
		margin-bottom: 2px;
		font-weight: 700;
	}
}

/*Changes 02-11-22*/

.navbar-default .navbar-brand {
	display: flex;
	align-items: center;
}

@media (min-width: 767px) {
	.content-wrapper.plugin .breadcrumb-line {
		min-height: 80px;
	}
}

@media (min-width: 991px) {
	.content-wrapper.plugin .content {
		margin-top: 140px;
	}
}

@media (max-width: 992px) {
	.content-wrapper.plugin .content {
		margin-top: 45px;
	}
}

.page-title-heading {
	/*align-items: flex-start;*/
}

.pull-right.revert {
	float: none !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.content-wrapper .besideBreadcrumbs.below {
	position: relative;
	/*left: 80px;*/
	left: 0;
	right: 0;
	top: -30px;
	/*padding-bottom: 0 !important;*/
	margin-bottom: -15px;
}

.countyfilter,
.yearfilter {
	/*max-width: 220px;*/
	max-width: 300px;
	z-index: 11;
	display: flex;
	align-items: center;
	position: relative;
}

.countyfilter .select2.select2-container,
.yearfilter .select2.select2-container {
	margin-right: 20px;
}

.countyfilter label,
.yearfilter label {
	display: inline-block;
	margin-right: 10px;
}

.countyfilter .select2.select2-container {
	/*width: 200px !important;*/
	width: 220px !important;
}

.yearfilter .select2.select2-container {
	/*width: 120px !important;*/
	width: 220px !important;
}

.dataTable tbody tr:last-child td {
	padding-bottom: 20px;
}

@media (min-width: 991px) {
	.countyfilter #errorcounty {
		position: absolute;
		bottom: -22px;
		left: 65px;
	}

	.yearfilter #erroryear {
		position: absolute;
		bottom: -22px;
		left: 48px;
	}
}

@media (max-width: 992px) {

	.countyfilter,
	.yearfilter {
		margin-bottom: 10px;
	}

	.chart_with_filter .chartFilters {
		flex-direction: column;
	}

	.chart_with_filter .chartFilters>div {
		padding-left: 20px;
	}

	.waterfall_chart .chart_title {
		top: 22px;
	}

	#water_chart {
		/* padding-top: 40px !important; */
	}

	.tenure_box {
		margin-right: 0
	}
}

@media (max-width: 820px) {
	.navbar-collapse.collapse .nav>li>a {
		padding: 9px 5px;
	}

	.tenure_box {
		padding: 6px 6px;
	}

	.tenure_box strong {
		font-size: 14px;
	}
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	background-color: transparent !important;
	color: #1a1a1a;
}

.master_id {
	text-align: left !important;
}

.showquotes-panel .form-horizontal .form-group {
	margin-bottom: 0;
	margin-top: 6px;
}

.showquotes-panel .form-horizontal .control-label[class*="col-sm-"] {
	padding-top: 6px;
	padding-bottom: 6px;
}

.showquotes-panel .form-horizontal .form-control-static {
	padding-top: 6px;
	padding-bottom: 6px;
	min-height: auto;
}

.navbar-default .navbar-brand {
	font-weight: 700;
}

.navbar-nav.navbar-right .btn-icon {
	font-weight: 700;
}

.navbar-nav.navbar-right .btn-icon:hover span {
	/* color: #9ad4a1; */
	color: white;
}

.navbar-nav.navbar-right .dropdown-toggle span {
	font-weight: 700 !important;
	font-size: 15px;
}

.showquotes-panel .form-horizontal .control-label[class*="col-sm-"] {
	/* padding: 5px 10px; */
	background-color: rgba(0, 0, 0, 0.03);
}

@media (min-width: 1200px) {
	.showquotes-panel {
		padding: 20px 30px !important;
	}

	.showquotes-panel .form-horizontal .control-label[class*="col-sm-"] {
		width: 35%;
	}

	.showquotes-panel .form-horizontal .control-label[class*="col-sm-"]+.col-sm-6 {
		width: 65%;
	}
}

.edit-user-panel .form-horizontal .control-label[class*="col-sm-"] {
	background-color: rgba(0, 0, 0, 0.03);
	padding: 8px 16px;
}

.customer-wrapper .customer-table>thead>tr>th {
	font-size: 16px;
}

/* .customer-table th.text-left.sorting_desc{
    width: 14%;
} */

.customer-table>tbody>tr>td {
	font-size: 13px;
}

.quotes-wrapper .quotes-table>thead>tr>th {
	font-size: 16px;
}

.quotes-table>tbody>tr>td {
	font-size: 13px;
}

.manage-user .icons-list>li>a>i {
	margin-left: 8px;
}

@media (max-width: 768px) {
	.downdown_background {
		background-color: white !important;
	}

	.downdown_background li a {
		background-color: white !important;
		color: #000 !important;
	}

	.dashboard_main {
		padding-top: 0;
	}
}

.cctitle {
	background: var(--primary-color2) !important;
	padding: 10px;
	color: white;
	font-size: 18px;
	font-weight: 700;
}

.price {
	font-weight: 600;
}

.amount {
	font-weight: 600;
}

.choosepayment {
	font-size: 18px;
	font-weight: 600;
}

.cccard_bg {
	width: 33.33333333%;
	border: 1px solid #1a1a1a;
	border-radius: 14px;
}

.bg-info-600 {
	background-color: var(--primary-color2) !important;
	border-color: var(--primary-color2) !important;
	color: #fff;
	box-shadow: none !important;
}

.break-word {
	word-break: break-word;
}

/* ------- */
.dashboardSmallBox .panel-body {
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
		rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
	/* box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); */
	border-radius: 30px;
	/* background-color: var(--white) !important; */
	border: none;
	margin-bottom: 0;
}

.dashboardSmallBox .panel-body .media {
	height: 100%;
}

.dashboardSmallBox .panel-body #cards {
	height: 100%;
}

.dashboardSmallBox .panel-body #cards .card-num {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: var(--text-muted) !important;
	padding: 10px;
}

.dashboardSmallBox .panel-body #cards .card-num>div:first-child {
	/* color: var(--white);
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center; */
	margin-bottom: 20px;
	justify-content: center;
	/* width: 100%; */
}

.dashboardSmallBox .panel-body #cards .card-num .fund_size .card_font {
	color: var(--black);
}

.dashboardSmallBox .panel-body #neworders h4,
.dashboardSmallBox .panel-body #totalcompany h4,
.dashboardSmallBox .panel-body #products h4 {
	/*font-size: 24px;*/
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
}

.dashboardSmallBox .card {
	/* max-width: 14%; */
	/*/ height: 100%; /*/
	display: flex;
	/* min-width: 300px; */
	margin: 8px 0;
	width: 100%;
	/*max-width: 20%;*/
	max-width: 17%;
}

/* .addUserTable th{
border-right: 1px solid #E2E5EF;
}
.addUserTable tbody td{
border-right: 1px solid #E2E5EF;
} */
.addUserTable .TBdate,
.addUserTable .TBBuy,
.addUserTable .TBSize {
	/* padding-right: 5px !important; */
	padding-left: 5px;
}

.addUserTable .TBscript {
	padding-right: 20px !important;
	padding-left: 5px;
}

.addUserTable .TBtime {
	padding-right: 8px !important;
	padding-left: 5px;
}

.addUserTable .TBLots,
.addUserTable .TBSize,
.addUserTable .TBqty,
.addUserTable th {
	/* padding-right: 16px !important; */
	padding-left: 5px;
}

.addUserTable .TBSize::before,
.addUserTable .TBSize::after {
	right: 0px !important;
}

.addUserTable .TBLots::before,
.addUserTable .TBLots::after,
.addUserTable .TBqty::before,
.addUserTable .TBqty::after,
.addUserTable th::before,
.addUserTable th::after,
.addUserTable .TBscript::before,
.addUserTable .TBscript::after {
	right: 2px !important;
}

.addUserTable .TBdate::before,
.addUserTable .TBdate::after {
	right: 12px !important;
}

.addUserTable .TBBuy::before,
.addUserTable .TBBuy::after,
.addUserTable .TBscript::before,
.addUserTable .TBscript::after,
.addUserTable .TBtime::before,
.addUserTable .TBtime::after {
	right: 6px !important;
}

.card-num>div:first-child {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
}

.dashboardSmallBox {
	display: flex;
	background-color: var(--bg1);
	padding:0;
	border-radius: 20px;
}

.addUserTable.dataTable thead .sorting {
	/* padding-right: 36px; */
}

.addUserTable.table>thead>tr>th {
	padding: 8px 12px;
}

.addUserTable .TBPronLoss {
	white-space: nowrap;
}

.PerfSummary .statistics .titleContent {
	padding: 0 20px 0 0px;
	transform: translateX(-5px);
}

@media only screen and (max-width: 1620px) {
	.PerfSummary .statistics .titleContent h4 {
		font-size: 12px !important;
	}

	#doughnut_chart {
		padding-bottom: 0px;
	}

	.PerfSummary .statistics .titleContent {
		top: 60%;
	}

	#doughnut_chart>div {

		/* width: 100% !important; */
	}
}

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

	.top_section>.content,
	.top_section .doughnut_chart,
	.lineChart_main {
		max-width: 100%;
		flex-basis: 100%;
		width: 100%;
	}

	.top_section .doughnut_chart {
		/* margin: 40px 0; */
	}

	.res_return_div {
		display: flex;
		width: 100%;
		gap: 10px;
	}

	.PerfSummary .draw_down {
		margin-top: 0 !IMPORTANT;
		width: 100%;
	}

	.dashboard_new .top_section {
		display: block !important;
	}

	.PerfSummary .statistics .titleContent {
		top: 20%;
	}
}

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

	.dashboardSmallBox .panel-body #neworders h4,
	.dashboardSmallBox .panel-body #totalcompany h4,
	.dashboardSmallBox .panel-body #products h4 {
		font-size: 16px;
	}

	.dashboardSmallBox .card-num span {
		/* font-size: 12px; */
	}

	.dashboardSmallBox .card {
		/* min-width: 25%; */
		width: 100% !important;
		max-width: 50% !important;
	}

	.dashboardSmallBox {
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 1025px) {
	.dashboardSmallBox .panel-body {
		min-height: auto;
	}

	.res_return_div {
		/* flex-direction: column; */
		gap: 0;

	}

}

.dashboard_main .deptScrollable {
	margin-top: 3px !important;
}

#water_chart {
	/* padding-top: 20px; */
}

/* .PerfSummary .draw_down {
  width: 100%;
} */

/*/ ----TH---- /*/
.TradeHistory .searchdate,
.PerfSummary .searchdate {
	display: flex;
	align-items: flex-start;
	/* flex-wrap: wrap; */
	gap: 10px;
}
.TradeHistory .trade_new_container{
    margin-top: 10px;
	margin-right: 20px;
}
.TradeHistory .deptScrollable,
.PerfSummary .deptScrollable {
	margin-top: 20px;
	border: none;
}

.PerfSummary .panel-flat {
	/* width: 70%; */
}

@media only screen and (max-width: 1200px) {
	.PerfSummary .panel-flat {
		width: 100%;
	}
}

/*/ ----scrollbar---- /*/
html * {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: thin;
	scrollbar-color: #999 #eee;
}

::-webkit-scrollbar-track {
	background: #eee;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0.4rem;
}

::-webkit-scrollbar {
	/*height: 0.4rem;*/
	/*width: 0.4rem;*/
	height: 4px;
	width: 4px;
}

.navbar-inverse .navbar-nav>li>a {
	color: var(--black);
}

.navigation>li>a {
	padding: 12px 10px;
}

/* .navbar-default.navbar-fixed-top .navbar-header{
    box-shadow: 0 0.46875rem 2.1875rem rgba(8, 10, 37, 0.03), 0 0.9375rem 1.40625rem rgba(8, 10, 37, 0.03), 0 0.25rem 0.53125rem rgba(8, 10, 37, 0.05), 0 0.125rem 0.1875rem rgba(8, 10, 37, 0.03);
  } */
.PerfSummary #EquityLineGraph,
.PerfSummary #EquityBarGraph {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.bg-danger {
	background-color: var(--btn-color) !important;
	border-color: var(--btn-color) !important;
	color: #fff;
	background: linear-gradient(0.25turn, var(--btn-color), var(--supporting-color1));
	padding: 4px 26px !important;
}

.theme-btn {
	background-color: var(--btn-color) !important;
	border-color: var(--btn-color) !important;
	color: #fff;
	background: linear-gradient(0.25turn, var(--btn-color), var(--supporting-color1));
}

.theme-btn:hover {
	background-color: white !important;
	background: linear-gradient(0.25turn, white, white);
}

.btn.bg-danger {
	box-shadow: none !important;
}

.btn.bg-danger:hover,
.btn.bg-danger:focus {
	color: var(--btn-color) !important;
	background-color: white !important;
	transition: none !important;
	background: linear-gradient(0.25turn, white, white);
}

.table-responsive,
.content-wrapper .panel-footer {
	background-color: transparent !important;
}

/* -----new --- */
.card_grid_box {
	background-color: var(--bg2);
	padding: 10px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.card_grid_section {
	margin-right: 20px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-top: 10px;
}

.sidebar-xs .navbar-header .navbar-brand>div {
	display: none;
}

.sidebar-xs .navbar-header .navbar-brand {
	background: url(./../images/trade.jpg) no-repeat center center;
	background-size: auto 40px;
	height: 100%;
	width: 24px;
	padding: 0;
	height: 60px;
	width: 64px;
}

.navbar-default .navbar-brand {
	background-image: url(./../images/trade.jpg);
	width: 100%;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	/* text-align: center; */
	background-position: center;

}

.navbar-header {
	background-color: var(--black) !important;
}

.category-content {
	padding: 0;
	border-top: 2px solid #4F4F4F;
	margin: 0 12px !important;
	margin-top: 19px !important;
	padding-top: 16px;
}

.navbar {
	border: none;
}

.sidebar-xs .navbar a.sidebar-control.sidebar-main-toggle.hidden-xs {
	/* padding-left: 0px; */
}

.sidebar-main-toggle:hover {
	background-color: transparent !important;
}

.navbar-nav {
	margin-left: 0 !important;
	/* position: absolute; */
	top: 40%;
	bottom: 55%;
	right: 0;
}

.waterfall_chart {
	/* background-color: var(--bg2); */
}

.navbar-brand {
	padding: 0 !important;
}

.navigation-main>li>a {
	display: flex;
	align-items: center;
}

.navigation-main>li>a img {
	width: 20px;
	height: 20px;
}

.navigation-main>li>a span {
	margin-left: 10px;
	color: white;
	font-size: 15px;
	font-weight: bold;
}

.dashboardSmallBox .panel-body #cards .card-num .media-middle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}

.sidebar .navigation .blue>a span:hover {
	color: #3b7dff !important;
}

.profile_update {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.profile_update img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
}

.profile_update .name p {
	font-size: 14px;
	color: grey;
	margin-bottom: 0;
}

.profile_update .name .tenure {
	margin-top: 3px;
	color: white;
}

.profile_update .name .tenure strong {
	color: #fff2c9;
	/* font-size: 16px; */
}

.profile_update .name h6 {
	font-size: 16px;
	text-align: center;
	margin: 0;
}

.profile_update .name {
	margin: 20px 0;
	text-align: center;
}

.dash_card_icons img {
	width: 30px;
	margin-right: 8px;
	/* position: absolute;
    left: 10px; */
}

.dash_card_icons {
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

.main_container {
	/*margin: 30px;
  max-height: 93vh;*/
	height: 100%;
	overflow: auto;
	background-color: var(--bg1);
	/* border-radius: 40px;*/
}

@media (min-width: 769px) {
	.navbar-top {
		padding-top: 0;
	}
}

.main_container::-webkit-scrollbar {
	display: none;
}

/*body {
  overflow: hidden;
}*/
/*.sidebar-content .sidebar-category {
  padding-top: 20px;
}*/
.sidebar-xs .profile_update img {
	width: 40px;
	height: 40px;
}

.sidebar-xs .profile_update .name {
	display: none;
}

.sidebar-xs .navbar.navbar-default.navbar-inverse.navbar-fixed-top {
	/* max-width: 64px; */
}

.sidebar-xs .sidebar-control.sidebar-main-toggle.hidden-xs .BurgerBox {
	width: 20px;
}

.navbar-header .navbar-nav {
	margin-right: 0;
}

.main_container::-webkit-scrollbar {
	/* display: none; */
}

.chart_title {
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0;
	padding-left: 20px;
	font-size: 22px;
}

.waterfall_chart .legend {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
}

.waterfall_chart .legend span {
	width: 10px;
	height: 10px;
	display: block;
	margin-right: 5px;
}

.waterfall_chart .legend>div {
	display: flex;
	align-items: center;
}

.waterfall_chart .legend .increase span {
	background-color: #5b9bd5;
}

.waterfall_chart .legend .decrease span {
	background-color: #f28432;
}

.waterfall_chart .legend .total span {
	background-color: #ababab;
}

.pt-0 {
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-right: 0 !important;
}

#doughnut_chart {
	background-color: var(--bg2);
	padding: 20px 20px 0 20px;

	border-radius: 40px;
	margin-top: 0px;
}

.doughnut_chart {
	background-color: var(--bg2);
	padding: 0;
	padding-top: 0;
}

.dashboard_new .top_section .content {
	/* margin-top: 0px;
  background-color: var(--bg2);
  border-top-right-radius: 40px;
  padding-bottom: 20px; */
	padding: 0 !important;
	background-color: var(--bg1)
}

.dashboard_new .top_section {
	/* background-color: var(--bg1); */
	display: flex;
	flex-wrap: wrap;
}

.dashboard_new .rightside_content {
	height: 100%;
	background-color: var(--bg1);
	border-radius: 30px;
	/* margin: 20px; */
	/* background-color: var(--bg1); */
	margin-bottom: 10px;
}

.dashboard_new #dashboarddiv {
	background-color: var(--bg2);
	height: 100%;
	border-top-right-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* / margin: 20px;/  */
	background-color: white;
	margin-top: 0;
	margin-left: 0;
	padding: 10px;
}

.dashboard_new .top_section>div {
	display: flex;
	flex-direction: column;
	/* margin-bottom: 20px; */
	background-color: var(--bg2)
}

.page_title {
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	font-size: 22px;
	margin-right: 20px;
    margin-bottom: 4px;
}

.PerfSummary_new.PerfSummary_new .top_section .content {
	padding-top: 10px !important;
}

.dash_card_icons .status {
	padding: 4px 6px;
	border-radius: 8px;
	margin-left: auto;
	color: white;
	font-size: 13px;
}

.card-num .bg {
	background-color: #8ca473;
}

.card-num .fundsize_bg {
	background-color: var(--supportong-color4);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
	color: var(--white) !important;
}

.card-num .tenure_size_bg {
	background-color: var(--supportong-color3);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
	margin: auto;
}

.card-num .margin_size_bg {
	background-color: var(--supportong-color6);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
	margin: auto;
}

.card-num .todays_profit_bg {
	background-color: var(--supporting-color1);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
}

.card-num .cumulative_profit_bg {
	background-color: var(--supporting-color2);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
}

.dash_card_icons .card_font {
	font-size: 16px;
	text-align: left;
	line-height: 16px;
	margin-right: 2px;
	color: white;
}

.todays_orders_main {
	background-color: var(--bg1);
	/* height: 100%; */
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	padding: 20px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	/*/ padding: 30px; /*/
	padding-top: 0px;
}

.todays_orders_main>div {
	/* background-color: var(--bg1); */
	padding: 0 0px;
	/* border-radius: 30px; */
	width: 100%;

}

.content-wrapper .content:has(.todays_orders_main) {
	margin-top: 0;
	padding: 0;
	padding-right: 20px;
}

.waterfall_chart .col-md-8 {
	padding-left: 30px;
}

.todays_orders .each_section:last-child {
	margin-bottom: 0;
}

.todays_orders .each_section img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.todays_orders .each_section {
	/* display: flex;
  align-items: center; */
	background-color: var(--bg2);
	padding: 15px 15px;
	border-radius: 20px;
	margin-bottom: 15px;
}

.todays_orders .each_section>div {
	display: flex;
	align-items: flex-start;
}

.todays_orders .each_section .name {
	font-weight: bold;
	text-transform: capitalize;
	color: #1a1a1a;
	font-size: 15px;
	padding-right: 10px;
}

.todays_orders .each_section .buy {
	text-transform: capitalize;
	color: white;
	font-size: 14px;
	font-weight: 600;
	background-color: var(--primary-color2);
	display: inline-block;
	padding: 3px 10px;
	border-radius: 7px;
	margin-left: auto;
}

.todays_orders .each_section .amt_details {
	justify-content: space-between;
	margin-top: 10px;
	color: #767880;
	font-weight: 600;
	align-items: center;
}

.todays_orders .each_section .amt_details>div span:nth-child(2) {
	font-weight: bold;
	font-size: 15px;
	color: var(--black);
	white-space: nowrap;
}

.tb_sell {
	background-color: #9f9ffd99;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #6b6bff;
	font-weight: 700;
}

.todays_orders .each_section .buy.sell {
	background-color: #9f9ffd99 !important;
	color: var(--black);
	font-size: 14px;
	font-weight: 700;
}

/* .loss_amt {
  color: var(--loss) !important;
} */
.todays_orders .each_section .amount .loss_amt {
	font-weight: bold;
	margin-left: 0px;
	font-size: 14px;
	/* color: #2D3330; */
	color: var(--loss) !important;
	/* margin-left: auto; */
	white-space: nowrap;
}

.todays_orders .each_section .amount .profit_amt {
	color: var(--primary-color3) !important;


}

.tb_profit_amt {
	background-color: #08FF08;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.icon_1 .sidebar_icon {
	width: 20px;
	height: 20px;
	background-image: url('./../images/icons/dashboard_1.png');
	background-size: contain;
}

.icon_1_hover .sidebar_icon,
.icon_1.active .sidebar_icon {
	background-image: url('./../images/icons/dashboard_2.png');
	background-size: contain;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.icon_2 .sidebar_icon {
	width: 20px;
	height: 20px;
	background-image: url('./../images/icons/performance-summary_1.png');
	background-size: contain;
}

.icon_2_hover .sidebar_icon,
.icon_2.active .sidebar_icon {
	background-image: url('./../images/icons/performance-summary_2.png');
	background-size: contain;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.icon_3 .sidebar_icon {
	width: 20px;
	height: 20px;
	background-image: url('./../images/icons/statistics_1.png');
	background-size: contain;
}

.icon_3_hover .sidebar_icon,
.icon_3.active .sidebar_icon {
	background-image: url('./../images/icons/statistics_2.png');
	background-size: contain;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.navigation-main>li.active>a span {
	color: #3b7dff;
	font-size: 15px;
	font-weight: bold;
}

.navigation-main>li:hover>a span {
	color: #3b7dff;

}

.doughnut_chart .ui-progressbar {
	height: 6px;

	width: 50%;

	/* position: absolute;
  right: 0;
  width: 100px;
  top: 0; */
}

.doughnut_chart .legend {
	position: absolute;
	width: 150px;
	top: 33%;
	bottom: 50%;
	right: 0px;
}

.sidebar-content .copyrights {
	position: absolute;
	bottom: 3%;
	text-align: center;
	left: 0;
	right: 0;
	font-size: 12px;
	/*color: #68716a;*/
	color: #ffffff;
	text-transform: uppercase;
}

.sidebar-content .res_copyrights {
	display: none;
}

.sidebar-xs .sidebar-content .copyrights {
	display: none;
}

.sidebar-xs .sidebar-content .res_copyrights {
	display: block;
	position: absolute;
	bottom: 3%;
	text-align: center;
	left: 0;
	right: 0;
	font-size: 20px;
	color: #68716a;
}

.actual_price {
	/* min-width: 150px; */
	font-size: 14px;
}

.todays_orders_main .flex_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.todays_orders_main .see_all a {
	color: white;
	font-weight: 600;
	margin-bottom: 0;
	cursor: pointer;
}

.todays_orders_main .see_all:hover a {
	color: var(--btn-color)
}

.todays_orders_main .chart_title {
	margin-bottom: 0;
	padding-left: 0;
	font-size: 20px;
}

.dash_card_icons.tenure_size .card_font {
	color: var(--white);
}

.dashnoard_tb_result {
	color: var(--black);
	float: right;
	margin-bottom: 20px;
	font-weight: 700;
	margin-right: 18px;
	padding: 2px 10px;
	border-radius: 8px;
}

@media screen and (max-width: 800px) {
	/* .dashboardSmallBox .card {
    width: 100%;
  } */
}

.loss_data {
	background-color: var(--loss);
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	color:  var(--white) !important;
	display: initial;

}

.tb_buy {
	background-color: var(--primary-color2);
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: var(--white);

}

.tbprofit_amount {
	background-color: var(--primary-color3);
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: var(--black);
	display: initial;
}

.pr-22 {
	padding-right: 22px !important;
}

@media only screen and (max-width: 768px) {
	.dashboardSmallBox .panel-body {
		min-height: auto;
	}

	.main_container .navbar-fixed-top {
		height: 60px;
		position: relative;
	}

	.TradeHistory .top_section {
		margin-top: 20px !important;
	}

	.main_container .navbar-nav.visible-xs-block {
		position: absolute;
		top: 0px;
		right: 10px;
	}

	.main_container .sidebar-mobile-main-toggle {
		color: white !important;
	}

	#water_chart {
		height: 400px !important;

		margin-bottom: 30px;

	}

	/* #water_chart>div{
    height: 100%;
  } */
	.profile_update {
		flex-direction: row !important;
		width: 100%;
		padding: 0 10px;
	}

	.profile_update .name {
		display: flex;
		align-items: center;
		width: 100%;
		margin-left: 10px;
		margin: 10px;
	}

	.profile_update .name p {
		display: none;
	}

	.profile_update .name .tenure {
		display: block;
		margin-left: auto;
		margin-top: 0px;
	}

	.profile_update img {
		width: 50px !important;
		height: 50px !important;
		min-width: 50px;
	}

	.sidebar-content .sidebar-category {
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.navigation>li>a {
		padding: 0px 8px;
	}

	.sidebar-content .copyrights {
		bottom: 5%;
	}

	/*.main_container {
    margin: 30px;
    max-height: 93vh;
  }*/
	.dashboard_new .top_section .content {
		border-top-right-radius: 0;

	}

	.sidebar_dropdown {
		display: none;
	}

	.res-sidebar_menu {
		display: block !important;
		/* position: absolute;
    right: 30px;
    top: 30px; */
	}

	.res-sidebar_menu .dropdown-toggle {
		position: absolute;
		right: 30px;
		top: -77px;
	}

	.res-sidebar_menu .dropdown-menu li a {
		color: white;
		padding: 8px 23px;
	}

	.res-sidebar_menu button {
		background: transparent;
		border: none;
		color: white;
	}

	.res-sidebar_menu .caret:after {
		font-size: 22px;
		color: white;
	}

	.res-sidebar_menu a.dropdown-toggle:hover {
		background-color: transparent;
	}

	.res-sidebar_menu .dropdown-menu {
		min-width: 100%;
		position: relative;
		border-radius: 0;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #ddd;
		margin-bottom: 12px;
		margin-top: 18px;
	}

	.algoId {
		max-width: 100%;
		width: 100%;
	}

	.sidebar_dropdown {
		display: none !important;
	}

	#water_chart {
		/* padding-top: 76px !important; */
	}

	.TradeHistory {
		padding-top: 0 !important;
	}

	.navbar-default .navbar-brand {
		margin: 0 !important;
	}

	.category-content {
		padding: 0px 0 0 0;
	}

	.PerfSummary_new {
		padding-top: 0 !important;
	}

	.sidebar {
		width: 100%;
	}

	.All_orders {
		padding-top: 0;
	}
	.stickySection{
		position: relative !important;
		top: 5px !important;
	}
	.profile_div{
		display: none;
	}
}

@media screen {
	.profile_update .name {
		flex-direction: column;
		align-items: flex-start;
	}

	.profile_update .name .tenure {
		margin-left: 0;

	}
}

@media only screen and (max-width:500px) {
	.todays_orders .each_section .amt_details {
		flex-direction: column;
		align-items: flex-start;
	}

	#line_chart,
	#Bar_chart {
		height: 250px !important;
	}

	.content-wrapper .content {
		padding: 10px;
	}

	.chart_with_filter #TradeGraphs {
		top: 110px !important;
	}

	.TradeHistory .searchdate,
	.PerfSummary .searchdate {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	button#printdata {
		margin-left: 0px !important;
	}

	.All_orders .todays_orders_main {
		padding: 20px 10px !important;
	}

	#water_chart {
		height: 350px !important;

	}

	.waterfall_chart .chart_title {
		font-size: 20px;
	}
}


@media only screen and (max-width:400px) {
	#water_chart {
		/* padding-top: 50px; */
	}
}

.row {
	margin: 0;
}

.dash_card_icons.todays_profit .card_font {
	color: var(--white);
}

.dash_card_icons.cumulative_profit .card_font {
	color: var(--black);

}

.todays_orders .each_section .amt_details>div {
	padding-right: 4px;
	white-space: nowrap;
}

.todays_orders .each_section .amt_details>div:first-child {
	display: flex;
	column-gap: 10px;
	flex-wrap: wrap;
	width: 70%;
	justify-content: space-between;
}

.chart_with_filter {
	position: relative;
}

.chart_with_filter #TradeGraphs {
	border-color: #ccc;
	border-radius: 4px;
	width: 150px;
	height: 38px;
	font-size: inherit;
	font-weight: 600;
	/*position: absolute;*/
	top: 44px;
	right: 24px;
	background-color: transparent;
	padding: 0 3px;
}

.chart_with_filter #BarGraphs {
	border-color: #ccc;
	border-radius: 4px;
	width: 150px;
	height: 38px;
	font-size: inherit;
	font-weight: 600;
	/*position: absolute;*/
	top: 44px;
	right: 24px;
	background-color: transparent;
	padding: 0 3px;
}

.chart_with_filter h2 {
	font-size: 18px;
	font-weight: bold;
	color: var(--black);
	padding-left: 20px;
	margin-top: 10px;
}

.PerfSummary .chartTitle {
	font-size: 20px;
	font-weight: bold;
	color: var(--black);
	padding-left: 20px;
}

.chart_with_filter #TradeGraphs:focus-visible {
	outline: 0;
}

.waterfall_chart_col {
	padding: 0;
	/* margin-top: 20px; */
	height: 100%;
	background-color: var(--bg1);
	padding: 10px;
	border-radius: 30px;
}

.waterfall_chart>div:first-child {
	/*/ margin-top: -179px; /*/
	background-color: var(--bg1);
	/*/ padding: 0 20px; /*/
	/*padding-bottom: 36px;*/
}

.waterfall_chart .chart_title {
	/* position: absolute; */
	top: 16px;
	padding-left: 10px;
	margin-bottom: 0;
	/*margin-top: 10px;*/
}

.waterfall_chart>div:first-child>div {
	background-color: var(--bg1);
	border-radius: 20px;
	padding: 0px 0;

}

.table_content {
	background-color: var(--bg2);
	padding-top: 20px;
	margin-top: -20px !IMPORTANT;
}

.PerfSummary .top_section>.content {
	background-color: var(--bg1);
	/* border-top-right-radius: 40px; */
	padding-bottom: 0px;
	margin-top: 0;
	padding: 20px;
	padding-top: 10px !important;
}

.PerfSummary_new .top_section>.content {
	background-color: var(--bg1);
	/* border-top-right-radius: 40px; */
	padding-bottom: 0px;
	margin-top: 0;
	padding: 20px;
}

.PerfSummary_new #dashboarddiv {
	background-color: var(--bg2);
	height: 100%;
	border-top-right-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
	border-bottom-right-radius: 30px;
}

.PerfSummary_new .doughnut_chart {
	background-color: var(--bg1);
	padding: 0;
	padding-top: 0;
}

.PerfSummary_new .top_section .content {
	padding: 0 !important;
	background-color: var(--bg1);
}

.PerfSummary .lineChart_main {
	background-color: var(--bg2);
	margin-top: 0 !important;
	border-bottom-right-radius: 30px;
	padding: 0;
}

.PerfSummary .lineChart_main .chart_with_filter {
	background-color: var(--bg1);
	border-radius: 20px;
	padding: 30px 0;
	margin-top: 20px;
	padding-top: 10px;
}

.PerfSummary .lineChart_main>.chart_with_filter {
	background-color: #0b0f1b;
}

.PerfSummary .lineChart_main>.chart_with_filter .chartFilters,
.PerfSummary .lineChart_main>.chart_with_filter .chartTitle {
	color: white;
}

.PerfSummary .lineChart_main>.chart_with_filter .chartFilters select option {
	background-color: #fff;
	color: #333;
}

.TradeHistory .top_section {
	background-color: var(--bg2);
	border-top-right-radius: 40px;
	padding-bottom: 20px;
	margin-top: 20px;
}



.TradeHistory .table_section {
	background-color: var(--bg2);
	margin-top: 0 !important;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	padding: 10px;
}


.PerfSummary .statistics {
	position: relative;
	background-color: var(--bg2);
	border-radius: 30px;
	margin:10px 20px;
}

.PerfSummary_new {
	background-color: var(--bg1);
}

.returns.draw_down h4 {
	/* margin-bottom: 0 !important; */
}

.PerfSummary .statistics .titleContent h4 {
	margin: 0;
	color: #888888;
	font-size: 16px;
	font-weight: 600;
}

.PerfSummary .statistics .titleContent span {
	font-size: 32px;
	font-weight: 600;
}

.PerfSummary .statistics .titleContent p {
	line-height: 26px;
	text-align: left;
	font-size: 20px;
}

.PerfSummary .stats_rate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 10px 0;
	padding-bottom: 25px;
}

/* .PerfSummary .stats_rate>div {
    width: 33%;
} */
.PerfSummary .stats_rate>div>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}

.PerfSummary .stats_details {
	padding: 10px 0px;
	padding-bottom: 0px;
}

.PerfSummary .stats_details>div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #C9C9C9;
	align-items: baseline;
}

.PerfSummary .stats_details>div:last-child {
	border-bottom: none;
}

.PerfSummary .stats_details span {
	font-weight: 600;
	font-size: 14px;
}

.PerfSummary .stats_details span.price {
	font-size: 16px;
	font-weight: 700;
}

.PerfSummary .returns {
	background-color: white;
	padding: 20px 25px;
	border-radius: 30px;
	margin:10px 20px;
	margin-bottom: 10px !important;
}

.fw_700 {
	font-weight: 700;
}

.PerfSummary .returns h4 {
	margin: 0;
	margin-bottom: 20px;
	font-size: 20px;
}

.PerfSummary .returns>div {
	margin-bottom: 10px;
}

.PerfSummary .returns>div p {
	font-weight: 700;
	margin-bottom: 6px;
	font-size: 14px;
}

.PerfSummary .returns .progress-bar.ROI {
	/* background-color: #DF00FF; */
}

.PerfSummary .returns .progress-bar.CAGR {
	/* background-color: #ffbf00; */
}

.PerfSummary .returns .progress-bar.CAGR span {
	color: var(--black);
	font-weight: 800;
}

.PerfSummary .returns .progress {
	background-color: #E3E7F3;
}

.All_orders .todays_orders>div {
	display: flex;
}

.All_orders .todays_orders .each_section {
	width: 100%;
	background-color: var(--bg2);
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.All_orders .todays_orders {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0;
}

.All_orders .todays_orders::before {
	display: none;
}

.All_orders .todays_orders .each_section .amt_details {
	margin-top: auto;
}

.All_orders .todays_orders_main {
	padding: 20px;
	background-color: var(--bg1);
	flex-direction: column;
	min-height: calc(100vh - 80px) !important;
	margin-top: 20px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0px;
}

.All_orders .todays_orders_main .chart_title {
	padding-left: 10px;
}

.All_orders .todays_orders .each_section>div:first-child {
	margin-bottom: 10px;
}

.page-container:has(.All_orders) {
	min-height: calc(100vh - 0px) !important;
}

.Change_pw_modal .modal-header {
	border-bottom: none;
}

.sidebar-xs .sidebar_dropdown {
	display: none;
}

.res-sidebar_menu {
	display: none;
}

.menu_icon {
	height: 148px;
	/* position: absolute;
    right: -1px;
    z-index: 1; */
}

.sidebar-main-toggle i {
	position: absolute;
	top: 69px;
	color: #4343E2;
	z-index: 1;
	right: 17px;
	font-size: 22px;
}

.sidebar-xs .sidebar-main-toggle i {
	transform: rotate(180deg);
}

.nifty_bar_chart {
	background-color: var(--bg1);
	/* border-radius: 30px; */
	/* margin-bottom: 20px; */
	padding: 10px 20px;
}

.nifty_bar_chart>div {
	background-color: var(--bg2);
	border-radius: 30px;
}

.nifty_bar_chart .chartTitle {
	padding-top: 10px;
	margin-top: 0;
}

.draw_down .progress {
	/* height: 12px; */
}

.draw_down .flex_box {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
}

.draw_down .percentage {
	font-size: 16px;
	font-weight: 700;
	transform: translateY(8px);
}

.draw_down .flex_box>div:first-child {
	width: 70%;
}

@media only screen and (max-width:800px) {
	.dashboard_main .searchdate {
		flex-direction: column;
		align-items: flex-start !important;
	}

	button#printdata {
		margin-left: 0 !important;
	}


	.tenure_box {
		gap: 5px;

	}
}

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

	.card_grid_section {
		margin-right: 0;
	}

	.TradeHistory {
		padding-right: 0px;
	}
}

@media only screen and (min-width:1250px) and (max-width:1400px) {
	.todays_orders .each_section .amt_details {
		flex-wrap: wrap;
	}

	.chart_with_filter .chartFilters {
		flex-direction: column;
	}

	.chart_with_filter .chartFilters>div {
		padding-left: 20px;
	}

	/*#water_chart{
    min-height: 670px;
    height: 700px !important;
  }*/
	#nifty_bar_chart {
		height: 300px !important;
		min-height: 300px !important;
	}


}

/* @media (max-width: 1360px){
.dashboardSmallBox .card{
    min-width: 250px !important;
}
} */

/* @media (max-width: 920px){
.dashboardSmallBox .card {
    width: 100% !important;
}} */

.card_font.black_text {
	white-space: nowrap;
}

.res-sidebar_menu .dropdown-menu li button i {
	margin-right: 9px;
}

.TradeHistory .top_section .content {
	margin-top: 0;
}

.doughnut_chart:has(.nifty_bar_chart) {
	padding-top: 0;
}

.All_orders {
	background-color: var(--bg2);
}

/*performanceSummery profitand loss*/
span#maxProfit {
	/* color: #45890d !important; */
	color: var(--primary-color3);
}

span#maxLoss {
	/* color: #ff8c90 !important; */
	color: var(--loss);
}

.DD_new .flex_box {
	margin-top: 20px;
}

#nifty_bar_chart {
	padding-bottom: 10px;
	padding-left: 20px;
}

.m-0 {
	margin: 0 !important;
}

.navbar-brand img {
	display: none;
}

.PerfSummary_new .table_container {
	background-color: var(--bg1);
	padding: 10px;
	border-radius: 20px;
	/* margin-top: 20px; */
}

.trade_new_container {
	/* padding: 20px; */
	background-color: var(--bg2);
	flex-direction: column;
	min-height: calc(100vh - 80px) !important;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0px;
}

.PerfSummary_new .rate_type>div {
	display: flex;
	justify-content: flex-start !important;
}

.PerfSummary_new .rate_type>div span {
	min-width: 68px;
}

@media (max-width:440px) {
	.algoId {
		font-size: 10.5px !important;
	}
}

.navbar-nav>.dropdown-user .downdown_background img {
	border-radius: 0;
	margin-top: 3px !important;
	margin-left: 1px;
}

#pie_chart {
	padding-top: 20px;
}

.tradingDays_div {
	flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 0 20px;
}

@media (min-width: 1255px) and (max-width: 1500px) {
	#doughnut_chart {
		height: 300px !important;
		min-height: 300px !important;
	}

	#pie_chart {
		height: 300px !important;
		min-height: 300px !important;
	}
}

.roiicon {
	font-size: 12px;
	margin-bottom: 1px;
	color: #6de50a;
	margin-right: 1px;
}

@media (max-width: 500px) {
	.card_grid_section {
		margin-top: 0;
	}

	#nifty_bar_chart {
		max-height: 300px;
		min-height: 300px !important;
	}

	#doughnut_chart {
		min-height: 300px !important;
		max-height: 300px !important;
	}
}

.progress-bar>span {
	position: absolute;
	left: 0;
	right: 0;
	color: black;
	font-weight: bold;
	font-size: 13px;
}

.progress-bar {
	/* background-color: #4343E2; */
}

.dashboardSmallBox .panel-body #cards .card-num .Algo_size .card_font {
	color: var(--black);
}

.card-num .algo_size_bg {
	background-color: var(--supportong-color5);
	padding: 8px 6px;
	border-radius: 6px;
	text-align: center;
	margin: auto;
	white-space: break-spaces !important;
	font-size: 14px !important;
}

.card-num .algo_size_bg span {
	padding: 0 10px;
}

@media (max-width: 1650px) {
	.dashboardSmallBox{
		flex-wrap: wrap;
	}
	.dashboardSmallBox .card {
		width: 100%;
		max-width: 25%;
	}
}

@media (max-width: 600px) {
	.dataTables_info {
		display: none;
	}

	.dashboardSmallBox .card {
		max-width: 100% !IMPORTANT;
		width: 100% !important;
	}
}

/* -----------table design (chethan)------------------ */
.ui-common-table {
	background: #fff !important;
}

.ui-widget-content {
	border: none !important;
}

.ui-common-table .ui-th-column .ui-th-div {
	font-family: "Segoe_UI", sans-serif !important;
	font-size: 13px !important;
	/* height: 20px;
    margin-top: 0; */
	margin-top: 0px !important;
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
	position: initial !important;
}

.ui-common-table .ui-th-column {
	background: #e4e1d7 !important;
	color: var(--black) !important;
	font-weight: 700 !important;
	border: none !important;
	padding: 0px 8px !important;
	height: 56px !important;
}
.ui-common-table .jqgrow td{
	height: 50px !important;
    border-bottom: none !important;
	padding: 8px 12px !important;
	white-space: pre-wrap !important;
}
.ui-common-table .jqgrow:nth-child(odd){
	background: #E3E7F3;
}
.ui-common-table .jqgrow td{
	font-family: "Segoe_UI", sans-serif !important;
	font-size: 13px !important;
	
}
.ui-common-table .jqgrow:nth-child(odd) > td:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.ui-common-table .jqgrow:nth-child(odd) > td:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.ui-common-table .jqgrow:nth-child(even) {
    background: #fff;
}
.ui-common-table .ui-th-column:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.ui-common-table .ui-th-column:last-child{
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	/* background: white !important; */
	border: none !important;
}
#pager #pager_left{
	display: none;
}
#pager #pg_pager{
	height: 60px;
}
#pager .ui-pg-selbox , #pager .ui-pg-input{
	height: 36px;
    border: 1px solid #ddd !important;
	padding: 0 6px;
}
#pager #input_pager {
	color: #333;
	float: right;
}
.ui-state-default .ui-icon{
	filter: invert(1);
}
#pager{
	margin-top: 45px !important;
}
.ui-state-default{
	background: transparent !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
	background: transparent !important;
    color: #333 !important;
}
.ui-state-hover{
	background: #E3E7F3 !important;
    color: #333 !important;

}
#orderTable_Instrument,
#orderTable_Type,
#orderTable_Scripts{
	text-align: left !important;
}
#orderTable_Time,
#orderTable_PurchasedLot,
#orderTable_LotSize,
#orderTable_TotalQuantity,
#orderTable_Entry_Price,
#orderTable_quared_Off_Quantity,
#orderTable_Exit_Price,
#orderTable_CMP,
#orderTable_Brokerage_And_Taxes,
#orderTable_Realized_MTM,
#orderTable_Unrealized_MTM,
#orderTable_Net_P_And_L,
#orderTable_BuyQuantity,
#orderTable_SellQuantity,
#orderTable_NetMTM,
#orderTable_NetBalanceQuantity,
#orderTable_AvgBuyPrice,
#orderTable_AvgSellPrice,
#orderTable_GrossMTM,
#orderTable_Net_MTM,
#orderTable_ROF,
#orderTable_Cumulative_ROF,
#orderTable_Cumulative_ROF_In_Percent,
#orderTable_Cumulative_ROF{
	text-align: right !important;

}
#pager #pager_right{
	color: black;
}
.table-responsive.tableHeaderSticky {
	/* overflow: hidden; */
}
#pager ,.ui-jqgrid-sdiv , .ui-common-table , .ui-corner-top, #gview_orderTable, #gbox_orderTable, .ui-jqgrid-bdiv{
	width: 100% !important;
}
#pager #pager_center {
	width: 100% !important;
	left: 0;
	/* width: 150px !important; */
}
.ui-jqgrid-hbox{
	padding-right: 0 !important;
}
#pager #input_pager{
	width: 150px;
}
.ui-paging-pager > tbody > tr > td{
	width: 20px;
}
.PerfSummary_new .ui-jqgrid .ui-jqgrid-htable{
	background-color: transparent !important;
}
.PerfSummary_new .ui-widget-content , .PerfSummary_new .ui-common-table{
	background: transparent !important;
}
.ui-jqgrid tr.ui-row-ltr td{
	border-right-width: 0px !important;
}
.table>tbody>tr>td{
	border-top: 0 !important;
}

.ui-state-hover{ 
	border: none !important;
	background: transparent !important;
	font-weight: normal;
	color: #333 !important;
}

#next_pager.ui-pg-button:hover , #last_pager:hover, #prev_pager:hover , #first_pager:hover {
    padding: 0px 1px !important;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	filter: brightness(0.5) !important;
}
.ui-jqgrid-htable.ui-common-table .ui-state-default .ui-icon {
    position: absolute;
    top: 35%;
    right: 5px;
}
.ui-common-table .ui-th-column{
	position: relative;
}
span.s-ico>span {
    margin-left: 8px !important;
}
.ui-jqgrid .ui-icon-desc {
    margin-left: 7px !important;
}
.ui-jqgrid-sortable {
    padding-right: 10px !important;
    position: initial !important;
}
.s-ico .ui-icon-triangle-1-s{
    margin-right: 1px;
}
#pager_center {
    position: absolute;
    right: 160px;
	top: 20px;

}
#pager #pager_right {
	padding-top: 15px;

}
#pager .ui-pg-input{
	color: #fff;
    background-color: #455A64;
    text-align: center;
    border-radius: 0;
}
#pg_pager tbody > tr > td:last-child{
	position: absolute;
    left: 0;
}
#pager_right{
	display: none;
}
#pg_pager tbody > tr > #first_pager{
	position: absolute;
    right: 240px;
    top: 7px;
}
#pg_pager tbody > tr > #prev_pager{
	position: absolute;
    right: 220px;
    top: 7px;
}
#pg_pager .ui-separator{
	display: none;
}
#pg_pager tbody > tr > td:nth-child(5){
	display: none;
}

/* ui-datepicker-calendar */
#ui-datepicker-div  .ui-state-default{
	color: black !important;
}
#ui-datepicker-div .ui-state-highlight{
	background: #47A6CC !important;
	color: white !important;
}
#ui-datepicker-div .ui-datepicker-year{
	color: white !important;
}

.ui-datepicker table td.ui-datepicker-current-day .ui-state-active{
    background-color: #26A69A !important;
}

/* header fixed */
.customH{
	height: 100vh;
    overflow: auto;
}
.stickySection{
    position: sticky;
    top: 0px;
    z-index: 999;
    background-color: var(--white);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	padding: 10px 0;
}
/* sidebar profile */
.profile_div .btn-rounded{
	width: 30px;
    height: 30px;
    background-color: white;
    color: black;
    margin-right: 10px;
}
.profile_div .btn-rounded span{
	font-weight: 600;
   /* margin-bottom: 20px;
    transform: translateY(-3px);*/
    display: block;
}
.profile_div .panel-title a > span{
    font-size: 14px;
}
.profile_div .panel-title a{
	display: flex;
	align-items: center;
}
.profile_div .smallText{
	font-size: 12px;
	color: grey;
}
.profile_div .panel-title a > div:last-child{
	margin-left: auto;
}
.profile_div .panel-title a[aria-expanded="true"] > div:last-child{
	transform: rotate(270deg);
}
.profile_div + #collapseOne .panel-body > div a{
    color: white;
}
.profile_div + #collapseOne .panel-body > div{
	margin-bottom: 7px;
}
.profile_div + #collapseOne .panel-body > div a i{
	margin-right: 10px;
	font-size: 14px;
}
.profile_div + #collapseOne .panel-body > div a img{
	filter: invert(1);
	margin-right: 13px;
	width: 13px;
}
.profile_div + #collapseOne .panel-body{
    padding: 0 26px;
}
.sidebar-xs .profile_div{
	display: none;
}
.stickySection .searchdate > div{
	display: flex;
	align-items: center;
}
.stickySection .searchdate label{
	min-width: 60px;
}
.stickySection .content{
    padding-top: 0px;
}

/* sidebar profile */
.profile_div .btn-rounded{
	width: 30px;
    height: 30px;
    background-color: white;
    color: black;
    margin-right: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.profile_div .btn-rounded span{
	font-weight: 600;
    /* margin-bottom: 20px;
    transform: translateY(-3px); */
    display: block;
}
.profile_div .panel-title a > span{
    font-size: 14px;
}
.profile_div .panel-title a{
	display: flex;
	align-items: center;

}
.profile_div .smallText{
	font-size: 12px;
	color: grey;
}
.profile_div .panel-title a > div:last-child{
	margin-left: auto;
}
.profile_div .panel-title a[aria-expanded="true"] > div:last-child{
	transform: rotate(270deg);
}
.profile_div + #collapseOne .panel-body > div a{
    color: white;
}
.profile_div + #collapseOne .panel-body > div{
	margin-bottom: 7px;
}
.profile_div + #collapseOne .panel-body > div a i{
	margin-right: 10px;
	font-size: 14px;
}
.profile_div + #collapseOne .panel-body > div a img{
	filter: invert(1);
	margin-right: 13px;
	width: 13px;
}
.profile_div + #collapseOne .panel-body{
    padding: 0 26px;
}
.sidebar-xs .profile_div,
.sidebar-xs #collapseOne{
	display: none;
}
.sidebar-xs .res_profile_div{
	display: flex;
    justify-content: center;
	margin-top: 15px;
}
.stickySection .searchdate > div{
	display: flex;
	align-items: center;
}
.stickySection .searchdate label{
	min-width: 60px;
}
.res_profile_div,
.res_profile_div .res_name{
	display: none;
}
.res_profile_div .btn-rounded:hover + .res_name{
	display: block;
    position: absolute;
    left: 64px;
	background-color: var(--primary-color2) !important;
    border-color: var(--primary-color2);
    color: var(--white) !important;
	padding: 11px 20px;
    width: 260px;
    white-space: nowrap;
	text-align: left;
	cursor: pointer;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
	font-size: 15px;
    top: 8px;
}
.res_profile_div .btn-rounded{
    width: 30px;
    height: 30px;
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}