@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.mainsection {
	padding-top: 50px;
}

.mainsection .header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1025;
}

.sortable {
	width: 100%;
	list-style: none;
	padding: 0;
	clear: both;
}

.ui-state-default {
	float: left;
	list-style: none;
	border-color: #e8e8e8;
}

.dvInnerText {
	margin-left: 3%;
}

.dvMain {
	width: 100%;
	float: left;
	margin-top: 50px;
}

.dvMain .innerMainDiv {
	float: left;
	margin-bottom: 20px;
	padding: 5px;
	width: 96%;
	border: 1px solid #ccc;
	/*background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;*/
}

.dvMain .innerMainDiv h2 {
	color: #333 !important;
}

.Growth i {
	/*font-size: 70px;
            float: left;
            padding: 20% 5% 5%;*/
	font-size: 30px;
	padding: 10%;
}

.dvfigures {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border: 1px solid #c3c3c3;
	/*color: #8C8A8A;*/
	font-size: 20px;
	/*margin: 0 0 0 5%;*/
	/* padding: 5px; */
}

.Gauge {
	width: 33.3%;
}

.sortable h3 {
	/* color: #25313e; */
	color: #4d4a4a;
}

.breadcrumb li a i {
	margin: 0px 7px;
}


.breadcrumb li i {
	margin-left: 7px;
	color: #8c8c8c;
	margin-right: 7px;
}

.bg-dark,
.bg-dark.lter,
.bg-dark .lter {
	background-color: #ffffff;
	color: #7793a7;
}

.bg-dark .nav>li>a {
	color: #58666e;
}

.navbar-collapse,
.app-content,
.app-footer {
	margin-left: 200px;
}

html {
	background-color: #e9edf0 !important;
}

.nav-primary ul.nav>li:hover>a,
.nav-primary ul.nav>li:focus>a,
.nav-primary ul.nav>li>a:hover,
.nav-primary ul.nav>li>a:focus,
.nav-primary ul.nav>li>a:active,
.nav-primary ul.nav>li.active>a {
	background-color: rgba(0, 0, 0, .05) !important;
	color: #58666e;
}

.nav-primary ul.nav>li:hover>a>i.icon,
.nav-primary ul.nav>li:focus>a>i.icon,
.nav-primary ul.nav>li>a:hover>i.icon,
.nav-primary ul.nav>li>a:focus>i.icon,
.nav-primary ul.nav>li>a:active>i.icon,
.nav-primary ul.nav>li.active>a>i.icon {
	color: #58666e;
}

.nav-xs .nav-primary>ul>li:hover>a i,
.nav-xs .nav-primary>ul>li:focus>a i,
.nav-xs .nav-primary>ul>li:active>a i,
.nav-xs .nav-primary>ul>li.active>a i {
	margin-top: -60px;
}

.bg-dark.lt,
.bg-dark .lt {
	background-color: #e4eaec;
}

.bg-dark .bg {
	background-color: #e9eeef;
}

.breadcrumb {
	/* padding: 10px; */
	background-color: #f6f8f8;
}

.asideFolded .navbar-header {
	width: 60px;
	height: 50px;
}

.asideFolded .navbar-header a span {
	display: none;
}

.panel-default>.panel-heading {
	background-color: #edf4ff;
	cursor: pointer;
}

.panel-default>.panel-heading h4 a span span {
	color: #fff;
}

/*.panel-default>.panel-heading span{
	float:right;
}*/

.panel-default>.panel-heading span .fa-caret-rotate {
	transform: rotate(90deg);
}

.aside-md {
	transition: all 0.3s;
}

@media (max-width : 550px) {
	.asideFolded .navbar-header {
		width: 100%;
	}
}

.asideFolded .navbar-collapse {
	margin-left: 60px;
	/*transition: all 0.3s;*/
}

.bg-blue.dker,
.bg-blue .dker {
	background-color: white;
}

.bg-blue {
	background-color: #23b7e5;
	color: #dcf2f8;
}

.bg-blue.dk,
.bg-blue .dk {
	background-color: #ffffff;
	/*transition: all 0.3s;*/

}

.bg-blue a {
	color: #003b6c;
}

.bg-blue a:hover {
	color: #0470eb;
}

.bg-blue .nav>li>a:hover,
.bg-blue .nav>li>a:focus {
	background-color: #17b2e2;
}

.nav-primary ul.nav>li li a {
	padding-left: 15px;
}

#background {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1026;
}

#back_div {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1026;
}

.chartdialog {
	display: none;
	visibility: hidden;
	border: 1px solid #d5d5d5;
	/*box-shadow: 0 0 10px 2px #d5d5d5;*/
	overflow: auto;
	position: fixed;
	background: #fff;
	top: 20%;
	left: 25%;
	overflow: hidden;
	min-width: 50%;
	z-index: 1027;
}

