:root .grid-stack-item > .ui-resizable-handle {
    filter: none
}

.grid-stack {
    position: relative
}

.grid-stack.grid-stack-rtl {
    direction: ltr
}

.grid-stack.grid-stack-rtl > .grid-stack-item {
    direction: rtl
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
    border: 1px dashed #d3d3d3;
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
    z-index: 0 !important;
    text-align: center,
}

.grid-stack > .grid-stack-item {
    min-width: 8.3333333333%;
    position: absolute;
    padding: 0
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
    z-index: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    background: #4b6b57ba;
    border: #5f7966d6 solid 3px;
}

.grid-stack > .grid-stack-item > .ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none
}

.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
    display: none
}

.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
    z-index: 100
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0, 0, 0, .2);
    opacity: .8
}

.grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg)
}

.grid-stack > .grid-stack-item > .ui-resizable-nw {
    cursor: nw-resize;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 0
}

.grid-stack > .grid-stack-item > .ui-resizable-n {
    cursor: n-resize;
    height: 10px;
    top: 0;
    left: 25px;
    right: 25px
}

.grid-stack > .grid-stack-item > .ui-resizable-ne {
    cursor: ne-resize;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 0
}

.grid-stack > .grid-stack-item > .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    right: 10px;
    top: 15px;
    bottom: 15px
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
    transform: rotate(-45deg);
    cursor: se-resize;
    width: 20px;
    height: 20px;
    right: 10px;
    bottom: 0
}

.grid-stack > .grid-stack-item > .ui-resizable-s {
    cursor: s-resize;
    height: 10px;
    left: 25px;
    bottom: 0;
    right: 25px
}

.grid-stack > .grid-stack-item > .ui-resizable-sw {
    cursor: sw-resize;
    width: 20px;
    height: 20px;
    left: 10px;
    bottom: 0
}

.grid-stack > .grid-stack-item > .ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    left: 10px;
    top: 15px;
    bottom: 15px
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
    display: none !important
}

.grid-stack > .grid-stack-item[data-gs-width='1'] {
    width: 8.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-x='1'] {
    left: 8.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
    min-width: 8.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
    max-width: 8.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-width='2'] {
    width: 16.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-x='2'] {
    left: 16.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
    min-width: 16.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
    max-width: 16.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-width='3'] {
    width: 25%
}

.grid-stack > .grid-stack-item[data-gs-x='3'] {
    left: 25%
}

.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
    min-width: 25%
}

.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
    max-width: 25%
}

.grid-stack > .grid-stack-item[data-gs-width='4'] {
    width: 33.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-x='4'] {
    left: 33.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
    min-width: 33.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
    max-width: 33.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-width='5'] {
    width: 41.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-x='5'] {
    left: 41.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
    min-width: 41.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
    max-width: 41.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-width='6'] {
    width: 50%
}

.grid-stack > .grid-stack-item[data-gs-x='6'] {
    left: 50%
}

.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
    min-width: 50%
}

.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
    max-width: 50%
}

.grid-stack > .grid-stack-item[data-gs-width='7'] {
    width: 58.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-x='7'] {
    left: 58.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
    min-width: 58.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
    max-width: 58.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-width='8'] {
    width: 66.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-x='8'] {
    left: 66.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
    min-width: 66.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
    max-width: 66.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-width='9'] {
    width: 75%
}

.grid-stack > .grid-stack-item[data-gs-x='9'] {
    left: 75%
}

.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
    min-width: 75%
}

.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
    max-width: 75%
}

.grid-stack > .grid-stack-item[data-gs-width='10'] {
    width: 83.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-x='10'] {
    left: 83.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
    min-width: 83.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
    max-width: 83.3333333333%
}

.grid-stack > .grid-stack-item[data-gs-width='11'] {
    width: 91.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-x='11'] {
    left: 91.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
    min-width: 91.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
    max-width: 91.6666666667%
}

.grid-stack > .grid-stack-item[data-gs-width='12'] {
    width: 100%
}

.grid-stack > .grid-stack-item[data-gs-x='12'] {
    left: 100%
}

.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
    min-width: 100%
}

.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
    max-width: 100%
}

.grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item {
    transition: left .3s, top .3s, height .3s, width .3s
}

.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder, .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
    transition: left 0s, top 0s, height 0s, width 0s
}

@media (max-width: 768px) {
    .grid-stack-item {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px
    }

    .grid-stack-item .ui-resizable-handle {
        display: none
    }

    .grid-stack {
        height: auto !important
    }
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

/* Scrollbar Styling */

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background-color: #ebebeb;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #3d7562;
}

body,
html {
	font-family: "Nunito", sans-serif !important;
	font-style: normal;
	}

body {
	padding-right: 0px !important;
}

a {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.7;
	color: #555555;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

p {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.7;
	color: #555555;
	margin: 0px;
	word-break: break-word;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}

input {
	outline: none;
	border: none;
}

textarea {
	outline: none;
	border: none;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder {
	color: transparent;
}

textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

textarea:focus:-moz-placeholder {
	color: transparent;
}

textarea:focus::-moz-placeholder {
	color: transparent;
}

textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input::-webkit-input-placeholder {
	color: #fff;
}

input:-moz-placeholder {
	color: #fff;
}

input::-moz-placeholder {
	color: #fff;
}

input:-ms-input-placeholder {
	color: #fff;
}

textarea::-webkit-input-placeholder {
	color: #fff;
}

textarea:-moz-placeholder {
	color: #fff;
}

textarea::-moz-placeholder {
	color: #fff;
}

textarea:-ms-input-placeholder {
	color: #fff;
}

label {
	margin: 0;
	display: block;
}

button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}

img {
	width: 100%;
}

canvas {
  display: block;
}

canvas#bubble {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
}

.txt1 {
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	line-height: 1.5;
}

.mt-0 {
	margin-top: 0px;
}

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

.m-top {
	margin-top: 30px !important;
}

.mb-10 {
	margin-bottom: 10px !Important;
}

.mb-0 {
	margin-bottom:0px !Important;
}

.mt-10
{
	margin-top:10px !important;
}

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

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

.mr-25 {
  margin-bottom: 25px;
}

.font-18 {
    font-size: 18px;
}

.font-16 {
    font-size: 18px;
}

/* topbar */

.navbar svg {
	height: 100%;
	width: 83%;
	position: absolute;
	left: 187px;
	z-index: 9;
	bottom: 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.navbar svg polyline {
	stroke: #fff;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 100, 10;
	stroke-dashoffset: 0;
	animation: pulse 12s infinite linear;
	-webkit-animation: pulse 12s infinite linear;
	opacity: 0.2;
}

.navbar .navbar-brand-wrapper {
	background: rgba(19, 22, 51, 0.6);
}

.navbar .navbar-menu-wrapper .navbar-toggler,
.navbar .navbar-brand-wrapper .navbar-brand,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
	position: relative;
	z-index: 10;
	color: #ffff;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
	position: relative;
	z-index: 11;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile a#profileDropdown {
	width: 42px;
	height: 42px;
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-radius: 100%;
	overflow: hidden;
	padding: 0;
}

.navbar svg polyline {
	stroke: #fff;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 100, 10;
	stroke-dashoffset: 0;
	animation: pulse 12s infinite linear;
	-webkit-animation: pulse 12s infinite linear;
	opacity: 0.2;
}

.sidebar-icon-only .navbar svg {
	width: 93%;
	left: 50px;
}

.navbar svg {
	height: 100%;
	width: 76%;
	position: absolute;
	left: 187px;
	z-index: 9;
	bottom: 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

/* side nav bar */

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
	background: rgba(0, 0, 0, 0.82) !important;
}

.sidebar .nav .nav-item .nav-link {
	color: #fff;
	position: relative;
}

.sidebar .nav .nav-item .nav-link:after {
	position: absolute;
	content: '';
	height: 0;
	width: 3px;
	background: #fff;
	right: 0;
	transition: all 0.4s ease-in-out;
}

span.fa.fa-bars a.nav-link {
	display: none;
}

.navbar .navbar-brand-wrapper,
.navbar .navbar-menu-wrapper {
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.22);
	transition: background-color 1s, box-shadow 1s;
	}

.sidebar .nav .nav-item.active,
.sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	background-color: rgba(255, 255, 255, 0.04);
	color: #fff;
}

.sidebar-icon-only .hover-navbar .sidebar .nav .nav-item:nth-child(4) .nav-link i.menu-icon {
	position: relative;
	left: -3px;
}

.sidebar-icon-only .sidebar-offcanvas .nav .nav-item .nav-link .menu-title {
	line-height: 1.3 !important;
	display: none;
	position: absolute;
	left: 70px;
	top: 0;
	background: rgba(0, 0, 0, 0.88) !important;
	padding: 15px 10px;
}

.sidebar-icon-only .sidebar-offcanvas .nav .nav-item:hover .menu-title {
	display: block !important;
}

.hover-navbar[style="display: block;"] .sidebar-icon-only .sidebar .nav .nav-item:hover .menu-title {
	display: none !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
	width: 20px;
}

.sidebar .nav .nav-item .nav-link i.menu-icon svg {
	fill: #fff;
	width: 20px;
	height: 20px;
}

.sidebar-icon-only .hover-navbar .sidebar {
	width: 265px !important;
}

.sidebar-icon-only .hover-navbar .sidebar span.menu-title {
	display: inline-block !important;
	line-height: 1 !important;
}

.sidebar-icon-only .hover-navbar .sidebar .nav .nav-item .nav-link {
	text-align: left;
}

.sidebar-icon-only .sidebar .nav .nav-item .nav-link:after {
	top: 0;
}

.sidebar-icon-only .hover-navbar {
	left: 0px !important;
}

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
	background: transparent !important;
}

.sidebar {
	background: url('1.jpg');
	background-size: cover !important;
}

.container-login100 ::-moz-placeholder {
	color: #fff !Important;
	opacity: 1;
}

.container-login100 ::placeholder {
	color: #fff !Important;
	opacity: 1;
}

[data-sa-theme='2'] .hover-navbar,
[data-sa-theme='2'] .sidebar {
	background: url('2.jpg') !important;
	background-size: cover !important;
}

[data-sa-theme='3'] .hover-navbar,
[data-sa-theme='3'] .sidebar {
	background: url('3.jpg') !important;
	background-size: cover !important;
}

/* finish */

.wrap-login100 {
	width: 400px;
	border-radius: 10px;
	overflow: hidden;
	padding: 55px 55px 37px 55px;
	-webkit-animation: none;
	animation: none;
	background-position: top center;
	background-size: cover;
}

/* button css */

.login100-form .login-btn {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 0;
}

.login100-form-btn {
	font-weight: 500;
	font-size: 14px;
	color: #07183b;
	line-height: 1.5;
	padding: 0 20px;
	min-width: 120px;
	height: 45px;
	border-radius: 25px;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
}

.login100-form-btn:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all 0.4s;
}

.login100-form-btn:hover {
	color: #0f1c3a;
	border-color: transparent;
}

.login100-form-btn.rst-btn {
	margin: 20px auto 0;
	display: block;
}

.button13 {
	color: #fff;
	position: relative;
	transition: all 0.5s;
	/* text-transform: uppercase; */
	margin-bottom: 15px;
	font-weight: 700;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 7px;
}

.button13 a {
	color: #333333;
	text-decoration: none;
	display: block;
}

.button13:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	transition: all 0.3s;
}

.button13:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	background-color: white;
	transition: all 0.3s;
	transform: scale(0.5);
}

.button13:hover:before {
	opacity: 0;
	transform: scale(1.2);
}

.button13:hover:after {
	opacity: 1;
	transform: scale(1);
}

a.sim-button.button13.login100-form-btn {
	display: inline-block;
	text-align:center;
}

.modal-body .button13 {
	margin-bottom: 5px;
}

.button-combos {
	margin: 7px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.button-combos a {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.button-combos a:hover {
	text-decoration: underline;
}

.button-combos-outer {
	display: block;
	margin: 25px 0 0;
	text-align: center;
}

.button-combos-outer .button-combos {
	display: inline-block;
	margin: 0 8px 0;
}

/* owl carsoul */

.carousel.slide {
	min-height: 500px;
	height: 100%;
}

.carousel.slide:focus {
	outline: none;
}

.carousel-inner:focus {
	outline: none;
}

.carousel-inner .outer-box.panel-fullscreen {
	max-height: 90vh;
}

.owl-carousel .owl-stage-outer {
	overflow: visible !important;
}

.owl-carousel .owl-item.zoomedIn {
	height: calc(100vh - 70px);
}

.owl-carousel .outer-box.panel-fullscreen {
	overflow: hidden !important;
	z-index: 999999 !important;
}

.owl-carousel .dashboard-container .window3 {
	width: 100%;
}

.owl-carousel .owl-stage {
	height: 100% !important;
}

.owl-nav {
	display: none;
}

.owl-theme .owl-dots {
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	margin: auto;
}

/* end carasoul */

.page-body-wrapper {
	height: 100%;
	min-height: 100%;
}

.container-scroller.wrapper-outer {
	height: 100%;
}

header {
	padding-left: 40px;
}

header h1 {
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main {
	padding: 2em;
	height: 100%;
	overflow-y: auto;
}

.main p:first-child {
	margin-top: 0;
}

.wrapper-outer .signup-window {
	margin: 0;
}

/* header logo */

.logo-image-circle {
	width: 110px;
	height: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border-radius: 3px;
	background: rgb(206 206 206 / 0.7);
}

.logo-image-circle img {
	max-height: 100%;
	width: auto;
	max-width: 100%;
}

/* main section in header */

.page-head-part {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	margin: 10px 0 20px;
	padding-bottom: 20px;
}

.page-head-part h2 {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	/* text-transform: uppercase; */
}

.page-head-part,
app-paginator,
.no-content-found {
	position: relative;
}

.page-head-part a,
.print_btn {
	display: block;
	color: #fff;
	background: #07183b;
	padding: 14px 40px;
	font-size: 15px;
	font-weight: 500;
	background: transparent;
	box-shadow: 0 1px 7px #000;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	padding: 8px 25px;
	font-weight: 700;
}

.page-head-part a:hover,
.page-head-part a:focus {
	background: #131633;
}

.page-head-part a:hover,
.page-head-part a:focus,
.print_btn:hover,
.print_btn:focus {
	background: rgba(255, 255, 255, 0.15);
}

.page-head-part h2,
.signup-form h2 {
	font-size: 20px !Important;
	position: relative;
	z-index: 1;
	font-weight: normal;
}

.page-head-part a img {
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0 0;
}

.button-combo a,
.print_btn {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: top;
	font-weight: 700;
}

.print_btn {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	height: 43px;
}

.page-head-part .combo-btns a {
	display: inline-block !important;
	vertical-align: middle;
}

.page-head-part h2 .tooltip.show {
	min-width: 200px;
}

/* table css */

.table {
	text-align: left;
}

.table-responsive {
	overflow: hidden;
	overflow-x: auto;
}

.table thead {
	background-color: rgba(255, 255, 255, 0.125);
}

.table thead th {
	color: #fff;
	border: 0;
	font-size: 13px;
	font-weight: 400;
	padding: 15px 5px;
}

.table tbody td {
	vertical-align: middle;
	font-size: 13px;
	color: #fff;
	padding: 10px 5px;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	word-break: break-word;
	white-space: normal;
}

table td {
	box-shadow: none !important;
}

.table tbody td a {
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

.table tbody tr:first-child td {
	border: 0;
	border-top: 0;
}

.table tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.table tbody td input[type='checkbox'] {
	display: block;
}

.table tbody td input.check {
	display: none;
}

table .login100-form-btn:hover {
	padding: 10px;
	height: auto;
}

table.table .info_detail {
    color: #fff !important;
}

/* popup design */

.modal .modal-header a.close {
  padding: 0;
  margin: 0;
  background: none;
  width: auto;
  height: auto;
  display: block;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  opacity: 1;
  position: absolute;
  right: -13px;
  top: -14px;
  font-size: 40px;
}

.modal .modal-header a.close i {
  transform: rotate(0deg);
  -webkit-ttransform: rotate(0deg);
  transition: all 0.4s;
}

.modal .modal-header a.close:hover i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.modal {
	z-index: 999999 !important;
}

.modal-mds .modal-body .input-effect {
    margin: 10px 0;
}

.modal .modal-dialog {
	width: 90%;
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	max-width: 650px;
    border-radius: 10px;
}

.modal .modal-content {
	background: rgb(10, 44, 45) !important;
	border-color: rgb(4, 23, 23) !important;
}

.modal .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  width: 100%;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.modal .modal-dialog .modal-content .modal-header {
	border-color: rgba(255, 255, 255, 0.06);
	background: rgba(255, 255, 255, 0.16);
	padding: 10px;
}

.modal .modal-dialog .modal-content .plot-graph .modal-body {
	padding: 10px;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 20px 26px 15px;
}

.modal-body .status-btn-set button:focus {
	border: 0;
	border-radius: 0;
}

.modal .button-combos {
	margin: 10px 0;
}

.modal-header .close {
	padding: 0 !important;
	margin: 0 !important;
	color: #fff;
	opacity: 1;
}

.modal-body .input-effect {
	margin: 10px 0;
}

.status-btn-set {
	margin-top: 14px;
	margin-bottom: 10px;
}

.status-btn-set button {
	background: #fff;
	padding: 8px 20px;
	margin: 0 8px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.status-btn-set button[disabled] {
    color: #000;
}

.status-btn-set button:first-child:hover {
	background: green;
	color: #fff;
}

.status-btn-set button:nth-child(2):hover {
	background: crimson;
	color: #fff;
}

.status-btn-set button:last-child:hover {
	background: #ff0000;
	color: #fff;
}

.confirmation {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

#confrm-popup .modal-body {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

#confrm-popup a {
	font-size: 20px;
	color: #fff;
}

#confrm-popup a i {
	margin: 0 0 0 18px;
}

#confrm-popup button.close {
	position: absolute;
	right: -12px;
	top: -16px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	width: 36px;
	height: 36px;
}

#confrm-popup button.close:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#confrm-popup button.close i {
	font-size: 36px;
	position: relative;
	top: -1px;
}

#confrm-popup button.close:focus {
	border: 0 none !important;
}

.modal-backdrop{
	z-index: 999999 !important
}

/* checkbox design */

input[type='checkbox']+label {
	display: block;
	margin: 0 !important;
	cursor: pointer;
	padding: 0;
	color: #fff;
}

input[type='checkbox']+label:before {
	content: '\2714';
	border: 0.1em solid #fff;
	border-radius: 0.2em;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 1.2;
	padding-left: 0;
	text-align: center;
	padding-bottom: 0;
	margin-right: 0.2em;
	vertical-align: top;
	color: transparent;
	transition: 0.2s;
}

input[type='checkbox']+label:active:before {
	transform: scale(0);
}

input[type='checkbox']:checked+label:before {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

input[type='checkbox']:disabled+label:before {
	transform: scale(1);
	border-color: #aaa;
}

input[type='checkbox']:checked:disabled+label:before {
	transform: scale(1);
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

input[type='radio'] {
	width: 20px;
}

input[type='checkbox'] {
    display: none;
}

/* portfolio Managment */

.company-listing {
	width: 100%;
	border-radius: 5px;
	background: #181a1d;
}

.company-listing .table {
	margin: 0;
}

.company-listing .table tbody td aside a {
	margin: 0 3px 0;
	color: #fff;
}

.company-listing .table tbody td aside a:hover,
.buttonContainer:hover {
	color: #c80000 !important;
}

.company-listing .table tbody td aside a.copy-report:hover {
	color: #fff !important;
}

.company-listing .table tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.company-listing .table tbody td label {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.company-listing.site-contact-list,
.company-listing.site-contact-list .signup-form {
	overflow: inherit;
}

.company-listing.site-contact-list .top-head {
	display: none;
}

.company-listing.site-contact-list .signup-window {
	margin-bottom: 20px;
}

/* site Managment */

.tabs-menu li.disabled a {
	cursor: not-allowed !important;
	position: relative;
	z-index: 100;
}

ul.tabs-menu {
	text-align: center;
	display: block;
	margin: 0 0 30px;
	padding: 0 0 30px;
	background-color: rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 2px #000;
	border-radius: 2px;
}

ul.tabs-menu li {
	display: inline-block;
	position: relative;
}

ul.tabs-menu li.disabled:before {
	content: "";
	background: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 120;
	cursor: not-allowed;
}

.tabs-menu li.disabled a {
	cursor: not-allowed !important;
	position: relative;
	z-index: 100;
}

ul.tabs-menu li a {
	font-size: 18px;
	color: #fff;
	padding: 20px 60px;
	text-align: center;
	display: block;
	border-bottom: 4px solid #bbb9b9;
	position: relative;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	font-weight: 600;
	-webkit-text-fill-color: rgba(255, 255, 255, 1);
	-webkit-opacity: 1;
	color: rgba(255, 255, 255, 1);
}

ul.tabs-menu li a:after,
ul.tabs-menu li.active a:after {
	content: '';
	position: absolute;
	bottom: -4px;
	height: 6px;
	width: 0;
	background: #717171;
	left: 0;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

ul.tabs-menu li.active a:after {
	width: 100%;
	background: #fff;
}

.icon-svg {
	width: 40px;
	height: 40px;
	text-align: center;
	margin: auto;
}

.icon-svg svg#Capa_2 {
	width: 40px;
	height: 40px;
}

.icon-svg svg {
	fill: #fff;
}

.signup-form .form-area {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.add-site-area {
	padding: 0;
	margin: auto;
	width: 100%;
}

a,
button {
	cursor: pointer;
}

legend {
	color: #fff;
	padding: 0;
	font-size: 16px;
	border: 0;
	margin: 0;
	border-radius: 5px;
	position: relative;
	margin-bottom: 5px;
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
}

legend small {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -3px;
	left: 4px;
	text-transform: initial;
	color: #fff;
}

select option {
	background: none !important;
	color: #000 !important;
}

select[multiple] option {
	color: #fff;
}

button[disabled] {
	cursor: not-allowed;
}

button[disabled]:hover:after {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 1);
}

button[disabled]:hover {
	color: #fff !important;
}

.divisional-layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
}

.side-left {
	width: 12%;
}

.side-right {
	width: 86%;
}

.logo-sec {
	height: 130px;
}

.logo-sec h5 {
	font-size: 12px;
	margin-top: 10px;
	display: none;
}

.logo-outer {
	width: 120px;
	height: 120px;
	border-radius: 0;
	overflow: hidden;
	border: 2px solid #70a094;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 14px 0;
	position: relative;
}

.logo-outer img {
	border-radius: 0;
	height: auto;
}

.avatar-upload {
	max-width: 100%;
	margin: 0;
	height: 100%;
	width: 100%;
}

.avatar-upload .avatar-edit {
	position: absolute;
	right: 3px;
	z-index: 1;
	top: 3px;
	opacity: 0;
}

.avatar-upload:hover .avatar-edit {
	opacity: 1;
}

.avatar-upload .avatar-edit input {
	display: none;
}

.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid transparent;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.80);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
}

.avatar-upload .avatar-edit input+label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
	content: '\f040';
	font-family: 'FontAwesome';
	color: #757575;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}

.avatar-upload .avatar-preview {
	position: relative;
	width: 100%;
	height: 100%;
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.avatar-upload span.close-btn {
  position: absolute;
  z-index: 10;
  background: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 3px;
  top: 42px;
  color: #757575;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.80);
}

.avatar-upload span.close-btn:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.site-contact-list .signup-form h2 {
	margin: 10px 0 20px;
	font-family: 'Nunito', sans-serif !important;
}

.inlineform {
	border: 0;
	position: relative;
	margin: 8px 0 0;
}

.inlineform:first-child {
	margin-top: 0;
}

.inlineform h3 {
	position: absolute;
	top: -23px;
	background: #222840;
	padding: 13px 15px;
	left: 0;
	right: 0;
	width: 215px;
	font-size: 18px;
	margin: auto;
	color: #fff;
	z-index: 5;
}

.inlineform h3:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.inlineform h3:after {
	right: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

fieldset.inlineform.add-fieldset {
	border: 1px solid rgba(255, 255, 255, 0.6);
	padding: 15px;
	margin-top: 15px
}

angular2-multiselect.effect-16~label {
	top: -12px;
}

/* input field css */

.input-effect {
	position: relative;
	text-align: left;
	margin: 20px 0 20px;
	line-height: 0;
}

.input-effect input[type='text'],
.input-effect input[type='password'],
.input-effect textarea,
.input-effect select,
.input-effect input[type='number'] {
	font: 13px/24px 'Nunito', sans-serif;
	color: #ccc;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 1px;
	position: relative;
	z-index: 2;
	height: 36px;
	margin: 10px 0 0;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: none;
	font-weight: 300;
}

.input-effect input[type='text'] {
	text-overflow: ellipsis;
}

.input-effect textarea {
	height: 90px;
}

.input-effect select {
	border-radius: 0;
	box-shadow: none;
	outline: none;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: url('select-icon.png') no-repeat scroll right center;
	background-size: 18px;
	cursor: pointer;
	padding-right: 24px !important;
	text-overflow: ellipsis;
}

.input-effect:focus {
	outline: none;
}

.input-effect select[multiple] {
	max-height: 117px;
	padding: 10px 15px !important;
	background: none;
	height: auto;
	overflow-y: auto;
}

.input-effect select[multiple] option {
	margin: 0 0 5px;
}

select::-ms-expand {
	display: none;
}

.effect-16~label {
	position: absolute;
	left: 0;
	width: 100%;
	top: -3px;
	color: #fff;
	transition: 0.3s;
	z-index: 9;
	letter-spacing: 0.5px;
	font-size: 14px;
}

.validationError {
	color: red;
	font-size: 12px;
	text-align: left;
	line-height: 1.0;
	font-weight: 600;
}

.input-effect .validationError {
	position: absolute;
	bottom: inherit;
	left: 0;
	margin: 5px 0 0 0;
}

.input-effect input[disabled=''],
.input-effect select[disabled=''],
.input-effect textarea[disabled=''],
form .input-disabled .select-box {
	cursor: not-allowed !important;
	opacity: 0.6;
	background: rgba(156, 156, 156, 0.27) !important;
}

input[disabled=''],
select[disabled=''],
textarea[disabled=''] {
	cursor: not-allowed !important;
	opacity: 0.8;
	background: rgba(156, 156, 156, 0.27);
}

.input-disabled .select-box {
    background-color: rgba(156, 156, 156, 0.27) !important;
    opacity: 0.6;
    font-weight: normal;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
    cursor: not-allowed;
}

.check {
	display: none;
}

.chck-btn {
	display: inline-block;
	height: 22px;
	width: 45px;
	background: #fff;
	border-radius: 50px;
	transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	position: relative;
	cursor: pointer;
}

.chck-btn::before {
	content: '';
	position: absolute;
	height: 10px;
	width: 10px;
	background: #aaa;
	top: 6px;
	left: 5px;
	border-radius: 40px;
	transition: all 0.5s ease;
}

.chck-btn::after {
	content: '';
	position: absolute;
	height: 10px;
	width: 10px;
	top: 6px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	left: 30px;
	color: white;
	transition: left 0.5s ease;
}

.chck-btn:checked+.chck-btn {
	background: #b1b1b1;
}

.check:checked+.chck-btn::before {
	background: #1b9bce;
	left: 24px;
}

.check:checked+.chck-btn::after {
	left: 28px;
	content: '';
}

span.chck-btn:focus {
	border: 0;
	outline: none;
}

label.dflt-type {
	color: #fff;
	margin: 39px 0 0;
	display: block;
}

.dflt-type label {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
}

.dflt-type span.chck-btn {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.disabledToggle {
	cursor: not-allowed;
}

/* tabmenu right icon */

.enable_form_journey {
	position: absolute;
	right: 45px;
	top: 45px;
	z-index: 999;
	width: 90px;
}

.enable_form_journey a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.enable_form_journey a i {
	width: 100%;
}

i.view-edit-icon img,
i.view-edit-icon svg {
	width: 17px;
	height: 17px;
	position: relative;
	top: 4px;
}

i.view-edit-icon img {
	top: -1px;
}

a.backButton {
	display: inline-block;
	background: rgba(0, 0, 0, 0.81) !important;
	color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 33px;
	transition: all 0.3s ease-in-out;
	border:none;
	box-shadow:none;
}

a.backButton:hover,
.editDisable:hover {
	background: #fff !important;
	color: #000 !important;
}

.editDisable {
	display: inline-block;
	background: rgba(0, 0, 0, 0.81) !important;
	color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	margin: 0 5px 0;
	line-height: 33px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

i.fa.fa-pencil {
	cursor: pointer;
}

.info_detail_tag{
  margin-right: 15px;
  color: white;
  position: relative;
  top: 2px;
}

/* site managemnt */

.site-default-data button.login100-form-btn {
	display: inherit !important;
	margin: 0 auto !important;
}

.default-data .text-data {
  color: #ffffff !important;
}

.default-data .search input#search-input {
    color: #fff;
}

.default-data input#search-input::-moz-placeholder {
    color: #fff;
}

.default-data input#search-input::placeholder {
    color: #fff;
}

.chartdiv {
	height: 100% !important;
	width: 100% !important;
	min-height: 400px;
}

svg {
	font-family: 'ArialRoundedMTStd' !important;
}

.grid-stack-item-content>div,
.grid-stack-item-content {
	height: 100%;
}

.grid-stack>.grid-stack-item>.ui-resizable-se {
	color: yellow;
}

.black-overlay {
	position: fixed !important;
	z-index: 99999999 !important;
	width: 100%;
	height: 100%;
	cursor: disabled;
}

.black-overlay>div {
	z-index: 99999999 !important;
	position: relative;
}

.combo-btns .input-effect {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
	width: 200px;
}

.combo-btns .input-effect select {
	margin: 0;
	height: 43px;
	border-radius: 5px;
	border-color: rgba(255, 255, 255, 0.6);
}

select option:disabled {
	background: #ddd !important;
	color: #000 !important;
}

label.time-label {
    color: #fff;
}

.required {
	color: red;
	font-size: 20px;
	line-height: 0;
	padding: 0px 1px;
}

.loadingText {
	font-size: 18px;
	color: white;
	margin-bottom: 200px !important;
	margin-right: 220px !important;
}

.signup-form,
.company-listing,
.view-page,
.query-preview,
.all-queries {
	background-size: cover !important;
	background-position: center !important;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.company-listing,
.query-preview,
.signup-form,
.view-page {
	border-radius: 15px;
}

.query-preview,
.all-queries {
	margin: 0;
}

.bldng {
	width: 40px;
	top: -4px;
	font-size: 46px;
	position: relative;
	z-index: 11;
}

/*-------------------------------------PAgination--------------------*/

app-paginator {
	width: 100%;
	text-align: right;
	margin: 20px 0 0;
	display: block;
}

app-paginator select {
	width: 75px;
	height: 40px;
	color: #fff;
	border-color: #fff !important;
}

app-paginator button.round {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	font-size: 18px;
	padding: 0;
	display: inline-block;
	margin: 0 0 0 15px;
	vertical-align: middle;
	color: #000;
	text-align: center;
	line-height: normal;
	position: relative;
}

app-paginator button.round i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	right: 0;
}

app-paginator button.round:hover {
	color: #000 !important;
}

app-paginator .input-effect {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	margin: 0 5px 0 0;
	position: relative;
	top: 0;
}

app-paginator .input-effect select {
	border: 1px solid #6b6b6b !important;
	height: 30px;
	display: inline-block;
	padding: 0 10px !important;
	background-position: 90%;
	border-radius: 5px;
	background-size: 13px;
	margin: 0;
}

/* chart Dashboard widget */

a.filter-btn {
	position: absolute;
	right: 37px;
	color: #fff;
	top: 1px;
	font-size: 20px;
	z-index: 10;
}

.rating-widget {
  width: 100%;
}

.rating-widget h2 {
  font-size: 24px;
  color: #fff;
}

.rating-widget h2 span:hover ~ p {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 250px;
}

.rating-widget h2 span{
	cursor:default;
}

.icon1 a.filter-btn svg, .icon2 a.filter-btn svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.icon1 a.filter-btn svg {
  width: 21px;
}

.icon1 a.filter-btn, .icon2 a.filter-btn {
    position: static;
}

.chart-series-filter.icon2 {
  position: absolute;
  right: 30px;
  z-index: 9;
}

.default-view-dropdown.icon1{
    position: absolute;
    right: 6px;
    z-index: 10;
}

.icon1  .input-effect{
    position: absolute;
    right: 0;
    width: 140px;
    top: 40px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.icon1 .input-effect, .icon1  .input-effect select {
    margin: 0 !important;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
}

/* chart button */

li.default-view-check-li {
    width: 100%;
    float: left;
}

input.default-view-check {
    float: left;
	margin: 6px;
	display: block;
}

.default-view-check-li a:hover {
    background: none;
    color: #000 !important;
}

li.default-view-check-li.active a {
    background: transparent !important;
    color: #000 !important;
}

.default-cost-ciew-chart.icon {
    position: relative;
    padding-top: 17px;
    padding-bottom: 7px;
}

.default-cost-ciew-chart.icon a {
    position: absolute;
    right: 57px;
    padding: 5px 8px;
    cursor: pointer;
    top: 22px;
}

.show-cost-series-button svg {
    width: 25px;
    height: 25px;
    fill: #fff;
}

.wrap-chart-div {
  position:static;
  width: 100%;
  height: 430px;
  padding-top: 30px !important;  
}

.chartdiv,
.highcharts-container {
	margin: 0 !important;
	overflow: visible !important;
	z-index: 2 !important;
}

.chartdiv svg,
.highcharts-container svg {
	position: relative;
	z-index: 999999;
	width: 100%;
	overflow: visible !important;
}

.outer-box {
	position: relative;
	height: 100%;
	min-height: 300px;
}

rect.highcharts-background {
	fill: transparent;
}

text.highcharts-title {
	fill: #fff !important;
}

/* object chart meter tabel */

.objects-section {
	margin: 15px 0 0;
}

.objects-section table td {
	color: #fff;
}

.objects-section table td input[type='checkbox'] {
	width: auto;
	height: 15px;
}

.objects-section table td input,
.objects-section table td select {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.15);
	height: 28px;
	color: #fff;
	text-align: center;
	padding: 0 3px;
	width: 55px;
}

.objects-section table td input:focus,
.objects-section table td select:focus {
	border-color: #1e90ff !important;
}

.objects-section table td button.buttonContainer {
	margin-top: 5px;
}

.objects-section table td button.buttonContainer:focus {
	border: none !important;
}

.objects-section table th:last-child,
.objects-section table td:last-child {
	text-align: center;
}

.objects-section table thead th:nth-child(2), .objects-section table tbody td:nth-child(2){
    min-width: 80px !important;
    padding-left:0px;
	padding-right:0px;
	word-break: break-all;
}

.objects-section table thead th:nth-child(3), .objects-section table tbody td:nth-child(3) {
    width: 100px !important;
    min-height: 285px !important;
    height: auto !important;
}

.objects-section table tbody td:nth-child(9), .objects-section table tbody td:nth-child(8), .objects-section table tbody td:nth-child(7){
    min-width: 80px !important;
    padding-left:0px;
	padding-right:0px;
	word-break: break-all;
}

.objects-section table thead th:nth-child(10), .objects-section table tbody td:nth-child(10), .objects-section table thead th:nth-child(11), .objects-section table tbody td:nth-child(11){
    width: 80px !important;
    padding-left:0px;
	padding-right:0px;
	
}

.objects-section table thead th:nth-child(9),
.objects-section table tbody td:nth-child(9),
.objects-section table thead th:nth-child(8),
.objects-section table tbody td:nth-child(8),
.objects-section table thead th:nth-child(7),
.objects-section table tbody td:nth-child(7) {
  min-width: 70px !important;
  padding-left: 0px;
  padding-right: 0px;
  word-break: break-all;
}

.objects-section table th:last-child {
  min-width: 80px;
}

.objects-section table td:nth-child(11) .selected-list .c-btn {
    margin-left: 5px;
}

.object-selected-color {
	width: 13px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 35px;
	margin: 0 5px 0 0;
	position: relative;
	top: 0;
	z-index: -1;
}

.object-selected-color ~ .name-obj {
  width: 77%;
}

.objects-table .input-effect input {
	padding-right: 15px;
}

.cuppa-dropdown {
	position: relative;
	margin: 0px !important;
	height: auto !important;
}

table td .cuppa-dropdown {
	margin: 0 !important;
	height: 28px !important;
}

.cuppa-dropdown input.c-input {
	text-align: left;
}

.cuppa-dropdown input.c-input, table td .cuppa-dropdown input.c-input {
	border: 0 !Important;
}

.c-btn {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	color: #ccc !important;
	min-height: 36px !important;
	font: 13px/24px 'Nunito', sans-serif;
	background: transparent !important;
	min-width: 75px;
	box-shadow: none !important;
	outline: none !important;
	border-radius:0px !important;
}

table td .c-btn {
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	min-height: 28px !important;
}

table td .selected-list .c-btn {
	width: 115px;
	padding: 5px !important;
	margin-right: 5px;
}

.selected-list .c-angle-down svg,
.selected-list .c-angle-up svg {
	width: 18px !important;
	fill: #dcdcdc !important;
	height: 13px !important;
}

.selected-list .c-btn.disabled {
	cursor: not-allowed !important;
	opacity: 0.6;
	background: rgba(156, 156, 156, 0.27) !important;
}

.dropdown-list ul li {
	border: 2px solid transparent !important;
	color: #000;
	padding: 0px 10px !important;
    cursor: pointer;
    text-align: left;
    line-height: 29px;
}

.dropdown-list ul li label {
  cursor: pointer;
  word-break: break-word;
}

/* .border-radius-0 .dropdown-list ul li {
	padding: 10px 5px !important;
} */

.border-radius-0 .selected-list .c-btn {
    border-radius: 0;
}

.dropdown-list ul li:hover {
	background: #1e90ff !important;
	border: 2px solid #000 !important;
	color: #fff !important;
}

.dropdown-list ul li.selected-item {
	background: #1e90ff !important;
	border: 2px solid #000 !important;
}

/*-----------------------------------------Flash messages -------------------------------------------------------*/

.alert-popup {
	position: fixed !important;
	width: calc(50% - 255px);
	top: 70px;
	z-index: 999;
	right: 0;
	margin: auto;
	text-align: center !important;
}

.alert-danger {
	background-color: rgba(232, 100, 100, 0.8) !important;
	border-color: #e86464 !important;
	color: #fff !important;
}

.alert a.close {
	color: #ffff !important;
}

.alert-success {
	background-color: rgba(23, 165, 76, 0.8) !important;
	border-color: #17a54c !important;
	color: #fff !important;
}

.alert {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	position: fixed;
	top: 80px;
	right: 50px;
	width: 100%;
	max-width: 600px;
	text-align: center;
	animation: alert 0.5s 1;
	-webkit-animation: alert 0.5s 1;
	animation-fill-mode: forwards;
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
	-webkit-animation-fill-mode: forwards;
}

@keyframes alert {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@-webkit-keyframes alert {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* metar dashboard */

.window1 {
  width: 39.5%;
  height: 500px;
}

.window2 {
  width: 60%;
  height: 500px;
}

.area-dashboard {
  width: 100%;
  height: 100%;
}

.top-part,
.bottom-part {
  width: 100%;
  display: block;
}

.bottom-part {
  margin: 5px 0 0;
}

.one-third-window:last-child {
  border: 0;
}

.one-third-window h3 {
  color: #fff;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 15px;
  font-size: 18px;
}

.one-third-window h5 {
  color: #fff;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
}

.one-two-window {
  width: 49.5%;
  height: 250px;
  background: #212a40;
  position: relative;
  background-size: cover;
  display: inline-block;
  margin-right: -4px;
}

.bottom-part .one-two-window:last-child {
  margin-left: 1%;
}

.one-three-window {
  width: 25.95%;
  height: 100%;
  display: inline-block;
  margin-right: 0.5%;
}

.one-fourth-window {
  width: 20%;
  height: 100%;
  margin-right: -4px;
  display: inline-block;
}

.circle {
  fill: none;
}

.outline,
#mask,
#mask1,
#mask2 {
  stroke-width: 17px;
  opacity: 1;
}

.outline {
  stroke: #676767;
  opacity: 0.4;
  stroke-dasharray: 3px;
}

.range {
  stroke-width: 17px;
}

#slider,
#slider1,
#slider2,
#lbl,
#lbl1,
#lbl2 {
  position: absolute;
}

#slider,
#slider1,
#slider2 {
  cursor: pointer;
  left: 0;
  margin: auto;
  right: 0;
  top: 58%;
  width: 94%;
}

#lbl,
#lbl1,
#lbl2 {
  background-color: transparent;
  border-radius: 2px;
  color: white;
  font-family: 'courier new';
  font-size: 20px;
  font-weight: bold;
  padding: 4px 4px 2px 4px;
  right: 0;
  top: 88px;
  left: 0;
  width: auto;
  margin: auto;
  text-align: center;
}