.dialogClose {
	border-radius: 0px;
	float: right;
	margin: 0px;
	color: rgb(255, 255, 255);
	font-size: 10pt;
	padding: 2px 5px;
	background-color: rgb(22, 170, 216);
	cursor: pointer;
}

.dialogClose:hover {
	background-color: rgb(17, 153, 196);
	color: #fff;
	font-weight: bold;
}

.lnkChart {
	float: right;
	color: rgb(114, 102, 186);
	cursor: pointer;
}

.lnkChart i {
	font-size: 16px;
	font-weight: bold;
}

.form-control {
	height: 31px;
	padding: 0px 8px;
	font-size: 12px;
}

.btn {
	padding: 6px 14px;
}

.panel-body-table-div {
	height: 250px;
	min-height: 150px;
	max-height: 300px;
	overflow-y: auto;
	margin-top: 10px;
	overflow-x: hidden;
}

.Growth {
	float: none;
}

.topbottomGrowth i {
	font-size: 14px;
	padding: 0 5px;
}

.Growth .fa-arrow-down,
.topbottomGrowth .fa-arrow-down {
	color: red;
}

.Growth .fa-arrow-up,
.topbottomGrowth .fa-arrow-up {
	color: #23F005;
}

.panel-body .checkbox-info input[type="checkbox"]:checked+label::before {
	/*background-color: hsl(194, 66%, 61%);*/
	border-color: hsl(194, 66%, 61%);
}

.panel-body .checkbox label::before {
	background-color: hsl(0, 0%, 100%);
	border: 1px solid hsl(0, 0%, 80%);
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 17px;
	left: 0;
	margin-left: -20px;
	padding-left: 5px;
	position: absolute;
	top: 2px;
	transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	width: 17px;
}

.panel-body .checkbox input[type="checkbox"]:checked+label::after {
	content: "";
	font-family: "FontAwesome";
}

.panel-body .checkbox label::after {
	color: #59bedd;
	display: inline-block;
	font-size: 11px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 0;
	position: absolute;
	top: 3px;
	width: 17px;
}

.panel-body .checkbox label {
	padding-left: 5px;
}

.panel-body .radio label {
	padding: 2px 0px 0px 0px;
}

.panel-body .checkbox {
	margin-left: 20px;
	margin-top: 0px;
}

.panel-body .radio {
	margin-right: 30px;
	margin-top: 0px;
}

.panel-body .radio label::before {
	background-color: #fff;
	border: 1px solid hsl(0, 0%, 80%);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 15px;
	left: 0;
	margin-left: -20px;
	position: absolute;
	top: 3px;
	transition: border 0.15s ease-in-out 0s;
	width: 15px;
}

.panel-body {
    background: #fff !important;   
    /* display: inline-block !important;
    padding:1px 29px !important; */
    border-radius: 4px !important; 
}

.radio.radio-info.col-md-1 {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    /* margin-right: 20px !important; */
    padding: 0 !important;
    background: #fff !important; 
    vertical-align: middle;
}
.panel-body .radio input[type="radio"]:checked+label::after {
	transform: scale(1, 1);
}

.panel-body .radio label::after {
	background-color: #59bedd;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 9px;
	left: 3px;
	margin-left: -20px;
	position: absolute;
	top: 6px;
	transform: scale(0, 0);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s;
	width: 9px;
}

.dvfigures {
	background: #e1f5ff;
	border: none;
	font-size: 15px;
	text-align: center;
}

/* .innerMainDiv {
	padding: 10px;
} */

.dvfigures label {
	margin-top: 10px;
}



.dashboard>li>a {
	padding: 10px !important;
	border-radius: 0px;
}

.dropdown-menu>li>a>i {
	padding: 0 10px 0 0;
}

.box-figures {
	height: 150px !important;
	padding: 25px;
	text-align: left;
	border-radius: 17px;
}

.panelheaddiv {
	margin-bottom: 0px;
	border-bottom: none;
	/* border-radius: 2px 2px 0px 0px; */
}

.sortable .ui-state-default {
	border: none;
	background: none;
}

.ui-state-default .box-figures {
	color: #fff;
}

#fig-li-one div:nth-child(1) .box-figures {
	/*background: #99bb3a;*/
	/*background: linear-gradient(to right, #adcd51 0%, #93ac4a 100%);*/
	background: #b2b6f738;
	border: 1px solid;
}

#fig-li-one div:nth-child(2) .box-figures {
	/*background: #d2812c;*/
	/*background: linear-gradient(to right, #b58553 0%, #cd853b 100%);*/
	background: #daf7db;
	border: 1px solid;
}

#fig-li-one div:nth-child(3) .box-figures {
	background: #ffeccf;
	border: 1px solid;
	/*background: linear-gradient(to right, #7d73c5 0%, #493f94 100%);*/
}

#fig-li-one div:nth-child(4) .box-figures {
	background: #d0e9ff;
	border: 1px solid;
	/*background: linear-gradient(to right, #bb5d5d 0%, #b73030 100%);*/
}

#fig-li-one div:nth-child(5) .box-figures {
	background: #daf7db;
	border: 1px solid;
	/*background: linear-gradient(to right, #8acce2 0%, #27a0c7 100%);*/
}

#fig-li-one div:nth-child(6) .box-figures {
	background: #d0e9ff;
	border: 1px solid;
	/*background: linear-gradient(to right, #4fdac8 0%, #02a893 100%);*/
}

#fig-li-one div:nth-child(7) .box-figures {
	background: #ffdfdf;
	border: 1px solid;
	/*background: linear-gradient(to right, #e09880 0%, #cb4e24 100%);*/
}

#fig-li-one div:nth-child(8) .box-figures {
	background: #e6e7f5;
	border: 1px solid;
	/*background: linear-gradient(to right, #73d376 0%, #39963d 100%);*/
}

#fig-li-two div:nth-child(1) .box-figures {
	background: #f7eabe;
}

#fig-li-two div:nth-child(2) .box-figures {
	background: #e4dbff;
}

#fig-li-two div:nth-child(3) .box-figures {
	background: #35DAC4;
}

#fig-li-two div:nth-child(4) .box-figures {
	background: #46ACEC;
}

#fig-li-two div:nth-child(5) .box-figures {
	background: #BFD2EC;
}

#fig-li-two div:nth-child(6) .box-figures {
	background: #A0E1F5;
}

#fig-li-one h6 {
	margin: 0px 0px 10px;
	/* color: #0d1a35; */
	color: #403e3e;
	font-size: 15px;
}

#fig-li-two h6 {
	margin: 0px 0px 10px;
	color: #4f4f4f;
	font-size: 15px;
}

#fig-li-one h3 {
	margin: 0px 0px 25px;
}

#fig-li-two h3 {
	margin: 0px 0px 25px;
}

#fig-li-two a i {
	margin-left: 10px;
	float: right;
}

#fig-li-one a i {
	margin-left: 10px;
	float: right;
}

#fig-li-one div:nth-child(1) .footerdiv .radio .ui-state-default {
	background: #9fa5ff url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #8d94fa;
	color: #000;
}

#fig-li-one div:nth-child(1) .footerdiv .radio .ui-state-active {
	background: #c4c7ee url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #c4c7ee;
	font-weight: bold;
}

#fig-li-one div:nth-child(2) .footerdiv .radio .ui-state-default {
	background: #8ccc8f url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #8ccc8f;
	color: #000;
}

#fig-li-one div:nth-child(2) .footerdiv .radio .ui-state-active {
	background: #b7dfb9 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #b7dfb9;
	font-weight: bold;
}

#fig-li-one div:nth-child(3) .footerdiv .radio .ui-state-default {
	background: #e2a54b url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #e2a54b;
	color: #000;
}

#fig-li-one div:nth-child(3) .footerdiv .radio .ui-state-active {
	background: #fdce88 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #fdce88;
	font-weight: bold;
}

#fig-li-one div:nth-child(5) .footerdiv .radio .ui-state-default {
	background: #45a291 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #45a291;
	color: #ffffff;
}

#fig-li-one div:nth-child(5) .footerdiv .radio .ui-state-active {
	background: #7bc5b8 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #7bc5b8;
	font-weight: bold;
}

#fig-li-one div:nth-child(4) .footerdiv .radio .ui-state-default {
	background: #3281c7 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #3281c7;
	color: #ffffff;
}

#fig-li-one div:nth-child(4) .footerdiv .radio .ui-state-active {
	background: #479dea url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #479dea;
	font-weight: bold;
}

#fig-li-one div:nth-child(6) .footerdiv .radio .ui-state-default {
	background: #3281c7 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #4ba6f6;
	color: #ffffff;
}

#fig-li-one div:nth-child(6) .footerdiv .radio .ui-state-active {
	background: #4ba6f6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #4ba6f6;
	font-weight: bold;
}

#fig-li-one div:nth-child(7) .footerdiv .radio .ui-state-default {
	background: #eeb7b7 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #eeb7b7;
	color: #000;
}

#fig-li-one div:nth-child(7) .footerdiv .radio .ui-state-active {
	background: #ecd3d3 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #ecd3d3;
	font-weight: bold;
}

#fig-li-one div:nth-child(8) .footerdiv .radio .ui-state-default {
	background: #8089f4 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	border: 1px solid #8089f4;
	color: #ffffff;
}

#fig-li-one div:nth-child(8) .footerdiv .radio .ui-state-active {
	background: #9fa5ff url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
	border: 1px solid #9fa5ff;
	font-weight: bold;
}

#fig-li-one div:nth-child(1) .custom-arrow-right {
	color: #48b5d0;
}

#fig-li-one div:nth-child(2) .custom-arrow-right {
	color: #8abe39;
}

#fig-li-one div:nth-child(3) .custom-arrow-right {
	color: #f18f00;
}