#meter_needle1,
#meter_needle2 {
  height: 40%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10%;
  transform-origin: bottom center;
  transform: rotate(270deg);
  z-index: 5;
}

#meter_needle {
  height: 40%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 14%;
  transform-origin: 53% 86%;
  transform-box: fill-box;
  z-index: 5;
}

g#Layer_6 {
  transform-origin: 51% 54%;
  transform: rotate(277deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.set-of-btns {
  top: 0;
  width: 100%;
}

.set-of-btns button {
  padding: 10px 20px;
  background: #fff;
  margin: 10px;
  border-radius: 3px;
}

.one-third-window {
  width: 33.33%;
  height: 242px;
  background: #1f262c;
  position: relative;
  background-size: cover;
  border-right: 3px solid #211e1e;
  display: block;
  margin-right: -4px;
  overflow: hidden;
}

#grid-container .window3 {
  border: 0;
  box-shadow: none;
  width: 100%;
}

.window3 {
   width: 400px;
   background: transparent;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.77);
   position: relative;
   height: 100%;
   text-align: center;
   min-height:285px !important;
   height: auto !important;
}

/*energy meter*/

#energy,
#gasmeter,
#watermeter,
.energy-hybrid-meter {
  position: relative;
  margin: auto;
  z-index: 1;
  top: 0;
  height: calc(100% - 60px);
}

#meter,
#meter1,
#meter2,
.hybrid-meter {
  width: 100%;
  height: 100%;
  transform: rotateX(180deg);
}

#slider,
#slider1,
#slider2,
#lbl,
#lbl1,
#lbl2 {
  position: absolute;
}

#slider,
#slider1,
#slider2 {
  cursor: pointer;
  left: 0;
  margin: auto;
  right: 0;
  top: 58%;
  width: 94%;
}

#lbl,
#lbl1,
#lbl2 {
  background-color: transparent;
  border-radius: 2px;
  color: white;
  font-family: 'courier new';
  font-size: 20px;
  font-weight: bold;
  padding: 4px 4px 2px 4px;
  right: 0;
  top: 88px;
  left: 0;
  width: auto;
  margin: auto;
  text-align: center;
}

#meter_needle1,
#meter_needle2 {
  height: 40%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10%;
  transform-origin: bottom center;
  transform: rotate(270deg);
  z-index: 5;
}

#gauge-meter,
svg[id^='gauge-meter'] {
  z-index: 10;
  margin: auto;
  display: block;
  height: auto;
  max-height: 90%;
  margin: 10px auto 0;
  top: -10px;
  position: relative;
}

.right-w {
  color: #ffffff;
  position: relative;
  font-size: 12px;
  display: block;
  margin-top: 20px;
}

p.meter-value {
  word-break: break-all;
  width: 101px;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  line-height: normal;
  padding: 4px 5px;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 39px;
  border-radius: 3px;
}

.outer-box.panel-fullscreen p.meter-value {
  transform: scale(2);
  -webkit-transform: scale(2);
}

#energy,
#gasmeter,
#watermeter,
.energy-hybrid-meter {
  position: relative;
  margin: auto;
  z-index: 1;
}

#meter,
#meter1,
#meter2,
.hybrid-meter {
  width: 100%;
  height: 100%;
  transform: rotateX(180deg);
  top: -50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.circle {
  fill: none;
}

.outline,
#mask,
#mask1,
#mask2,
.hybrid-mask {
  stroke-width: 17px;
  opacity: 1;
}

#slider,
#slider1,
#slider2,
#lbl,
#lbl1,
#lbl2 {
  position: absolute;
}

#slider,
#slider1,
#slider2 {
  cursor: pointer;
  left: 0;
  margin: auto;
  right: 0;
  top: 58%;
  width: 94%;
}

#lbl,
#lbl1,
#lbl2 {
  background-color: transparent;
  border-radius: 2px;
  color: white;
  font-family: 'courier new';
  font-size: 20px;
  font-weight: bold;
  padding: 4px 4px 2px 4px;
  right: 0;
  top: 88px;
  left: 0;
  width: auto;
  margin: auto;
  text-align: center;
}

#meter_needle1,
#meter_needle2 {
  height: 40%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 10%;
  transform-origin: bottom center;
  transform: rotate(270deg);
  z-index: 5;
}

input[type='range'] {
  -webkit-appearance: none;
}

input[type='range']:focus {
  outline: none;
}

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #f6f6f6;
  border-radius: 25px;
  box-shadow: 0 0 0 1px #f6f6f6;
}

input[type='range']::-webkit-slider-thumb {
  box-shadow: 0 0 2px #b2b2b2;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}

input[type='range']:focus::-webkit-slider-runnable-track {
  background: #f6f6f6;
}

input[type='range']::-moz-range-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  background: #f6f6f6;
  border-radius: 25px;
}

input[type='range']::-moz-range-thumb {
  box-shadow: 0 0 2px #b2b2b2;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  background: #fff;
  cursor: pointer;
}

input[type='range']::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
}

input[type='range']::-ms-fill-lower {
  background: #f6f6f6;
  border-radius: 50px;
}

input[type='range']::-ms-fill-upper {
  background: #f6f6f6;
  border-radius: 50px;
}

input[type='range']::-ms-thumb {
  height: 30px;
  width: 30px;
  top: 5px;
  position: relative;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 2px #b2b2b2;
}

input[type='range']:focus::-ms-fill-lower {
  background: #f6f6f6;
}

input[type='range']:focus::-ms-fill-upper {
  background: #f6f6f6;
}

span.flash {
  color: #f26a41;
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
}

#lbl small,
#lbl1 small,
#lbl2 small {
  font-size: 11px;
  color: #f26a41;
}

.value-points {
  position: absolute;
  top: 135px;
  width: 100%;
  z-index: 5;
}

span.min-value {
  color: #f26a41;
  position: absolute;
  left: -7px;
  width: 115px;
  text-align: center;
}

span.max-value {
  color: #f26a41;
  position: absolute;
  right: -7px;
  width: 115px;
  text-align: center;
}

.value-info {
  position: absolute;
  top: 152px;
  width: 100%;
  z-index: 5;
}

.value-info .list {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin: 4px 0 0;
}

.value-info .list label {
  color: #fff;
}

.value-info .list span {
  color: #8bc911;
}

.value-info .list span small {
  color: #fff;
}

#canvasPressure {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.hide-circle {
  width: 100%;
  height: 100px;
  position: absolute;
  background: #1f262c;
  bottom: 30px;
  z-index: 3;
}

.card {
  position: relative;
}

g[id^='Layer_5'] {
  transform-origin: 51% 54%;
  transform: rotate(277deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.set-of-btns h2 {
  font-size: 16px;
  color: #fff;
  padding: 0 10px;
}

#grid-container .content-wrapper {
  padding: 0;
  height: 100%;
  width: 100%;
}

.one-third-window.set-of-btns h3 {
  font-size: 14px;
}

.widget-layout-blocks {
  display: flex;
  justify-content: space-between;
}

.reading-blocks {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1%;
  margin: 0 auto;
  width: 96%;
  height: calc(100% - 45px);
}

.common-block h6,
.common-block h3 {
  color: #fff;
  font-size: 14px;
}

.common-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin: 0;
  height: 14.285%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.62);
}

.common-block:last-child {
  border: 0;
}

ul.category-elements li label.disableLabel {
  cursor: not-allowed !important;
  color: rgba(0, 0, 0, 0.6);
}

.hiddenElements {
  margin-top: 10px;
}

table td .list-filter {
  padding-right: 30px;
}

.one-third-window,
.window.one-fourth-windows {
  word-break: break-word;
  height: calc(100% - 30px); 
  position: static;
}

.window.one-fourth-windows.energy-hybrid-meter {
    height: calc(100% - 70px);
}

.outer-box.panel-fullscreen .window.one-fourth-windows.energy-hybrid-meter  {
    height: calc(100% - 70px);
}

[data-sa-theme='4'] .rating-widget h2,
[data-sa-theme='4'] .map-title {
  margin-bottom: 5px;
  width: 100% !important;
}

.alertMsgErr {
  padding: 7px 15px;
  position: fixed;
  top: 73px;
  right: 30px;
  border-radius: 3px;
  background-color: rgba(232, 100, 100, 0.8) !important;
  border-color: #e86464;
  color: #fff;
  z-index: 9999;
  font-size:14px !important;
}

[data-sa-theme='4'] .show-cost-series-button svg {
    fill: #000;
}

app-chart-series-filter .col-md-3 .select-box {
  height: 25px !important;
  line-height: 25px !important;
  margin: 0px !important;
}

[data-sa-theme='4'] .highcharts-selection-marker {
  stroke: #b7b7b7 !important;
}

.energy-hybrid-meter svg {
  height: 100% !important;
}

.panel-fullscreen .one-fourth-windows h5 {
  font-size: 16px !important;
}

.objects-section table th:last-child {
  min-width: 65px !important;
}

.meter-outer {
	background: transparent !important;
	margin-top: 0;
	display: flex;
	justify-content: center;
	min-height: 250px !important;
}

.outer-box.panel-fullscreen .meter-outer .meter-info p {
    font-size: 18px !important;
}

.outer-box.rating-widget.panel-fullscreen .meter-values table th, .outer-box.rating-widget.panel-fullscreen .meter-values table td {
    padding: 8px !important;
    font-size: 14px !important;
}

/* map title */

.rating-widget h2, .map-title {
	padding-top: 10px;
	min-height: 32px;
	padding: 8px 44px 8px 44px !important;
	margin-bottom: 5px;
	width: 100% !important;
	background: rgba(0, 0, 0, 0.18);
	color: #fff;
	font-size: 16px;
  	margin: 0 auto;
	text-align: center;
	padding: 0 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rating-widget widget-header h2.map-title {
  margin-bottom: 5px;
}

.site-query>widget-header h2.map-title {
	padding: 7px 48px 7px 10px !important;
}

widget-header[_ngcontent-c24] h2.map-title {
  width: auto !important;
  line-height: 14px;
}

.outer-box.panel-fullscreen widget-header h2.map-title {
  margin: 0 0px 5px !important;
}

.map-title {
	padding-top: 10px;
}

.about-widget h2.map-title {
	margin-bottom: 5px;
}

.outer-box.panel-fullscreen .map-title {
	padding-top: 0;
}

.container.only-chart-overflow widget-header h2.map-title {
  padding: 5px 60px 5px 10px !important;
  margin-bottom: 5px;
  margin: 0;
  width: auto !important;
  line-height: 22px;
}

/* meter end */

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

.cdk-overlay-container {
	display: none;
}

h3.compHeading {
	color: #ffff;
}

app-company-view {
	height: 100%;
}

/*Sticky footer css*/

.footer {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	padding: 10px;
}

.footer span.text-muted {
	text-transform: capitalize;
}

.footer-sec button.sim-button.button13.login100-form-btn.pull-right {
	margin-bottom: 0px;
}

/********Main panel head css************/

.main-panel {
	padding-bottom: 60px;
	margin-left: 265px;
	z-index: inherit !important;
	/* margin-top: 50px; */
}

.main-panel .btn-setting {
	position: absolute;
	right: 20px;
}

.main-panel-head {
	background: rgba(13, 18, 26, 0.3);
	display: flex;
	padding: 25px 10px;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}

.main-panel-head h2 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	flex: 0 100%;
	width: 100%;
	line-height: 0;
	text-transform: capitalize;
	padding-right: 15px;
}

.main-panel-head ul {
	flex: 0 100%;
	text-align: left;
	position: absolute;
	left: 10px;
}

.main-panel-head li {
	color: #e4e4e4;
	font-size: 12px;
	display: inline-block;
	position: relative;
	margin: 0 20px 0 0;
	vertical-align: middle;
	line-height: 2;
}

.main-panel-head li a {
	color: #aeafb3;
	font-size: 12px;
	text-transform: capitalize;
}

.main-panel-head li:after {
	content: '\f105';
	color: #fff;
	right: -13px;
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
}

.main-panel-head li:last-child:after {
	display: none;
}

.top-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-head .btn-info {
	box-shadow: none !important;
	outline: inherit !important;
	border: 0;
	display: block;
	color: #fff;
	padding: 14px 40px;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	margin-left: 10px;
	background: transparent;
	box-shadow: 0 1px 7px #000;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 5px;
}

.top-head .btn-info:hover {
	color: #fff;
	background: #131633 !important;
}

.user-management .main-panel-head ul {
	left: 45px;
}

.user-management .main-panel-head .btn-setting {
	right: 45px;
}

/*---------------------------------------NO Record found-------------------------------------------------------------------*/

.noUser {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 20px;
}

.no-content-found {
	text-align: center;
	color: #fff;
	padding: 5px;
	position: static !important;
	bottom: 0;
	width: 100%;
	font-size: 14px;
}

/*---------------------------------------End of NO Record found-------------------------------------------------------------------*/

.logo {
	visibility: hidden;
	width: 1px;
	height: 1px;
	display: block;
}

.Logo {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 10px;
}

.role-btns button {
  margin: 0 20px;
}

/********************************************Switch button style css********************************************/

p.noteinfo {
	color: #fff;
	width: 100%;
	font-size: 14px;
	text-align: left;
}

p.noteinfo label {
	display: inline-block;
	margin: 0 15px;
	font-size: 16px;
	font-weight: 600;
}

.view-page p span {
	word-break: break-all;
}

ul.policies {
	display: block;
	width: 100%;
	clear: both;
	text-align: left;
	margin: 10px 0 0;
}

.policies li {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	width: 31%;
	margin: 5px 1%;
	position: relative;
	padding-left: 20px;
}

.policies li:before {
	content: '\f105';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	font-family: fontAwesome;
	margin: 0 0 0;
}

.policies li span {
	margin: 2px 0 0;
	display: block;
}

.form-area h4 {
	color: #fff;
	font-size: 24px;
}

.errMessages {
	color: #fff;
	background: rgba(255, 0, 0, 0.5);
	padding: 10px;
	border: 1px solid #ff0000;
	margin: 10px 0 0;
	text-align: center;
}

.succesMessages {
	color: #fff;
	background: rgba(26, 192, 97, 0.75);
	padding: 10px;
	border: 1px solid rgba(19, 183, 35, 0.94);
	margin: 10px 0 0;
	text-align: center;
}

.signup-form {
	background-size: cover !important;
	padding: 10px 20px !important;
	position: relative;
	background: #181a1d;
	border-radius: 10px;
	background-size: inherit !important;
	max-width: 850px;
	text-align:center;
}

.nav-profile a.dropdown-item {
	cursor: pointer;
}

.inlineform h3 {
	background: #181a1d !important;
}

.login100-form .input-effect {
	margin-bottom: 20px;
	margin-top: 0;
}

.signup-window .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

.signup-form {
  width: 100%;
  max-width: 560px;
  padding: 40px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  text-align: center;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
}

.signup-form .form-area .add-site-area figure.icon {
  width: 65px;
}

.signup-form .form-area figure {
  margin: 0;
}

.signup-form .form-area figure.icon {
  width: 82px;
  margin: 15px auto 0;
}