#fig-li-one div:nth-child(4) .custom-arrow-right {
	color: #3281c7;
}

#fig-li-one div:nth-child(5) .custom-arrow-right {
	color: #368d7e;
}

#fig-li-one div:nth-child(6) .custom-arrow-right {
	color: #3281c7;
}

#fig-li-one div:nth-child(7) .custom-arrow-right {
	color: #e0c1c1;
}

#fig-li-one div:nth-child(8) .custom-arrow-right {
	color: #8089f4;
}

#fig-li-two div:nth-child(1) .custom-arrow-right {
	color: #f5bb00;
}

#fig-li-two div:nth-child(2) .custom-arrow-right {
	color: #7c5fcf;
}

.figuresStyle {
	font-style: italic;
}

.headli {
	float: right !important;
	padding: 0px 30px 0px 0px;
}

.footerdiv {
	border-top: none;
	margin-bottom: 20px;
}

.panel-heading i {
	color: #1c6aaf;
	margin-right: 3px;
	font-size: 13px;
}

.panel-heading a:focus {
	outline: 0 none;
}

.panel-title {
	font-size: 13px;
}

.chartheader {
	font-size: 14px;
	padding: 6px 18px;
}

.dx-pivotgrid-horizontal-headers tr:nth-of-type(odd) {
	background: #ceedf6 none repeat scroll 0 0;
	font-weight: 700;
}

.dx-pivotgrid-horizontal-headers tr:nth-of-type(even) {
	background: #b8c4de none repeat scroll 0 0;
	font-weight: 700;
}

.settings.active {
	right: -1px;
}

.settings {
	position: fixed;
	right: -240px;
	top: 110px;
	transition: right 0.2s ease 0s;
	width: 240px;
	z-index: 1050;
}

.settings>.btn {
	background: #7266ba;
	border-color: hsl(193, 16%, 89%);
	/* border-right-width: 0; */
	left: -42px;
	padding: 4% 6%;
	position: absolute;
	top: -1px;
	color: #fff !important;
}

.settings>.panel-heading {
	background-color: #7266ba;
	color: #fff;
}

table.dataTable {
	border: 1px solid #d3d3d3;
}

.breadcrumb a {
	text-decoration: underline;
	color: #428bca;
}

.text-align-right {
	text-align: right;
}

.imgback {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #DCD9D9;
	z-index: 1027;
}

.imgload {
	position: absolute;
	top: 30%;
	left: 45%;
}

.container .panel-body {
	background: #F6F8F8;
}

.error {
	color: red;
}

.dataTables_filter,
.dataTables_length {
	display: block;
	margin: 12px 10px 7px !important;
}

.radio input[type="radio"],
.radio-inline input[type="radio"] {
	margin-left: -19px;
}

.hightlightrow td {
	/* background-color: #b8c4de !important; */
	background-color: #EA6F6F !important;
	color: #fff;
	/* text-align:right; */
}

.modal-open .modal-lg .modal-content {
	position: absolute;
	width: 100%;
}

#salesSegmentTable_length,
#salesSegmentTable_length label,
#salesSegmentTable_length select {
	width: auto;
}

td.actiontd {
	text-align: left;
}

.myBtn {
	margin-top: 25px;
	padding: 6px 15px !important;
}

/*-------------css for html table of search and sorting----------------*/
.myTable thead tr th span {
	top: 8px;
	right: 8px;
	position: absolute;
}

.searchbox {
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 42%;
}

.searchbox span {
	color: #8d8d9c;
}

.searchbox input {
	float: right;
	width: 77%;
}

/*------------------------------------------------------*/
/*---------css for side toggle for more option--------------*/
.chart-collapse {
	list-style: none;
	float: right;
	padding-left: 10px;
}

.sidetoggle a i {
	color: #446aa2;
}

.sidetoggle ul {
	top: 25px;
	background-color: #eef0f0;
}

.sidetoggle .arrow.top::after {
	border-bottom-color: #afbabc;
}

.sidetoggle ul li {
	border-bottom: 1px solid #dbdfdf;
}

.sidetoggle .arrow.top {
	border-bottom-color: rgba(0, 0, 0, 0.1);
	border-top-width: 0;
	left: 90%;
	margin-left: 0px;
	top: -9px;
}

.sidetoggle .dropdown-menu>li>a:hover,
.sidetoggle .dropdown-menu>li>a:focus,
.sidetoggle .dropdown-menu>.active>a,
.sidetoggle .dropdown-menu>.active>a:hover,
.sidetoggle .dropdown-menu>.active>a:focus {
	background-color: #e2e7e7 !important;
	background-image: none;
	color: #717171;
	filter: none;
}

.cardtoggle ul {
	top: 25px;
	background-color: #FBFBFB;
	left: -55px;
	padding: 0;
	min-width: 100px;
}

.cardDropdownValue {
	float: left;
	color: #000;
	font-weight: bold;
}

/*------------------------------------------------------*/
/*-------------css for back to top button------------------*/
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
}

.back-to-top a {
	width: 40px;
	height: 40px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 40px;
	font-family: 'Genericons';
	background-color: #555;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: all 0.5s ease-out;
}

.back-to-top:hover {
	background-color: #16aad8;
}

/*------------------------------------------------------*/

/*-------------css for menu background------------------*/
.nav li:nth-child(6n+1) a i b {
	background: #8ec165;
}

.nav li:nth-child(6n+2) a i b {
	background: #fb6b5b;
}

.nav li:nth-child(6n+3) a i b {
	background: #4cc0c1;
}

.nav li:nth-child(6n+4) a i b {
	background: #d68269;
}

.nav li:nth-child(6n+5) a i b {
	background: #ffc333;
}

.nav li:nth-child(6n+6) a i b {
	background: #65bd77;
}

/*-------------css of devextreme grid-----------*/
.dx-datagrid-pager.dx-widget.dx-pager {
	border: 1px solid #d3d3d3 !important;
	border-top: none !important;
}

tr.dx-row.dx-column-lines.dx-header-row {
	background-color: #507dbf;
}

.actionviewtd {
	text-align: center !important;
}

.actionviewtd a {
	font-weight: bold;
}

.dx-widget {
	color: #232323;
	font-family: "Arial !important";
	font-size: 11px !important;
}

.dx-datagrid-headers {
	color: #fff !important;
}

.dx-datagrid-table-fixed .dx-row.dx-group-row td {
	background-color: #e4f4fb !important;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
	color: #565252 !important;
}

.dx-datagrid .dx-row-alt>td {
	background-color: #e4f4fb !important;
}

.dx-datagrid-summary-item {
	font-size: 12px;
}

.multiselectDropdown .dropdown-toggle {
	width: 200px ;
	text-align: left;
	font-size: 12px;
}

.multiselectDropdown .caret {
	display: none !important;
}


.devextremeGrid a .fa,
.custom-dataTable .fa-edit,
.custom-dataTable .fa-trash-o {
	font-size: 15px;
	margin: 0px 6px 0px 6px;
}

.custom-dataTable a:nth-child(1) .fa-edit {
	color: rgba(189, 125, 3, 0.95);
}

.custom-dataTable a:nth-child(2) .fa-trash-o {
	color: #D43232;
}

.dx-datagrid-rowsview .dx-selection.dx-row>td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover>td {
	background-color: #606060 !important;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form)>.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
	background-color: #EFEFEF !important;
}



.card-1-Outer {
	padding: 15px;
	background: #66bb6a;
	border-radius: 5px;
	height: 120px;
	margin-bottom: 20px;
}