.signup-form h2 {
	width: 100%;
	margin-top: 30px;
	font-size: 28px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.signup-form.policy-mapping.wow.bounce h2 {
	margin-top: 0px !important;
}

h2.heading_list {
	margin: 0 0 20px;
	color: #fff;
}

.signup-form,
.company-listing,
.view-page {
	padding: 10px 20px;
}

.content-wrapper {
	padding: 0 20px !important;
	background: transparent;
}

.query-engine h1 {
	font-size: 24px;
}

.button-combos a {
	text-decoration: none !important;
}

.query-engine .qry-btn {
	margin-top: 32px;
}

.all-queries.second-version {
	margin-top: 25px;
}

.list {
	display: block;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.query-boxes .running-qry-block .expand-block {
	display: none;
}

button.qry-btn {
	background-color: rgba(255, 255, 255, 0.125);
	color: #fff;
	padding: 15px 30px;
	text-transform: uppercase;
	font-size: 13px;
	margin-top: 10px;
	border-radius: 5px;
}

button.qry-btn:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

.signup-form,
.container {
	max-width: 100% !important;
}

.container {
	padding: 0;
}

.signup-form .form-area form.new-form,
.signup-form .form-area form {
	width: 100%;
	margin: 0 !important;
}

.view-page p label {
	width: 175px;
}

.view-page.view-full .full-area p span {
	width: 47%;
}

.gauge-meter tspan {
	fill: #000 !important;
}

.gauge-meter .highcharts-title tspan {
	fill: #fff !important;
}

.content-wrapper .charts .content-wrapper {
	padding: 0;
}

.highcharts-tooltip tspan {
	fill: #000 !important;
	font-family: 'Nunito', sans-serif !important;
	font-weight: bold;
}

.query-preview,
.all-queries {
	position: relative;
}

.panel-fullscreen .chartdiv,
.panel-fullscreen .highcharts-container {
	height: 100%;
	margin: 0;
}

.gauge-meter svg.highcharts-root text {
	fill: #000 !important;
}

text.highcharts-title tspan {
	color: #fff;
	font-size: 16px;
}

text.highcharts-axis-title tspan {
	color: #fff !important;
	font-weight: 500;
	fill: #fff;
	font-size: 11px;
}

.highcharts-axis-labels text {
	fill: #fff !important;
	letter-spacing: 1px;
}

text.highcharts-credits {
	display: none;
}

g.highcharts-axis-labels.highcharts-xaxis-labels {
  transform: translate(0px, 1px) !important;
}

.zoom-icon {
	opacity: 1 !important;
	position: absolute;
	right: 5px !important;
	z-index: 999;
	color: #fff;
	top: 5px !important;
	border: 0 none !important;
	padding: 0px 5px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 17px;
}

.zoom-icon:hover {
	opacity: 0.8;
}

.zoomout {
	display: none;
	right: 5px;
	top: 5px;
}

.panel-fullscreen {
	position: absolute;
	right: 10px;
	font-size: 20px;
	color: #fff;
	z-index: 9999;
	top: 5px;
}

.outer-box.panel-fullscreen {
	display: block;
	z-index: 999999 !important;
	position: fixed !important;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto !important;
	padding: 0;
}

.only-chart-overflow .outer-box.panel-fullscreen {
	overflow: hidden !important;
}

.outer-box.panel-fullscreen .chartdiv {
	height: 98% !important;
}

.outer-box.panel-fullscreen .window.one-fourth-windows {
	height: 100%;
}

.outer-box.panel-fullscreen .rating-widget h2 span:hover ~ p {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 250px;
}

.codepen--center {
	overflow: hidden;
}

.dz-progress {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
}

.dz-upload {
	border-radius: 3px;
	height: 5px;
	background: #bce29e;
	display: block;
	clear: both;
}

.dz-upload[style='width: 100%;'] {
	display: none;
}

.dz-filename,
.dz-size,
.dz-success-mark,
.dz-error-mark {
	display: none;
}

.dz-complete.dz-success .dz-success-mark,
.dz-complete.dz-error .dz-error-mark {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0px;
	text-shadow: 1px 1px white;
}

.dz-error .dz-error-mark {
	color: red;
}

.dz-success .dz-success-mark {
	color: green;
}

.shubox--form {
	padding: 0;
	text-align: left;
}

.shubox--upload-target {
	margin-right: 0;
	margin-bottom: 1rem;
	display: inline-block;
	text-align: center;
	width: 4rem;
	height: 4rem;
	border: dashed 3px gray;
	cursor: pointer;
}

.shubox--upload-target:hover {
	border-color: silver;
}

.shubox--upload-target:before {
	content: 'Drag && Drop || Click';
	font-size: 0.6rem;
	color: silver;
	display: block;
	font-family: courier;
	margin-top: 0.4rem;
	line-height: 1rem;
}

.shubox--upload-preview {
	overflow: hidden;
}

.dz-image-preview {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	margin-right: 1rem;
}

.dz-filename,
.dz-size,
.dz-progress,
.dz-success-mark,
.dz-error-mark,
.dz-error-message {
	display: none !important;
}

.dz-preview.dz-image-preview.dz-processing.dz-error.dz-complete {
	display: inline-block;
	width: 64px;
	margin: 0 5px 0;
}

.shubox--upload-preview {
	width: 90%;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.shubox--container {
	width: 93%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 10px;
}

.all-queries .table-responsive {
	margin-top: 12px;
}

select.effect-16[multiple],
select.effect-16[multiple] option {
	background: rgba(255, 255, 255, 0.22) !important;
	padding: 3px;
	color: #fff;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
	overflow: hidden;
	border: #737171 solid 2px;
	box-shadow: 0 0 10px #000000;
	border-radius: 4px;
}

.all-queries {
	max-height: 100%;
}

text.highcharts-title {
	font-size: 12px !important;
}

.filters-section {
	border-bottom: 0 !important;
}

/*-----------------------------------------Logo and image design-------------------------------------------*/

.Logo {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 10px;
	word-break: break-all;
}

.add-gallery-sec {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 3px 0 0;
}

.add-gallery-sec .input-effect {
	margin: 0;
}

[data-sa-theme='4'] .add-gallery-sec input#images {
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: #000;
}

.fa-eye:before {
	color: white;
}

.subcategory-container label,
.comparisonSubcategory-container label,
.subcategory label {
	left: 0;
	width: 100%;
	color: #fff;
	transition: 0.3s;
	z-index: 1;
	letter-spacing: 0.5px;
	font-size: 14px;
	text-align: left;
	position: relative;
	top: 8px;
	line-height: 1.45;
}

.select-box {
	font: 13px/24px 'Nunito', sans-serif;
	width: 100%;
	cursor: pointer;
	padding: 0 10px;
	position: relative;
	color: #ccc;
	text-align: left;
	padding-right: 20px !important;
	display: block;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.4);
	height: 36px;
	margin: 10px 0;
	line-height: 36px;
	word-break: break-word;
	outline: 0px;
}

.subcategory-container .select-box {
	margin: 8px 0;
	background: none !important;
}

.select-box i:before {
	background: url('select-icon.png') no-repeat scroll right center;
	content: '';
	width: 18px;
	height: 19px;
	position: absolute;
	background-size: 100%;
}

.select-box i img {
	display: none;
}

.list .select-box {
	top: 24px;
	z-index: 20;
}

.select-box i {
	position: absolute;
	right: 5px;
	width: 13px;
	top: 9px;
}

/* category-elements */

.subcategory {
	position: relative;
}

ul.category-elements hr {
	margin: 4px 0;
	display: block;
	border: 1px solid #fff;
}

ul.category-elements li.container-name {
	border: 0 !important;
	font-size: 14px !important;
	font-weight: 500;
}

.category-elements input[type='radio'] {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.category-elements input[type='radio']~label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	width: 85%;
	margin: 0 !important;
	word-break: break-word;
	white-space: normal;
}

.langugae-selection .category-elements input[type='radio']~label {
	width: 85%;
}

ul.category-elements {
	border: 1px solid #ddd;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	text-align: left;
	max-height: 180px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	z-index: 10;
}

ul.category-elements li {
	list-style: none;
	cursor: pointer;
	font-size: 13px;
	border-bottom: 1px solid #b1acac;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color: #000;
	word-break: break-word;
	position: relative;
	padding: 0 0 0 5px;
	min-height: 30px;
	line-height: 30px;
}

ul.category-elements li:hover {
	color: #fff;
}

ul.category-elements li:last-child {
	border: 0;
}

.category-elements input[type='checkbox'] {
    display: none;
}

ul.category-elements li b {
	padding-left: 25px;
}

ul.category-elements li p {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	color: #fff;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
}

ul.category-elements li label {
	display: flex;
	width: 100%;
	cursor: pointer !important;
	position: static;
	color: #000;
	padding: 4px 0 5px;
	align-items: center;
}

ul.category-elements li label:before {
	border-color: #000 !important;
}

ul.category-elements li input[type='checkbox'] {
	margin-right: 5px;
}

.category-elements label {
	display: inline-block;
	cursor: pointer;
}

.content-wrapper .content-wrapper {
	padding: 0 !important;
}

/* end */

.alertMsg {
	padding: 7px 15px;
	position: fixed;
	top: 73px;
	right: 30px;
	border-radius: 3px;
	background-color: rgba(23, 165, 76, 0.8) !important;
	border-color: #17a54c;
	color: #fff;
	z-index: 9999;
	font-size: 16px !important;
}

.hideMsg {
	display: none !important;
}

.alertMsgErr {
	padding: 7px 15px;
	position: fixed;
	top: 73px;
	right: 30px;
	border-radius: 3px;
	background-color: rgba(232, 100, 100, 0.8) !important;
	border-color: #e86464;
	color: #fff;
	z-index: 9999;
}

.content-wrapper .content-wrapper section.signup-window {
	margin-top: 30px;
}

.grid-stack .main-panel {
	width: 100%;
	height: 100%;
	padding: 0;
}

ul.category-elements li.selected-object,
ul.category-elements li:hover {
	background: #1e90ff;
	z-index: -2;
}

ul.category-elements li:hover label {
	color: #fff;
}

.edit-chart-container button.buttonContainer {
	color: #fff;
}

.side-right .portfolio-imgs-sec {
	margin-top: 30px;
	text-align: left;
}

.tooltip {
    top: 1px !important;
    left: 4px !important;
}

.tooltip-inner {
	padding: 3px 5px;
	font-size: 12px;
}

.tooltip.bs-tooltip-left {
	padding: 0 5px 0 0 !important;
	margin-right: 5px !important;
}

.buttonContainer[disabled]:hover~.tooltip.show {
	display: none !important;
}

.company-listing,
.query-preview,
.all-queries,
.signup-form,
.view-page {
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.35);
}

#meter_needle1,
#meter_needle2 {
	display: none;
}

.one-third-window,
.outer-box,
.hide-circle {
	background: rgba(0, 0, 0, 0.2);
}

.outer-box.panel-fullscreen .meter-outer {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(1.2);
	-webkit-transform: translateY(-50%) scale(1.2);
	left: 0;
	right: 0;
	max-width: 1000px;
	margin: auto;
	height: auto;
}

.outer-box.panel-fullscreen div#energy {
	transform: scale(2);
	-webkit-transform: scale(2);
	position: absolute;
	top: 0;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.outer-box.panel-fullscreen .meter-outer .meter-values table {
	overflow: visible !important;
	height: auto !important;
}

.meter-values table td span {
	padding: 0 5px 0px !important;
	width: 100px !important;
	line-height: 35px;
	height: 35px;
}

form .input-disabled .select-box {
	cursor: not-allowed !important;
	z-index: 30;
	opacity: 0.5;
}

.chck-box1 {
	height: 48px;
	margin-top: 20px;
	text-align: left;
}

.chck-box {
	display: none;
}

.chck-box input[type='checkbox'] {
  display: none;
}

.chck-box input[type='checkbox'] + label {
  margin-bottom: 0;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  line-height: 1.9;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chck-box input[type='checkbox'] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  transition: all 0.12s;
}

.chck-box input[type='checkbox']:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(45deg);
}

.all-queries {
	overflow: visible !important;
}

.section-appearance {
    margin: 5px 10px;
}

.section-appearance h1 {
	color: #fff;
	font-size: 22px;
}

button.add-fld-btn,
button.dlt-fld-btn {
	font-size: 22px;
	color: #fff;
	margin: 0 3px !important;
}

.section-appearance .col-md-7 {
	display: flex;
}

.section-appearance .col-md-7 .flex-outer {
	width: 82%;
}

/* calender */

.wc-date-container {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
	background: none !important;
	margin: 30px 0 20px;
	padding: 0 10px !important;
	font-size: 13px !important;
	height: 36px !important;
	line-height: 36px !important;
}

.wc-date-container>span,
.wc-date-container>i {
	color: #fff !important;
	font-size: 13px;
}

.wc-date-container>i {
	font-size: 13px !important;
	position: relative;
	top: 10px;
}

.wc-date-popover {
	width: 100% !important;
	left: 1px !important;
	top: 67px !important;
}

.wc-banner {
	background: rgba(0, 0, 0, 0.96) !important;
	font-size: 38px !important;
}

.wc-details,
.year-title,
.selected-day>span {
	background: rgb(29, 30, 30) !important;
}

.wc-date-popover .calendar-days tr {
	height: 35px !important;
}

.calendar-day:hover>span {
	background: #15182b !important;
}

.disableDay {
	background: transparent;
	pointer-events: none;
	height: auto !important;
	color: white;
	cursor: not-allowed;
}

.calendar-days tr .calendar-day {
	cursor: default !important;
}

.calendar-day:hover span.disableDay {
	background: gray !important;
}

.calendar-day:hover>span .disableDay {
	background: #ff0000 !important;
}

.today>span {
	border-color: #15182b !important;
}

.calendar-days {
	color: #000 !important;
}

.time-view {
	border-color: #15182b !important;
	padding: 20px !important;
}

.time-view-btn .button {
	border-color: #15182b !important;
	background: #15182b !important;
}

.time-view .time input {
	color: #15182b !important;
}

.time-view .cuppa-btn-group>.button {
	border: 1px solid #15182b !important;
	color: #15182b !important;
}

.calendar-days tr .calendar-day .disableDay {
	background: transparent;
	pointer-events: none;
	height: 26px !important;
	color: #f1f0f0 !important;
	opacity: 0.4;
}

.calendar-days tr .calendar-day:hover {
	color: #514a4a !important;
}

.ok {
	border-top: 0px !important;
}

[data-sa-theme='1'] .wc-details {
	background: rgb(16 59 60) !important;
}

[data-sa-theme='1'] .year-title {
	background: rgb(16 59 60) !important;
}

[data-sa-theme='1'] .wc-banner {
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='1'] .calendar-header {
	color: #fff !important;
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='1'] .cal-util {
	color: #fff !important;
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='1'] .cal-util .ok {
	color: #fff !important;
	box-shadow: none !important;
}

[data-sa-theme='1'] .calendar-days {
	color: #fff !important;
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='1'] .calendar-day:hover>span {
	background: #ffffff !important;
	color: #000 !IMPORTANT;
}

[data-sa-theme='2'] .wc-details {
	background: #264D4D !important;
	opacity: 0.9;
}

[data-sa-theme='2'] .year-title,
.selected-day>span {
	background: #264D4D !important;
	opacity: 0.9;
}

[data-sa-theme='2'] .wc-banner {
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='2'] .calendar-header {
	color: #fff !important;
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='2'] .cal-util {
	color: #fff !important;
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='2'] .cal-util .ok {
	color: #fff !important;
}

[data-sa-theme='2'] .calendar-days {
	color: #fff !important;
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='2'] .cal-util .ok {
	box-shadow: none !important;
}

[data-sa-theme='2'] .calendar-day:hover>span {
	background: #ffffff !important;
	color: #000 !IMPORTANT;
}

[data-sa-theme='3'] .wc-details {
	background: rgb(129, 74, 103) !important;
	opacity: 0.9;
}

[data-sa-theme='3'] .year-title,
.selected-day>span {
	background: rgb(129, 74, 103) !important;
	opacity: 0.9;
}

[data-sa-theme='3'] .wc-banner {
	background: rgb(129, 74, 103) !important
}

[data-sa-theme='3'] .calendar-header {
	color: #fff !important;
	background: rgb(129, 74, 103) !important
}

[data-sa-theme='3'] .cal-util {
	color: #fff !important;
	background: rgb(129, 74, 103) !important
}

[data-sa-theme='3'] .calendar-days {
	color: #fff !important;
	background: rgb(129, 74, 103) !important
}

[data-sa-theme='3'] .cal-util .ok {
	box-shadow: none !important;
	color: #fff !important;
}

[data-sa-theme='3'] .calendar-day:hover>span {
	background: #ffffff !important;
	color: #000 !IMPORTANT;
}

[data-sa-theme='4'] .wc-details,
.year-title,
.selected-day>span {
	background: #282727 !important;
}

[data-sa-theme='4'] .cal-util .ok {
	box-shadow: none !important;
}

[data-sa-theme='4'] .calendar-days tr .calendar-day .disableDay {
	color: #000 !important
}

.signup-form .time-view .meridian .cuppa-btn-group>.active {
	background: #15182b !important;
}

.section-appearance div .content-wrapper .outer-box {
	background: rgba(255, 255, 255, 0.1);
}

.section-collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 10px;
    padding: 2px 15px !important;
    background-color: rgba(255, 255, 255, .125);
    border-color: rgba(255, 255, 255, .125);
}

.list-filter .cuppa-dropdown input.c-input, table td .cuppa-dropdown input.c-input {
    border: 0px !important;
}

.recipients-detail-column h3 {
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 20px;
	line-height: 1.6;
    word-break: break-word;
    width: 50%;
}

.recipients-adress-info p,
.reportdates p {
    color: #fff;
    font-size: 14px;
}

.recipients-detail-column {
    padding: 10px 20px;
}

.reportdates p b {
    width: 140px;
    display: inline-block;
}

.recipients-adress-info p b, .reportdates p b {
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
}

.meter-values {
	overflow: auto;
	height: 100%;
	padding: 0 10px;
	margin: 75px 0 0 !important;
}

.delete_condition:hover {
	color: #ff0000;
}

.dropdown-item:focus,
.dropdown-item:hover {
	/*border-radius: 10px 10px 0 0px !important;*/
	border-radius: 0px !important;
	color: #fff !important;
}

.dropdown-item:focus i,
.dropdown-item:hover i {
	color: #fff !important;
}

.report-objects .table-responsive .table tr td .action-btn:hover {
	color: red !important;
}

a:not([href]):not([tabindex]) {
	color: #fff;
}

.recipients-detail-column h3 b {
	font-weight: 600;
	font-size: 17px;
}

.recipients-detail-column h3 {
	line-height: 1.6;
	word-break: break-word;
	width: 50%;
}

.banner-true>.time-view {
	top: 173px !important;
}

#energy span.max-value {
	margin-right: 10px;
}

#energy span.min-value {
	margin-left: 10px;
}

button.buttonContainer {
	color: #fff;
	border: 0 !important;
}

.wc-date-popover .calendar-days tr {
	height: 28px !important;
}

.winkel-calendar table td span {
	line-height: 22px !important;
	width: 28px !important;
	height: 26px !important;
	padding: 2px !important;
}

.winkel-calendar table {
	font-size: 12px !important;
	width: 100.5% !important;
}

.wc-day-row {
	font-size: 14px !important;
}

td.calendar-day.selected-day span {
	background: #fff !important;
	color: #000 !important;
}

.meter-info {
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 0 15px;
}

.outer-box.panel-fullscreen .meter-outer.threephase {
	transform: scale(1.2) !important;
	-webkit-transform: scale(1.2) !important;
	top: 120px;
}

.outer-box.panel-fullscreen span.site-info-icon {
	font-size: 100%;
}

.outer-box.panel-fullscreen .meter-outer table tr {
	height: auto !important;
}

.outer-box.panel-fullscreen .agm-map-container-inner {
	width: inherit;
	height: calc(100% - 26px);
}

path.highcharts-crosshair.highcharts-crosshair-thin.undefined {
	display: none;
}

.comparisonSubcategory-container {
	position: relative;
}

.comparisonSubcategory-container .select-box {
	position: relative;
	z-index: 8;
	top: 0;
}

i.arrow-fix {
	width: 18px;
	position: absolute;
	top: 38px;
	right: 1px;
}

.subcategory>span {
	position: absolute;
	top: 13px;
	z-index: 0;
	font-size: 15px;
	display: none;
	color: #fff;
	left: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.subcategory span.slctd {
	top: -15px;
	font-size: 12px;
	display: inline-block;
}

/*************************************************Setting panel color Swither CSS*****************************************/

.setting-panel {
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 9999;
	padding: 20px;
	box-shadow: 0 0 10px #000;
	background: #26283b;
}

.setting-panel i.fa.fa-cog {
	position: absolute;
	color: #fff;
	background: #ef6e6e;
	left: -40px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
}

.recipients-adress-info {
    width: 60%;
}

.recipients-detail-column h3 {
    margin: 0 0 10px;
}

.setting-panel li {
	margin: 14px 0;
	display: block;
}

.setting-panel span {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	vertical-align: middle;
}

.setting-panel li:first-child span {
	background: #000;
}

.setting-panel p {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin: 0 0 0 5px;
}

.notifications .input-effect textarea {
	height: 48px;
	margin-bottom: 5px;
}

.palettes-color {
	position: fixed;
	width: 200px;
	background: #000;
	z-index: 99999;
	height: 100%;
	padding: 20px;
	top: 70px;
	right: 0;
}

.palettes-color a {
	display: block;
	margin: 0 0 9px;
	height: 102px;
}

.palettes-color a img {
	width: 100%;
	height: 100%;
}

.no-root-container {
	color: #fff;
	font-size: 14px;
	display: block;
	margin: 14px auto 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	right: 0;
}

.gm-style .gm-style-iw-d {
	box-sizing: border-box;
	overflow: auto !important;
	padding: 10px 0px;
}

.rating-widget h2 p {
	color: #fff;
	font-size: 11px;
	position: absolute;
	background: #121213;
	padding: 5px;
	border-radius: 3px;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	word-break: break-word;
	white-space: normal;
	z-index: 100;
	display: none;
	top: 35px;
}

.rating-widget h2 p:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #121213;
	top: -4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.rating-widget h2 span:hover~p {
	display: block;
}

.zoom-icon:hover {
	opacity: 1 !important;
}

g.highcharts-series-group {
	cursor: default !important;
}

@media (prefers-reduced-motion: reduce) {
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-right {
		transition: none;
	}
}

.loginPage .input-effect input[type='text'],
.loginPage .input-effect input[type='password'],
.loginPage .input-effect input[type='email'] {
	color: #fff !important;
}

.color-palette img {
	width: 25px;
}

g.highcharts-button.highcharts-reset-zoom {
	transform: scale(0.8) translate(10px, -26px) !important;
	-webkit-transform: scale(0.8) translate(10px, -26px) !important;
	cursor: pointer;
}

#flash-msg1 {
	z-index: 999999;
}

.meter-values table tbody td,
.meter-values table th {
	line-height: 1;
}

.hex-text {
	display: none !important;
}

.alpha {
	display: none !important;
}

.side-right i {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.side-right.active i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.outer-box.panel-fullscreen .meter-outer .meter-values table tr {
	margin: 0 !important;
}

.loading-chart {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 36px;
	color: #fff;
}

.dashboard .chartdiv,
.dashboard .highcharts-container {
	position: static;
}

.dashboard .outer-box:not(.panel-fullscreen) .map-title {
	cursor: move;
}

.dashboard-container .loading-chart {
	position: absolute !important;
	z-index: 999;
}

.dashboard-container .window.one-fourth-windows.analog-mtr .loading-chart {
	top: 45%;
}

.dashboard-container .window3 {
	height: 100% !important;
}

.dashboard-container .wrap-chart-div {
	height: calc(90% - 45px);
}

.dashboard-container .window3 {
	width: 100%;
}

.dashboard-container .window.one-fourth-windows.analog-mtr {
	height: calc(100% - 32px) !important;
	min-height: inherit !important;
}

.dashboard-container #gauge-meter,
.dashboard-container svg[id^='gauge-meter'] {
	max-height: 100%;
}

.dashboard-container p.meter-value {
	bottom: 25px !important;
}

.dashboard-container app-chart-series-filter {
	padding: 5px 10px 5px 0;
}

.dashboard-container app-chart-series-filter .col-md-3 {
	max-width: 40%;
	flex: 0 0 40%;
}

app-dashboard-slider {
	position: relative;
	z-index: 1040;
	height: 100%;
}

app-dashboard-slider.sticky {
	z-index: 9;
}

app-dashboard-slider .carousel-inner {
	overflow: visible;
	height: 100%;
}

app-dashboard-slider ol.carousel-indicators {
	top: 65px !important;
	bottom: inherit !important;
	z-index: 0 !important;
}

app-dashboard-slider ol.carousel-indicators li {
	cursor: pointer;
}

ol.carousel-indicators {
	bottom: -15px;
}

app-dashboard-slider:focus {
	outline: none;
}

.outer-box .loading-chart {
  position: absolute !important;
  margin: auto;
  text-align: center;
  z-index: 99999;
  display:flex;
  align-items: center;
  justify-content: center;
}

.outer-box .loading-chart i {
  left: 0;
  right: 0;
  margin: auto;
}

.highcharts-no-data tspan {
  fill: #fff;
  font-size: 9px; 
}

.panel-fullscreen .highcharts-no-data tspan {
  fill: #fff;
  font-size:16px; 
}

@-moz-document url-prefix() {
	.input-effect select[multiple] option {
		outline: none !important;
	}
	.undefined[style='visibility: hidden;'] {
		display: none !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	g.highcharts-label.highcharts-no-data {
		transform: translate(53%, 20%) !important;
	}
}

_::-webkit-full-page-media,
g.highcharts-label.highcharts-no-data {
	transform: translate(53%, 20%) !important;
}

.section-appearance .outer-box.chartHeight g.highcharts-label.highcharts-no-data {
	transform: translate(50%, 20%) !important;
	-webkit-transform: translate(50%, 20%) !important;
}

g.highcharts-label.highcharts-no-data text {
	dominant-baseline: central;
	text-anchor: middle;
}

app-report-view-charts .content-wrapper {
	margin: 0 0 10px;
}

app-report-view-charts .highcharts-legend-item text {
	fill: #FFF !important;
	font-weight: 400 !important;
	letter-spacing: 0.5px;
}

path.highcharts-legend-nav-active {
    fill: #fff;
}

text.highcharts-legend-navigation {
    fill: #fff;
}

[data-sa-theme='4'] path.highcharts-legend-nav-active {
    fill: #796e6e;
}

.window.one-fourth-windows.energy-hybrid-meter .loading-chart.hybridMeterLoaderClass {
	top: inherit;
	transform: inherit;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
}

.highcharts-selection-marker {
	stroke-dasharray: 5 2;
	stroke-width: 2;
	stroke: #fff;
	fill: none;
}

.edit-icon-white .objects-section table td input[ng-reflect-color-picker],
.color-selected {
	text-indent: -9999px;
}

fieldset.inlineform.cs-btn.report-objects .table-responsive {
	overflow: visible !important;
	overflow-x: initial;
	z-index: 6;
}

.select-filterbox {
	position: relative;
	width: 100%;
	padding: 14px 25px 14px 5px;
	cursor: pointer;
	font-size: 12px;
	box-shadow: 0 -1px 3px rgb(0 0 0 / 48%);
	border-bottom: 0;
	display: inline-block;
    white-space: nowrap;
	font-weight: 700;
}

.select-filterbox~ul {
	box-shadow: 0 0 3px rgb(0 0 0 / 48%);
}

.select-filterbox~ul li a {
	color: #000 !important;
	font-size: 14px !important;
	padding: 0 5px;
	display: block;
}

.select-filterbox~ul li.disableLabel {
	position: relative;
}

.select-filterbox~ul li.disableLabel:before {
	content: "";
	position: absolute;
	background: rgb(0 0 0 / 35%);
	cursor: not-allowed !important;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* queryengine */

.subcategory-container .select-box span {
    display: inline-block;
    width: 202px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
	position: relative;
    z-index: -99999;
	padding-right: 19px;
}

.subcategory input[type='checkbox']:checked + label:before {
  line-height: 1.4;
}

ul.category-elements li input[type='text'] {
    border: 1px solid #b1b1b1;
    padding: 0px 10px;
    height: 24px;
    width: 98% !important;
    position: relative;
}

.actions-btn {
	position: relative;
}

.ng-draggable {
	cursor: -webkit-grab;
	cursor: grab;
}

.ng-dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.selectformula .dropdown-list ul li {
	padding: 0 10px;
	line-height: 23px;
}

.selectformula .selected-list span > span
{
  display: inline-block;
  width: 202px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  position: relative;
  z-index: -99999;
  padding-right: 19px;
}

.selectformula .dropdown-list ul li:first-child {
    padding-top: 0px;
}

.col-md-1.p-0 .query-function {
	width: 80px;
	margin-top: 30px;
}

.srch-btn {
    position: absolute;
    right: 6px;
    top: 3px;
    background: #000;
    color: #fff;
    width: 27px;
    height: 24px;
    border-radius: 0 !important;
    border-color: #000 !important;
}

.query-sub-formula .subcategory-container .select-box span {
	width: 163px !important;
}

.enggtools-section .tool-boxes ul li svg {
	width: 20px;
	height: 20px;
	display: inline-block;/* 
	margin-bottom: 5px; */
	vertical-align: middle;
}

.radius-none .selected-list .c-btn{ 
    border-radius:0;
}

.radius-none .cuppa-dropdown{
	margin:0 !important;
}

.status-active,
.status-inactive {
  display: block;
  background: green;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.status-inactive {
  background: red;
}

/* energy unit rate */

.wrap-outer {
	border: 1px solid rgb(255, 255, 255);
	padding: 20px;
	margin: 0 0 20px;
}

.wrap-outer .row {
	display: flex;
	align-items: center;
}

[data-sa-theme='4'] .wrap-outer {
	border: 1px solid rgb(0, 0, 0);
}

/* energy unit calender */

ngb-datepicker .bg-light {
	background-color: rgba(255, 255, 255, 0.16) !important;
}

.btn-link.ngb-dp-arrow-btn {
	font-weight: 400;
	color: #fff;
	background-color: transparent;
	border: 0 !important;
}

ngb-datepicker .custom-select {
	margin: 0 2px !important;
}

.ngb-dp-navigation-select {
	margin: 0 0 4px;
}

ngb-datepicker .ngb-dp-weekday {
	color: #ffffff;
	font-style: normal;
}

.ngb-dp-day {
	cursor: pointer;
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

ngb-datepicker .btn-light {
	color: #fff !important;
}

ngb-datepicker .btn-light:hover {
	color: #111 !important;
	background-color: #fff !important;
}

ngb-datepicker .btn-light.focus,
ngb-datepicker .btn-light:focus,
ngb-datepicker .btn-light:not([disabled]):not(.disabled):active {
	box-shadow: none !important;
	color: #111 !important;
	outline: none !important;
	border: 0 !important;
}

ngb-datepicker .bg-primary {
	background-color: #fff !important;
	color: #000 !important;
	border: 0 !important;
}

[data-sa-theme='1'] ngb-datepicker.dropdown-menu {
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='2'] ngb-datepicker.dropdown-menu {
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='3'] ngb-datepicker.dropdown-menu {
	background: rgb(129, 74, 103) !important;
}

[data-sa-theme='4'] ngb-datepicker.dropdown-menu {
	background: #fff !important;
}

[data-sa-theme='4'] ngb-datepicker .bg-light {
	background-color: #000 !important;
}

[data-sa-theme='4'] ngb-datepicker .btn-light {
	color: #000 !important;
	box-shadow: none !important;
}

[data-sa-theme='4'] ngb-datepicker .ngb-dp-weekday {
	color: #fff;
}

[data-sa-theme='4'] ngb-datepicker .btn-light:hover {
	color: #fff !important;
	background-color: #000 !important;
}

[data-sa-theme='4'] ngb-datepicker .bg-primary {
	background-color: #000 !important;
	color: #fff !important;
}

[data-sa-theme='4'] ngb-datepicker .btn-light.focus,
ngb-datepicker .btn-light:focus,
ngb-datepicker .btn-light:not([disabled]):not(.disabled):active {
	color: #000 !important;
}

[data-sa-theme='4'] .date-lbl~input.form-control {
	border-color: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] input.form-control[readonly] {
	background: transparent !important;
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] .btn-link.ngb-dp-arrow-btn {
	color: #fff;
}

/* time picker energy unti */

.custom-time-picker input[type="text"] {
	height: 36px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: none;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 50px);
}

.custom-time-picker i.fa.fa-clock-o {
	height: 36px;
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: top;
	background: transparent !important;
	line-height: 34px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #fff;
	color: #fff;
}

.custom-time-picker i.fa.fa-clock-o:hover,
.custom-time-picker i.fa.fa-clock-o:focus {
	background: #fff !important;
	color: #000;
}

.current-selectes {
	text-align: center;
	border-bottom: 1px solid #000;
	margin: 0 0 2px;
	color:#000;
}

.time-picker-selected-area {
	background-color: #fff !important;
	width: calc(100% - 50px);
	border: 1px solid #ccc;
	text-align: center;
}

.time-picker-selected-area .row {
	margin: 0;
}

#option-filter .col-md-12,
#option-filter .col-md-4 {
	padding: 0 5px;
}

app-time-picker-popup #option-filter .status-btn-set {
	margin: 40px 0 0;
}

.time-picker-selected-area .status-btn-set {
	margin: 10px 0 0 !important;
}

.time-picker-selected-area .status-btn-set button {
	background: #000;
	color: #fff;
	clear: both;
	margin-bottom: 10px;
}

.time-picker-selected-area .hours-list,
.minute-list,
.seconds-list {
	margin: 0;
	max-height: 150px;
	overflow: hidden;
	overflow-y: scroll;
}

.time-picker-selected-area ul li {
	width: 40px;
	height: 28px;
	margin: auto;
	line-height: 28px;
	color: #000;
}

.time-picker-selected-area ul li+li:hover {
	background: #000;
	color: #fff;
}

#option-filter .status-btn-set {
	text-align: center;
}

#option-filter .status-btn-set button {
	padding: 8px 20px 8px;
}

[data-sa-theme='4'] .custom-time-picker input[type="text"]::-webkit-input-placeholder {
	color: #000;
}

[data-sa-theme='4'] .custom-time-picker input[type="text"]::-moz-placeholder {
	color: #000;
}

[data-sa-theme='4'] .custom-time-picker input[type="text"]:-ms-input-placeholder {
	color: #000;
}

[data-sa-theme='1'] .custom-time-picker input[type="text"]::-webkit-input-placeholder,
[data-sa-theme='2'] .custom-time-picker input[type="text"]::-webkit-input-placeholder,
[data-sa-theme='3'] .custom-time-picker input[type="text"]::-webkit-input-placeholder {
	color: #fff;
}