.card-1-Outer:hover {
	box-shadow: 0 0px 3px -3px rgba(0, 0, 0, 0.2), 0 3px 17px 0px rgba(0, 0, 0, 0.14), 0 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.card-1-innercontent {
	float: left;
	width: 80%;
	color: #fff;
}

.card-1-innercontent h3 {
	margin-top: 5px;
	font-size: 35px;
}

.card-1-innercontent p {
	font-size: 14px;
}

.card-1-innericon {
	float: right;
	width: 20%;
}

.card-1-innericon i {
	font-size: 60px;
	opacity: 0.3;
	color: #2B8230;
}

.cardView div:nth-child(1) .card-1-Outer {
	background: #66bb6a;
}

.cardView div:nth-child(2) .card-1-Outer {
	background: #D67683;
}

.cardView div:nth-child(3) .card-1-Outer {
	background: #81d7fa;
}

.cardView div:nth-child(4) .card-1-Outer {
	background: #ac8577;
}

.cardView div:nth-child(5) .card-1-Outer {
	background: #ff8c6a;
}

.cardView div:nth-child(6) .card-1-Outer {
	background: #6975b8;
}

.cardView div:nth-child(7) .card-1-Outer {
	background: #00c4ab;
}

.cardView div:nth-child(8) .card-1-Outer {
	background: #ff6666;
}

.cardView div:nth-child(9) .card-1-Outer {
	background: #4FC5EC;
}

.cardView div:nth-child(10) .card-1-Outer {
	background: #F1D05C;
}

.cardView div:nth-child(11) .card-1-Outer {
	background: #DA9145;
}

.cardView div:nth-child(12) .card-1-Outer {
	background: #A6C550;
}


.cardView div:nth-child(1) .card-1-Outer .card-1-innericon .fa {
	color: #2B8230;
}

.cardView div:nth-child(2) .card-1-Outer .card-1-innericon .fa {
	color: #B53647;
}

.cardView div:nth-child(3) .card-1-Outer .card-1-innericon .fa {
	color: #2A7898;
}

.cardView div:nth-child(4) .card-1-Outer .card-1-innericon .fa {
	color: #714434;
}

.cardView div:nth-child(5) .card-1-Outer .card-1-innericon .fa {
	color: #984026;
}

.cardView div:nth-child(6) .card-1-Outer .card-1-innericon .fa {
	color: #27347B;
}

.cardView div:nth-child(7) .card-1-Outer .card-1-innericon .fa {
	color: #006558;
}

.cardView div:nth-child(8) .card-1-Outer .card-1-innericon .fa {
	color: #A72D2D;
}

.cardView div:nth-child(9) .card-1-Outer .card-1-innericon .fa {
	color: #0F6886;
}

.cardView div:nth-child(10) .card-1-Outer .card-1-innericon .fa {
	color: #AD8D1D;
}

.cardView div:nth-child(11) .card-1-Outer .card-1-innericon .fa {
	color: #985A18;
}

.cardView div:nth-child(12) .card-1-Outer .card-1-innericon .fa {
	color: #2B8230;
}

.input-group .dropdown-menu {
	width: 362px;
}


.footerdiv .radio {
	margin: 0px;
}

.footerdiv .radio label {
	padding-left: 0px;
	font-size: 11px;
	/*color: #fff;*/
}

.ui-buttonset {
	margin-right: 0px !important;
}

.filtercoldiv span,
.filterlgdiv span {
	font-weight: bold;
}

.filtercoldiv {
	width: 22%;
}

.filterlgdiv {
	width: 30%;
}

@media only screen and (min-width:1801px) {
	.filterrange {
		width: 33%
	}
}

@media only screen and (min-width:1601px) and (max-width:1800px) {
	.filterrange {
		width: 37%
	}
}

@media only screen and (min-width:1501px) and (max-width:1600px) {
	.filterrange {
		width: 40%
	}
}

@media only screen and (min-width:1367px) and (max-width:1500px) {
	.filterrange {
		width: 45%
	}
}

@media only screen and (min-width:1251px) and (max-width:1366px) {
	.filterrange {
		width: 50%
	}
}

@media only screen and (min-width:1161px) and (max-width:1250px) {
	.filterrange {
		width: 55%
	}
}

@media only screen and (min-width:1071px) and (max-width:1160px) {
	.filterrange {
		width: 60%
	}
}

@media only screen and (max-width:1070px) {
	.filterrange {
		width: 65%
	}
}

@media only screen and (min-width:1621px) {
	.filtercoldiv {
		width: 17%;
	}

	.filterlgdiv {
		width: 22%;
	}
}

/* @media only screen and (min-width:1271px) and (max-width:1620px){
	.filtercoldiv{
	width:22.5%;
	} */
.filterlgdiv {
	width: 27%;
}

/*}*/
@media only screen and (min-width:1061px) and (max-width:1270px) {
	.filtercoldiv {
		width: 27%;
	}

	.filterlgdiv {
		width: 32%;
	}
}

@media only screen and (min-width:992px) and (max-width:1060px) {
	.filtercoldiv {
		width: 28%;
	}

	.filterlgdiv {
		width: 35%;
	}
}

@media (max-width : 1100px) {
	.Gauge {
		width: 50%;
	}
}

@media (min-width:992px) {
	.clearInvoice {
		clear: both;
	}
}

@media only screen and (min-width:1190px) and (max-width:1359px) {
	.footerdiv .radio label {
		font-size: 9px;
	}
}

@media only screen and (min-width:1113px) and (max-width:1189px) {
	.footerdiv .radio label {
		font-size: 8px;
	}
}

@media only screen and (min-width:1036px) and (max-width:1112px) {
	.footerdiv .radio label {
		font-size: 7px;
	}
}

@media only screen and (min-width:992px) and (max-width:1035px) {
	.footerdiv .radio label {
		font-size: 6px;
	}
}

@media (max-width : 550px) {
	.Gauge {
		width: 100%;
	}
}

.custom-arrow-right::before {
	border-radius: 50% 50%;
	background: white;
	padding: 5px 6px;
	margin-right: 17px;
}

/* .fa-indent{
	padding-top:8px;
} */
.lt li {
	border-bottom: 1px solid #ddd;
}

.filtercoldiv span {
	margin-top: 3px;
}

.filterlgdiv span {
	margin-top: 3px;
}

.dataTable.customPanel-dataTable thead th {
	background-color: #7c8398;
	color: #fff;
}

.dataTable.customPanel-dataTable tfoot th {
	background-color: #b7b7b7;
	color: #fff;
}

.dataTable.custom-dataTable thead th {
	background-color: #507dbf;

}

.dataTable.custom-dataTable tbody tr:nth-of-type(2n) td {
	background-color: #e4f4fb;
}

.dataTable.custom-dataTable tfoot td {
	background-color: #7eb4d8;
	color: #fff;
}


.custom-year-heading-dropdown .btn {
	top: -5px;
}

.custom-button-heading {
	margin-top: -5px;
	background: none;
	border: none;
	margin-left: 10px;
	line-height: 15px
}

.custom-refresh-btn {
	border-radius: 50% 50%;
	padding: 5px 9px;
	background-color: #5284b5;
	border-color: #5284b5;
}

.fa-file-excel-o.custom-excel-icon {
	color: #2da4a5;
}

.custom-year-dropdown .btn {
	width: 110px;
}

.custom-panel-body {
	padding: 6px 15px;
}

.breadcrumb li {
	display: list-item;
}

.printexp-btn-div {
	margin-top: -4px;
}

/* .printexp-btn-div a:first-child{
	padding: 2px 4px;
	}
.printexp-btn-div a:last-child{
	padding:2px 4px;
	}
.printexp-btn-div .btn-group a{
	background:#527daa;
}	
.printexp-btn-div .btn-group i{
	color:#fff;
}
 */
.dropdown-menu>li>a:hover {
	color: #000 !important;
	background-color: aliceblue !important;
}

.breadcrumb li a i:hover {
	color: #000;
}

.printexp-btn-div .dropdown-menu>li>a {
	padding: 5px 10px;
	text-decoration: none;
}

.printexp-btn-div .open {
	z-index: 1055;
}

.printexp-btn-div .dropdown-menu>li>a>i {
	padding: 0px;
}

.printexp-btn-div ul.dropdown-menu {
	background: aliceblue;
	min-width: 85px;
}

.custom-btn-purple {
	margin-top: 18px;
}

.dx-row.dx-datagrid-group-footer {
	background: #7eb4d8;
}

tr.dx-row.dx-column-lines.dx-datagrid-group-footer td {
	background: #7eb4d8;
}

.dx-datagrid-summary-item {
	color: #fff !important;
}

/* .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection{
	background: #b8c4de !important;
	color:#333 !important;
}	
 */
/* .dx-pager .dx-page-sizes .dx-page-size{
	background: #e4f4fb !important ;
} */
.pt-20 {
	padding-top: 20px;
}

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

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

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

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

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

.pt-5 {
	padding-top: 5px;
}

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

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

textarea {
	resize: none;
}

/*.subheader-rounded-btn{
border-radius:50% 50%;	
padding:5px 3px;
margin-top:-5px;
margin-right:10px;
}
 */
.dx-pivotgrid .dx-grandtotal {
	background-color: #e4f4fb !important;
	color: #333;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
	background-color: #446aa2;
}

td.dx-pivotgrid-collapsed span,
td.dx-pivotgrid-expanded span,
.dx-button .dx-icon.dx-icon-column-chooser,
.dx-button .dx-icon.dx-icon-exportxlsx,
.dx-toolbar-label .dx-toolbar-item-content>div,
.dx-popup-title .dx-closebutton .dx-icon-close::before {
	color: #fff;
}

.dx-pivotgrid .dx-area-description-cell {
	background: #446aa2;
}

.dx-pivotgrid table {
	background-color: #fff;
}

.dx-toolbar {
	background: #436aa2 !important;
}

.dx-popup-title .dx-closebutton.dx-state-hover {
	background-color: transparent !important;
}

.dx-button.dx-state-hover {
	background-color: transparent !important;
}

.chartheader select {
	color: #838080;
}

.stock-col-width,
.dx-pivotgrid-area,
.dx-pivotgrid-area table {
	width: 100% !important;
}

.custom-txt-bold {
	font-weight: bold;
}

.custom-row-txt span {
	font-weight: bold;
}

.custom-row-txt select,
.custom-row-txt .multiselectDropdown,
.custom-row-txt .input-group {
	margin-top: 5px;
}

.custom-row-txt .btn-purple,
.custom-row-txt .filterrange {
	margin-top: 23px;
}

.custom-chart-icon .fa-eye {
	float: right;
	margin-top: 4px !important;
}


/*.custom-form-group{
padding-left: 15px;
}*/
.custom-grid .dx-pager .dx-page-sizes .dx-page-size {
	background-color: #e4f4fb;
}

.custom-grid .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) {
	background-color: #b8c4de !important;
}

.custom-grid .dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection,
.custom-grid .dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-page-size .dx-selection {
	background-color: #b8c4de !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: none repeat scroll 0 0 #e4f4fb !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: none repeat scroll 0 0 #b8c4de !important;
}

/*----------production Dasboard-----------*/
.productionTrend-dateBox {
	float: left;
	margin-top: -6px;
	border-radius: 0px;
}

.productionTrend-dateBox .dx-texteditor-input {
	min-height: 30px;
}

.productionDashboard-Table .fa.fa-arrow-right {
	color: #F1D05C;
}

/*----------pivot grid---------*/
.dx-icon.dx-icon-exportxlsx {
	color: #65bd77 !important;
}

.custom-working-capital-pivotTable .dx-pivotgrid-horizontal-headers tr td span {
	color: #fff;
}

.custom-working-capital-pivotTable .dx-pivotgrid-horizontal-headers tr td:last-child span {
	color: #333;
}

.custom-multiselect-dropdown.multiselectDropdown .dropdown-toggle {
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-multiselectDropdown .multiselect-parent,
.custom-multiselectDropdown.multiselectDropdown .dropdown-toggle,
.custom-multiselectDropdown .dropdown-menu {
	width: 100% !important;
}

.custom-export-option .sidetoggle .dropdown-menu a i {
	color: #333;
}

/*profil pic of header*/

.profile-pic {
	width: 30px;
	/* Adjust as needed */
	height: 30px;
	/* Adjust as needed */
	border-radius: 50%;
	/* This creates the circular shape */
	object-fit: cover;
	/* Prevents the image from being stretched or squished */
	margin-right: 5px;
	vertical-align: middle;
	/* Aligns the image with the text */
}

/* Main container styles */
.nav-user {
	display: flex;
	align-items: center;
	/* Aligns all items vertically */
	gap: 15px;
	/* Spacing between main elements */
	padding: 5px;
}

/* Grouping icons for consistent spacing */
.icon-group {
	display: flex;
	gap: 10px;
	/* Space between the two icons */
}

/* Icon container styles for border and size */
.icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 23%;
	color: #003b6c;
	transition: background-color 0.3s, border-color 0.3s;
}