[data-sa-theme='1'] .custom-time-picker input[type="text"]::-moz-placeholder,
[data-sa-theme='2'] .custom-time-picker input[type="text"]::-moz-placeholder,
[data-sa-theme='3'] .custom-time-picker input[type="text"]::-moz-placeholder {
	color: #fff;
}

[data-sa-theme='1'] .custom-time-picker input[type="text"]:-ms-input-placeholder,
[data-sa-theme='2'] .custom-time-picker input[type="text"]:-ms-input-placeholder,
[data-sa-theme='3'] .custom-time-picker input[type="text"]:-ms-input-placeholder {
	color: #fff;
}

[data-sa-theme='4'] .custom-time-picker input[type="text"] {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
	color: #000;
}

[data-sa-theme='4'] .custom-time-picker i.fa.fa-clock-o {
	color:#000 !important;
    border-color: #000;
}

[data-sa-theme='4'] .custom-time-picker i.fa.fa-clock-o:hover, [data-sa-theme='4'] .custom-time-picker i.fa.fa-clock-o:focus {
    background: #000 !important;
	color:#fff !important;
}

[data-sa-theme='4'] #option-filter .status-btn-set button {
	padding: 8px 20px 8px;
	background: #000;
	color: #fff !important;
}

[data-sa-theme='4'] #option-filter .status-btn-set button:first-child:hover {
	background: green;
	color: #fff;
}

[data-sa-theme='4'] #option-filter .status-btn-set button:nth-child(2):hover {
	background: crimson;
	color: #fff;
}

[data-sa-theme='4'] #option-filter .status-btn-set button:last-child:hover {
	background: #ff0000;
	color: #fff;
}

[data-sa-theme='4'] a.add-fld-btn, [data-sa-theme='4'] a.dlt-fld-btn {
    color: #000 !important;
}

/* Et theme change*/

[data-sa-theme='4'] .et .nav-tabs .nav-link.active,
[data-sa-theme='4'] .et .nav-tabs .nav-item.show .nav-link {
	color: #fff;
	background-color: #000;
}

[data-sa-theme='4'] .et .nav-tabs {
	border: 1px solid #000;
	border-left: 0;
}

[data-sa-theme='4'] .et .nav-tabs .nav-link {
	border: 1px solid #cbcdce;
	color: #000;
	border-top: 0;
}

[data-sa-theme='4'] .et-head .site-select-area select.effect-16 {
	color: #000 !important;
}

[data-sa-theme='4'] .et-head .site-select-area button.btn:hover {
	color: #000 !important;
}

[data-sa-theme='4'] .add-bacnet-device svg {
	fill: #000;
}

[data-sa-theme='4'] button.btn.count-view[disabled] {
	background: transparent !important;
	color: #000 !important;
}

[data-sa-theme='4'] button.toggle-panel-button.count-view:hover {
	color: #fff !important;
}

[data-sa-theme='4'] .enggtools-section .tool-boxes {
	background-color: rgba(255, 255, 255, 1);
}

[data-sa-theme='4'] .tool-boxes:after {
	display: none;
}

[data-sa-theme='3'] .enggtools-section .tool-boxes h2 {
	border-bottom: 1px solid #5b2c3d;
}

/* [data-sa-theme='4'] .enggtools-section .tool-boxes ul li svg path {
	fill: #000 !important;
} */

/* [data-sa-theme='4'] .enggtools-section .tool-boxes ul li svg path {
    fill: #ebedef !important;
} */

[data-sa-theme='4'] svg#Layer_1 path.cls-1add, [data-sa-theme='4'] svg#Layer_2 path {
    fill: #000 !important;
}

[data-sa-theme='4'] .et .tab-content {
	border: 1px solid #000;
	border-bottom: none;
}

[_nghost-c10] {
	--body-background-color: #fff;
	--primary-font-family: 'Roboto', sans-serif;
	--button-color: #0A0A0A !important;
	--dial-active-color: #fff;
	--dial-inactive-color: rgba(255, 255, 255, .5);
	--dial-background-color: #0A0A0A !important;
	--clock-face-time-active-color: #fff;
	--clock-face-time-inactive-color: #6c6c6c;
	--clock-face-inner-time-inactive-color: #929292;
	--clock-face-time-disabled-color: #c5c5c5;
	--clock-face-background-color: #f0f0f0;
	--clock-hand-color: #0A0A0A !important;
}

/* data export */

[data-sa-theme='4'] .signup-form-new {
	background-color: #fff !Important
}

/*Light theme CSS*/

[data-sa-theme='1']::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .category-elements::-webkit-scrollbar-thumb,
[data-sa-theme='1'] #confrm-popup .modal-body::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .input-effect select[multiple].selectBoxHight::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .objects-section::-webkit-scrollbar-thumb,
[data-sa-theme='1'] table.table1::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .meter-values::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .container-list::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .all-queries .table-responsive::-webkit-scrollbar-thumb,
[data-sa-theme='1'] #toasta.toasta-position-bottom-right::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .panel-container::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .outer-box.panel-fullscreen::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .bacnet-device .objects-list::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .hover-navbar .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .priority-cat-div ul::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .priority-cat-div::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .context-menu .menu-options::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .modal-lg .company-listing::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .chart-wrapper::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .modal::-webkit-scrollbar-thumb,
[data-sa-theme='1'] textarea::-webkit-scrollbar-thumb,
[data-sa-theme='1'] .time-picker-selected-area .row::-webkit-scrollbar-thumb {
	background: #103637;
}

[data-sa-theme='1'],
[data-sa-theme='1'] .outer-box.panel-fullscreen,
[data-sa-theme='1'] .one-third-window,
[data-sa-theme='1'] .hide-circle {
	background-image: url('1.jpg');
	background-size: cover !important;
}

[data-sa-theme='1'] {
	background-color: #174042;
}

[data-sa-theme='2'],
[data-sa-theme='2'] .outer-box.panel-fullscreen,
[data-sa-theme='2'] .one-third-window,
[data-sa-theme='2'] .hide-circle {
	background-image: url('2.jpg');
	background-size: cover !important;
}

[data-sa-theme='2'] {
	background-color: #234d6d;
}

[data-sa-theme='3'] .custom-select::-webkit-scrollbar-thumb {
	background: #6c3d51;
}

[data-sa-theme='3']::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .category-elements::-webkit-scrollbar-thumb,
[data-sa-theme='3'] #confrm-popup .modal-body::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .input-effect select[multiple].selectBoxHight::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .objects-section::-webkit-scrollbar-thumb,
[data-sa-theme='3'] table.table1::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .meter-values::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .container-list::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .all-queries .table-responsive::-webkit-scrollbar-thumb,
[data-sa-theme='3'] #toasta.toasta-position-bottom-right::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .panel-container::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .outer-box.panel-fullscreen::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .bacnet-device .objects-list::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .hover-navbar .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .priority-cat-div ul::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .priority-cat-div::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .context-menu .menu-options::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .modal-lg .company-listing::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .chart-wrapper::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .modal::-webkit-scrollbar-thumb,
[data-sa-theme='3'] textarea::-webkit-scrollbar-thumb,
[data-sa-theme='3'] .time-picker-selected-area .row::-webkit-scrollbar-thumb {
	background: #6c3d51;
}

[data-sa-theme='3'],
[data-sa-theme='3'] .outer-box.panel-fullscreen,
[data-sa-theme='3'] .one-third-window,
[data-sa-theme='3'] .hide-circle {
	background-image: url('3.jpg');
	background-size: cover !important;
}

[data-sa-theme='3'] {
	background-color: #7b3d54;
}

[data-sa-theme='4'] {
	background-color: #ebedef;
}

[data-sa-theme] {
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	transition: background 0.3s;
}

[data-sa-theme='1'] .navbar .navbar-brand-wrapper,
[data-sa-theme='1'] .navbar .navbar-menu-wrapper,
[data-sa-theme='1'] .dropdown-item:focus,
[data-sa-theme='1'] .dropdown-item:hover {
	background-color: rgb(7, 31, 31);
}

[data-sa-theme='2'] .navbar .navbar-brand-wrapper,
[data-sa-theme='2'] .navbar .navbar-menu-wrapper,
[data-sa-theme='2'] .dropdown-item:focus,
[data-sa-theme='2'] .dropdown-item:hover {
	background-color: rgb(27, 66, 82);
}

[data-sa-theme='3'] .navbar .navbar-brand-wrapper,
[data-sa-theme='3'] .navbar .navbar-menu-wrapper,
[data-sa-theme='3'] .dropdown-item:focus,
[data-sa-theme='3'] .dropdown-item:hover {
	background-color: rgb(91, 44, 61);
}

[data-sa-theme='3'] .dropdown-item:focus, 
[data-sa-theme='3'] .dropdown-item:hover, 
[data-sa-theme='3'] .navbar .navbar-brand-wrapper, 
[data-sa-theme='3'] .navbar .navbar-menu-wrapper {
    background-color: #5b2c3d !Important;
}

[data-sa-theme='2'] .view-page .boxed-layout h2,
[data-sa-theme='2'] .view-page .adress-info-sec h2 {
	background: #416f6c;
}

[data-sa-theme='2'] .modal .modal-content {
	background: rgb(38, 77, 77) !important;
	border-color: rgb(33, 54, 65) !important;
}

[data-sa-theme='3'] .view-page .boxed-layout h2,
[data-sa-theme='3'] .view-page .adress-info-sec h2 {
	background: #833e5a;
}

[data-sa-theme='3'] .modal .modal-content {
	background: rgb(129, 74, 103) !important;
	border-color: rgb(68, 39, 55) !important;
}

[data-sa-theme='4'] .custom-select::-webkit-scrollbar-thumb {
	background: #afafaf;
}

[data-sa-theme='4']::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .category-elements::-webkit-scrollbar-thumb,
[data-sa-theme='4'] #confrm-popup .modal-body::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .input-effect select[multiple].selectBoxHight::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .objects-section::-webkit-scrollbar-thumb,
[data-sa-theme='4'] table.table1::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .meter-values::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .container-list::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .all-queries .table-responsive::-webkit-scrollbar-thumb,
[data-sa-theme='4'] #toasta.toasta-position-bottom-right::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .panel-container::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .outer-box.panel-fullscreen::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .bacnet-device .objects-list::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .hover-navbar .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .priority-cat-div ul::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .priority-cat-div::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .context-menu .menu-options::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .modal-lg .company-listing::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .chart-wrapper::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .modal::-webkit-scrollbar-thumb,
[data-sa-theme='4'] textarea::-webkit-scrollbar-thumb,
[data-sa-theme='4'] .time-picker-selected-area .row::-webkit-scrollbar-thumb {
	background: #afafaf;
}

[data-sa-theme='3'] ::-webkit-scrollbar-thumb {
    background: #6c3d51;
}

[data-sa-theme='4'] ::-webkit-scrollbar-thumb {
    background: #afafaf;
}

[data-sa-theme='4'] .hover-navbar {
	background: #fff !important;
}

[data-sa-theme='4'] .sidebar {
	background: #fff !important;
}

[data-sa-theme='4'] .hover-navbar .sidebar {
	height: 100%;
	background: none !important;
}

[data-sa-theme='4'] .sidebar-icon-only .sidebar-offcanvas .nav .nav-item:hover .menu-title {
	color: #fff !important;
}

[data-sa-theme='4'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title,
[data-sa-theme='4'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
[data-sa-theme='4'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing,
[data-sa-theme='4'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
	background: rgb(255, 255, 255) !important;
}

[data-sa-theme='4'] .sidebar .nav .nav-item .nav-link i.menu-icon svg {
	fill: #000;
}

[data-sa-theme='4'] .sidebar .nav .nav-item .nav-link i.menu-icon svg .st0 {
	fill: #000;
}

[data-sa-theme='4'] .sidebar .nav .nav-item.active,
[data-sa-theme='4'] .sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	background-color: rgba(0, 0, 0, 0.15);
	color: #000;
}

[data-sa-theme='4'] .navbar svg polyline {
	stroke: #c3c3c3;
	opacity: 0.5;
}

[data-sa-theme='4'] .sidebar,
[data-sa-theme='4'] .footer,
[data-sa-theme='4'] .navbar .navbar-brand-wrapper,
[data-sa-theme='4'] .navbar .navbar-menu-wrapper,
[data-sa-theme='4'] .company-listing,
[data-sa-theme='4'] .query-preview,
[data-sa-theme='4'] .all-queries,
[data-sa-theme='4'] .signup-form,
[data-sa-theme='4'] .view-page {
	background-color: rgba(255, 255, 255, 1);
}

[data-sa-theme='4'] .sidebar .nav .nav-item .nav-link,
[data-sa-theme='4'] .page-head-part h2,
[data-sa-theme='4'] .page-head-part a,
[data-sa-theme='4'] .print_btn,
[data-sa-theme='4'] .company-listing .table tbody td,
[data-sa-theme='4'] .footer a,
[data-sa-theme='4'] .footer span,
[data-sa-theme='4'] .navbar .navbar-menu-wrapper .navbar-toggler,
[data-sa-theme='4'] .effect-16~label,
[data-sa-theme='4'] legend,
[data-sa-theme='4'] .logo-sec h5,
[data-sa-theme='4'] .portfolio-imgs-sec h5,
[data-sa-theme='4'] .sidebar .nav .nav-item .nav-link i.menu-icon,
[data-sa-theme='4'] .subcategory-container label,
[data-sa-theme='4'] .comparisonSubcategory-container label,
[data-sa-theme='4'] .subcategory label,
[data-sa-theme='4'] .right-w,
[data-sa-theme='4'] .effect-16:focus~label,
[data-sa-theme='4'] .has-content.effect-16~label,
[data-sa-theme='4'] .form-area h4,
[data-sa-theme='4'] .company-listing .table tbody td aside a {
	color: #000 !Important;
}

[data-sa-theme='4'] .objects-section table td {
	color: #000;
}

[data-sa-theme='4'] .objects-section table td input,
[data-sa-theme='4'] .objects-section table td select {
	border: 1px solid rgb(0, 0, 0);
	color: #000;
}

[data-sa-theme='4'] .text-muted {
	color: #000 !important;
}

[data-sa-theme='4'] .table thead {
	background-color: rgb(84 82 82) !important;
}

[data-sa-theme='4'] app-paginator button.round {
	background: #000;
	color: #fff;
}

[data-sa-theme='4'] app-paginator button.round:hover {
	color: #fff !important;
}

[data-sa-theme='4'] button[disabled] {
	cursor: not-allowed;
	color: #fff !important;
}

[data-sa-theme='4'] button.sim-button.button13.login100-form-btn.pull-right[disabled] {
    color: #000 !important;
}

[data-sa-theme='4'] button.sim-button.button13.login100-form-btn.pull-right[disabled]:hover {
    color: #fff !important;
}

[data-sa-theme='4'] a.sim-button.button13.login100-form-btn.label-button.mt-30
{
	color:#000;
	text-align:center;
}

[data-sa-theme='4'] a.sim-button.button13.login100-form-btn.label-button.mt-30:hover
{
	color:#fff;
}

[data-sa-theme='4'] app-paginator .input-effect select {
	border: 1px solid #000000 !important;
}

[data-sa-theme='4'] .input-effect input[type='text'],
[data-sa-theme='4'] .input-effect input[type='password'],
[data-sa-theme='4'] .input-effect textarea,
[data-sa-theme='4'] .input-effect select,
[data-sa-theme='4'] .input-effect input[type='number'],
[data-sa-theme='4'] .site-select-area select.effect-16 {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='4'] .modal-body .input-effect input[type='text'],
[data-sa-theme='4'] .modal-body .input-effect input[type='password'],
[data-sa-theme='4'] .modal-body .input-effect textarea,
[data-sa-theme='4'] .modal-body .input-effect select,
[data-sa-theme='4'] .modal-body .input-effect input[type='number'] {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='4'] .page-head-part a,
[data-sa-theme='4'] .print_btn {
	background: #000 !Important;
	box-shadow: 0 1px 3px #828282;
	border: 0;
	border-radius: 5px;
	color: #fff !important;
}

[data-sa-theme='4'] .box-shadow{
	background:#fff !important;
}

.alt-logo,
.bldng .alt-img,
.alt-img,
.sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini.alt-logo,
[data-sa-theme='4'] .src-img {
	display: none;
}

[data-sa-theme='4'] .navbar .navbar-brand-wrapper .navbar-brand img,
[data-sa-theme='4'] .bldng img,
[data-sa-theme='4'] .none-img,
[data-sa-theme='4'] .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
	display: none;
}

[data-sa-theme='4'] .navbar .navbar-brand-wrapper .navbar-brand img.alt-logo {
	display: block;
	width: calc(255px - 104px);
}

[data-sa-theme='4'] .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini.alt-logo,
[data-sa-theme='4'] .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini.alt-logo img {
	display: inline-block;
}

[data-sa-theme='4'] .bldng img.alt-img,
[data-sa-theme='4'] .color-palette img.alt-img {
	display: block;
}

[data-sa-theme='4'] .arrow-fix .alt-img {
	display: inline-block;
}

[data-sa-theme='4'] .input-effect select {
	background: url('select-icon-alt.png') no-repeat scroll right center;
	background-size: 18px;
}

[data-sa-theme='4'] .input-effect select[disabled=''] {
	background: rgba(156, 156, 156, 0.27);
	background-size: 18px;
}

[data-sa-theme='4'] .limiter .button13.login100-form-btn:after,
[data-sa-theme='4'] .limiter .button13.login100-form-btn:before,
[data-sa-theme='4'] .limiter .login100-form .input-effect input[type='text'],
[data-sa-theme='4'] .limiter .login100-form .input-effect input[type='password'],
[data-sa-theme='4'] .limiter .login100-form .input-effect input[type='email'] {
	border: 1px solid rgba(255, 255, 255, 0.5);
}

[data-sa-theme='4'] .limiter .button13.login100-form-btn:after {
	background: #fff;
}

[data-sa-theme='4'] .button13:before {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

[data-sa-theme='4'] .limiter .button13.login100-form-btn[disabled]:hover,
[data-sa-theme='4'] .main-panel-head li:after,
[data-sa-theme='4'] .main-panel-head li {
	color: #000 !important;
}

[data-sa-theme='4'] .limiter .button13.login100-form-btn[disabled]:hover:after {
	background: #fff;
	border: 1px solid #fff;
}

[data-sa-theme='4'] .button13:after,
[data-sa-theme='4'] .site-select-area button.btn {
	background-color: black;
}

[data-sa-theme='4'] button[disabled]:hover:after {
	background: black;
	border: 1px solid rgb(0, 0, 0);
}

[data-sa-theme='4'] button[disabled]:hover {
	cursor: not-allowed;
	color: #000 !important;
}

[data-sa-theme='4'] .modal-body .status-btn-set button[disabled] {
	color: #fff !important;
}

[data-sa-theme='4'] .button-combos .login100-form-btn,
[data-sa-theme='4'] .main-panel-head li a,
[data-sa-theme='4'] .main-panel-head h2,
[data-sa-theme='4'] .signup-form h2,
[data-sa-theme='4'] .set-of-btns h2,
[data-sa-theme='4'] .meter-outer p,
[data-sa-theme='4'] .meter-outer span,
[data-sa-theme='4'] .meter-values table th,
[data-sa-theme='4'] .meter-values table td,
[data-sa-theme='4'] .meter-outer h3,
[data-sa-theme='4'] .lineSeparator,
[data-sa-theme='4'] a.zoomin.zoom-icon,
[data-sa-theme='4'] .one-third-window h5,
[data-sa-theme='4'] .value-info .list label,
[data-sa-theme='4'] .value-info .list span small {
	color: #000 !important;
}

[data-sa-theme='4'] .edittool {
	background: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] .logo-outer {
	border: 2px solid rgba(0, 0, 0, 0.39);
}

[data-sa-theme='4'] .main-panel-head {
	background: rgba(255, 255, 255, 0.64);
}

[data-sa-theme='4'] ul.tabs-menu {
	background-color: rgba(255, 255, 255, 1) !important;
}

[data-sa-theme='4'] ul.tabs-menu li.active a:after,
[data-sa-theme='4'] .sidebar .nav .nav-item .nav-link:after {
	background: #000 !important;
}

[data-sa-theme='4'] .button-combos .login100-form-btn:hover {
	color: #fff !important;
}

[data-sa-theme='4'] .page-head-part {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
}

[data-sa-theme='4'] .modal .modal-content {
	background: rgb(255, 255, 255) !important;
	border-color: rgba(0, 0, 0, 0.61) !important;
	border-radius: 7px;
}

[data-sa-theme='4'] .select-box {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='4'] .one-third-window,
[data-sa-theme='4'] .outer-box,
[data-sa-theme='4'] .hide-circle {
	background: rgba(255, 255, 255, 1);
}

[data-sa-theme='4'] .view-page h2,
[data-sa-theme='4'] .breakig-point h3,
[data-sa-theme='4'] .view-page p,
[data-sa-theme='4'] .adress-info-sec li,
[data-sa-theme='4'] .rating-widget h2,
[data-sa-theme='4'] .map-title,
[data-sa-theme='4'] .enggtools-section .tool-boxes h2,
[data-sa-theme='4'] .enggtools-section .tool-boxes ul li,
[data-sa-theme='4'] .fa-eye:before {
	color: #000 !Important;
}

[data-sa-theme='4'] .view-page .boxed-layout h2,
[data-sa-theme='4'] .view-page .adress-info-sec h2,
[data-sa-theme='4'] .stats-div label {
	color: #000 !Important;
}

[data-sa-theme='4'] .view-page h2:after {
	background: #000 !Important;
}

[data-sa-theme='4'] .view-page .boxed-layout,
[data-sa-theme='4'] .view-page .adress-info-sec,
[data-sa-theme='4'] .meter-values table td span {
	border-color: #000 !important;
}

[data-sa-theme='4'] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i,
[data-sa-theme='4'] .dropdown-item:focus,
[data-sa-theme='4'] .dropdown-item:hover,
[data-sa-theme='4'] .lbl,
[data-sa-theme='4'] .wc-date-container>span,
[data-sa-theme='4'] .wc-date-container>i,
[data-sa-theme='4'] .recipients-detail-column h3,
[data-sa-theme='4'] .recipients-adress-info p,
[data-sa-theme='4'] .reportdates p,
[data-sa-theme='4'] a.delete-btn,
[data-sa-theme='4'] .slct-obj-btn i.fa.fa-caret-down,
[data-sa-theme='4'] button.add-fld-btn,
[data-sa-theme='4'] button.dlt-fld-btn,
[data-sa-theme='4'] h3.report-title,
[data-sa-theme='4'] .table-responsive td,
[data-sa-theme='4'] .table-responsive td .action-btn,
[data-sa-theme='4'] .currentValueLbl,
[data-sa-theme='4'] .section-collapse h3,
[data-sa-theme='4'] .buttonContainer,
[data-sa-theme='4'] .chck-box1 input[type='checkbox']+label {
	color: #000 !important;
}

[data-sa-theme='4'] .wc-date-container {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] .recipients-section,
[data-sa-theme='4'] .section-appearance fieldset,
[data-sa-theme='4'] section.recipients-section:after,
[data-sa-theme='4'] .title-bar-head,
[data-sa-theme='4'] .recipients-detail-column {
	background: rgba(255, 255, 255, 1) !important;
}

[data-sa-theme='4'] .pdf-btn {
	background: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.6) !important;
}

[data-sa-theme='4'] svg text,
[data-sa-theme='4'] svg circle,
[data-sa-theme='4'] text.highcharts-axis-title tspan,
[data-sa-theme='4'] .highcharts-no-data tspan {
	font-size: 9px;
}

[data-sa-theme='4'] #meter_needle path {
	fill: #464646 !important;
}

[data-sa-theme='4'] svg .highcharts-axis-line {
	stroke: #000;
}

[data-sa-theme='4'] .company-listing .table tbody td aside a:last-child {
	margin: 0;
}

[data-sa-theme='4'] .modal-body button[disabled],
[data-sa-theme='4'] .modal-body .button-combos .login100-form-btn {
	color: #000 !important;
}