/* Hover effect on icons */
.nav-icon:hover .icon-container {
	background-color: #f0f0f0;
	border-color: #003b6c;
}

/* Vertical separator styles */
.vertical-separator {
	height: 30px;
	/* Adjust height to match other elements */
	width: 1px;
	background-color: #ccc;
	/* A subtle gray line */
}

/* User profile section styles */
.user-profile {
	display: flex;
	align-items: center;
	color: #003b6c;
}

.user-profile .profile-pic {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.user-details {
	display: flex;
	flex-direction: column;
}

.user-details .d-block {
	display: block;
}

.nav-login {
	color: #003b6c;
}


.icon-payables {
	/* Flexbox for perfect centering */
	display: inline-flex;
	justify-content: center;
	align-items: center;

	/* Sizing and visual styles */
	width: 50px;
	height: 50px;
	background-color: #ced1f7;
	/* Light blue background */
	border-radius: 50%;
	color: #646cde;
	/* Primary blue color for icon */
	font-size: 27px;

	/* Transition for a smooth hover effect */
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.AdvancePayments {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #9cff9f;
	border-radius: 50%;
	color: #06890d;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.Funds-Available {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #ebbb72;
	border-radius: 50%;
	color: #925b06;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.revenue {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #8dc4f5;
	border-radius: 50%;
	color: #1c6aaf;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;

}

.receivables {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #9cff9f;
	border-radius: 50%;
	color: #06890d;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.Advance-Receipt {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #8dc4f5;
	border-radius: 50%;
	color: #1c6aaf;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.Account-Receipt {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: #eeb7b7;
	border-radius: 50%;
	color: #c15555;
	font-size: 27px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.Collection {
	display: inline-flex
;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #c0c5ff;
    border-radius: 50%;
    color: #5b65d9;
    font-size: 27px;
    transition: background-color 0.3s 
ease, transform 0.3s 
ease;
}
.dx-pivotgrid .dx-pivotgrid-area td {
    color: #4c4c4c !important;
    padding: 7px 10px;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #eef7fe !important;
}
.custom-filter-panel {
  background-color: #7266ba !important;
  color: white  !important;
  border-radius: 4px  !important;
  padding: 10px  !important;
}

.custom-filter-panel .panel-default {
  background-color: #e6e6fa  !important;
  border: none;
  margin-bottom: 10px  !important;
  border-radius: 5px  !important;
  overflow: hidden  !important;
  color: black  !important;
}

.custom-filter-panel .panel-default .panel-heading,
.custom-filter-panel .panel-default uib-accordion-heading {
  background-color: #dcd6f7  !important;
  color: #333  !important;
  font-weight: bold  !important;
  padding: 10px 15px  !important;
  cursor: pointer  !important;
  display: flex  !important;
  justify-content: space-between  !important;
  align-items: center  !important;
  border-bottom: 1px solid #ccc  !important;
}

.custom-filter-panel .checkbox {
  padding: 10px 15px  !important;
}

.custom-filter-panel .glyphicon {
  font-size: 12px  !important;
}

.radio-group-fix {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* spacing between radio buttons */
    align-items: center;
    padding: 6px;
}

.radio-group-fix .radio {
    margin: 0;
    padding: 0;
}
.mt-30{
	margin-top: 30px !important;
}
.width-radio{
	width: 26.3333% !important;
}
.color-custom-btn{
	color: #003b6c  !important;
}
.radio-align-group {
    display: flex;
    gap: 21px;   /* space between each option */
    margin-top: 4px;
}

.radio-align {
    display: flex;
    align-items: center;
    gap: 6px;    /* space between radio circle and text */
}

.radio-align input[type="radio"] {
    margin: 0;
}
 .radio-align-group {
    padding: 4px !important;
    border: 1px solid #8080802b;
        background: white;
}