[data-sa-theme='4'] .modal-body .button13:before {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

[data-sa-theme='4'] .modal-body .button13:after {
	background: #000;
}

[data-sa-theme='4'] .modal-body button[disabled]:hover:after {
	background: #000;
	border: 1px solid rgba(0, 0, 0, 0.5);
	color: #fff !important;
}

[data-sa-theme='4'] select.effect-16[multiple],
[data-sa-theme='4'] select.effect-16[multiple] option {
	background: rgba(0, 0, 0, 0.22) !important;
}

[data-sa-theme='4'] .all-queries .table tbody td a,
[data-sa-theme='4'] .objct-table tr td,
.objct-table tr th,
[data-sa-theme='4'] .modal-body .effect-16~label {
	color: #000;
}

[data-sa-theme='4'] button.qry-btn,
[data-sa-theme='4'] .section-collapse .side-right i {
	background-color: rgb(0, 0, 0) !important;
	color: #fff;
}

[data-sa-theme='4'] a.delete-section-name{
	background-color: rgb(0, 0, 0) !important;
	color: #a4a4a4;
}

[data-sa-theme='4'] .info-site ul {
	background: rgb(0, 0, 0) !important;
}

[data-sa-theme='4'] .site-img {
	border: 4px solid #000;
	box-shadow: none !important;
}

[data-sa-theme='4'] .bldng {
	background: #fff;
}

[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link i,
[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link .menu-title,
[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link .menu-arrow,
[data-sa-theme='4'] .zoom-icon,
[data-sa-theme='4'] .zoom-icon:hover,
[data-sa-theme='4'] .reportPre {
	color: #000000 !important;
}

[data-sa-theme='4'] .icon1 a.filter-btn svg,
[data-sa-theme='4'] .icon2 a.filter-btn svg path {
	fill: #000;
}

[data-sa-theme='4'] .icon1 app-default-view-dropdown {
	background: #fff;
}

[data-sa-theme='4'] span.chck-btn {
	background: #000;
}

[data-sa-theme='4'] .chck-box1 input[type='checkbox']+label:before {
	border-color: #000;
}

[data-sa-theme='4'] .chck-box1 input[type='checkbox']:checked+label:before {
	border-color: transparent !important;
}

[data-sa-theme='4'] .select-box i:before {
	background: url('select-icon-alt.png') no-repeat scroll right center;
	background-size: 100%;
}

[data-sa-theme='4'] .section-collapse {
	background-color: rgba(80, 80, 80, 0.125) !important;
}

[data-sa-theme='4'] .additional-divs .select-box {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

[data-sa-theme='4'] .title-bar-head .logo-company {
	border: 1px solid #ccc !important;
}

[data-sa-theme='4'] .section-appearance .report-objects .table-responsive td,
[data-sa-theme='4'] .section-appearance .report-objects .table-responsive td tbody .action-btn,
[data-sa-theme='4'] .section-appearance .report-objects .table-responsive td,
[data-sa-theme='4'] .section-appearance .report-objects .table-responsive tbody td .action-btn,
[data-sa-theme='4'] .about-widget h2,
[data-sa-theme='4'] #confrm-popup .modal-body,
[data-sa-theme='4'] #confrm-popup label,
[data-sa-theme='4'] .one-third-window h3,
[data-sa-theme='4'] label.notification,
[data-sa-theme='4'] label.recipients,
[data-sa-theme='4'] .view-page .boxed-layout .logo-image-circle,
[data-sa-theme='4'] .one-fourth-windows h3,
[data-sa-theme='4'] .one-fourth-windows h5,
[data-sa-theme='4'] .delete_condition {
	color: #000 !important;
}

[data-sa-theme='4'] .modal-body .status-btn-set button[disabled],
[data-sa-theme='4'] .no-content-found,
[data-sa-theme='4'] .loading-chart i.fa.fa-circle-o-notch.fa-spin {
	color: #000;
}

[data-sa-theme='4'] .modal-body .status-btn-set button[disabled]:hover,
[data-sa-theme='4'] .modal-body .button-combos .login100-form-btn:hover {
	color: #fff !important;
}

[data-sa-theme='4'] svg path.highcharts-tracker-line {
	fill: none !important;
}

[data-sa-theme='4'] .company-listing .table tbody tr td svg path,
[data-sa-theme='4'] i.view-edit-icon svg path {
	fill: #000 !important;
}

[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link i,
[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link .menu-title,
[data-sa-theme='4'] .sidebar .nav .nav-item.active>.nav-link .menu-arrow {
	color: #000000;
}

.footer,
[data-sa-theme='4'] .limiter .footer {
	background: rgba(34, 40, 64, 0.1);
}

[data-sa-theme='4'] .footer a:hover {
	color: #000;
}

[data-sa-theme='4'] .limiter .footer span,
[data-sa-theme='4'] .limiter .footer span a {
	color: #fff !important;
}

[data-sa-theme='4'] .limiter .footer span.text-muted {
	color: #9c9fa6 !important;
}

[data-sa-theme='4'] svg path[id^='Layer_5-'] {
	fill: #000 !important;
	opacity: 0.4;
}

[data-sa-theme='4'] .energy-hybrid-meter svg path {
	fill: #000 !important;
	opacity: 0.4;
}

[data-sa-theme='4'] .edit-icon-white i.view-edit-icon svg path {
	fill: #fff;
}

[data-sa-theme='4'] .buttonColor {
	color: #000 !important;
}

[data-sa-theme='4'] .company-listing .table tbody td aside a.copy-report:hover {
	color: #000 !important;
}

[data-sa-theme='4'] .meter-outer table tbody tr {
	border-bottom: 1px solid #000;
}

[data-sa-theme='4'] .highcharts-xaxis-labels span {
	fill: #000 !important;
	color: #000 !important;
}

[data-sa-theme='4'] svg .theme-white {
	fill: #000;
}

[data-sa-theme='4'] .company-listing .table tbody td a,
[data-sa-theme='4'] p.name-portfolio {
	color: #000 !important;
}

[data-sa-theme='4'] .company-dropdown a.dropdown-item:hover
{
	color:#000;
}

[data-sa-theme='4'] .c-btn {
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] .selected-list .c-angle-down svg,
[data-sa-theme='4'] .selected-list .c-angle-up svg {
	fill: #696969 !important;
}

/*****Pie Chart 4******/

[data-sa-theme='4'] #outer-dual-panel svg g.highcharts-legend-item.highcharts-pie-series text {
	fill: #000 !important;
}

[data-sa-theme='4'] .company-journey svg path {
	fill: #000 !important;
}

[data-sa-theme='4'] .highcharts-axis-labels text,
[data-sa-theme='4'] tspan,
[data-sa-theme='4'] svg.highcharts-root text,
[data-sa-theme='4'] text.highcharts-title {
	color: #000 !important;
	fill: #000 !important;
}

[data-sa-theme='4'] button.edit-site-widget {
	background: rgb(0, 0, 0) !important;
}

[data-sa-theme='4'] .site-select-area button.btn {
    border-color: #000;
}

[data-sa-theme='4'] .bottompanel .nav-link {
    color: #000 !important;
}

[data-sa-theme='4'] .bottompanel .nav-link.active {
    color: #fff !important;
}

[data-sa-theme='4'] button.edit-site-widget:hover {
	background-color: rgba(0, 0, 0, 0.65) !Important;
	color: #fff !important;
}

[data-sa-theme='4'] textarea.effect-16.areatextbox {
	border: 1px solid rgba(0, 0, 0, 0.26) !important;
}

[data-sa-theme='4'] .info_detail, [data-sa-theme='4'] .note-package{
	color:#000 !important;
}

[data-sa-theme='4'] legend small,
[data-sa-theme='4'] .no-permission,
[data-sa-theme='4'] sup,
[data-sa-theme='4'] .fa-rotate-135 {
	color: #000;
}

svg[id^='gauge-meter'] path,
[data-sa-theme='4'] svg .theme-white,
[data-sa-theme='4'] .enggtools-section .tool-boxes ul li svg path {
	transform-origin: 50.1% 53.5% !important;
	transition: transform 0.5s !important;
}

[data-sa-theme='4'] .fa-angle-down:after,
[data-sa-theme='4'] button.slct-obj-btn {
	background: url('select-icon-alt.png') no-repeat scroll right center !important;
	background-size: 18px !important;
}

[data-sa-theme='4'] .toggle-btn.fa-angle-down:after {
	background: url('select-icon.png') no-repeat scroll right center !important;
	background-size: 17px !important;
}

[data-sa-theme='4'] .modal .modal-dialog .modal-content .modal-header {
	border-color: rgb(0, 0, 0);
	background: rgb(0, 0, 0);
	border-radius: 0px;
}

[data-sa-theme='4'] .status-btn-set button {
	background: rgba(0, 0, 0, 0.69);
	color: #fff;
}

[data-sa-theme='4'] .modal-body .additional-divs .select-box {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='4'] input[type='checkbox']+label:before,
.subcategory input[type='checkbox']+label:before {
	border: 0.1em solid #615f5f;
}

[data-sa-theme='4'] input[type='checkbox']:checked+label:before,
.subcategory input[type='checkbox']:checked+label:before,
ul.category-elements li input[type='checkbox']:checked+label:before {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

[data-sa-theme='4'] .title-history h3 {
	color: #000 !important;
}

[data-sa-theme='4'] .site-history {
	background: transparent !important;
	box-shadow: none !Important;
}

[data-sa-theme='4'] .create-query-block .site-history-section {
	background: #fff !important;
}

[data-sa-theme='4'] .report-objects button.buttonContainer {
	color: #000 !important;
}

[data-sa-theme='4'] .pdf-btn:hover {
	background: rgba(0, 0, 0, 0.65) !important;
}

[data-sa-theme='4'] button.fa.fa-times.srch-btn {
	color: #000 !important;
}

[data-sa-theme='4'] .none-img {
	display: none;
}

[data-sa-theme='4'] .view-alt-img {
	display: inline-block;
}

[data-sa-theme='4'] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile a#profileDropdown {
	border: 2px solid rgba(0, 0, 0, 0.6);
}

[data-sa-theme='4'] .section-appearance fieldset {
	border: 1px solid #c7c7c7;
}

[data-sa-theme='4'] a.filter-btn {
	color: #000;
}

[data-sa-theme='4'] .section-appearance fieldset {
	border: 1px solid #c7c7c7;
}

[data-sa-theme='4'] .objects-table table,
[data-sa-theme='4'] .report-objects table {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

[data-sa-theme='4'] .table td,
[data-sa-theme='4'] .company-listing .table tbody td {
	border-top: 1px solid rgba(0, 0, 0, 0.21);
}

[data-sa-theme='4'] a.backButton:hover,
[data-sa-theme='4'] .editDisable:hover {
	background: #000 !important;
	color: #fff !important;
}

[data-sa-theme='3'] .logo-outer {
	border: 2px solid #974e68;
}

[data-sa-theme='4'] .objects-section table td button.buttonContainer[disabled] {
	color: #000 !important;
}

[data-sa-theme='4'] button.qry-btn:hover {
	background-color: rgba(0, 0, 0, 0.58) !important;
}

[data-sa-theme='4'] .color-picker .arrow.arrow-top-left,
[data-sa-theme='4'] .color-picker .arrow.arrow-left-top {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000 !important;
}

[data-sa-theme='4'] .page-head-part a:hover,
[data-sa-theme='4'] .print_btn:hover {
	background: rgba(0, 0, 0, 0.65) !Important;
}

[data-sa-theme='4'] .icon-svg svg {
	fill: #000;
}

[data-sa-theme='4'] ul.tabs-menu li a {
	color: #000000;
	border-color: #717171;
	-webkit-text-fill-color: rgb(0, 0, 0);
	-webkit-opacity: 1;
}

[data-sa-theme='4'] p.meter-value {
	background: rgba(0, 0, 0, 0.56);
}

[data-sa-theme='4'] .dflt-type label {
	color: #000;
}

[data-sa-theme='4'] .chck-btn:before {
	background: #fff;
}

[data-sa-theme='4'] .company-listing .table tbody tr:hover {
	background-color: rgba(185, 183, 183, 0.1) !important;
}

.backgroundTransparent .modal-content,
[data-sa-theme='1'] .backgroundTransparent .modal-content,
[data-sa-theme='2'] .backgroundTransparent .modal-content,
[data-sa-theme='3'] .backgroundTransparent .modal-content,
[data-sa-theme='4'] .backgroundTransparent .modal-content {
	background: transparent !important;
	border: 0 !important;
}

[data-sa-theme='1'] .modal-draggable {
	background: rgb(10, 44, 45) !important;
	border-color: rgb(4, 23, 23) !important;
}

[data-sa-theme='2'] .modal-draggable {
	background: #264d4d !important;
	border-color: #213641 !important;
}

[data-sa-theme='3'] .modal-draggable {
	background: #814a67 !important;
	border-color: #442737 !important;
}

[data-sa-theme='4'] .modal-draggable {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.61) !important;
}

[data-sa-theme='1'] .modal-filter .disableCheckbox::before,
[data-sa-theme='2'] .modal-filter .disableCheckbox::before,
[data-sa-theme='3'] .modal-filter .disableCheckbox::before {
	background: #fff !important;
}

[data-sa-theme='4'] .modal-filter .disableCheckbox::before {
	background: #000 !important;
}

label.notification:focus:before,
[data-sa-theme='4'] .chck-box1 input[type='checkbox']+label.notification:focus:before {
	border: 2px solid #1e90ff;
}

[data-sa-theme='4'] .effect-16::-moz-placeholder, ul.category-elements .category-elements-li input[type='text']::-moz-placeholder {
	color: #000;
	opacity: 1;
}

[data-sa-theme='4'] .effect-16::placeholder,
ul.category-elements .category-elements-li input[type='text']::placeholder {
	color: #000;
	opacity: 1;
}

[data-sa-theme='4'] .rename-input,
[data-sa-theme='4'] .rename-input:focus {
	color: #000;
}

[data-sa-theme='4'] .sidebar-icon-only .hover-navbar .sidebar .nav .nav-item.hover-open .nav-link .menu-title,
[data-sa-theme='4'] .sidebar-icon-only .hover-navbar .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
	background: transparent !important;
}

[data-sa-theme='4'] .table tbody td a {
	color: #000;
}

[data-sa-theme='4'] .hideAlarmAlarm~.q-not-found {
	color: #000;
}

[data-sa-theme='4'] ul.effect-16.alarm-type-list li {
	color: #000;
}

[data-sa-theme='4'] .highcharts-legend .highcharts-legend-item span {
	color: #000 !important;
}

[data-sa-theme='4'] .query-chart svg circle.highcharts-graph {
	fill: transparent !important;
	color: transparent !important;
}

[data-sa-theme='4'] .multi-slider-table button.sim-button.button13.login100-form-btn {
	color: #000;
}

[data-sa-theme='4'] .multi-slider-table button.sim-button.button13.login100-form-btn:hover {
	color: #fff;
}

[data-sa-theme='4'] button.btn.btn-outline-secondary.calendar {
	border-color: #000 !important;
	color: #000 !important;
}

[data-sa-theme='4'] button.btn.btn-outline-secondary.calendar:hover,
[data-sa-theme='4'] button.btn.btn-outline-secondary.calendar[disabled]:hover {
	background: #000 !important;
	color: #fff !important;
}

[data-sa-theme='4'] button.add-fld-btn[disabled]:hover,
[data-sa-theme='4'] button.dlt-fld-btn[disabled]:hover {
	color: #000 !important;
}

[data-sa-theme='4'] .date-lbl {
	color: #000 !important;
}

[data-sa-theme='4'] input.form-control[readonly][disabled] {
	border-color: rgba(0, 0, 0, 0.4) !important;
	color: #000 !important;
	background: rgba(156, 156, 156, 0.27) !important;
}

[data-sa-theme='4'] input[type='checkbox']+label {
	color: #000;
}

[data-sa-theme='4'] .report-chart-nodata {
	color: #000;
}

[data-sa-theme='4'] .report-objects table td .c-btn {
	border-color: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] .combo-btns .info_detail_tag {
	color: #000 !important;
}

[data-sa-theme='4'] .custom-time-picker[_ngcontent-c13] input[readonly][_ngcontent-c13] {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='4'] p.reportPre p {
	background-color: transparent;
	color: #555;
}

[data-sa-theme='1'] .modal-body p {
	color: #fff;
}

[data-sa-theme='2'] .modal-body p {
	color: #fff;
}

[data-sa-theme='3'] .modal-body p {
	color: #fff;
}

[data-sa-theme='1'] .time-view .time-view-btn .button {
	border-color: rgb(10, 44, 45) !important;
	background: rgb(10, 44, 45) !important;
}

[data-sa-theme='2'] .time-view .time-view-btn .button {
	border-color: rgb(38, 77, 77) !important;
	background: rgb(38, 77, 77) !important;
}

[data-sa-theme='3'] .time-view .time-view-btn .button {
	border-color: rgb(129, 74, 103) !important;
	background: rgb(129, 74, 103) !important;
}

[data-sa-theme='4'] .time-view .time-view-btn .button {
	border-color: #000 !important;
	background: #000 !important;
}

[data-sa-theme='4'] td.calendar-day.selected-day span {
	background: #000 !important;
	color: #fff!important;
}

[data-sa-theme='4'] .search-section p {
	color: #000 !important;
}

[data-sa-theme='4'] .text-data {
	border: 1px solid #000 !important;
	color: #000 !important;
}

[data-sa-theme='4'] input#search-input {
	border: 1px solid #000 !important;
	color: #000 !important;
}

[data-sa-theme='4'] input#search-input::-moz-placeholder {
	color: #000 !important;
}

[data-sa-theme='4'] input#search-input::placeholder {
	color: #000 !important;
}

[data-sa-theme='4'] .search-section {
	border-bottom: 1px solid #000 !important;
}

[data-sa-theme='4'] .search label {
	color: #a7a7a7 !important;
}

[data-sa-theme='4'] button.sim-button.button13.login100-form-btn {
    color: #000 !important;
}

[data-sa-theme='4'] button.sim-button.button13.login100-form-btn:hover {
  color: #fff !important;
}

[data-sa-theme='4'] .wrap-login100.front button.sim-button.button13.login100-form-btn:hover {
	color: #000;
}

[data-sa-theme='4'] .signup-window {
	background: #fff !Important;
}

[data-sa-theme='4'] .site-default-data ::-moz-placeholder {
	color: #000 !Important;
	opacity: 1;
}

[data-sa-theme='4'] .site-default-data ::placeholder {
	color: #000 !Important;
	opacity: 1;
}

[data-sa-theme='4'] .meta-deta-site {
	color: #000 !important;
}

[data-sa-theme='4'] p.note-small {
	color: #000 !important;
}

[data-sa-theme='4'] .site-sys-status li,
[data-sa-theme='4'] .site-sys-status h4 {
	color: #000;
}

[data-sa-theme='4'] button.slct-obj-btn~p {
	box-shadow: 0px 2px 5px #908d8d;
	border: 1px solid #000;
}

[data-sa-theme='4'] path.highcharts-label-box.highcharts-tooltip-box {
	fill: #000 !important;
}

[data-sa-theme='4'] .highcharts-tooltip tspan {
	fill: #fff !important;
}

[data-sa-theme='4'] .sentinlldevice-div,
[data-sa-theme='4'] .bacnet-div,
[data-sa-theme='4'] .bacnet-dev {
	color: #000;
}

[data-sa-theme='4'] .meter-info .button-combos button,
[data-sa-theme='4'] app-chart-series-filter .col-md-3 .button-combos button {
	border: 1px solid #000;
}

[data-sa-theme='4'] .meter-info .button-combos button:hover,
[data-sa-theme='4'] app-chart-series-filter .col-md-3 .button-combos button:hover {
	background: #000;
	color: #fff;
}

#outer-dual-panel svg g.highcharts-legend-item.highcharts-pie-series text {
	fill: #fff !important;
	font-weight: 400 !important;
}

.outer-box.panel-fullscreen .site-queries-info li {
	font-size: 30px !important;
}

/*****End******/

.company-journey svg {
	width: 22px;
	height: 22px;
}

.modal-body .subcategory {
	z-index: inherit !important;
}

.modal-body .chartdiv {
	padding: 0;
}

.meter-info p {
	margin: 0 0 7px;
	text-align: center;
}

.view-alt-img {
	display: none;
}

.enable_form_journey a i.view-edit-icon img {
	top: -2px !important;
	height: 14px !important;
}

.enable_form_journey a i.company-journey {
	position: relative;
	top: 3px;
	padding-top: 10px;
}

.objects-table td .input-effect {
	margin: 0 0 10px;
}

.objects-table table,
.report-objects table {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

#contentToConvert .section-collapse {
	padding: 15px !important;
}

.buttonContainer:hover i {
	color: #ff0000;
}

.color-picker {
	border: #000 solid 2px !important;
}

.color-picker .arrow.arrow-top-left,
.color-picker .arrow.arrow-left-top {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff !important;
}

.report-objects table.objects-table th:nth-child(3) {
	width: auto;
}

.button-combos.align-left-btnset {
	justify-content: flex-start;
}

.button-combos.align-left-btnset button {
	margin-right: 15px;
}

a.journey-back.backButton {
	background: transparent !important;
	color: #fff;
	height: auto;
	width: auto;
	line-height: normal;
}

.color-picker .preset-area .preset-color {
	width: 17px !important;
	height: 17px !important;
	margin: 4px 3px 8px !important;
}

.canvasjs-chart-credit {
	display: none !important;
}

.site-info-modal .modal-dialog {
	max-width: 35%;
}

app-chart-series-filter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 10px 10px 0;
}

app-chart-series-filter .col-md-3 {
	position: relative;
	top: 0;
	right: 0;
	max-width: 300px;
}

app-chart-series-filter .col-md-3:first-child {
	max-width: 165px !important;
}

app-chart-series-filter .col-md-3:first-child .button-combos,
app-chart-series-filter .col-md-3:first-child .button-combos button {
	margin: 0;
}

app-chart-series-filter .col-md-3 .select-box {
	height: 30px;
	line-height: 30px;
}

app-chart-series-filter .col-md-3 .subcategory>label {
	display: none;
}

.tool-boxes .panel-wrapper {
	max-height:500px;
	min-height:500px;
}

app-chart-series-filter .col-md-3 .subcategory .select-box ul li label,
app-chart-series-filter .subcategory label {
	display: block;
	font-size: 14px !important;
}

.disable-icon-click {
    z-index: -1 !important;
}

.modal-open .container-scroller {
	position: static;
}

.gm-style .gm-style-iw-c {
	padding: 0 !important;
}

.gm-style .gm-style-iw-d {
	padding: 10px 3px !important;
}

.agm-map-container-inner {
	width: calc(100% - 15px) !important;
	margin: 5px auto 0 !important;
}

.meter-outer table tbody tr {
	border-bottom: 1px solid #fff;
}

.outer-box.panel-fullscreen app-chart-series-filter .col-md-3 {
	max-width: 400px !important;
}

.meter-info p {
	margin: 0 2px !important;
}

/* For Firefox */

input[type='number'] {
	-moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */

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

input[type='number'][readonly] {
	cursor: not-allowed !important;
	opacity: 0.6;
	background: rgba(156, 156, 156, 0.27) !important;
}

.highcharts-container {
	max-height: 100vh !important;
	width: 100% !important;
}

svg path[id^='Layer_5-'] {
	fill: #fff !important;
	opacity: 0.7 !important;
}

.resize-handle:hover {
	z-index: 15;
}

.view-page .boxed-layout .logo-image-circle img[src='null'],
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img[src='null'] {
	transform: inherit !important;
}

.clear-all svg#Capa_1 {
	fill: #fff;
}

input.c-input {
	color: #000 !important;
	margin: 0 !important;
	width: 90% !important;
	padding: 0 !important;
}

.list-filter .c-clear {
	z-index: 10;
	cursor: pointer;
}

table td .dropdown-list ul li {
	padding: 5px;
}

span.c-remove.clear-all {
	display: none;
}

.view-page .boxed-layout .logo-image-circle img[src='null'],
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img[src='null'] {
	transform: inherit !important;
	width: 35px !important;
}

span.site-info-icon i {
	width: 60%;
	font-size: 100%;
}

.site-query>widget-header {
	display: contents;
}

.highcharts-legend .highcharts-legend-item span {
	color: #fff !important;
	font-weight: 100 !important;
	width: 200px;
	font-size: 10px !important;
	top: 1px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item span {
	font-size: 16px !important;
	min-width: 300px;
}

.site-sys-status li {
	margin: 10px 0 0 !important;
}

.panel-fullscreen .site-sys-status li {
	margin: 20px 0 0 !important;
}

.cursor-all-scroll {
	cursor: all-scroll;
}

.outer-box.panel-fullscreen .singlephase .meter-values table {
	min-width: 100% !important;
}

.outer-box.panel-fullscreen .meter-outer.singlephase {
	margin-top: 15px;
}

.singlephase table.table1 tr td,
.singlephase table.table1 tr th {
	width: 40% !important;
}

.type-policy {
	display: none !important;
}

.outer-box.panel-fullscreen .meter-outer.threephase .meter-values table {
	min-width: 100% !important;
}

.report-objects .color-picker .preset-area .preset-label {
	padding: 10px 4px;
}

.bar-scroll,
.bar-scroll body {
	height: 100%;
	overflow: hidden;
}

select:focus,
input:focus,
textarea:focus,
.edittool a:focus,
.c-btn:focus {
	border: 1px solid #1e90ff !important;
}

button:focus {
	border-radius: 7px;
}

label.notification:focus {
	outline: none;
}

.dropdown-list ul {
	overflow: hidden !important;
}

button.action-btn:focus {
	border: 0;
}

.company-listing .table tbody td aside button {
	border: 0;
}

.pdf-btn:focus {
	border-color: #1e90ff;
}

.edittool a.curuse-not-allowed:focus {
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

.add-fld-btn:focus,
.dlt-fld-btn:focus {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.add-fld-btn,
.dlt-fld-btn {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 1px solid transparent;
}

.selected-item {
	background: #1e90ff !important;
}

.selected-item label {
	color: #fff;
}

select.select-enabled:focus {
	border: 1px solid transparent !important;
}

.print_btn:focus {
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.highcharts-legend-item-hidden text tspan {
	fill: #cccccc !important;
}

app-report-view-charts .highcharts-legend-item text {
    fill: #FFF !important;
	font-weight: 400 !important;
}

widget-header {
	width: 100%;
}

fieldset#myFieldset[disabled] .input-effect .effect-16,
fieldset#myFieldset[disabled] .select-box,
fieldset#myFieldset[disabled] input[type='checkbox']:checked:disabled+label:before,
fieldset#myFieldset[disabled] input[type='checkbox']+label:before {
	background: rgba(156, 156, 156, 0.27) !Important;
	cursor: not-allowed !important;
}

.cstm-align-div {
	margin: 0 0 10px !important;
	clear: both;
	display: block;
}

.modal-body .cstm-align-div .input-effect {
	margin: 18px 0 5px;
}

.cstm-align-div ul {
	display: flex;
	flex-wrap: wrap;
}

.cstm-align-div ul li {
	margin: 0 10px 0 0;
}

.cstm-align-div p label {
	text-align: left;
	color: #fff;
}

.cstm-align-div label.form-check-label {
	margin-bottom: 0 !important;
}

.site-sys-status {
	text-align: left;
	width: 46%;
	padding: 10px 0;
}

.site-sys-status h4 {
	font-size: 16px;
	text-transform: capitalize;
}

.priority-cat-div {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.priority-cat-div ul:first-child label,
.priority-cat-div ul:first-child span {
	font-size: 14px;
}

.priority-cat-div ul {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	display: block;
}

.site-sys-status li {
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
	margin: 4px 0 0;
}

.site-sys-status li label,
.site-sys-status li span {
	width: 48%;
}

.outer-box.panel-fullscreen .site-sys-status li label,
.outer-box.panel-fullscreen .site-sys-status li>span {
	width: 48%;
	font-size: 18px;
}

.site-sys-status li:first-child {
	font-weight: 700;
}

.site-sys-status ul~ul li:first-child {
	font-weight: normal;
}

.site-sys-status li label span {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 10px;
}

.outer-box.panel-fullscreen .site-sys-status li {
	font-size: 20px;
}

.outer-box.panel-fullscreen .priority-cat-div ul {
	width: 100%;
}

/**All alarm type color and site query Widget**/

#outer-dual-panel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#outer-dual-panel .set-of-btns {
	flex: 0 0 100%;
	align-self: flex-start;
}

.alarm-widget-block {
	width: 50%;
	height: 98%;
	display: flex;
	align-items: center;
}

.site-queries-info {
	border: 1px solid rgba(0, 0, 0, 0.46);
	text-align: left;
	width: 100%;
}

.site-queries-info li {
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.46);
	color: #10f948;
}

.site-queries-info li:first-child {
	color: #524fff;
}

.site-queries-info li:nth-child(3) {
	color: #01ffff;
}

.site-queries-info li:last-child {
	color: #ffeb00;
	border: 0;
}

.site-queries-info li label {
	width: 80%;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.site-queries-info li span {
	width: 18%;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
}

span.low-level-alarms {
	background: #ffee09 !important;
}

span.warning {
	background: #ff8000 !important;
}

span.critical-alarms {
	background: #ff0000 !important;
}

span.high-level-alarms {
	background: #8290ac !important;
}

span.general-alarms {
	background: #1500ff !important;
}

div#outer-dual-panel.outer-box.site-query {
	align-items: flex-start;
}

.outer-box.panel-fullscreen .site-sys-status h4 {
	font-size: 28px;
}

.outer-box.panel-fullscreen .chart-wrapper {
	overflow: initial;
}

.outer-box.panel-fullscreen .chart-wrapper .query-chart {
	height: 100%;
}

.hideAlarmAlarm~.q-not-found {
	width: 100%;
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	z-index: 999;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.plot-graph g.highcharts-button.highcharts-reset-zoom {
	transform: scale(0.8) translate(10px, 16px) !important;
	-webkit-transform: scale(0.8) translate(10px, 16px) !important;
}

.plot-graph .outer-box {
	max-height: 375px;
}

.plot-graph.alarm .content-wrapper {
	padding: 5px 20px 20px !important;
}

.plot-graph.alarm .company-listing p {
	font-size: 14px;
	color: #a6a6a6;
	margin-top: 10px;
}

.sms-div-mr .cuppa-dropdown {
	position: relative;
	width: 108px;
	display: inline-block;
	margin: 0px 0 0 !important;
}

.sms-div-mr {
	margin-bottom: 15px !important;
}

fieldset#myFieldset[disabled] .input-effect angular2-multiselect.effect-16 {
	background: none !important;
}

.modal-dialog.modal-lg {
	max-width: 1160px;
}

.main-panel.zoomedIn.dashSlider {
	z-index: inherit !important;
}

.modal-body.slide-data-flds span.object-selected-color {
	display: none;
}

.outer-box.panel-fullscreen .highcharts-legend-box~g {
	transform: translate(25px, -2px) !important;
}

table.table.report-alarm th:first-child {
	width: 5%;
}

table.table.report-alarm th:nth-child(2) {
	width: 15%;
}

table.table.report-alarm th:nth-child(3) {
	width: 12%;
}

table.table.report-alarm th:nth-child(4) {
	width: 12%;
}

table.table.report-alarm th:nth-child(5) {
	width: 21%;
}

table.table.report-alarm th:nth-child(6) {
	width: 12%;
}

table.table.report-alarm th:last-child {
	width: 18%;
}

.modal-lg .company-listing {
	max-height: 400px;
	overflow-y: auto;
}

a.backButton.edit-btn-mr {
	margin: 0 5px 0;
}

.outer-box.panel-fullscreen .window.one-fourth-windows.analog-mtr {
	height: calc(100% - 45px) !important;
}

.outer-box.panel-fullscreen .window.one-fourth-windows.analog-mtr svg.analogMeterSVGClass {
	top: 0;
	max-height: 95%;
}

.objects-table .flex-outer {
	display: flex;
	align-items: flex-start;
}

.objects-table .flex-outer .input-effect {
	margin: 0px 5px 0 0;
	line-height: normal;
}

.objects-table .valid-fld {
	width: 25px;
}

.objects-table input.effect-16.active {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

button.slct-obj-btn:hover~p {
	display: block;
}

button.slct-obj-btn~p {
	display: none;
	position: absolute;
	background: #fff;
	color: #000;
	width: 100%;
	padding: 3px 5px;
	z-index: 5;
	box-shadow: none;
	border: 1px solid #fff;
}

button.slct-obj-btn[disabled]:hover~p {
	display: none;
}

tag-input-form input.ng2-tag-input__text-input {
	border: 0 !important;
	margin: 0 !important;
	cursor: pointer;
}

tag-input-form input.ng2-tag-input__text-input:focus {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.ng2-tag-input.ng2-tag-input--focused,
.ng2-tag-input {
	border-bottom: 0 !important;
}

.tag__text {
	font-size: 13px !important;
}

.sidebar-icon-only input.phone-number {
	width: 77.6% !important;
}

.query-sub-formula .subcategory-container .select-box span {
	width: 163px;
}

.disabled-series-filter div#custom-select-subcategory {
	z-index: -1;
}

.enrgy-unit .years-list-view span,
.enrgy-unit .calendar-day span {
	color: #000;
}

.enrgy-unit .wc-date-container {
	margin: 22px 0 20px;
}

.enrgy-unit .wc-date-popover {
	top: 23px !important;
}

.enrgy-unit .months-view span {
	color: #000;
}

.timepicker-dial__control {
	height: 45px;
}

small.timepicker-dial__hint {
	margin: 5px 0 0;
}

.outer-box.panel-fullscreen app-chart-series-filter .col-md-3:first-child {
	max-width: 165px !important;
}

app-chart-series-filter .col-md-3 .button-combos button {
	font-size: 12px;
	padding: 0 5px;
	height: 25px;
	border-radius: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

app-chart-series-filter .col-md-3 {
	padding: 0;
}

app-chart-series-filter .col-md-3:first-child {
	max-width: 165px !important;
	padding: 0 8px 0 0 !important;
	flex: 0;
}

.outer-box.rating-widget.panel-fullscreen .meter-info .button-combos {
	justify-content: flex-end !important;
}

.meter-info .button-combos {
	margin: 0 0 10px;
	justify-content: center !important;
}

.meter-info .button-combos button {
	font-size: 12px;
	padding: 0 5px;
	height: 25px;
	border-radius: 0;
	margin: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.meter-info .button-combos button:before,
.meter-info .button-combos button:after,
app-chart-series-filter .col-md-3 .button-combos button:before,
app-chart-series-filter .col-md-3 .button-combos button:after {
	display: none;
}

.meter-info .button-combos button:hover,
app-chart-series-filter .col-md-3 .button-combos button:hover {
	background: #fff;
	color: #000;
}

.report-objects table td .c-btn {
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	min-height: 36px !important;
	border-radius: 0;
	margin: 0 !important;
}

.report-objects table td .cuppa-dropdown {
	margin: 0 !important;
	height: 36px !important;
}

.list-message {
	color: #000 !important;
	font-size: 12px !important;
}

app-create-meter-table form {
	margin: 15px 0 0;
}

.section-appearance fieldset form .meter-table-index {
	z-index: 0;
	position: relative;
}

.modal-mds .modal-dialog {
	max-width: 1000px !important;
}

.icon1 .input-effect select {
	background: url('select-icon-alt.png') no-repeat scroll right center !important;
	background-size: 18px !important;
}

.report-chart-nodata {
	position: absolute;
	top: 32%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	left: 0;
	right: 0;
}

button.sim-button.button13.login100-form-btn.pull-right.st {
	margin: 21px 0 0px 30px;
	height: 38px;
}

section.signup-window.mapping-section .page-head-part h2 i {
	font-size: 14px !important;
}

span.e-btn-icon.e-order-list.e-icons {
	display: none;
}

.toast-color {
    width: 70px;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toast-color img {
	width: 30px;
}

.e-content h3 {
	background: #fff !important;
	position: initial;
	width: 100%;
	top: 0px !important;
	padding: 0px !important;
	line-height: initial !important;
	color: #444 !important;
}

.e-content h1 {
	color: #444 !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 > span {
     left: 33px !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 span > div:first-child {
    margin-right: 28px;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-4 > span {
    left: 33px !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-4 span > div:first-child {
    margin-right: 28px;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-5 > span {
     left: 33px !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-5 span > div:first-child {
    margin-right: 28px;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-6 > span {
     left: 33px !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-6 span > div:first-child {
    margin-right: 28px;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-7 > span {
     left: 33px !important;
}

.query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-7 span > div:first-child {
    margin-right: 28px;
}

.query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
    transform: translate(24px, 63px);
}

.query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
    transform: translate(24px, 78px);
}

.query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
    transform: translate(24px, 93px);
}

.query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
    transform: translate(24px, 108px);
}

.query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
    transform: translate(24px, 123px);
}

.query-chart {
	width: 53%;
	height: auto;
	max-height: -webkit-fill-available;
}

.query-chart .highcharts-container {
	top: 4.5px;
}

.chart-wrapper .query-chart svg {
	height: 100% !important;
}

.outer-box.panel-fullscreen .chart-wrapper {
	overflow: initial;
}

.outer-box.panel-fullscreen .chart-wrapper .query-chart {
	height: 100%;
}

.chart-wrapper {
	display: flex;
	width: 100% !important;
	height: calc(100% - 38px) !important;
	overflow: auto;
	align-items: center;
}

.site-query .chart-wrapper {
	padding: 10px;
}

app-site-query-widget .highcharts-legend {
	display: block !important;
}

app-site-query-widget .highcharts-legend>g {
	transform: translate(48px, -2px);
}

#queryStatusContainer g.highcharts-series-group path {
	stroke: transparent !important;
}

#queryStatusContainer .highcharts-series-group circle.highcharts-graph {
	display: none;
}

.expanded-view .highcharts-legend div.highcharts-legend-item.highcharts-pie-series.highcharts-color-0:nth-child(2) {
	top: 23px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	top: 43px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	top: 63px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	top: 83px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	top: 103px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	top: 123px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	top: 141px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	top: 160px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	top: 180px !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item span {
	left: 0px !important;
}

.expanded-view .outer-box.panel-fullscreen .highcharts-legend-box~g {
	transform: translate(31px, 3px) !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-3>span {
	left: 14px !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 span>div:first-child {
	margin-right: 22px;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-4>span {
	left: 14px !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-4 span>div:first-child {
	margin-right: 22px;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-5>span {
	left: 14px !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-5 span>div:first-child {
	margin-right: 22px;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-6>span {
	left: 14px !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-6 span>div:first-child {
	margin-right: 22px;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-7>span {
	left: 14px !important;
}

.expanded-view .query-chart .highcharts-legend .highcharts-legend-item.highcharts-pie-series.highcharts-color-7 span>div:first-child {
	margin-right: 22px;
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0:nth-child(1) {
	transform: translate(10px, 3px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0:nth-child(2) {
	transform: translate(10px, 23px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(10px, 43px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(10px, 63px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(24px, 83px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	transform: translate(24px, 103px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	transform: translate(24px, 123px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	transform: translate(24px, 141px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	transform: translate(24px, 160px);
}

.expanded-view .query-chart g.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	transform: translate(10px, 180px);
}

.e-dropdown-popup li.e-item.e-quote {
	display: none;
}

.container-mapping .page-head-part h2 {
	width: auto;
}

.white-color {
	color: #fff;
}

.modal-footer>:not(:last-child) {
	margin-bottom: 0px;
}

.modal-footer>:not(:first-child) {
	margin-bottom: 0px;
}

.toast[_ngcontent-c8] .toast-text[_ngcontent-c8] .toast-title[_ngcontent-c8] {
	font-weight: 500;
}

button.add-fld-btn.align-right:focus {
	border-radius: 50% !important;
	border: 1px solid #999999 !important;
	height: 30px;
	width: 30px;
}

.site-default-data ::-moz-placeholder {
	color: #fff !Important;
	opacity: 1;
}

.site-default-data ::placeholder {
	color: #fff !Important;
	opacity: 1;
}

.no-data-message {
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

[data-sa-theme='4'] .no-data-message
{
	color:#000;
	fill:#000;
}

.winkel-calendar table {
	width:100.5% !important;
}

span.toast-title p {
	color: #fff;
	font-size: 12px;
}

.selectformula .selected-list span>span {
	display: inline-block;
	width: 202px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	position: relative;
	z-index: -99999;
	padding-right: 19px;
}

/* company-journey */

.enable-company {
    width: 144px !important;
}

.no-permission {
  position: absolute;
  font-size: 14px;
  width: 90%;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

i.notificationTypes.fa.fa-line-chart {
  cursor: pointer;
}

.site-contact-list .signup-form h2 {
  margin: 10px 0 20px;
  font-family: 'Nunito', sans-serif !important;
}

a.j-edit-btn {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.81);
  border-radius: 30px;
  line-height: 32px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a.j-edit-btn:hover {
  background: #fff;
}

a.j-edit-btn:hover svg path {
  fill: #000 !important;
}

.btn-primary {
    color: #fff;
    background-color:transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

.btn-primary:hover {
    color: #fff;
    background-color:rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.2);
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color:transparent;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
	border-radius:3px;
}

.add-portfolio-image button {
	margin: 0 0 20px;
	width: 100%;
}

.custom-file-upload {
	display: block;
	width: 100%;
	font-size: 16px;
	margin-top: 0;
	position: absolute;
	top: 20px;
}

input.file-upload-input {
  display: none;
}

button.file-upload-button {
  width: 100%;
  display: block;
}

.file-upload-button {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  padding: 15px 10px;
}

output#result {
  text-align: center;
}

output#result div {
  width: 46%;
  margin: 0 2px 0;
}

.bmd-form-group label {
  font-size: 16px !important;
}

.signup-form.manage-form {
  max-width: 660px;
}

[data-sa-theme='4'] a.j-edit-btn i.view-edit-icon svg path {
  fill: #fff !important;
}

[data-sa-theme='4'] a.j-edit-btn:hover {
  background: #000;
}

[data-sa-theme='3'] .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-sa-theme='3'] .btn-primary:hover, [data-sa-theme='3'] .btn-primary:focus {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.15);
	background: rgba(255, 255, 255, 0.15);
}

[data-sa-theme='3'] .btn-primary:not([disabled]):not(.disabled).active, [data-sa-theme='3'] .btn-primary:not([disabled]):not(.disabled):active, [data-sa-theme='3'] .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

[data-sa-theme='3'] button.sim-button.login100-form-btn.approve {
	background-color: transparent;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

[data-sa-theme='4'] .unit-label {
	color: #000 !important;
}

[data-sa-theme='4'] label.time-label {
    color: #000;
}

[data-sa-theme='4'] .btn-primary {
    color: #fff;
    background-color:#000;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-sa-theme='4'] .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

[data-sa-theme='4'] .btn-primary:not([disabled]):not(.disabled).active, [data-sa-theme='4'] .btn-primary:not([disabled]):not(.disabled):active, [data-sa-theme='4'] .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

[data-sa-theme='4'] button.sim-button.login100-form-btn.approve {
    background-color: #000;
	box-shadow: none;
}

[data-sa-theme='4'] button.sim-button.login100-form-btn.approve:hover {
    color: #000;
    background-color: #fff !important;
    opacity: 0.9 !IMPORTANT;
}

[data-sa-theme='4'] .footer a:hover {
    color: #000;
}

[data-sa-theme='4'] fieldset.inlineform.add-fieldset{
border: 1px solid rgba(0, 0, 0, 0.6);
}

[data-sa-theme='4'] .logo-image-circle .alt-logo {
    display: block;
}

[data-sa-theme='4'] .logo-image-circle .admin-logo {
    display: none;
}

[data-sa-theme='4'] .text-data{
    border: 1px solid #000 !important;
    color: #000 !important;
}

[data-sa-theme='4'] input#search-input::-moz-placeholder {
    color: #000;
}

[data-sa-theme='4'] input#search-input::placeholder {
    color: #000;
}

[data-sa-theme='4'] .back-button-circle a.backButton {
    border-radius:50%;
}

[data-sa-theme='4'] .resend.btn path {
    fill: black;
}

/*  */

.modal.fade.show.d-block.backgroundTransparent g.highcharts-button.highcharts-reset-zoom {
    transform: scale(0.8) translate(10px, -26px) !important;
    -webkit-transform: scale(0.8) translate(10px, -26px) !important;
}

.modal-dialog app-chart-series-filter {
    padding: 0;
    margin: 0;
}

.modal-dialog app-chart-series-filter div#option-filter {
    width: 100%;
}

.container.only-chart-overflow .outer-box.panel-fullscreen .icon1 a.filter-btn svg {
    height: 30px !important;
}

[data-sa-theme='4'] .default-cost-ciew-chart.icon a:hover {
    color: #000 !important;
    background: #fff !important;
}

.tooltip { pointer-events: none; }

.box-in {
    border-radius: 3px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
    background-color: rgba(0, 0, 0, 0.35);
    padding: 18px;
    margin-bottom: 10px;
}

.box-in-sec {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.table-field-color .table tbody td {
    color: #fff;
    padding: 10px 10px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    word-break: break-word;
    white-space: normal;
}

.slct-rqrd-dates {
    top: 8px;
    color: #fff;
    transition: 0.3s;
    z-index: 9;
    letter-spacing: 0.5px;
    font-size: 14px;
    position: relative;
}

.calender-des .wc-date-container {
    margin-top: 10px !important;
}

.calender-des .wc-date-popover {
    top: 46px !important;
}

.clock-icon {
    display: none;
}

[data-sa-theme='4'] .white {
    color: #000 !important;
}

[data-sa-theme='4'] .box-in {
    background: #fff;
}

[data-sa-theme='4'] .logo-sec p {
    color: #000 !important;
}

.langugae-selection {
	padding-top: 0px;
	position: relative;
}

.langugae-selection label {
	transition: 0.3s;
	z-index: 9;
	letter-spacing: 0.5px;
	font-size: 14px;
	margin-top: -3px;
}

.langugae-selection .select-box:before {
	display: none;
}

.address-info .cuppa-dropdown {
	position: relative;
	margin: 9px 0 0 !important;
	height: 36px !important;
}

[data-sa-theme='1'], [data-sa-theme='2'], [data-sa-theme='3'] {
    color: #fff;
}

.name-obj {
    width: 85%;
    z-index: -1;
    position: relative;
}

.select-box {
	background: url('select-icon.png') no-repeat scroll right center !important;
	background-size: 18px !important; 
}

[data-sa-theme='4'] .select-box {
    background: url('select-icon-alt.png') no-repeat scroll right center !Important;
    background-size: 18px !important;
}

.language-window .cuppa-dropdown {
    position: relative;
    margin: 3px 0 0 !important;
    height: 36px !important;
}

.socialmedia .cuppa-dropdown {
    margin-top: 3px !important;
}

.form-group.socialmedia {
    margin-top: 10px;
}

.socialmedialink label.slct-rqrd {
    font-size: 14px;
    position: relative;
    top: -3px;
}

.company-dropdown button.btn.btn-primary.dropdown-toggle {
    width: 100px;
    text-align: left;
}

.company-dropdown button.btn.btn-primary.dropdown-toggle:before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 2px);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    top: 1px;
    right: 43px;
}

.company-dropdown button.btn.btn-primary.dropdown-toggle .fa {
    padding-left: 15px;
}

.company-dropdown .dropdown .dropdown-toggle:after {
    margin-left: -5px;
}

[data-sa-theme='4'] circle.cls-2 {
    fill: #000;
}

.object-stack .cuppa-dropdown {
    margin-top: 0px !important;
}

.lbl {
    position: absolute !important;
    top: 8px !important;
    font-size: 14px !important;
}

[data-sa-theme='1'] tr.parent-tr:hover {
    background:#051111 !important;
}

[data-sa-theme='2'] tr.parent-tr {
    background: #212f3d !important;
}

[data-sa-theme='2']table.table.grey-bg tr.parent-tr:hover {
    background: #212f3d !important;
}

[data-sa-theme='3'] tr.parent-tr {
    background: #4e3445 !important;
}

[data-sa-theme='3'] table.table.grey-bg tr.parent-tr:hover {
    background: #4e3445 !important;
}

[data-sa-theme='4'] tr.parent-tr {
    background: #eaeaea !important;
}

[data-sa-theme='4'] table.table.grey-bg tr.parent-tr:hover {
    background: #eaeaea !important;
}

.table .table {
    background-color: transparent;
}

.schedule-date .wc-date-container {
    margin-top: 0;
}

.schedule-date .wc-date-popover.banner-true {
    margin-top: -31px;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #eaeaea;
}

.years-list-view > span {
    color: #000;
}

[data-sa-theme='4'] input#file{
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='2'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #496a6a;
    border: 1px solid rgb(73 106 106);
}

[data-sa-theme='3'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #95677f;
    border: 1px solid rgb(149 103 127);
}

[data-sa-theme='4'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

[data-sa-theme='2'] .assign-device-pop {
    box-shadow: 0 0 1px #496a6a;
    border: 1px solid rgb(73 106 106);
}

[data-sa-theme='3'] .assign-device-pop {
    box-shadow: 0 0 1px #95677f;
    border: 1px solid rgb(149 103 127);
}

[data-sa-theme='4'] .assign-device-pop {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

.panels-trend h2 {
    background: rgb(205 169 169 / 13%)!important;
}

[data-sa-theme='1'] .panels-trend h2 {
    background: rgb(86 83 83 / 16%)!important;
}

[data-sa-theme='4'] .panels-trend h2 {
    background: #ebedef !important;
}

[data-sa-theme='4'] .object-icon path.cls-4c, [data-sa-theme='4'] .o-svg path.cls-4c, [data-sa-theme='4'] #sentinll-panel .sentinll-device-added svg#Layer_1 path {
    fill: #ebedef;
}

.renaming-popup .button-combos button {
    min-width: 100px;
    height: 38px;
}

.renaming-popup .button-combos {
    margin-top: 20px !Important;
}

.show-cost-series-button.cost-view svg {
    width: 25px;
    height: 25px;
    fill: #91f722;
}

/* query widget */

div.highcharts-legend > div > div .highcharts-legend-item.highcharts-pie-series:first-child {
	top: 3px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	top: 18px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	top: 33px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	top: 48px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	top: 63px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	top: 78px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	top: 93px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	top: 108px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	top: 123px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	top: 138px !important;
	left: 8px !important;
}

g.highcharts-legend > g > g g.highcharts-legend-item.highcharts-pie-series:first-child {
	transform: translate(8px, 3px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(8px, 18px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(8px, 33px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(8px, 48px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(24px, 63px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	transform: translate(24px, 78px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	transform: translate(24px, 93px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	transform: translate(24px, 108px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	transform: translate(24px, 123px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	transform: translate(8px, 138px) !important;
}

.expanded-view .query-chart g.highcharts-legend > g > g g.highcharts-legend-item.highcharts-pie-series:first-child {
	transform: translate(21px, 3px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(21px, 23px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(21px, 43px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(21px, 63px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(34px, 83px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	transform: translate(34px, 103px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	transform: translate(34px, 123px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	transform: translate(34px, 141px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	transform: translate(34px, 160px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	transform: translate(21px, 180px) !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item span > div:first-child {
	margin-right: 20px !important;
    width: 42px !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(8px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(114.272px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(196.482px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(284.022px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series tspan,
#container-column g.highcharts-legend-item.highcharts-column-series tspan {
	fill: #fff !important;
}

[data-sa-theme='4'] .carousel-control-next-icon, [data-sa-theme='4'] .carousel-control-prev-icon {
	background: #afafaf;
}

label.slct-rqrd.select-site .fa {
	line-height: 0px;
}

.sidebar-icon-only.et-sidebar-only .navbar svg {
	width: 76%;
	left: 187px;
}

.sidebar-icon-only.et-sidebar-only .navbar .navbar-brand-wrapper .brand-logo-mini.alt-logo {
	display: none !important;
}

div#pie_chart .highcharts-container {
	min-height: 400px;
}

p.reportPre p {
  color: #fff;
}

p.reportPre h1 {
  font-size: 22px;
  margin: 10px 0;
}

p.reportPre h2 {
  font-size: 20px;
  margin: 10px 0;
}

p.reportPre h3 {
  font-size: 18px;
  margin: 10px 0;
  line-height: inherit;
}

p.reportPre h4 {
  font-size: 16px;
  margin: 10px 0;
}

p.reportPre h5 {
  font-size: 14px;
  margin: 10px 0;
}

p.reportPre h6 {
  font-size: 12px;
  margin: 10px 0;
}

p.reportPre p {
  color: #fff;
}

p.reportPre p {
  color: #fff;
}

p.reportPre h1 {
  font-size: 22px;
  margin: 10px 0;
}

p.reportPre h2 {
  font-size: 20px;
  margin: 10px 0;
}

p.reportPre h3 {
  font-size: 18px;
  margin: 10px 0;
}

p.reportPre h4 {
  font-size: 16px;
  margin: 10px 0;
}

p.reportPre h5 {
  font-size: 14px;
  margin: 10px 0;
}

p.reportPre h6 {
  font-size: 12px;
  margin: 10px 0;
}

.custom-validation {
  position: absolute;
  bottom: inherit;
  left: inherit;
  margin-top: -5px;
}

[data-sa-theme='4'] .icon-svg.img-box {
    filter: invert(100%);
	position: absolute;
	bottom: inherit;
	left: inherit;
	margin-top: -5px;
}

[data-sa-theme='4'] .download-white i {
	color: #000 !Important;
}

.modal-open .main-panel ngx-spinner .black-overlay {
	display: none !important;
}

[data-sa-theme='4'] svg.analogMeterSVGClass > text {
	fill: #000 !important;
}

[data-sa-theme='4']  i.view-edit-icon img {
    filter: brightness(0);
}

[data-sa-theme='4'] .query-status-message,
[data-sa-theme='5'] .query-status-message {
	color: #000000;
}

[data-sa-theme='4'] .query-status-message a,
[data-sa-theme='5'] .query-status-message a {
	color: #000000;
}

[data-sa-theme='4'] .query-status-message a:hover,
[data-sa-theme='5'] .query-status-message a:hover {
	color: #8e8e8e;
}

[data-sa-theme='4'] input#file{
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='2'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #496a6a;
    border: 1px solid rgb(73 106 106);
}

[data-sa-theme='3'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #95677f;
    border: 1px solid rgb(149 103 127);
}

[data-sa-theme='4'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

[data-sa-theme='2'] .assign-device-pop {
    box-shadow: 0 0 1px #496a6a;
    border: 1px solid rgb(73 106 106);
}

[data-sa-theme='3'] .assign-device-pop {
    box-shadow: 0 0 1px #95677f;
    border: 1px solid rgb(149 103 127);
}

[data-sa-theme='4'] .assign-device-pop {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

.panels-trend h2 {
    background: rgb(205 169 169 / 13%)!important;
}

[data-sa-theme='1'] .panels-trend h2 {
    background: rgb(86 83 83 / 16%)!important;
}

[data-sa-theme='4'] .panels-trend h2 {
    background: #ebedef !important;
}

[data-sa-theme='4'] .object-icon path.cls-4c, [data-sa-theme='4'] .o-svg path.cls-4c, [data-sa-theme='4'] #sentinll-panel .sentinll-device-added svg#Layer_1 path {
    fill: #ebedef;
}

.renaming-popup .button-combos button {
    min-width: 100px;
    height: 38px;
}

.renaming-popup .button-combos {
    margin-top: 20px !Important;
}

.show-cost-series-button.cost-view svg {
    width: 25px;
    height: 25px;
    fill: #91f722;
}

/* query widget */

div.highcharts-legend > div > div .highcharts-legend-item.highcharts-pie-series:first-child {
	top: 3px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	top: 18px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	top: 33px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	top: 48px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	top: 63px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	top: 78px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	top: 93px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	top: 108px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	top: 123px !important;
	left: 8px !important;
}

.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	top: 138px !important;
	left: 8px !important;
}

g.highcharts-legend > g > g g.highcharts-legend-item.highcharts-pie-series:first-child {
	transform: translate(8px, 3px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(8px, 18px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(8px, 33px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(8px, 48px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(24px, 63px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	transform: translate(24px, 78px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	transform: translate(24px, 93px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	transform: translate(24px, 108px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	transform: translate(24px, 123px) !important;
}

g.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	transform: translate(8px, 138px) !important;
}

.expanded-view .query-chart g.highcharts-legend > g > g g.highcharts-legend-item.highcharts-pie-series:first-child {
	transform: translate(21px, 3px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(21px, 23px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(21px, 43px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(21px, 63px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(34px, 83px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 {
	transform: translate(34px, 103px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-5 {
	transform: translate(34px, 123px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-6 {
	transform: translate(34px, 141px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-7 {
	transform: translate(34px, 160px) !important;
}

.expanded-view .query-chart g.highcharts-legend g.highcharts-legend-item.highcharts-pie-series.highcharts-color-8 {
	transform: translate(21px, 180px) !important;
}

.expanded-view .highcharts-legend .highcharts-legend-item span > div:first-child {
	margin-right: 20px !important;
    width: 42px !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-0 {
	transform: translate(8px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {
	transform: translate(114.272px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {
	transform: translate(196.482px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 {
	transform: translate(284.022px, 3px) !important;
}

#pie_chart .highcharts-legend-item.highcharts-pie-series tspan,
#container-column g.highcharts-legend-item.highcharts-column-series tspan {
	fill: #fff !important;
}

[data-sa-theme='4'] .carousel-control-next-icon, [data-sa-theme='4'] .carousel-control-prev-icon {
	background: #afafaf;
}

label.slct-rqrd.select-site .fa {
	line-height: 0px;
}

.sidebar-icon-only.et-sidebar-only .navbar svg {
	width: 76%;
	left: 187px;
}

.sidebar-icon-only.et-sidebar-only .navbar .navbar-brand-wrapper .brand-logo-mini.alt-logo {
	display: none !important;
}

div#pie_chart .highcharts-container {
	min-height: 400px;
}

p.reportPre p {
  color: #fff;
}

p.reportPre h1 {
  font-size: 22px;
  margin: 10px 0;
}

p.reportPre h2 {
  font-size: 20px;
  margin: 10px 0;
}

p.reportPre h3 {
  font-size: 18px;
  margin: 10px 0;
  line-height: inherit;
}

p.reportPre h4 {
  font-size: 16px;
  margin: 10px 0;
}

p.reportPre h5 {
  font-size: 14px;
  margin: 10px 0;
}

p.reportPre h6 {
  font-size: 12px;
  margin: 10px 0;
}

p.reportPre p {
  color: #fff;
}

p.reportPre p {
  color: #fff;
}

p.reportPre h1 {
  font-size: 22px;
  margin: 10px 0;
}

p.reportPre h2 {
  font-size: 20px;
  margin: 10px 0;
}

p.reportPre h3 {
  font-size: 18px;
  margin: 10px 0;
}

p.reportPre h4 {
  font-size: 16px;
  margin: 10px 0;
}

p.reportPre h5 {
  font-size: 14px;
  margin: 10px 0;
}

p.reportPre h6 {
  font-size: 12px;
  margin: 10px 0;
}

.custom-validation {
  position: absolute;
  bottom: inherit;
  left: inherit;
  margin-top: -5px;
}

.test-details {
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 0;
}

.test-details.alt-test-details {
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.test-details .listing-line {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.test-details .listing-line .right-sec {
	border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.test-details .listing-line h4 {
	background: rgba(255, 255, 255, 0.125);
}

.test-details input, 
.test-details select {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

[data-sa-theme='4'] .test-details {
	border: 1px solid rgba(0, 0, 0, 0.21);
	border-bottom: 0;
}

[data-sa-theme='4'] .test-details.alt-test-details {
	border: 1px solid rgba(0, 0, 0, 0.21);
}

[data-sa-theme='4'] .test-details .listing-line {
	border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}

[data-sa-theme='4'] .test-details .listing-line .right-sec,
[data-sa-theme='5'] .test-details .listing-line .right-sec {
	border-left: 1px solid rgba(0, 0, 0, 0.21);
}

[data-sa-theme='4'] .test-details .listing-line h4 {
	background: rgb(84 82 82);
	color:#fff;
}

[data-sa-theme='4'] .test-details input, 
[data-sa-theme='4'] .test-details select {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='4'] .test-details .add-btn1, 
[data-sa-theme='4'] .test-details .dlt-btn {
	color: #000;
}

[data-sa-theme='4'] .icon-svg.img-box {
    filter: invert(100%);
}

[data-sa-theme='4'] .download-white i {
	color: #000 !Important;
}

.modal-open .main-panel ngx-spinner .black-overlay {
	display: none !important;
}

[data-sa-theme='4'] svg.analogMeterSVGClass > text {
	fill: #000 !important;
}

[data-sa-theme='4']  i.view-edit-icon img {
    filter: brightness(0);
}

[data-sa-theme='4'] div#bubll-panel img.object-icon {
	filter: invert(1);
}

[data-sa-theme='4'] .input-effect.cstm_txtarea textarea::-webkit-input-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme='4'] .input-effect.cstm_txtarea textarea::-moz-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme='4'] .input-effect.cstm_txtarea textarea:-ms-input-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme='4'] table.table.chart-list-table .btn.svimg-icon,
[data-sa-theme='5'] table.table.chart-list-table .btn.svimg-icon {
	filter: brightness(0);
}

[data-sa-theme='4'] label.customRadio:before,
[data-sa-theme='5'] label.customRadio:before {
	background-color: #fff !important;
	border-color: #000 !important;
	color: #fff !important;
}

[data-sa-theme='4'] input[type='radio']:checked+label.customRadio:before,
[data-sa-theme='5'] input[type='radio']:checked+label.customRadio:before {
	background-color: #000 !important;
}

div#main_header.sidebar-icon-only .collapse.show {
	display: none !important;
}

[data-sa-theme="3"] .sentinl-tabs {
	background: rgb(59 43 58 / 63%) !important;
	border-bottom: 1px solid rgb(59 43 58 / 63%) !important;
}

[data-sa-theme="3"] .aggre-tabs.active {
	background-color: #2a1f29 !important;
}

[data-sa-theme="4"] .sentinl-tabs, 
[data-sa-theme="5"] .sentinl-tabs {
	background: #898989 !important;
	border-bottom: 1px solid #898989 !important;
}

[data-sa-theme="4"] .aggre-tabs.active, 
[data-sa-theme="5"] .aggre-tabs.active {
	background-color: #000 !important;
}

[data-sa-theme="4"] .section-appearance div .content-wrapper .outer-box, 
[data-sa-theme="5"] .section-appearance div .content-wrapper .outer-box {
	background: rgba(80, 80, 80, 0.125) !important;
}

[data-sa-theme="4"] .site-inline-flex, 
[data-sa-theme="5"] .site-inline-flex {
	color: #000 !important;
}

[data-sa-theme="4"] .page-head-part .cstm_link, 
[data-sa-theme="5"] .page-head-part .cstm_link,
[data-sa-theme="4"] .page-head-part .cstm_link:hover, 
[data-sa-theme="5"] .page-head-part .cstm_link:hover {
	background: none !important;
	color: #000 !important;
	border: none !important;
}

[data-sa-theme="4"] .page-head-part .cstm_link:hover,
[data-sa-theme="4"] .page-head-part .cstm_link:focus,
[data-sa-theme="5"] .page-head-part .cstm_link:hover,
[data-sa-theme="5"] .page-head-part .cstm_link:focus {
    color: #000 !important;
}

[data-sa-theme="4"] .cstmTxtBlack,
[data-sa-theme="5"] .cstmTxtBlack {
	color: #000 !important;
}

[data-sa-theme='4'] #pie_chart.cstmChart .highcharts-legend-item.highcharts-pie-series tspan, 
[data-sa-theme='4'] #container-column.cstmChart g.highcharts-legend-item.highcharts-column-series tspan {
	color: #000 !important;
	fill: #000 !important;
}

[data-sa-theme='4'] .enclosed-div .bracket, 
[data-sa-theme='5'] .enclosed-div .bracket {
	color: #000 !important;
}

/* theme 5 starts here */

[data-sa-theme='5'] .rating-widget h2,
[data-sa-theme='5'] .map-title {
  margin-bottom: 5px;
  width: 100% !important;
}

[data-sa-theme='5'] .carousel {
    background: linear-gradient(180deg, #031439 0%, #3EBFC8 150%) !important
}

[data-sa-theme='5'] .login100-form-logo {
    width: 190px !Important;
    margin: 0 auto 40px;
}

[data-sa-theme='5'] .login100-form .login100-form-title {
    color: #fff !important;
    font-family: inherit !important;
}

[data-sa-theme='5'] .login100-form .input-effect input.effect-16 {
    height: 45px !important;
}

[data-sa-theme='5'] .login-btn button.sim-button.button13.login100-form-btn {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    font-family: Roboto, sans-serif;
    color: rgb(255, 255, 255) !important;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 64%) 0px 0px 10px;
    background: rgb(3 21 58);
    border: 0px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    margin: 0px 0px 15px;
}

[data-sa-theme='5'] .login-btn .flipbutton{
    color: #fff;
    text-decoration: none;
    text-align: center !important;
    margin: 10px 0 25px;
    display: inline-block;
    width: 100%;
}

[data-sa-theme='5'] .show-cost-series-button svg {
    fill: #000;
}

/* [data-sa-theme='5'] .wrap-login100.front button.sim-button.button13.login100-form-btn:hover {
    letter-spacing: 2px;
    color: #fff !important;
    background: rgb(235, 91, 82) !important;
} */

[data-sa-theme='5'] .highcharts-selection-marker {
  stroke: #b7b7b7 !important;
}

[data-sa-theme='5'] .add-gallery-sec input#images {
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: #000;
}

[data-sa-theme='5'] .wc-details {
	background: #031439 !important;
}

[data-sa-theme='5'] .wc-banner {
    background: #031439;
}

[data-sa-theme='5'] .cal-util .ok {
	box-shadow: none !important;
}

[data-sa-theme='5'] .calendar-days tr .calendar-day .disableDay {
	color: #000 !important
}

[data-sa-theme='5'] path.highcharts-legend-nav-active {
    fill: #796e6e;
}

[data-sa-theme='5'] .wrap-outer {
	border: 1px solid rgb(0, 0, 0);
}

[data-sa-theme='5'] ngb-datepicker.dropdown-menu {
	background: #fff !important;
}

[data-sa-theme='5'] ngb-datepicker .bg-light {
	background-color: #031439 !Important;
}

[data-sa-theme='5'] ngb-datepicker .btn-light {
	color: #000 !important;
	box-shadow: none !important;
}

[data-sa-theme='5'] ngb-datepicker .ngb-dp-weekday {
	color: #fff;
}

[data-sa-theme='5'] ngb-datepicker .btn-light:hover {
	color: #fff !important;
	background-color: #031439 !important;
}

[data-sa-theme='5'] ngb-datepicker .bg-primary {
	background-color: #031439 !important;
	color: #fff !important;
}

[data-sa-theme='5'] ngb-datepicker .btn-light.focus {
	color: #000 !important;
}

[data-sa-theme='5'] .date-lbl~input.form-control {
	border-color: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] input.form-control[readonly] {
	background: transparent !important;
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .btn-link.ngb-dp-arrow-btn {
	color: #fff;
}

[data-sa-theme='5'] .custom-time-picker input[type="text"]::-webkit-input-placeholder {
	color: #b9b9b9;
}

[data-sa-theme='5'] .custom-time-picker input[type="text"]::-moz-placeholder {
	color: #b9b9b9;
}

[data-sa-theme='5'] .custom-time-picker input[type="text"]:-ms-input-placeholder {
	color: #b9b9b9;
}

[data-sa-theme='5'] .custom-time-picker input[type="text"] {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
	color: #000;
}

[data-sa-theme='5'] .custom-time-picker i.fa.fa-clock-o {
	color:#000 !important;
    border-color: #000;
}

[data-sa-theme='5'] .custom-time-picker i.fa.fa-clock-o:hover, [data-sa-theme='5'] .custom-time-picker i.fa.fa-clock-o:focus {
    background: #000 !important;
	color:#fff !important;
}

[data-sa-theme='5'] #option-filter .status-btn-set button {
	padding: 8px 20px 8px;
	background: #000;
	color: #fff !important;
}

[data-sa-theme='5'] #option-filter .status-btn-set button:first-child:hover {
	background: green;
	color: #fff;
}

[data-sa-theme='5'] #option-filter .status-btn-set button:nth-child(2):hover {
	background: crimson;
	color: #fff;
}

[data-sa-theme='5'] #option-filter .status-btn-set button:last-child:hover {
	background: #ff0000;
	color: #fff;
}

[data-sa-theme='5'] a.add-fld-btn, [data-sa-theme='5'] a.dlt-fld-btn {
    color: #000 !important;
}

/* Et theme change*/

[data-sa-theme='5'] .et .nav-tabs .nav-link.active,
[data-sa-theme='5'] .et .nav-tabs .nav-item.show .nav-link {
	color: #fff;
	background-color: #000;
}

[data-sa-theme='5'] .et .nav-tabs {
	border: 1px solid #000;
	border-left: 0;
}

[data-sa-theme='5'] .et .nav-tabs .nav-link {
	border: 1px solid #cbcdce;
	color: #000;
	border-top: 0;
}

[data-sa-theme='5'] .et-head .site-select-area select.effect-16 {
	color: #000 !important;
}

[data-sa-theme='5'] .et-head .site-select-area button.btn:hover {
	color: #000 !important;
}

[data-sa-theme='5'] .add-bacnet-device svg {
	fill: #000;
}

[data-sa-theme='5'] button.btn.count-view[disabled] {
	background: transparent !important;
	color: #000 !important;
}

[data-sa-theme='5'] button.toggle-panel-button.count-view:hover {
	color: #fff !important;
}

[data-sa-theme='5'] .enggtools-section .tool-boxes {
	background-color: rgba(255, 255, 255, 1);
}

[data-sa-theme='5'] .tool-boxes:after {
	display: none;
}

[data-sa-theme='5'] svg#Layer_1 path.cls-1add, [data-sa-theme='5'] svg#Layer_2 path {
    fill: #000 !important;
}

[data-sa-theme='5'] .et .tab-content {
	border: 1px solid #000;
	border-bottom: none;
}

[data-sa-theme='5'] .signup-form-new {
	background-color: #fff !Important
}

[data-sa-theme='5'] {
	background-color: #f3f5f7;
}

[data-sa-theme='5'] .custom-select::-webkit-scrollbar-thumb {
	background: #afafaf;
}

[data-sa-theme='5']::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .category-elements::-webkit-scrollbar-thumb,
[data-sa-theme='5'] #confrm-popup .modal-body::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .input-effect select[multiple].selectBoxHight::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .objects-section::-webkit-scrollbar-thumb,
[data-sa-theme='5'] table.table1::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .meter-values::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .container-list::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .all-queries .table-responsive::-webkit-scrollbar-thumb,
[data-sa-theme='5'] #toasta.toasta-position-bottom-right::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .panel-container::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .outer-box.panel-fullscreen::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .bacnet-device .objects-list::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .hover-navbar .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .priority-cat-div ul::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .priority-cat-div::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .sidebar::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .context-menu .menu-options::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .modal-lg .company-listing::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .chart-wrapper::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .modal::-webkit-scrollbar-thumb,
[data-sa-theme='5'] textarea::-webkit-scrollbar-thumb,
[data-sa-theme='5'] .time-picker-selected-area .row::-webkit-scrollbar-thumb {
	background: #031439;
}

[data-sa-theme='5'] ::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 10px;
}

[data-sa-theme='5'] ::-webkit-scrollbar-thumb {
    background: #afafaf;
}

[data-sa-theme='5'] .hover-navbar {
	background: #031439 !important;
	top: 100px !important;
	z-index: 999999 !important;
}

[data-sa-theme='5'] .sidebar {
	background: linear-gradient(180deg, #031439 0%, #3EBFC8 200%) !important;
}

[data-sa-theme='5'] .hover-navbar .sidebar {
	height: 100%;
	background: none !important;
}

[data-sa-theme='5'] .sidebar-icon-only .sidebar-offcanvas .nav .nav-item:hover .menu-title {
	color: #fff !important;
}

[data-sa-theme='5'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title,
[data-sa-theme='5'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
[data-sa-theme='5'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing,
[data-sa-theme='5'] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
	background: rgb(255, 255, 255) !important;
}

[data-sa-theme='5'] .sidebar .nav .nav-item .nav-link i.menu-icon svg {
	fill: #fff;
}

[data-sa-theme='5'] .sidebar .nav .nav-item .nav-link i.menu-icon svg .st0 {
	fill: #fff;
}

[data-sa-theme='5'] .sidebar .nav .nav-item {
	margin-top: 13px;
    margin-right: 8px;
	border-radius: 0 20px 20px 0;
}

[data-sa-theme='5'] ul.nav.flex-column.sub-menu li.nav-item:hover {
    background: none !important;
}

[data-sa-theme='5'] .sidebar .nav .nav-item.active, 
[data-sa-theme='5'] .sidebar .nav .nav-item:hover, 
[data-sa-theme='5'] ul.nav.flex-column.sub-menu li.nav-item.active {
	border-radius: 0 20px 20px 0;
    color: #fff;
    background: #3EBFC8 !important;
}

[data-sa-theme='5'] ul.nav.flex-column.sub-menu li.nav-item > ul.nav.flex-column.sub-menu li.nav-item.active  {
    background: none !important;
}

[data-sa-theme='5'] ul.nav.flex-column.sub-menu li.nav-item > ul.nav.flex-column.sub-menu li.nav-item {
    margin: 0 !important;
}

[data-sa-theme='5'] ul.nav.flex-column.sub-menu li.nav-item > ul.nav.flex-column.sub-menu li.nav-item a.nav-link {
    padding: 10px !important;
}

[data-sa-theme='5'] .sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	background-color: transparent;
}

[data-sa-theme='5'] .fixed-top {
    background: #f3f5f7 !important;
}

[data-sa-theme='5'] .navbar svg {
	display: none;
}

[data-sa-theme='5'] .page-body-wrapper {
	padding-top: 80px;
}

[data-sa-theme='5'] .navbar .navbar-brand-wrapper {
	background: #031439;
    box-shadow: none;
	height: 80px;
	width: 265px;
}

[data-sa-theme='5'] .sidebar-icon-only .navbar .navbar-brand-wrapper {
    width: 70px;
}

[data-sa-theme='5'] .navbar .navbar-menu-wrapper {
	background: #fff;
    color: #b1b1b5;
    width: calc(100% - 306px);
    height: 60px;
    border-radius: 15px;
    margin-right: 20px;
	box-shadow: none !important;
    border: none !important;
}

[data-sa-theme='5'] .sidebar-icon-only .navbar .navbar-menu-wrapper {
    width: calc(100% - 108px);
}

[data-sa-theme='5'] .sidebar-icon-only.et-sidebar-only .navbar .navbar-menu-wrapper {
	width: calc(100% - 306px) !important;
}

[data-sa-theme='5'] .sidebar,
[data-sa-theme='5'] .query-preview,
[data-sa-theme='5'] .all-queries,
[data-sa-theme='5'] .signup-form,
[data-sa-theme='5'] .view-page {
	background-color: rgba(255, 255, 255, 1);
}

[data-sa-theme='5'] .footer {
	background-color: #f3f5f7 !important;
	font-size: 14px;
}

[data-sa-theme='5'] .footer span {
    color: rgb(15, 48, 99) !important;
    font-size: 14px;
}

[data-sa-theme='5'] .company-listing {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 15px;
}

[data-sa-theme='5'] .table thead th:first-child {
	border-radius: 10px 0 0 10px;
	padding-left: 15px;
}

[data-sa-theme='5'] .table thead th:last-child {
	border-radius: 0 10px 10px 0;
}

[data-sa-theme='5'] .sidebar .nav .nav-item .nav-link i.menu-icon {
	color: #fff !important;
	margin-right: 15px;
}

[data-sa-theme='5'] .sidebar .nav .nav-item .nav-link {
	color: #fff !important;
	padding: 10px 20px !important
}

[data-sa-theme='5'] .page-head-part h2,
[data-sa-theme='5'] .page-head-part a,
[data-sa-theme='5'] .print_btn,
[data-sa-theme='5'] .company-listing .table tbody td,
[data-sa-theme='5'] .company-tables .table tbody td,
[data-sa-theme='5'] .footer a,
[data-sa-theme='5'] .footer span,
[data-sa-theme='5'] .navbar .navbar-menu-wrapper .navbar-toggler,
[data-sa-theme='5'] .effect-16~label,
[data-sa-theme='5'] legend,
[data-sa-theme='5'] .logo-sec h5,
[data-sa-theme='5'] .portfolio-imgs-sec h5,
[data-sa-theme='5'] .subcategory-container label,
[data-sa-theme='5'] .comparisonSubcategory-container label,
[data-sa-theme='5'] .subcategory label,
[data-sa-theme='5'] .right-w,
[data-sa-theme='5'] .effect-16:focus~label,
[data-sa-theme='5'] .has-content.effect-16~label,
[data-sa-theme='5'] .form-area h4,
[data-sa-theme='5'] .company-listing .table tbody td aside a {
	color: #031439;
}

[data-sa-theme='5'] .objects-section table td {
	color: #000;
}

[data-sa-theme='5'] .objects-section table td input,
[data-sa-theme='5'] .objects-section table td select {
	border: 1px solid rgb(0, 0, 0);
	color: #000;
}

[data-sa-theme='5'] .text-muted {
	color: #000 !important;
}

[data-sa-theme='5'] .table thead {
	background-color: #031439 !important;
}

[data-sa-theme='5'] app-paginator button.round {
	background: #fff !important;
	color: #031439 !important;
	border: 1px solid #031439;
}

[data-sa-theme='5'] app-paginator button.round:hover {
	color: #fff !important;
	background: #031439 !important;
}

[data-sa-theme='5'] .palettes-color {
	background-color: #fff;
}

[data-sa-theme='5'] button.sim-button.button13.login100-form-btn.pull-right[disabled]:hover {
    color: #000 !important;
}

[data-sa-theme='5'] a.sim-button.button13.login100-form-btn.label-button.mt-30
{
	color:#000;
	text-align:center;
}

[data-sa-theme='5'] a.sim-button.button13.login100-form-btn.label-button.mt-30:hover
{
	color:#fff;
}

[data-sa-theme='5'] app-paginator .input-effect select {
	border: 1px solid #031439 !important;
}

[data-sa-theme='5'] .signup-form {
    border-radius: 15px;
}

[data-sa-theme='5'] .count.h4 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

[data-sa-theme='5'] a.add-btn:hover img.add-img-2 {
	display: inline-block;
}

[data-sa-theme='5'] .test-case a.add-btn img.add-img-2 {
	display: none !important;
}

[data-sa-theme='5'] .test-case a.add-btn:hover img.add-img-1 {
	display: none !important;
}

[data-sa-theme='5'] .test-case a.add-btn:hover img.add-img-2 {
	display: inline-block !important;
}

[data-sa-theme='5'] .input-effect select {
	background: url('select-icon-alt.png') no-repeat scroll right center !important;
	background-size: 18px !important;
}

[data-sa-theme='5'] .input-effect input[type='text']:not(.color-selected),
[data-sa-theme='5'] .input-effect input[type='password'],
[data-sa-theme='5'] .input-effect textarea,
[data-sa-theme='5'] .input-effect select,
[data-sa-theme='5'] .input-effect input[type='number'],
[data-sa-theme='5'] .selected-list .c-btn,
[data-sa-theme='5'] .site-select-area select.effect-16 {
	color: #000000 !important;
	border: 1px solid rgba(0, 0, 0, 30%) !important;
	background-color: #E7EBF0 !important;
	border-radius: 8px !important;
	font-size: 16px;
    padding-bottom: 2px
}

[data-sa-theme='5'] .input-effect input[type='text'],
[data-sa-theme='5'] .input-effect input[type='password'],
[data-sa-theme='5'] .input-effect select,
[data-sa-theme='5'] .input-effect input[type='number'],
[data-sa-theme='5'] .selected-list .c-btn {
	height: 42px !important;
}

[data-sa-theme='5'] .modal-body .input-effect input[type='text'],
[data-sa-theme='5'] .modal-body .input-effect input[type='password'],
[data-sa-theme='5'] .modal-body .input-effect textarea,
[data-sa-theme='5'] .selected-list .c-btn,
[data-sa-theme='5'] .modal-body .input-effect select,
[data-sa-theme='5'] .modal-body .input-effect input[type='number'] {
	color: #000000 !important;
	border: 1px solid rgba(0, 0, 0, 30%) !important;
	background-color: #E7EBF0 !important;
	border-radius: 8px !important;
}

[data-sa-theme='5'] .modal-body .input-effect input[type='text'],
[data-sa-theme='5'] .modal-body .input-effect input[type='password'],
[data-sa-theme='5'] .modal-body .input-effect select,
[data-sa-theme='5'] .modal-body .input-effect input[type='number'],
[data-sa-theme='5'] .selected-list .c-btn {
	height: auto !important;
    min-height: 42px !important;
	padding: 0px 10px !important;
}

[data-sa-theme='5'] .selected-list .c-btn,
[data-sa-theme='5'] .input-effect input[disabled=''], 
[data-sa-theme='5'] .input-effect select[disabled=''], 
[data-sa-theme='5'] .input-effect textarea[disabled=''], 
[data-sa-theme='5']  form .input-disabled .select-box {
	opacity: 0.8;
}

.upload-btn,
[data-sa-theme='5'] .page-head-part a,
[data-sa-theme='5'] .print_btn {
	display: inline-block;
    color: #fff;
    background: #031439;
	font-size: 15px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    padding: 8px 25px;
    font-weight: 700;
	color: #fff !important;
	box-shadow: none;
}

.upload-btn:hover,
[data-sa-theme='5'] .page-head-part a:hover,
[data-sa-theme='5'] .print_btn:hover {
	background: #3EBFC8;
}

[data-sa-theme='5'] app-paginator .input-effect select {
	background-color: #fff !important;
	height: 30px !important;
}

[data-sa-theme='5'] .box-shadow{
	background:#fff !important;
}

[data-sa-theme='5'] .src-img {
	display: none;
}

[data-sa-theme='5'] .bldng img,
[data-sa-theme='5'] .none-img {
	display: none;
}

[data-sa-theme='5'] .navbar .navbar-brand-wrapper .brand-logo.IB_logo_main {
	width: 225px;
	display: inline-block !important;
	transition: none !important;
}

[data-sa-theme='5'] .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo.IB_logo_main {
	width: 50px;
	display: inline-block !important;
}

[data-sa-theme='5'] .sidebar-icon-only.et-sidebar-only .navbar .navbar-brand-wrapper .brand-logo.IB_logo_main {
	width: 225px;
	display: inline-block !important;
}

[data-sa-theme='5'] li.color-palette {
	display: none !important;
}

[data-sa-theme='5'] .bldng img.alt-img,
[data-sa-theme='5'] .color-palette img.alt-img {
	display: block;
}

[data-sa-theme='5'] .arrow-fix .alt-img {
	display: inline-block;
}

[data-sa-theme='5'] .input-effect select[disabled=''] {
	background: rgba(156, 156, 156, 0.27);
	background-size: 18px;
}

[data-sa-theme='5'] .limiter .button13.login100-form-btn:after,
[data-sa-theme='5'] .limiter .button13.login100-form-btn:before,
[data-sa-theme='5'] .limiter .login100-form .input-effect input[type='text'],
[data-sa-theme='5'] .limiter .login100-form .input-effect input[type='password'],
[data-sa-theme='5'] .limiter .login100-form .input-effect input[type='email'] {
	border: 1px solid rgba(255, 255, 255, 0.5);
}

[data-sa-theme='5'] .limiter .button13.login100-form-btn:after {
	background: #fff;
}

[data-sa-theme='5'] .button13:before {
	border: 1px solid #031439;
}

[data-sa-theme='5'] .limiter .button13.login100-form-btn[disabled]:hover,
[data-sa-theme='5'] .main-panel-head li:after,
[data-sa-theme='5'] .main-panel-head li {
	color: #000 !important;
}

[data-sa-theme='5'] .limiter .button13.login100-form-btn[disabled]:hover:after {
	background: #fff;
	border: 1px solid #fff;
}

[data-sa-theme='5'] .button13:after,
[data-sa-theme='5'] .site-select-area button.btn {
	background-color: #3EBFC8;
}

[data-sa-theme='5'] button[disabled]:hover:after {
	background: black;
	border: 1px solid rgb(0, 0, 0);
}

[data-sa-theme='5'] button[disabled]:hover {
	cursor: not-allowed;
	color: #000 !important;
}

[data-sa-theme='5'] .modal-body .status-btn-set button[disabled] {
	color: #fff !important;
}

[data-sa-theme='5'] .button-combos .login100-form-btn,
[data-sa-theme='5'] .main-panel-head li a,
[data-sa-theme='5'] .main-panel-head h2,
[data-sa-theme='5'] .signup-form h2,
[data-sa-theme='5'] .set-of-btns h2,
[data-sa-theme='5'] .meter-outer p,
[data-sa-theme='5'] .meter-outer span,
[data-sa-theme='5'] .meter-values table th,
[data-sa-theme='5'] .meter-values table td,
[data-sa-theme='5'] .meter-outer h3,
[data-sa-theme='5'] .lineSeparator,
[data-sa-theme='5'] a.zoomin.zoom-icon,
[data-sa-theme='5'] .one-third-window h5,
[data-sa-theme='5'] .value-info .list label,
[data-sa-theme='5'] .value-info .list span small {
	color: #031439 !important;
}

[data-sa-theme='5'] .edittool {
	background: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .logo-outer {
	border: 2px solid #031439;
}

[data-sa-theme='5'] .modal-header .close {
	color: #012A61 !important;
}

[data-sa-theme='5'] .main-panel-head {
	background: none;
	margin-left: 16px;
}

[data-sa-theme='5'] .editDisable, [data-sa-theme='5'] a.backButton, [data-sa-theme='5'] a.j-edit-btn {
	background: #3EBFC8 !important
}

[data-sa-theme='5'] ul.tabs-menu {
	background-color: #fff !important;
	box-shadow: none !important;
	border-radius: 15px;
}

[data-sa-theme='5'] ul.tabs-menu li.active a:after,
[data-sa-theme='5'] .sidebar .nav .nav-item .nav-link:after {
	background: #031439 !important;
}

[data-sa-theme='5'] .button-combos .login100-form-btn:hover {
	color: #fff !important;
}

[data-sa-theme='5'] .page-head-part {
	border-bottom: 1px solid rgba(1, 42, 97, 0.3) !important;
}

[data-sa-theme='5'] .modal .modal-content {
	background: rgb(255, 255, 255) !important;
	border-color: rgba(0, 0, 0, 0.61) !important;
	border-radius: 7px;
}

[data-sa-theme='5'] .one-third-window,
[data-sa-theme='5'] .outer-box,
[data-sa-theme='5'] .hide-circle {
	background: rgba(255, 255, 255, 1);
}

[data-sa-theme='5'] .view-page h2,
[data-sa-theme='5'] .breakig-point h3,
[data-sa-theme='5'] .view-page p,
[data-sa-theme='5'] .adress-info-sec li,
[data-sa-theme='5'] .rating-widget h2,
[data-sa-theme='5'] .map-title,
[data-sa-theme='5'] .enggtools-section .tool-boxes h2,
[data-sa-theme='5'] .enggtools-section .tool-boxes ul li,
[data-sa-theme='5'] .fa-eye:before {
	color: #031439 !Important;
}

[data-sa-theme='5'] .view-page .boxed-layout h2,
[data-sa-theme='5'] .view-page .adress-info-sec h2,
[data-sa-theme='5'] .stats-div label {
	color: #031439 !Important;
}

[data-sa-theme='5'] .view-page h2:after {
	background: #031439 !Important;
}

[data-sa-theme='5'] .view-page .boxed-layout,
[data-sa-theme='5'] .view-page .adress-info-sec,
[data-sa-theme='5'] .meter-values table td span {
	border-color: rgba(1, 42, 97, 0.3) !important;
}

[data-sa-theme='5'] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i,
[data-sa-theme='5'] .dropdown-item:focus,
[data-sa-theme='5'] .dropdown-item:hover,
[data-sa-theme='5'] .lbl,
[data-sa-theme='5'] .wc-date-container>span,
[data-sa-theme='5'] .wc-date-container>i,
[data-sa-theme='5'] .recipients-detail-column h3,
[data-sa-theme='5'] .recipients-adress-info p,
[data-sa-theme='5'] .reportdates p,
[data-sa-theme='5'] a.delete-btn,
[data-sa-theme='5'] .slct-obj-btn i.fa.fa-caret-down,
[data-sa-theme='5'] button.add-fld-btn,
[data-sa-theme='5'] button.dlt-fld-btn,
[data-sa-theme='5'] h3.report-title,
[data-sa-theme='5'] .table-responsive td,
[data-sa-theme='5'] .table-responsive td .action-btn,
[data-sa-theme='5'] .currentValueLbl,
[data-sa-theme='5'] .section-collapse h3,
[data-sa-theme='5'] .buttonContainer,
[data-sa-theme='5'] .chck-box1 input[type='checkbox']+label {
	color: #000 !important;
}

[data-sa-theme='5'] .wc-date-container {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .recipients-section,
[data-sa-theme='5'] .section-appearance fieldset,
[data-sa-theme='5'] section.recipients-section:after,
[data-sa-theme='5'] .title-bar-head,
[data-sa-theme='5'] .recipients-detail-column {
	background: rgba(255, 255, 255, 1) !important;
}

[data-sa-theme='5'] .pdf-btn {
	background: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.6) !important;
}

[data-sa-theme='5'] svg text,
[data-sa-theme='5'] svg circle,
[data-sa-theme='5'] text.highcharts-axis-title tspan,
[data-sa-theme='5'] .highcharts-no-data tspan {
	font-size: 9px;
}

[data-sa-theme='5'] #meter_needle path {
	fill: #464646 !important;
}

[data-sa-theme='5'] svg .highcharts-axis-line {
	stroke: #000;
}

[data-sa-theme='5'] .company-listing .table tbody td aside a:last-child {
	margin: 0;
}

[data-sa-theme='5'] .modal-body button[disabled],
[data-sa-theme='5'] .modal-body .button-combos .login100-form-btn {
	color: #000 !important;
}

[data-sa-theme='5'] .modal-body .button13:before {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

[data-sa-theme='5'] .modal-body .button13:after {
	background: #000;
}

[data-sa-theme='5'] .modal-body button[disabled]:hover:after {
	background: #000;
	border: 1px solid rgba(0, 0, 0, 0.5);
	color: #fff !important;
}

[data-sa-theme='5'] select.effect-16[multiple],
[data-sa-theme='5'] select.effect-16[multiple] option {
	background: #E7EBF0 !important;
}

[data-sa-theme='5'] .all-queries .table tbody td a,
[data-sa-theme='5'] .objct-table tr td,
.objct-table tr th,
[data-sa-theme='5'] .modal-body .effect-16~label {
	color: #000;
}

[data-sa-theme='5'] .modal-body label.slct-rqrd.floating-label {
	color: #031439;
}

[data-sa-theme='5'] button.qry-btn,
[data-sa-theme='5'] .section-collapse .side-right i {
	background-color: rgb(0, 0, 0) !important;
	color: #fff;
}

[data-sa-theme='5'] a.delete-section-name{
	background-color: rgb(0, 0, 0) !important;
	color: #a4a4a4;
}

[data-sa-theme='5'] .info-site ul {
	background: rgb(0, 0, 0) !important;
}

[data-sa-theme='5'] .site-img {
	border: 4px solid #000;
	box-shadow: none !important;
}

[data-sa-theme='5'] .bldng {
	background: #fff;
}

[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link i,
[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link .menu-title,
[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link .menu-arrow,
[data-sa-theme='5'] .zoom-icon,
[data-sa-theme='5'] .zoom-icon:hover,
[data-sa-theme='5'] .reportPre {
	color: #000000 !important;
}

[data-sa-theme='5'] .icon1 a.filter-btn svg,
[data-sa-theme='5'] .icon2 a.filter-btn svg path {
	fill: #000;
}

[data-sa-theme='5'] .icon1 app-default-view-dropdown {
	background: #fff;
}

[data-sa-theme='5'] span.chck-btn {
	background: #031439;
}

[data-sa-theme='5'] .chck-box1 input[type='checkbox']+label:before {
	border-color: #000;
}

[data-sa-theme='5'] .chck-box1 input[type='checkbox']:checked+label:before {
	border-color: transparent !important;
}

[data-sa-theme='5'] .select-box i:before {
	/* background: url(../src/assets/images/select-icon-alt.png) no-repeat scroll right center; */
	background-size: 100%;
}

[data-sa-theme='5'] .section-collapse {
	background-color: rgba(80, 80, 80, 0.125) !important;
}

[data-sa-theme='5'] .additional-divs .select-box {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

[data-sa-theme='5'] .title-bar-head .logo-company {
	border: 1px solid #ccc !important;
}

[data-sa-theme='5'] .section-appearance .report-objects .table-responsive td,
[data-sa-theme='5'] .section-appearance .report-objects .table-responsive td tbody .action-btn,
[data-sa-theme='5'] .section-appearance .report-objects .table-responsive td,
[data-sa-theme='5'] .section-appearance .report-objects .table-responsive tbody td .action-btn,
[data-sa-theme='5'] .about-widget h2,
[data-sa-theme='5'] #confrm-popup .modal-body,
[data-sa-theme='5'] #confrm-popup label,
[data-sa-theme='5'] .one-third-window h3,
[data-sa-theme='5'] label.notification,
[data-sa-theme='5'] label.recipients,
[data-sa-theme='5'] .view-page .boxed-layout .logo-image-circle,
[data-sa-theme='5'] .one-fourth-windows h3,
[data-sa-theme='5'] .one-fourth-windows h5,
[data-sa-theme='5'] .delete_condition {
	color: #031439;
}

[data-sa-theme='5'] .modal-body .status-btn-set button[disabled],
[data-sa-theme='5'] .no-content-found,
[data-sa-theme='5'] .loading-chart i.fa.fa-circle-o-notch.fa-spin {
	color: #000;
}

[data-sa-theme='5'] .modal-body .status-btn-set button[disabled]:hover,
[data-sa-theme='5'] .modal-body .button-combos .login100-form-btn:hover {
	color: #fff !important;
}

[data-sa-theme='5'] svg path.highcharts-tracker-line {
	fill: none !important;
}

[data-sa-theme='5'] .company-listing .table tbody tr td svg path,
[data-sa-theme='5'] i.view-edit-icon svg path {
	fill: #031439 !important;
}

[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link i,
[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link .menu-title,
[data-sa-theme='5'] .sidebar .nav .nav-item.active>.nav-link .menu-arrow {
	color: #fff !important;
}

.footer,
[data-sa-theme='5'] .limiter .footer {
	background: rgba(34, 40, 64, 0.1);
}

[data-sa-theme='5'] .footer a:hover {
	color: #000;
}

[data-sa-theme='5'] .limiter .footer span,
[data-sa-theme='5'] .limiter .footer span a {
	color: rgb(15, 48, 99) !important;
}

[data-sa-theme='5'] .limiter .footer span.text-muted {
	color: rgb(15, 48, 99) !important;
}

[data-sa-theme='5'] svg path[id^='Layer_5-'] {
	fill: #000 !important;
	opacity: 0.4;
}

[data-sa-theme='5'] .energy-hybrid-meter svg path {
	fill: #000 !important;
	opacity: 0.4;
}

[data-sa-theme='5'] .edit-icon-white i.view-edit-icon svg path {
	fill: #fff;
}

[data-sa-theme='5'] .buttonColor {
	color: #000 !important;
}

[data-sa-theme='5'] .company-listing .table tbody td aside a.copy-report:hover {
	color: #000 !important;
}

[data-sa-theme='5'] .meter-outer table tbody tr {
	border-bottom: 1px solid #000;
}

[data-sa-theme='5'] .highcharts-xaxis-labels span {
	fill: #000 !important;
	color: #000 !important;
}

[data-sa-theme='5'] svg .theme-white {
	fill: #fff;
}

[data-sa-theme='5'] .company-listing .table tbody td a,
[data-sa-theme='5'] p.name-portfolio {
	color: #031439 !important;
}

[data-sa-theme='5'] .company-dropdown a.dropdown-item:hover
{
	color:#000;
}

[data-sa-theme='5'] .c-btn {
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .selected-list .c-angle-down svg,
[data-sa-theme='5'] .selected-list .c-angle-up svg {
	fill: #696969 !important;
}

/*****Pie Chart 4******/

[data-sa-theme='5'] #outer-dual-panel svg g.highcharts-legend-item.highcharts-pie-series text {
	fill: #000 !important;
}

[data-sa-theme='5'] .company-journey svg path {
	fill: #000 !important;
}

[data-sa-theme='5'] .highcharts-axis-labels text,
[data-sa-theme='4'] .highcharts-axis-labels text tspan,
[data-sa-theme='5'] .highcharts-axis-labels text tspan,
[data-sa-theme='5']  #pie_chart .highcharts-legend-item.highcharts-pie-series tspan,
[data-sa-theme='5'] tspan,
[data-sa-theme='5'] svg.highcharts-root text,
[data-sa-theme='5'] text.highcharts-title {
	color: #000 !important;
	fill: #000 !important;
}

[data-sa-theme='5'] #container-column g.highcharts-legend-item.highcharts-column-series tspan {
	fill: #000 !important;
}

[data-sa-theme='5'] .count.h4, 
[data-sa-theme='5'] .count-title {
	color: #031439 !important;
}

[data-sa-theme='5'] .create-section .table tbody td {
	color: #031439 !important;
}

[data-sa-theme='5'] button.edit-site-widget {
	background: rgb(0, 0, 0) !important;
}

[data-sa-theme='5'] .site-select-area button.btn {
    border-color: #000;
}

[data-sa-theme='5'] .bottompanel .nav-link {
    color: #fff !important;
}

[data-sa-theme='5'] .bottompanel .nav-link.active {
    color: #fff !important;
}

[data-sa-theme='5'] button.edit-site-widget:hover {
	background-color: rgba(0, 0, 0, 0.65) !Important;
	color: #fff !important;
}

[data-sa-theme='5'] textarea.effect-16.areatextbox {
	border: 1px solid rgba(0, 0, 0, 0.26) !important;
}

[data-sa-theme='5'] .info_detail, [data-sa-theme='5'] .note-package{
	color:#000 !important;
}

[data-sa-theme='5'] legend small,
[data-sa-theme='5'] .no-permission,
[data-sa-theme='5'] sup,
[data-sa-theme='5'] .fa-rotate-135 {
	color: #000;
}

[data-sa-theme='5'] svg .theme-white,
[data-sa-theme='5'] .enggtools-section .tool-boxes ul li svg path {
	transform-origin: 50.1% 53.5% !important;
	transition: transform 0.5s !important;
}

[data-sa-theme='5'] .fa-angle-down:after,
[data-sa-theme='5'] button.slct-obj-btn {
	/* background: url(../src/assets/images/select-icon-alt.png) no-repeat scroll right center !important; */
	background-size: 18px !important;
}

[data-sa-theme='5'] .toggle-btn.fa-angle-down:after {
	/* background: url(../src/assets/images/select-icon.png) no-repeat scroll right center !important; */
	background-size: 17px !important;
}

[data-sa-theme='5'] .modal .modal-dialog .modal-content .modal-header {
	border-color: #031439 !important;
    background: #031439 ;
    padding: 10px;
	border-radius: 0px;
}

[data-sa-theme='5'] .modal .modal-dialog .modal-content .modal-header .modal-title {
	color: #fff;
	font-size: 18px;
}

[data-sa-theme='5'] .modal .modal-dialog .modal-content .modal-body p {
	color: #031439;
	font-size: 16px;
}

[data-sa-theme='5'] .status-btn-set button {
	background: #031439;
	margin: 0 8px 0;
	color: #fff;
	border: 1px solid #031439;
	border-radius: 50px !important;
	height: 42px !important;
	max-width: 127px !important;
	width: 100%;
}

[data-sa-theme='5'] .status-btn-set button:hover {
	background: #3EBFC8;
    color: #ffffff;
    border: 1px solid #3EBFC8;
}

[data-sa-theme='5'] .modal-body .additional-divs .select-box {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.4);
}

[data-sa-theme='5'] input[type='checkbox']+label:before,
[data-sa-theme='5'].subcategory input[type='checkbox']+label:before {
	border: 0.1em solid #615f5f;
}

[data-sa-theme='5'] input[type='checkbox']:checked+label:before {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

[data-sa-theme='5'] .title-history h3 {
	color: #000 !important;
}

[data-sa-theme='5'] .site-history {
	background: transparent !important;
	box-shadow: none !Important;
}

[data-sa-theme='5'] .create-query-block .site-history-section {
	background: #fff !important;
}

[data-sa-theme='5'] .report-objects button.buttonContainer {
	color: #000 !important;
}

[data-sa-theme='5'] .pdf-btn:hover {
	background: rgba(0, 0, 0, 0.65) !important;
}

[data-sa-theme='5'] button.fa.fa-times.srch-btn {
	color: #000 !important;
}

[data-sa-theme='5'] .none-img {
	display: none;
}

[data-sa-theme='5'] .view-alt-img {
	display: inline-block;
}

[data-sa-theme='5'] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile a#profileDropdown {
	border: 2px solid rgba(0, 0, 0, 0.6);
}

[data-sa-theme='5'] .section-appearance fieldset {
	border: 1px solid #c7c7c7;
}

[data-sa-theme='5'] a.filter-btn {
	color: #000;
}

[data-sa-theme='5'] .section-appearance fieldset {
	border: 1px solid #c7c7c7;
}

[data-sa-theme='5'] .objects-table table,
[data-sa-theme='5'] .report-objects table {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

[data-sa-theme='5'] .table tbody tr:nth-of-type(even) {
    background-color: rgba(15, 48, 99, 0.03);
}

[data-sa-theme='5'] .table tbody tr {
    border-top: 1px solid #e9ecef !important;
}

[data-sa-theme='5'] .table tbody td {
	border-top: none !important;
}

[data-sa-theme='5'] a.backButton:hover,
[data-sa-theme='5'] .editDisable:hover,
[data-sa-theme='5'] a.j-edit-btn:hover {
	background: #031439 !important;
	color: #fff !important;
}

[data-sa-theme='5'] .objects-section table td button.buttonContainer[disabled] {
	color: #000 !important;
}

[data-sa-theme='5'] button.qry-btn:hover {
	background-color: rgba(0, 0, 0, 0.58) !important;
}

[data-sa-theme='5'] .color-picker .arrow.arrow-top-left,
[data-sa-theme='5'] .color-picker .arrow.arrow-left-top {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000 !important;
}

[data-sa-theme='5'] .icon-svg svg {
	fill: #031439;
}

[data-sa-theme='5'] ul.tabs-menu li a {
	color: #031439;
	border-color: #717171;
	-webkit-text-fill-color: rgb(0, 0, 0);
	-webkit-opacity: 1;
}

[data-sa-theme='5'] p.meter-value {
	background: rgba(0, 0, 0, 0.56);
}

[data-sa-theme='5'] .dflt-type label {
	color: #000;
}

[data-sa-theme='5'] .chck-btn:before {
	background: #fff !important;
}

[data-sa-theme='5'] .company-listing .table tbody tr:hover {
	background-color: rgba(185, 183, 183, 0.1) !important;
}

[data-sa-theme='5'] .backgroundTransparent .modal-content {
	background: transparent !important;
	border: 0 !important;
}

[data-sa-theme='5'] .modal-draggable {
	background: #fff !important;
	border-color: rgba(0, 0, 0, 0.61) !important;
}

[data-sa-theme='5'] .modal-filter .disableCheckbox::before {
	background: #000 !important;
}

[data-sa-theme='5'] label.notification:focus:before,
[data-sa-theme='5'] .chck-box1 input[type='checkbox']+label.notification:focus:before {
	border: 2px solid #1e90ff;
}

[data-sa-theme='5'] .effect-16::-moz-placeholder, ul.category-elements .category-elements-li input[type='text']::-moz-placeholder {
	color: #b9b9b9;
	opacity: 1;
}

[data-sa-theme='5'] .effect-16::placeholder,
ul.category-elements .category-elements-li input[type='text']::placeholder {
	color: #b9b9b9;
	opacity: 1;
}

[data-sa-theme='5'] .rename-input,
[data-sa-theme='5'] .rename-input:focus {
	color: #000;
}

[data-sa-theme='5'] .sidebar-icon-only .hover-navbar .sidebar .nav .nav-item.hover-open .nav-link .menu-title,
[data-sa-theme='5'] .sidebar-icon-only .hover-navbar .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
	background: transparent !important;
}

[data-sa-theme='5'] .table tbody td a {
	color: #031439;
}

[data-sa-theme='5'] .hideAlarmAlarm~.q-not-found {
	color: #000 !important;
}

[data-sa-theme='5'] ul.effect-16.alarm-type-list li {
	color: #000;
}

[data-sa-theme='5'] .highcharts-legend .highcharts-legend-item span {
	color: #000 !important;
}

[data-sa-theme='5'] .query-chart svg circle.highcharts-graph {
	fill: transparent !important;
	color: transparent !important;
}

[data-sa-theme='5'] .multi-slider-table button.sim-button.button13.login100-form-btn {
	color: #000;
}

[data-sa-theme='5'] .multi-slider-table button.sim-button.button13.login100-form-btn:hover {
	color: #fff;
}

[data-sa-theme='5'] button.btn.btn-outline-secondary.calendar {
	border-color: #000 !important;
	color: #000 !important;
}

[data-sa-theme='5'] button.btn.btn-outline-secondary.calendar:hover,
[data-sa-theme='5'] button.btn.btn-outline-secondary.calendar[disabled]:hover {
	background: #000 !important;
	color: #fff !important;
}

[data-sa-theme='5'] button.add-fld-btn[disabled]:hover,
[data-sa-theme='5'] button.dlt-fld-btn[disabled]:hover {
	color: #000 !important;
}

[data-sa-theme='5'] .date-lbl {
	color: #000 !important;
}

[data-sa-theme='5'] input.form-control[readonly][disabled] {
	border-color: rgba(0, 0, 0, 0.4) !important;
	color: #000 !important;
	background: rgba(156, 156, 156, 0.27) !important;
}

[data-sa-theme='5'] input[type='checkbox']+label {
	color: #000;
}

[data-sa-theme='5'] .report-chart-nodata {
	color: #000;
}

[data-sa-theme='5'] .report-objects table td .c-btn {
	border-color: rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .combo-btns .info_detail_tag {
	color: #000 !important;
}

[data-sa-theme='5'] .custom-time-picker[_ngcontent-c13] input[readonly][_ngcontent-c13] {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] p.reportPre p {
	background-color: transparent;
	color: #555;
}

[data-sa-theme='5'] .time-view .time-view-btn .button {
	border-color: #031439;
	background: #031439;
}

[data-sa-theme='5'] td.calendar-day.selected-day span {
	background: #031439;
	color: #fff!important;
}

[data-sa-theme='5'] .calendar-day:hover > span {
	background: #031439 !important;
	color: #fff;
}

[data-sa-theme='5'] .search-section p {
	color: #000 !important;
}

[data-sa-theme='5'] .text-data {
	border: 1px solid #000 !important;
	color: #000 !important;
}

[data-sa-theme='5'] input#search-input {
	border: 1px solid #000 !important;
	color: #000 !important;
}

[data-sa-theme='5'] input#search-input::-moz-placeholder {
	color: #000 !important;
}

[data-sa-theme='5'] input#search-input::placeholder {
	color: #000 !important;
}

[data-sa-theme='5'] .search-section {
	border-bottom: 1px solid #000 !important;
}

[data-sa-theme='5'] .search label {
	color: #a7a7a7 !important;
}

[data-sa-theme='5'] button.sim-button.button13.login100-form-btn {
    color: #fff !important;
    position: relative;
    transition: all 0.5s;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    border-radius: 50px;
    background-color: #031439;
}

[data-sa-theme='5'] button.sim-button.button13.login100-form-btn:hover {
    color: #031439 !important;
    background-color: #fff;
	border: 1px solid #031439 !important;
}

[data-sa-theme='5'] button.sim-button.button13.login100-form-btn:before, 
[data-sa-theme='5'] button.sim-button.button13.login100-form-btn:after {
	display: none;
}

[data-sa-theme='5'] .wrap-login100.front button.sim-button.button13.login100-form-btn:hover {
	color: #000;
}

[data-sa-theme='5'] .site-default-data ::-moz-placeholder {
	color: #000 !Important;
	opacity: 1;
}

[data-sa-theme='5'] .site-default-data ::placeholder {
	color: #000 !Important;
	opacity: 1;
}

[data-sa-theme='5'] .meta-deta-site {
	color: #000 !important;
}

[data-sa-theme='5'] p.note-small {
	color: #000 !important;
}

[data-sa-theme='5'] .site-sys-status li,
[data-sa-theme='5'] .site-sys-status h4 {
	color: #000;
}

[data-sa-theme='5'] button.slct-obj-btn~p {
	box-shadow: 0px 2px 5px #908d8d;
	border: 1px solid #000;
}

[data-sa-theme='5'] path.highcharts-label-box.highcharts-tooltip-box {
	fill: #000 !important;
}

[data-sa-theme='5'] .highcharts-tooltip tspan {
	fill: #fff !important;
}

[data-sa-theme='5'] .sentinlldevice-div,
[data-sa-theme='5'] .bacnet-div,
[data-sa-theme='5'] .bacnet-dev {
	color: #000;
}

[data-sa-theme='5'] .meter-info .button-combos button,
[data-sa-theme='5'] app-chart-series-filter .col-md-3 .button-combos button {
	border: 1px solid #000;
}

[data-sa-theme='5'] .meter-info .button-combos button:hover,
[data-sa-theme='5'] app-chart-series-filter .col-md-3 .button-combos button:hover {
	background: #000;
	color: #fff;
}

[data-sa-theme='5'] .no-data-message
{
	color:#000;
	fill:#000;
}

[data-sa-theme='5'] a.j-edit-btn i.view-edit-icon svg path {
  fill: #fff !important;
}

[data-sa-theme='5'] a.j-edit-btn:hover {
  background: #000;
}

[data-sa-theme='5'] .unit-label {
	color: #000 !important;
}

[data-sa-theme='5'] label.time-label {
    color: #000;
}

[data-sa-theme='5'] .btn-primary {
    color: #fff;
    background-color:#031439;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-sa-theme='5'] .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

[data-sa-theme='5'] .btn-primary:not([disabled]):not(.disabled).active, [data-sa-theme='5'] .btn-primary:not([disabled]):not(.disabled):active, [data-sa-theme='5'] .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

[data-sa-theme='5'] button.sim-button.login100-form-btn.approve {
	background-color: #000 !important;
    box-shadow: none !important;
    color: #fff !important;
}

[data-sa-theme='5'] button.sim-button.login100-form-btn.approve:hover {
	background-color: rgba(0, 0, 0, 0.65) !important;
}

[data-sa-theme='5'] .footer a:hover {
    color: #000;
}

[data-sa-theme='5'] fieldset.inlineform.add-fieldset{
border: 1px solid rgba(0, 0, 0, 0.6);
}

[data-sa-theme='5'] .logo-image-circle .alt-logo {
    display: block;
}

[data-sa-theme='5'] .logo-image-circle .admin-logo {
    display: none;
}

[data-sa-theme='5'] .text-data{
    border: 1px solid #000 !important;
    color: #000 !important;
}

[data-sa-theme='5'] input#search-input::-moz-placeholder {
    color: #000;
}

[data-sa-theme='5'] input#search-input::placeholder {
    color: #000;
}

[data-sa-theme='5'] .back-button-circle a.backButton {
    border-radius:50%;
}

[data-sa-theme='5'] .resend.btn path {
    fill: black;
}

[data-sa-theme='5'] .default-cost-ciew-chart.icon a:hover {
    color: #000 !important;
    background: #fff !important;
}

[data-sa-theme='5'] .white {
    color: #000 !important;
}

[data-sa-theme='5'] .box-in {
    background: #fff;
	border-radius: 15px;
}

[data-sa-theme='5'] .logo-sec p {
    color: #000 !important;
}

[data-sa-theme='5'] .select-box {
	color: #495057 !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	background-color: #E7EBF0 !important;
	border-radius: 8px !important;
	height: 42px;
}

[data-sa-theme='5'] .langugae-selection .select-box {
	/* background: url(../src/assets/images/select-icon-blue.png) no-repeat scroll right center; */
}

[data-sa-theme='5'] circle.cls-2 {
    fill: #031439;
}

[data-sa-theme='5'] tr.parent-tr {
    background: #eaeaea !important;
}

[data-sa-theme='5'] table.table.grey-bg tr.parent-tr:hover {
    background: #eaeaea !important;
}

[data-sa-theme='5'] input#file{
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

[data-sa-theme='5'] .tool-boxes-pop .panel-wrapper {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

[data-sa-theme='5'] .assign-device-pop {
    box-shadow: 0 0 1px #000000;
    border: 1px solid rgb(0 0 0);
}

[data-sa-theme='5'] .panels-trend h2 {
    background: #ebedef !important;
}

[data-sa-theme='5'] .object-icon path.cls-4c, [data-sa-theme='5'] .o-svg path.cls-4c, [data-sa-theme='5'] #sentinll-panel .sentinll-device-added svg#Layer_1 path {
    fill: #ebedef;
}

[data-sa-theme='5'] .carousel-control-next-icon, [data-sa-theme='5'] .carousel-control-prev-icon {
	background: #afafaf;
}

[data-sa-theme='5'] .icon-svg.img-box {
    filter: invert(100%);
}

[data-sa-theme='5'] .download-white i {
	color: #000 !Important;
}

[data-sa-theme='5'] .modal-open .main-panel ngx-spinner .black-overlay {
	display: none !important;
}

[data-sa-theme='5'] svg.analogMeterSVGClass > text {
	fill: #000 !important;
}

[data-sa-theme='5'] i.view-edit-icon img.view-edit-icon2 {
	display: none;
}

[data-sa-theme='5']  i.view-edit-icon img.view-edit-icon1 {
    display: none;
}

[data-sa-theme='5']  i.view-edit-icon img.view-edit-icon2 {
	display: inline-block;
}

[data-sa-theme='5'] .view-page a.sim-button.button13.login100-form-btn, [data-sa-theme='5'] .theme_Five_btn {
	color: #fff !important;
	background: #031439;
	padding: 10px 20px;
	border-radius: 50px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	margin: 0 5px 0 5px;
	min-width: 150px;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #031439;
}

[data-sa-theme='5'] .view-page a.sim-button.button13.login100-form-btn:hover, [data-sa-theme='5'] .theme_Five_btn:hover {
	background: transparent;
	color: #031439 !important;
}

[data-sa-theme='5'] .theme_Five_btn:before, [data-sa-theme='5'] .theme_Five_btn:after, 
[data-sa-theme='5'] .view-page a.sim-button.button13.login100-form-btn:before, [data-sa-theme='5'] .view-page a.sim-button.button13.login100-form-btn:after {
	display: none !important;
}

[data-sa-theme='5'] span.toggle-cog i {
	color: #000;
}

[data-sa-theme='5'] small#delayNote {
	top: 62px !important;
}

[data-sa-theme='5'] .copycontanr-popup .toggle-cat {
	color: #000 !important;
}

[data-sa-theme='5'] .copycontanr-popup span {
	color: #000;
}

[data-sa-theme='5'] div#container-menu li.menu-option i.svg-icn path.cls-1, 
[data-sa-theme='5'] div#sub-container-menu li.menu-option i.svg-icn path.cls-1 {
	fill: #fff !important;
}

[data-sa-theme='5'] .enggtools-section .modal-body .tool-boxes ul li .listing-et .toggle-cat, 
[data-sa-theme='5'] .enggtools-section .modal-body .tool-boxes ul li .listing-et span.sentinll-device, 
[data-sa-theme='5'] .enggtools-section .modal-body .tool-boxes ul li .listing-et:hover .toggle-cat, 
[data-sa-theme='5'] .enggtools-section .modal-body .tool-boxes ul li .listing-et:hover span.sentinll-device {
	color: #031439 !important;
}

[data-sa-theme='5'] .copycontanr-popup .modal-body ul li svg {
	margin-bottom: -3px;
	margin-right: 2px;
	margin-left: 2px;
}

[data-sa-theme='5'] .modal-body table#table-id.table.table-striped.table-class {
	color: #031439 !important;
}

[data-sa-theme='5'] .assign-device-pop .popup-device span.et_container {
	color: #031439 !important;
}

[data-sa-theme='5'] .subcategory-container .select-box span {
	z-index: 9;
}

[data-sa-theme='5'] .langugae-selection .validationError {
	position: absolute;
	bottom: -16px;
	left: 0;
}

[data-sa-theme='5'] .input-effect input.c-input[type='text']:not(.color-selected), 
[data-sa-theme='5'] .cuppa-dropdown input.c-input {
	background: none !important;
	background-color: transparent !important;
	height: 36px !important;
}

[data-sa-theme="5"] .wc-date-container {
	color: #495057 !important;
	border: 1px solid rgba(0, 0, 0, 30%) !important;
	background-color: #E7EBF0 !important;
	border-radius: 8px !important;
	height: 42px !important;
	padding-top: 3px !important;
}

[data-sa-theme="5"] .loginPage input {
	color: #000 !important;
}

[data-sa-theme="5"] .loginPage input:-webkit-autofill, 
[data-sa-theme="5"] .loginPage input:-webkit-autofill:hover, 
[data-sa-theme="5"] .loginPage input:-webkit-autofill:focus, 
[data-sa-theme="5"] .loginPage input:-webkit-autofill:active {
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #000 !important;
}

[data-sa-theme="5"] .loginPage .login100-form .input-effect i {
	color: #000 !important;
}

[data-sa-theme="5"] .loginPage input::-webkit-input-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme="5"] .loginPage input:-moz-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme="5"] .loginPage input::-moz-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme="5"] .loginPage input:-ms-input-placeholder {
	color: #b9b9b9 !important;
}

[data-sa-theme='5'] .select-box {
    line-height: 42px;
}

[data-sa-theme='5'] .meter-table-index tbody tr, [data-sa-theme='5'] .report-objects .table {
    border: 0px !important;
}

[data-sa-theme='5'] .enggtools-section .tool-boxes h3 {
    border-bottom: 2px solid #50627c;
    background: #031439;
}

[data-sa-theme='5'] .bottompanel ul {
    margin: 0px !important;
    border-bottom: 2px solid #3e4653;
    background: #031439;
}

[data-sa-theme='5'] .bottompanel .nav-link.active, .bottompanel .nav-item.show .nav-link {
    color: #b1b1b5;
    background-color: #3d5b88;
    border-radius: 0px;
}

[data-sa-theme='5'] .table tbody tr:first-child {
    border-top: 0px !important;
}

/* theme 5 close here */

#contentToConvert .highcharts-no-data tspan {
	font-weight: 400;
	font-size: 13px;
}

div#contentToConvert .section-appearance .outer-box.chartHeight g.highcharts-label.highcharts-no-data {
	transform: translate(50%, 38%) !important;
	-webkit-transform: translate(50%, 38%) !important;
}

[data-sa-theme="4"] .slct-rqrd-dates {
    color: #000;
}

[data-sa-theme="5"] .slct-rqrd-dates {
    color: #000;
}

[data-sa-theme="5"] .select-box.selectBoxTheme5 {
	background: none !important;
}

[data-sa-theme="5"] ul.nav.flex-column.sub-menu li.nav-item {
    padding-left: 50px !important;
}

[data-sa-theme='4'] input#file, [data-sa-theme='5'] input#file {
    color: #000 !Important;
}

[data-sa-theme='5'] .select-box.selectBoxTheme5 span {
	z-index: -1 !important;
	background: #e8ebf0 !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	padding: 0 25px 0 10px !important;
}

[data-sa-theme='5'] .testschedule .button-combos.test-case {
    margin-top: 20px;
}

[data-sa-theme='5'] .listing-line h4{
    color: #000;
}

[data-sa-theme='5'] .test-details input, 
[data-sa-theme='5'] .test-details select {
    color: #495057;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: #E7EBF0;
    border-radius: 8px;
}

.modal-body .table tbody tr:first-child td {
    border: 0;
    border-top: 0;
}

[data-sa-theme='4'] .listing-line h4 {
	background: rgb(84 82 82) !important;
}

.update_vec_report .pdf-table input[Readonly] {
	cursor: not-allowed !important;
	opacity: 0.6;
	background: rgba(156, 156, 156, 0.27);
}

.update_vec_report .pdf-table select:focus {
	background-color: transparent;
	color: #fff;
}

[data-sa-theme='4'] .update_vec_report .pdf-table select {
	/* background: url(../src/assets/images/select-icon-alt.png) no-repeat scroll right center; */
	background-size: 18px;
	color: #000 !important;
}

[data-sa-theme='4'] .test-details.test-detail-view {
    border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}

[data-sa-theme='5'] .listing-line h4 {
    background: #EB5B52;
    color: #fff;
    border-radius: 10px;
}

[data-sa-theme='5'] .test-details .listing-line:first-child {
    border-bottom: 0px;
}

[data-sa-theme='5'] .test-details .listing-line {
    border-bottom: 1px solid #e9ecef;
}

[data-sa-theme='5'] input::-moz-placeholder {
    color: #495057;
    opacity: 0.6;
}

[data-sa-theme='5'] input::placeholder {
    color: #495057;
    opacity: 0.6;
}

[data-sa-theme='5'] table td .cuppa-dropdown {
    height: 41px !important;
}

.text-smalls {
    text-transform: capitalize;
}

[data-sa-theme='4'] .report-objects .table-responsive td {
    color: #000 !important;
}

[data-sa-theme='4'] .share-report-model input,
[data-sa-theme='4'] .share-report-model .tag-item,
[data-sa-theme='5'] .share-report-model input,
[data-sa-theme='5'] .share-report-model .tag-item {
	color: #000;
    border: 1px solid rgba(0,0,0,.4) !important;
}

[data-sa-theme='4'] .chartHeight .data-message,
[data-sa-theme='5'] .chartHeight .data-message {
	color: #000000;
}

.serviceDownLink {
	color: #ffffff !important;
	font-family: sans-serif !important;
    font-weight: 600;
	text-decoration: underline !important;
}

[data-sa-theme='4'] .serviceDownLink,
[data-sa-theme='5'] .serviceDownLink {
	color: #000000 !important;
}

body.confirm-popup-open .content-wrapper {	
	display: none !important;
}

.fs-20 {
	font-size: 20px;
}

.sidebar .nav .nav-item .nav-link .menu-title {
	font-size: 16px;
}

[data-sa-theme='5'] .carousel-inner {
    display: none;
}

.selected-list .c-list {
    padding: 2px 0 5px !important;
	max-height: 42px !important;
	overflow: auto !important;
}

.company-listing .page-head-part h2 {
	/* text-transform: capitalize !important; */
}

[data-sa-theme='5'] .main-panel-head {
	position: fixed;
    width: calc(100% - 280px);
    top: 75px;
    right: 0;
    z-index: 9;
    background: #f3f5f7;
}

#main_header.sidebar-icon-only .main-panel-head {
	width: calc(100% - 85px);
}

.input-effect > label {
	font-size: 14px;
}

.cuppa-dropdown .selected-list span{
	letter-spacing: 1px;
    font-size: 15px;
	text-shadow: 0px 0px 0px black;
}

.surveyVersionList .main-panel-head {
    position: relative !important;
    width: 100% !important;
    top: unset !important;
    right: unset !important;
	background: transparent !important;
	margin-bottom: 20px;
}

.surveyVersionList .company-listing .py-4 {
    display: none !important;
}

.input-effect .cuppa-dropdown .list-filter input.c-input {
    border: none !important;
}

.img-container {
    display: flex;
    margin: 5px 0;
}

.gallery-outers {
   	margin: 0 0 0 10px;
    width: 100px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: visible;
}

.gallery-outers img{
	/* width: 50px; */
}

.gallery-outers span{
	/* position: absolute; */
	position: absolute;
    color: #fff;
    right: -4px;
    background: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    top: -8px;
    z-index: 2;
    cursor: pointer;
}

.input-effect .edit-image .edittool {
	width: 70px;
	background: #E7EBF0 !important;
}

.selected-list .c-list .c-token {
    border-radius: 14px !important;
    background: rgb(0 0 0 / 25%) !important;
}

.selected-list .c-list .c-token .c-label {
    color: #000 !important;
}

.selected-list .c-list .c-token .c-remove svg {
    fill: #000 !important;
}

.pure-checkbox.select-all {
	padding-left: 12px !important;
}

.pure-checkbox input[type=checkbox]+label span {
	display: block;
	line-height: normal;
}

.pure-checkbox input[type=checkbox]+label:before,
.pure-checkbox input[type=checkbox]+label:after {
	z-index: 9;
}
.c-btn {
  background: #fff;
  border: 1px solid #ccc;
  color: #333; }

.selected-list .c-list .c-token {
  background: #0079FE; }

.selected-list .c-list .c-token .c-label {
    color: #fff; }

.selected-list .c-list .c-token .c-remove svg {
    fill: #fff; }

.selected-list .c-angle-down svg, .selected-list .c-angle-up svg {
  fill: #333; }

.dropdown-list ul li:hover {
  background: #f5f5f5; }

.arrow-up, .arrow-down {
  border-bottom: 15px solid #fff; }

.arrow-2 {
  border-bottom: 15px solid #ccc; }

.list-area {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 5px #959595; }

.select-all {
  border-bottom: 1px solid #ccc; }

.list-filter {
  border-bottom: 1px solid #ccc; }

.list-filter .c-search svg {
    fill: #888; }

.list-filter .c-clear svg {
    fill: #888; }

.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.pure-checkbox input[type="checkbox"] + label:before {
  color: #0079FE;
  border: 1px solid #0079FE; }

.pure-checkbox input[type="checkbox"] + label:after {
  background-color: #0079FE; }

.pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.pure-checkbox input[type="checkbox"] + label:after {
  border-color: #ffffff; }

.pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.pure-checkbox input[type="checkbox"]:checked + label:before {
  background: #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before, .single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:before {
  color: transparent !important;
  border: 0px solid #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  background-color: transparent !important; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  border-color: #0079FE; }

.single-select-mode .pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.single-select-mode .pure-checkbox input[type="checkbox"]:checked + label:before {
  background: none !important; }

.selected-item {
  background: #e9f4ff; }

.btn-iceblue {
  background: #0079FE;
  border: 1px solid #ccc;
  color: #fff; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%; }
.owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }
/* No Js */
.no-js .owl-carousel {
  display: block; }
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
.owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}