/*HEADER TOP LINE CSS STARTS HERE*/

/* .headertopulmenu li:nth-child(1) {
	background-image: linear-gradient(to right, #612c91, #7a8191);
}

.headertopulmenu li:nth-child(2) {
	background-image: linear-gradient(to right, #837f8d, #eb4e3f);
}

.headertopul li:nth-child(1) {
	background-image: linear-gradient(to right, #eb4e3f, #837f8d);
}

.headertopul li:nth-child(2) {
	background-image: linear-gradient(to right, #7a8191, #612c91);
} */


/*HEADER TOP LINE CSS ENDS HERE*/


/*INTERNAL BUTTON CSS STARTS HERE*/

.btncss {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_primary {
	border: 1px solid #669900 !important;
	color: #fff !important;
	background: #669900 !important;
    transition: background 0.8s;
}

.btn_primary:hover {
	border: 1px solid #669900 !important;
	color: #fff !important;
	/* background-color: transparent !important; */
	background: #669900 radial-gradient(circle, transparent 1%, #669900 1%) center/15000%;
}

.btn_primary:active {
    background-color: #84c500;
    background-size: 100%;
    transition: background 0s;
}

.btn_Scondary,
.btn_secondary {
	border: 1px solid #669900;
	color: #669900 !important;
	background: #fff !important;
    transition: background 0.8s;
}

.btn_Scondary:hover,
.btn_secondary:hover {
	border: 1px solid #669900 !important;
	color: #669900 !important;
	/* background: #669900 !important; */
	background: #669900 radial-gradient(circle, transparent 1%, #669900 1%) center/15000%;
}

.btn_Scondary:active,
.btn_secondary:active {
	background-color: #84c500;
    background-size: 100%;
    transition: background 0s;
}

.btn_primary:focus,.btn_secondary:focus{
	outline: none;
}
/*INTERNAL BUTTON CSS ENDS HERE*/


/*BREADCRUMB CSS STARTS HERE*/

.breadcrumbsection {
	background: #fff;
}

.breadcrumblink {
	color: #fff !important;
}

.breadcrumblink.active {
	color: #fff !important;
}

.pagetitlelinks{
	color: #fff;
}

/*BREADCRUMB CSS ENDS HERE*/


/*MAINWRAP CSS STARTS HERE*/

.portfoliosection {
	/*background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);*/
	border-top: 1px solid #c3c3c3;
}

.resizecls {
	color: #fff;
}

.togglesidebtn {
	background-color: rgba(47, 53, 66, 0.7);
	color: #fff;
}


/*MAINWRAP CSS ENDS HERE*/


/*TITLEBAR CSS STARTS HERE*/

.titlebar {
	background: #fff;
}

.righticonlinks ul li {
	border-left: 1px solid #e5e5e5;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.righticonlinks ul li:hover {
	border-top: 3px solid #2196F3;
	border-bottom: 3px solid #fff;
}

a.iconlinks {
	color: #949494;
}


/*TITLEBAR CSS ENDS HERE*/


/*FLOAT BTN CSS STARTS HERE*/

.zoom-fab {
	background-color: #4b4b4b;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	color: #FFF !important;
}

.zoom-fab:hover {
	background-color: #2f3542;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.zoom-card {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.zoom-card ul {
	border: 1px solid #e5e5e5;
}

.zoom-card ul li {
	border: 1px solid #e5e5e5;
	background: #fff;
}

.zoom-card ul li:hover {
	background: #e5e5e5;
}

.zoom-card ul li.active {
	background: #f8cf2a !important;
}


/*FLOAT BTN CSS ENDS HERE*/


/*TOOLTIP CSS STARTS HERE*/

.customtooltip .customtooltiptext {
	background-color: #612c91;
	color: #fff;
}

.customtooltip .customtooltiptext::after {
	border-color: transparent transparent transparent #612c91;
}

.customtooltip .customtooltipcollapse {
	background-color: #612c91;
	color: #fff;
}

.customtooltip .customtooltipcollapse::after {
	border-color: transparent transparent transparent #612c91;
}


/*TOOLTIP CSS ENDS HERE*/


/*MATERIAL CSS STARTS HERE*/

.material input {
	border-bottom: 1px solid #DDD !important;
}

.material hr {
	background: #612c91;
}

.material label {
	color: #333;
}

.material input:focus~label,
.material input:valid~label {
	color: #612c91;
}

.select-text {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
	background-color: #FFF !important;
	border-bottom: 1px solid #daddde !important;
}

.select-text:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.select:after {
	border-top: 6px solid rgba(0, 0, 0, 0.12);
}

.select-label {
	color: rgba(0, 0, 0, 0.26);
}

.select-text:focus~.select-label,
.select-text:valid~.select-label {
	color: #612c91;
}

.select-bar:before,
.select-bar:after {
	background: #612c91;
}


/*MATERIAL CSS ENDS HERE*/


/* TEXT AREA CSS STARTS HERE */

textarea:focus~label,
textarea:valid~label {
	color: #612c91;
}

.styled-input {
	border-bottom: 1px solid #ccc;
}

textarea~span {
	background: #612c91;
}


/* TEXT AREA CSS ENDS HERE */


/*REPORTS PAGE CSS STARTS HERE*/

.copyemptystring{
	color: #eb0e2b;  
}

.marleft50 {
	color: #434456;
}

.chartdiv {
	color: #444;
}

.divoverflow {
	background-color: #fff;
}

.divmeasuretitle {
	color: #455a64;
}

.panel-group .panel {
	border-color: #EEEEEE;
}

.panel-title>a {
	background: #b9b9b9;
	color: #000;
	background-color: #f4f6f9;
}

.panel-title>a i {
	color: #000;
}

.more-less {
	color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #EEEEEE;
}

.panel-collapse {
	border: 1px solid #b9b9b9;
}

.inputfield {
	border: 1px solid #d2d6de;
}

.selectfield {
	border: 1px solid #d2d6de;
}

.selecchar {
	border: 1px solid #FFF;
}

.selecchardiv {
	background: linear-gradient(60deg, #ffd23b, #ffd23b);
	box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.sidefiltersection {
	background: #F5F5F5;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	border: 1px solid #daddde;
}

.chartdispsection {
	background: #fff;
}

.filtericonimages i {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.bluebgicon {
	background: #00BCD4 !important;
	color: #fff !important;
}

.greenbgicon {
	background: #4CAF50 !important;
	color: #fff !important;
}

.pinkbgicon {
	background: #f33374 !important;
	color: #fff !important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.yellowbgicon {
	background: #ff9f1a !important;
	color: #fff !important;
}

.labelsection {
	background: #FFF !important;
	border-bottom: 1px solid #daddde;
}

#filedetails thead th {
	background: #e0e0e0 !important;
}

#filedetails tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

.jstreeview {
	background-color: #FFF;
	border: 1px solid #daddde;
}

.add_chart {
	color: #fff;
	background-color: #612c91;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

p.oopstitle {
	color: #7b7b7b;
}

.drop-down-loc {
	/* background: #fff url(../../../assets/images/dropdown_arrow.png) no-repeat right center !important; */
}

.load_gif_ {
	border: 7px solid #612c91;
	border-top: 7px solid #ffc107;
	border-bottom: 7px solid #ffc107;
}


/* .infographareadiv {
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
	background-color: #FFF;
} */

.infographTitle {
	color: #455a64;
	border-bottom: 1px solid #dce3e6;
	background-color: white;
}

.dt-buttons {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border: 1px solid #dce3e6;
}

.export_button {
	border: 1px solid white;
}

.togglerepopen,
.togglerepclose {
	border: 1px solid #612c91;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	background: #612c91;
	color: #eb4e3f !important;
}

.tabletabfilter.active {
	background: #612c91;
	border: 1px solid #612c91;
	color: #fff !important;
}

.tabletabfilter {
	border: 1px solid #612c91;
	background: #fff;
}

.galleryview {
	background-color: #f5f5f5;
}

.closesidebtn {
	border-bottom: 1px solid #686d76;
	border-left: 1px solid #686d76;
	background: #696e77;
	color: #fff !important;
}

.chartsideicons .col-lg-4 {
	border: 1px solid #eaeaea;
}

ul.chartlists li {
	border: 1px solid #e4e4e4;
	background: #fff;
}

span.titlebarfilter {
	color: #353535;
}

.modalheader {
	background-color: #f1efef !important;
	color: #FFF !important;
	display: block !important;
}

.modal .modal-content {
	background: #fff;
	border: 1px solid #888;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.modal .modal-content .glassDiv {
	background: rgba(255, 255, 255, 0.05);
}

.modbodychart {
	background: #fff;
}

.modbodychart p {
	color: #000;
}

.modbody {
	background: #fff;
	color: #000;
}

.modbody p {
	color: #000;
}

.modfooter {
	background: #fff;
}

.note {
	color: red;
}

thead tr:nth-child(1) th {
	background: white;
}

.Reportservice-buttons {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border: 1px solid #dce3e6;
}

.reportzoom-fab {
	background-color: #4b4b4b;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	color: #FFF !important;
}

.reportzoom-fab:hover {
	background-color: #2f3542;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.reportzoom-card {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.reportzoom-card ul {
	border: 1px solid #e5e5e5;
}

.reportzoom-card ul li {
	border: 1px solid #e5e5e5;
	background: #fff;
}

.reportzoom-card ul li:hover {
	background: #e5e5e5;
}

.reportzoom-card ul li.active {
	background: #f8cf2a !important;
}

.tabledatacss {
	color: #007bff !important;
}

.tabledatanormalcss {
	color: #000000f7 !important
}

span.green {
	color: #14b114;
}

.copyclipboardsucces {
	color: #14b114;
}


/*REPORTS PAGE CSS ENDS HERE*/


/*LOGIN MODULE CSS STARTS HERE*/

.box:after {
	border-top: 100vh solid #fff;
	border-right: 100vw solid #76449a;
}

html,
body {
	color: #323232;
}

.loginbox {
	/* background: #fff;
	box-shadow: 0px 5px 20px 8px rgba(0, 0, 0, 0.05); */
}

.loginbox>div:first-child {
	color: #fff;
}

.loginbox>div:last-child {
	color: #323232;
}

.logincontrol {
	background: #fff;
	border: 2px solid #e1e1e1;
}

.logincontrol:focus {
	border-color: #efeac9;
}

.button {
	background: linear-gradient(#76449a, #9560b8);
	color: #FFFFFF;
}

.labeltext>a {
	color: #612c91;
}

.footertext>div {
	color: #fff;
}


/*LOGIN MODULE CSS ENDS HERE*/


/*LANDING PAGE CSS STARTS HERE*/

.landingpagebox>div:last-child>div:first-child {
	background: linear-gradient(#bbbbbb, #fff);
	border: 1px solid #ffffff;
	box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
}

.landingpagebox>div:last-child>div:last-child:hover {
	background: linear-gradient(#ffffff 5%, #612c91 30%, #612c91 65%);
	color: #fff;
	border: 1px solid #612c91;
	box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
}

.commonbox {
	background: linear-gradient(#03a4cc 1%, #04a6cc 5%, #06a7ce 10%, #612c91 84%);
    border: 1px solid #612c91;
	color: #ffffff;
}

.commonbox:hover {
	background: linear-gradient(#d4584f 5%, #da564b 30%, #eb4e3f 65%);
    border: 1px solid #eb4e3f;
	box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

.deg {
	background: linear-gradient(#ffffff 20%, #d2d3d4 80%);
	box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
	color: #612c91;
}

footer {
	background: #ebebeb;
	color: #000 !important;
}


/*LANDING PAGE CSS ENDS HERE*/


/*PASSWORD MANAGEMENT PAGE CSS STARTS HERE*/

.contentbox {
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.pswdsubchild {
	background: #d4d4d4;
}

.pswdsubchildactive {
	background: #612c91;
	color: #fff;
}

.questionno {
	background: #612c91;
	color: #fff;
}

.reddot sup {
	color: red;
}

.disabledclass {
	background-color: #e4e3e3;
}

.errormsg {
	color: red;
}

.errorfield {
	border-bottom: 2px solid #612c91 !important;
}

.homehover:hover {
	color: #0056b3;
}

.whitebox {
	box-shadow: 0px 0px 0px 1px #a7a7a7;
	background: #fff;
}

.webtext {
	color: #fff;
}


/*PASSWORD MANAGEMENT PAGE CSS ENDS HERE*/


/*LOGOUT MODULE CSS STARTS HERE*/

.pagebgcolor {
	background-color: #fff !important;
}

.cardimg {
	background-color: #fff !important;
}


/*LOGOUT MODULE CSS ENDS HERE*/

/*ERROR PAGE CSS STARTS HERE*/
.colors{
	background-color:  #fff !important;
	}
	.icolor{
		color:red;
	}
/*ERROR PAGE CSS ENDS HERE*/


/*HOME DASHBOARD PAGE CSS STARTS HERE*/
.homedbbg{
	background: #f5f5f5 !important;
}
.getbtncss {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
}

.tower {
	background-color: #26c6da;
	border-color: #26c6da;
	color: #FFF;
}

.breadcrumb-itemactive {
	color: #ccc;
}

.chartareadiv {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.dynamiccharttitle {
	color: #455a64;
	border-bottom: 1px solid #dce3e6;
}

.sidefilterlist {
	background: white;
	border: 1px solid #daddde;
}

.sidefilterlist li {
	border-bottom: 1px solid #e5e5e5;
}

.chartarea_one1 {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
	border: 0px solid #dce3e6;
}

.sidefiltericon {
	color: #612c91;
}

.sidebarfiltertitle {
	background: #dedede !important;
}

.sidetoggleiconright:hover .sidetoggleicon {
	color: #eb4e3f;
	background: #612c91;
}

.sidetoggleicon {
	background: #eb4e3f;
	color: #612c91;
}

.towerfiltersection {
	background: #fff;
	border: 1px solid #eef1f3;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
}



.sidenav a {
	color: #818181;
}

.sidenav a:hover {
	color: #f1f1f1;
}

a.openfiltericon,
a.closefiltericon {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	background: #612c91;
	color: #fff !important;
}

.nodatafound {
	background: #fff;
}

p.oopstitle {
	color: #7b7b7b;
}

.nodatafound i {
	color: #eb4e3f;
	background: #fff;
}

/* .staticlayout {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
} */
.staticlayout{
    margin-top: 10px;
    /* margin-right: 5px; */
    min-height: 144px;
    background-color: #fff;
    color: #67757c;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    border: 1px solid #dce3e6;
    background-color: #FFF;
    padding: 20px 0px 0px 6px !important;
    background-color: white;
}

.grid-item-style {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

/* .infographareadiv {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
} */
.infographareadiv{    
	background-color: #fff;
	padding: 1em;
}
/* .fixedinfo {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
} */

.fixedinfo{
    background-color: #fff;
    color: #67757c;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    border: 1px solid #dce3e6;
    background-color: #FFF;
    padding: 1em;
}

.filterbtn {
	background: #686d76;
}

.filterbtn:hover {
	background: #686d76;
}

.filterbtn i {
	color: #fff;
}

.modalview {
	border: 1px solid #888;
	color: #2f2f2f;
	background: #fff !important;
}

.modaltableheader {
	background: #daddde !important;
}

.closecolor {
	color: #ffffff;
}

.closecolor:hover {
	color: #fff !important;
}

.watermark {
	color: white;
}

.staticlayoutafterreport {
	color: #67757c;
}

.staricon {
	color: #612c91;
}

.closemodal,
.imgclosemodal {
	color: #000;
	opacity: 1;
}

.closemodal:hover,
.imgclosemodal:hover {
	color: #000 !important;
	opacity: 1;
}

.iconboxtop {
	background: linear-gradient(to right, #76449a,#eb4e3f) !important;
	color: #fff !important;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);
}

#main .trash {
	color: white;
	background-color: #686d76;
}

gridster {
	background: #8080800d !important;
}

.gridster-item-content {
	background-color: whitesmoke !important;
}

.gridinfographareadiv {
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
	background-color: #FFF;
}

.tablefullwidth {
	border: 1px solid #dce3e6;
}

.tablebreadcrumblink.active {
	color: #007bff !important;
}

.modaltableth {
	background: #f0f0f0 !important;
	border-bottom: 1px solid #dce3e6;
}

table.datatable tr:nth-child(even) td {
	background-color: #fff !important;
}

table.datatable thead th {
	background: #f0f0f0 !important;
	border-bottom: 1px solid #dce3e6;
}


/*HOME DASHBOARD PAGE CSS ENDS HERE*/


/*DATABASE SETUP PAGE CSS STARTS HERE*/

.tab-content {
	background: #f8f9fa;
}

.blue-bold {
	color: #00a2e8;
}

.heading {
	color: #455a64;
}

.contentsection {
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.defaultbutton {
	background: #00a2e8;
	border: 1px solid #00a2e8;
	color: #fff !important;
}

table tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

span.red,
.red {
	color: red;
}

.editlink,
.editlink:hover {
	color: #612c91 !important;
}


/*DATABASE SETUP PAGE CSS ENDS HERE*/


/*API SETUP PAGE CSS STARTS HERE*/

.bbdashheading {
	border-bottom: 1px dashed #455a64;
}

.txt-area {
	background: white;
}

.highlight {
	background: #a8cb17;
}

.popuptablediv {
	border: 1px solid #dce3e6;
}

.popupbtn {
	color: #757575;
}

.fontcolor {
	color: black;
}

.dscontent {
	color: #212121;
	background-color: #fff;
	border-color: #EEEEEE;
	box-shadow: -9px 5px 20px rgba(0, 0, 0, 0.05);
}

.dstable table thead th {
	background: #e0e0e0;
}

.dstable table tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

.whitebg {
	background: #fff;
}



.datatable tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

.float {
	background-color: #eb4e3f;
	box-shadow: 2px 2px 10px #999;
}

.float i {
	color: #fff !important;
}

.drpdwndisabled {
	background-color: #e5e5e5!important;
}

.nav-tabs {
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.nav-tabs li a {
	color: #333;
}

.nav-tabs a:hover {
	background-color: #fff!important;
}

.slider1 {
	background-color: #612c91!important;
}

.nav-tabs .active {
	color: #612c91!important;
}

.tab-content>.tab-pane {
	border: 2px solid #e9ecef;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

button.btn.btn-success {
	background: rgb(72, 207, 173);
	border: 1px solid rgb(72, 207, 173);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

button.btn.btn-danger {
	background: rgb(252, 110, 81);
	border: 1px solid rgb(252, 110, 81);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

/* .disabled {
	background-color: #e5e5e5!important;
} */


/*API SETUP PAGE CSS ENDS HERE*/


/*TEMPLATE SOURCE EXCEL/CSV PAGE CSS STARTS HERE*/

.content-top {
	border: 1px solid #e0e0e0;
}

.tableclass table thead th {
	background: #e0e0e0;
}

table#templates[_ngcontent-c1] tbody[_ngcontent-c1] tr[_ngcontent-c1]:nth-child(even) td[_ngcontent-c1] {
	background-color: #f5f5f5 !important;
}

h4.panel-title {
	background: #e0e0e0;
}

.slider {
	background-color: #ccc;
}

input:checked+.slider {
	background-color: #48CFAD;
}

nav.pagination li a {
	border: 1px solid #b9b9b9;
}

nav.pagination li.active a {
	background: #00a2e8;
	color: #fff;
	border: 1px solid #00a2e8;
}

.edittempicon i,
.addtempicon i,
.removetempicon i {
	color: #fff !important;
}

.fileuploaddiv {
	background: #e9ecef;
}

.edittempicon {
	background: rgb(72, 207, 173);
}

.addtempicon {
	background: rgb(59, 175, 218);
}

.pure-material-checkbox>input:checked,
.pure-material-checkbox>input:indeterminate {
	background-color: #612c91;
	;
}

.pure-material-checkbox>input:checked+span::before,
.pure-material-checkbox>input:indeterminate+span::before {
	border-color: #612c91;
	background-color: #612c91;
}

.pure-material-checkbox>input:disabled+span::before {
	border-color: #ccc;
}

.selectborder:focus {
	border-bottom: 2px solid #612c91;
}

.onlyformat {
	color: red;
}

.resetbutton {
	background: #fff;
}


/*TEMPLATE SOURCE EXCEL/CSV PAGE CSS ENDS HERE*/


/*TEMPLATE SOURCE DATABASE PAGE CSS STARTS HERE*/

.transparentbg {
	background: transparent;
	box-shadow: none;
}

.shadoweffect {
	box-shadow: -14px 16px 29px rgba(0, 0, 0, .3);
}


/*TEMPLATE SOURCE DATABASE PAGE CSS ENDS HERE*/


/*TEMPLATE SOURCE API PAGE CSS STARTS HERE*/


/*TEMPLATE SOURCE API PAGE CSS ENDS HERE*/


/*VIEW CONFIG NEW CSS STARTS HERE*/

.fcolor {
	color: #2C3E50;
}

.panel-default>.accorpanel {
	color: #212121;
	background-color: #b9b9b9;
	border-color: #EEEEEE;
	box-shadow: -9px 5px 20px rgba(0, 0, 0, 0.05);
}

.panel-default>.pad-1 {
	background-color: #fff;
}

.defaultbtn {
	background: #612c91;
	border: 1px solid #612c91;
}

.defaultbtn i {
	color: #fff;
}

.editbtn i {
	color: white;
	background-color: #48cfad;
	box-shadow: 2px 2px 10px #999;
}

.deletebtn i {
	color: white;
	background-color: #fc6e51;
	box-shadow: 2px 2px 10px #999;
}

#msform fieldset.multistepform {
	background: white;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}

.fs-title {
	color: #2C3E50;
}

.fs-subtitle {
	color: #666;
}

.progressbar li {
	color: #000;
}

.progressbar li:before {
	color: #333;
	background: #d4d4d4;
}

.progressbar li:after {
	background: #d4d4d4;
}

.progressbar li.active:before,
.progressbar li.active:after {
	background: #612c91;
	color: white;
}

.floatsavebtn {
	background: #2ab679;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.floatsavebtn i {
	color: #fff;
}

.floatsavebtn:hover {
	/* color: #000 !important; */
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.distableheight table thead th {
	background: #e0e0e0;
}

input[type="text"]:disabled {
	background: #ebebe4;
}

.disabledbtn {
	background-color: #612c91!important;
}

#dispcolumndetails tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

#dispfilterdetails tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

.fieldlabel {
	background: #eef4fd;
	border: 1px solid darkgrey;
}

.explabel {
	border: 1px solid darkgrey;
	background: #eef4fd;
}

.savebutton {
	color: #fff !important;
}

p.grouptitle {
	background: #fff;
}

.groupdesign {
	border: 1px solid #d4d4d4;
}


/*VIEW CONFIG NEW CSS ENDS HERE*/


/*VIEW CONFIG OPEN CSS STARTS HERE*/

#msform .action-button {
	color: #fff !important;
	background: #eb4e3f !important;
	border: 1px solid #eb4e3f !important;
	box-shadow: 2px 2px 3px #c1c1c1;
}

#msform .action-button:hover {
	background: #eb4e3f !important;
	border: 1px solid #eb4e3f !important;
}


/*VIEW CONFIG OPEN CSS ENDS HERE*/


/*CHART CONFIG CSS STARTS HERE*/

.selectbx {
	border: 1px solid #dfdfdf;
}

.hghttextarea {
	color: black;
}

.gridtitle {
	border-bottom: 0px solid #ffd23b;
	color: #444;
}

.gridheader {
	background-color: #ffd23b;
}

.gridcontent {
	color: #444;
	background-color: #FFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.textarea {
	color: black;
}

.movebutton {
	color: #fff !important;
	background-color: #612c91;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.overflowh {
	background-color: white;
}

.charttitle {
	color: #434456;
}

.chartheaderlayer {
	border-top: 1px solid #daddde;
}

.measurementtitle {
	color: #455a64;
}

.chart {
	background-color: white;
}

.dashboardTitle {
	color: #455a64;
	background-color: rgb(253, 253, 253)!important;
}

.aggwidth:focus {
	border-bottom: 2px solid #612c91;
}

.chartfiltersection {
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.chartconfigtable table thead tr th {
	background: #e8e8e8;
	border-bottom: 2px solid #eb4e3f;
}

.chartconfigtable table {
	border: 1px solid #e8e8e8;
}

.chartfilterlink {
	border: 1px solid #612c91;
	background: #a4d2f5;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.chartfilterlink:hover {
	background: #612c91;
	border: 1px solid #612c91;
	color: #fff !important;
}

.chartfilterlink.active {
	background: #612c91;
	border: 1px solid #612c91;
	color: #fff !important;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.colormaterial {
	border-bottom: 1px solid #DDD;
}

.yellowbg {
	background: #eb4e3f;
}

.cardheader {
	border: 1px solid #efefef;
	background: rgba(0, 0, 0, .03);
}

.cardheader h5 button {
	color: #4c4c4c !important;
}

.md-radio input[type="radio"]:checked+label:before {
	border-color: #612c91;
}

.md-radio input[type="radio"]:disabled+label:before {
	border-color: #ccc;
}

.md-radio input[type="radio"]:disabled+label {
	color: #ccc;
}

.md-radio input[type="radio"]:disabled+label:after {
	background: #ccc;
}

.md-radio label:before {
	border: 2px solid rgba(0, 0, 0, 0.54);
}

.md-radio label:after {
	background: #612c91;
}

.infoicon {
	background: #612c91;
	color: #fff;
}

.customtooltip .customtooltipreferesh {
	background-color: #612c91;
	color: #fff;
}

.customtooltip .customtooltipreferesh::after {
	border-color: transparent transparent transparent #612c91;
}

.btncss_save {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
}

.customtooltip .customtooltipparticular {
	background-color: #612c91;
	color: #fff;
}

.customtooltip .customtooltipparticular::after {
	border-color: transparent transparent transparent #612c91;
}

.customtooltip .customtooltipinfo {
	background-color: #612c91;
	color: #fff;
}

.customtooltip .customtooltipinfo::after {
	border-color: transparent transparent transparent #612c91;
}

.chartproperties {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	background: #fff;
}

.chartproperties>p:last-child {
	border-top: 1px solid #ccc;
}

.chartelementsproperties {
	background: white;
}

#accordion {
	background: #F5F5F5;
	border: 1px solid #daddde;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.cardsection {
	background: #fff;
	border: 1px solid #daddde;
}

.sidebarsection {
	border-top: 1px solid #c3c3c3;
}

.zoombutton {
	color: #fff;
	background-color: #525252;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.icon-bar {
	background-color: #3b414e;
}

.icon-bar a {
	color: #ffffff !important;
	border-bottom: 1px solid #565656;
}

.sidechartlists {
	border: 1px solid #daddde;
}

.row.chartsideicons .col-lg-4 {
	border: 1px solid #eaeaea;
}

.sidefilterlist li.active {
	background-color: #eb4e3f;
}

.icon-bar a.active {
	background: #612c91;
}

.md-checkbox label:before {
	background: #fff;
	border: 2px solid rgba(0, 0, 0, 0.54);
}

.md-checkbox input[type="checkbox"]:checked+label:before {
	background: #612c91;
}

.md-checkbox input[type="checkbox"]:checked+label:after {
	border: 0.125em solid #fff;
	border-top-style: none;
    border-right-style: none;
}

.md-checkbox input[type="checkbox"]:disabled+label:before {
	border-color: rgba(0, 0, 0, 0.26);
}

.md-checkbox input[type="checkbox"]:disabled:checked+label:before {
	background: rgba(0, 0, 0, 0.26);
}

.md-checkbox input[type="checkbox"]:disabled+label {
	color: #ccc;
}

ul.titlebarul li {
	border-right: 1px solid #e5e5e5;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

a.iconlinks i {
	color: #949494;
}

.righticonlinks ul li:hover,
.titlebarul li:hover {
	border-top: 3px solid #2196F3;
	border-bottom: 3px solid #fff;
}

.chartformatdisplay {
	background: #696969;
}

a.anchorlink {
	color: #2196F3;
}

a.anchorlink:hover {
	color: #2196F3;
}

span.required {
	color: red;
}

.additionalchartfeatures {
	background: #fff;
	border: 1px solid #e2e2e2;
}

div#rightMenu {
	background: #f5f5f5;
}

div#rightMenu2 {
	background: #f5f5f5;
}

.rprtnme {
	color: black;
	border: 1px solid #e0e0e0;
}

.styled-checkbox+label:before {
	background: #612c91;
}

.styled-checkbox:hover+label:before {
	background: #612c91;
}

.styled-checkbox:focus+label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+label:before {
	background: #612c91;
}

.styled-checkbox:disabled+label {
	color: #b8b8b8;
}

.styled-checkbox:disabled+label:before {
	background: #ddd;
}

.styled-checkbox:checked+label:after {
	background: white;
	box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
}

.colorpalatte div {
	border: 1px solid #f8f9fa;
}

.highlightcolor {
	border: 2px solid #212529;
}

.sidetitlepatch {
	background: #f5f5f5 !important;
	padding-left: 15px !important;
	padding-top: 10px !important;
}


/*CHART CONFIG CSS ENDS HERE*/


/*INFOGRAPHIC CONFIG CSS STARTS HERE*/

.custom-file-upload {
	color: #fff !important;
	background: #612c91;
	border: 1px solid #612c91;
}

.fntcolor {
	color: #234d6e;
}

.infonamediv {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.box {
	border: 1px solid #d2d6de;
}

.iconsection {
	background-color: white;
	border-color: grey;
}

.fontfamily {
	color: #3b414e;
}

.listedicons:hover i {
	color: #fff !important;
}

.lbl-toggle {
	color: #A77B0E;
	background: #FAE042;
}

.lbl-toggle:hover {
	color: #7C5A0B;
}

.collapsible-content .content-inner {
	background: rgba(250, 224, 66, .2);
	border-bottom: 1px solid rgba(250, 224, 66, .45);
}

/* .chartarea,
.chart {
	border: 1px solid black;
} */

.titletext {
	background: #daddde !important;
}

.checkmark {
	background-color: #eee;
	border: 1px solid #612c91;
}

.customradiolabel:hover input~.checkmark {
	background-color: #ccc;
}

.customradiolabel input:checked~.checkmark {
	background-color: #ffffff;
}

.customradiolabel .checkmark:after {
	background: #612c91;
}

.dashboardconfigbtn {
	background: #612c91;
    border: 1px solid #612c91;
	color: #fff;
}
.dbsavefilter_btn{
	background: #669900;
	border: 1px solid #669900;
	color: #fff;
	border-radius: 4px;
}
.dbcancel_btn{
	background: #858484;
	border: 1px solid #858484;
	color: #fff;
	border-radius: 4px;
}
.selectsection {
	border: 1px solid #d2d6de;
}

.collapse:not(.show) .cardheader {
	background-color: red;
}

.page-content {
	background: #f7f7f7;
}

.jstreebg {
	background: #f3f3f3 !important;
}

.categoryicons {
	color: #3b414e;
	background: #dedede;
	border-right: 1px solid #efeff2;
}

.listedicons {
	border: 1px solid #f5f5f5;
	box-shadow: 0 6px 10px -5px #cdd1e1;
}

.saveinfobtn {
	border: 1px solid #fdd23e;
	background: #eb4e3f;
	color: #612c91 !important;
}

.editpencil i {
	background: #612c91;
	color: #eb4e3f;
}

.listedicons:hover {
	background: #eb4e3f;
}

.categoryicons.active {
	background: linear-gradient(to top left, #612c91 40%, #612c91 65%);
	color: #fff;
}

.categoryicons.active {
	background: #eb4e3f;
}

.categoryicons:hover {
	background: #eb4e3f;
	color: #fff !important;
}

.uploadedicons:hover i {
	color: #fff !important;
}

p.editoptiontitle {
	color: #000;
}

.modal1 .square {
	border: 1px solid #555;
}

.modal1 .line {
	border-top: 1px solid #555;
}

.modal1 .sline {
	border-top: 1px solid #555;
}

.modal2 .square {
	border: 1px solid #555;
}

.modal2 .line {
	border-top: 1px solid #555;
}

.modal2 .sline {
	border-top: 1px solid #555;
}

.modal3 .square {
	border: 1px solid #555;
}

.modal3 .line {
	border-top: 1px solid #555;
}

.modal3 .sline {
	border-top: 1px solid #555;
}

.modal4 .square {
	border: 1px solid #555;
}

.modal4 .line {
	border-top: 1px solid #555;
}

.modal4 .sline {
	border-top: 1px solid #555;
}

.modal5 .square {
	border: 1px solid #555;
}

.modal5 .line {
	border-top: 1px solid #555;
}

.modal5 .sline {
	border-top: 1px solid #555;
}

.line2 {
	color: #000;
}

.iconname {
	color: #8BC34A;
}

.middleline2 {
	color: #000;
}

.middleicon {
	color: #E91E63;
}

.disabledcls {
	background: #f2f2f2;
}

.innerborder {
	background: #fff;
}

.propiconsection {
	background: #ececec;
	border-right: 1px solid #e5e5e5;
}

.iconinfobox {
	border: 1px solid #fff;
}

.validationtext {
	color: red;
}

.inforadioul li {
	background: #ececec;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
}

.infoboxrow {
	background: #fff !important;
	border: 1px solid rgba(0, 0, 0, .125);
}

.titleheadersection {
	background: #ededed;
}

.whiteboxcontent {
	background: #fff;
	border: 1px solid #ececec;
}

ul.inforadioul li i {
	color: #3b414e;
}

ul.inforadioul li span {
	color: #612c91;
}

.inforadioul li.active {
	background: #eb4e3f;
}

.inforadioul li.active i {
	color: #fff !important;
}

.containername {
	background: #dce3e6;
	color: #696e77;
	border: 1px dashed #dce3e6;
}

.dblclicktext {
	color: red;
}

.uploadedicons {
	border: 1px solid #f5f5f5;
	box-shadow: 0 6px 10px -5px #cdd1e1;
}

.uploadedicons:hover {
	background: #eb4e3f;
}


/*INFOGRAPHIC CONFIG CSS ENDS HERE*/


/*CONFIGURATION REPORT PREVIEW STARTS HERE*/

.reportborder {
	border: 1px solid #daddde;
}


/*CONFIGURATION REPORT PREVIEW STARTS HERE*/


/*DASHBOARD CONFIGURATION NEW STARTS HERE*/

.optionhighlight {
	background-color: #eb4e3f !important;
	color: #fff !important;
}

.dbrdheader{
	background: #f5f5f5 !important;
}

.chartareadivwithchart {
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
	background-color: #FFF;
}

.dbjstreeview {
	background: #f3f3f3 !important;
}

.mrlft10 {
	color: #612c91;
}

.staticlayoutbeforereport {
	background-color: #fff;
	color: #67757c;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #dce3e6;
}

.backgroundmsg {
	color: lightgrey;
}

.selectedreportbg {
	background-color: #7c747447;
}

.listcategories div {
	background: #ededed;
	border: 1px solid #e5e5e5;
	color: #000;
}

.hoveringtitle {
	background: #686d76;
	color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}


/*DASHBOARD CONFIGURATION NEW ENDS HERE*/


/*ADVANCE DASHBOARD CSS STARTS HERE*/

.styled-input label {
	color: #999;
}

.panel-heading.content.shadoweffect {
	background-color: #fff;
}

#bs-collapse .panel-heading a:after {
	color: #fff;
}

#accordion .panel-heading a:before {
	color: #fff;
}

.select-text .drop-down-loc {
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.it input.form-control {
	border-bottom: 1px solid #ddd;
}

.it .form-control:focus {
	border-color: #ff4d0d;
}

.blueupload {
	background-color: #612c91;
	border-color: #612c91;
	color: #fff;
}

.blueupload:hover {
	color: #fff;
}

.bitbl thead th {
	background: #e0e0e0 !important;
	border-bottom: 1px solid #612c91;
	color: #040404;
}

.bitbl tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}

.dataTables_paginate a {
	color: #612c91;
}

.paginate_button.current {
	background: #612c91;
	border: 1px solid #612c91;
	color: #fff;
}

.excelicon,
.pdficon,
.copyicon,
.csvicon {
	border: 1px solid white;
}

.toggle {
	background-color: #ddd;
	box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .05);
}

.check:checked~.track {
	box-shadow: inset 0 0 0 20px #eb4e3f;
}

.track {
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .05);
}

.btn_disable {
	border: 1px solid #dae0e5;
	color: #8c8c8c !important;
	background-color: #e1e1e1;
}

.searchwrap input[type="text"] {
	color: #555;
}

.searchwrap input[type="text"]:focus:hover {
	border-bottom: 2px solid #6689a9;
}

.searchwrap input[type="text"]:focus {
	border-bottom: 2px solid #6689a9;
}

.searchwrap input[type="submit"] {
	color: #555;
}

.searchwrap input[type="text"]:focus:hover {
	border-bottom: 2px solid #6689a9;
}

.searchwrap input[type="text"]:focus {
	border-bottom: 2px solid #6689a9;
}

.searchwrap input[type="submit"] {
	color: #555;
}

select:-moz-focusring {
	text-shadow: 0 0 0 #000;
}

.trashlink {
	background-color: rgb(252, 110, 81);
}

.previewlink {
	background: rgb(72, 207, 173);
}

.bieditlink {
	background: rgb(7, 186, 229) !important;
	color: #fff !important;
}

.bieditlink:hover {
	color: #fff !important;
}

.tblactionlinks i {
	color: white;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.tblactionlinks img {
	color: white;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.bgwhite {
	background: #fff !important;
}

.plusicon {
	color: white;
	background: rgb(72, 207, 173);
	box-shadow: 2px 2px 10px #999;
}

.minusicon {
	color: white;
	background: rgb(252, 110, 81);
	box-shadow: 2px 2px 10px #999;
}

/* .disabled {
	background-color: #e5e5e5!important;
} */

.jstree {
	background-color: #f3f3f3;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}


/*ADVANCE DASHBOARD CSS ENDS HERE*/

/*VIEW MANAGER CSS STARTS HERE*/
.configmgrtbl tr:nth-child(even) td{
	background-color: #f5f5f5 !important;
}
.configmgrtbl thead th{
	background: #e0e0e0;
}
.trashicon{
	color: white;
	background-color: rgb(252, 110, 81);
	box-shadow: 2px 2px 10px #999;
}
.trashicon i{
	color: #fff;
}
/*VIEW MANAGER CSS ENDS HERE*/
/*REPORT MANAGER CSS STARTS HERE*/
.linkicon{
	background: #17a2b8;
}
.icondisable{
	background: #91929287;
}
.embedselect{
	border-bottom: 1px solid #e5e5e5 !important;
}
/*REPORT MANAGER CSS ENDS HERE*/
/*HIERARCHY MAPPING CSS STARTS HERE*/
.bgcolor{
	background-color:#f4f6f9;
}
.filtersection{
    background: #fff;
	box-shadow: -9px 5px 20px rgba(0, 0, 0, 0.05);
}
.hiersection{
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
/*HIERARCHY MAPPING CSS STARTS HERE*/
/*WORKFLOW CONFIGURATOR CSS STARTS HERE*/
.subtitlediv{
	background: #daddde !important;
}
.-webkit-scrollbar{
	background: #fff;
}
/*WORKFLOW CONFIGURATOR CSS ENDS HERE*/
/*WORKFLOW STATUS CSS STARTS HERE*/
ol.progtrckr li.progtrckr-done {
	color: black;
	border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
	color: silver; 
	border-bottom: 4px solid silver;
}

ol.progtrckr li.progtrckr-process {
	color: black;
	border-bottom: 4px solid #0099ff;
}

ol.progtrckr li.progtrckr-reject {
	color: black;
	border-bottom: 4px solid #ff3333;
}
ol.progtrckr li.progtrckr-done:before {
	color: white;
        background-color: yellowgreen;
}
ol.progtrckr li.progtrckr-todo:before {
	color: white;
    background-color: #9e9e9e;
}
ol.progtrckr li.progtrckr-process:before {
	color: white;
        background-color: #0099ff;
}
ol.progtrckr li.progtrckr-reject:before {
	color: white;
        background-color: #ff3333;
}
/*WORKFLOW STATUS CSS ENDS HERE*/
/*APPROVAL SCREEN CSS STARTS HERE*/
.dateinput{
	border: 1px solid #c9c9c9;
}
.uh-modal-header{
	background: #eb4e3f;
}
.uh-modal-header span{
	color: #ffffff;
    background: #612c91;
}
.bg-white{
    background: #fff;
}
.approved-color{
	color:green;
	}
	.rejected-color{
	color:red;
	}
/*APPROVAL SCREEN CSS ENDS HERE*/
/*DATA UPLOAD CSS STARTS HERE*/
.successmessage{
    color:forestgreen;
}
.errormessage{
    color:red;
}
table.datatable{
	border: 1px solid #e0e0e0;
}
/*DATA UPLOAD CSS ENDS HERE*/
/*DATA LEVEL AUTHORISATION CSS STARTS HERE*/
table.datatable thead tr th{
	background: #e0e0e0;
}
table.datatable tbody tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}
.editlinkicon i{
	color: white;
	background-color: #3bafda;
	box-shadow: 2px 2px 5px #999;
}
/*DATA LEVEL AUTHORISATION CSS ENDS HERE*/
/*DASHBOARD PAGE CSS STARTS HERE*/
.trash{
	color: white;
    background-color: #686d76;
}
.togglefilter{
	background-color: #f5f5f5;
}
.dashbrdview{
	background-color: #f4f6f9 !important;
}
.addfav {
    color:#67757c;
}
.addfav :hover{
    color: #612c91;
}

.rmvfav{
    color: #612c91;
}
.rmvfav :hover{
    color:#67757c;
}
.select-text1{
	border-bottom: 1px solid rgba(0,0,0, 0.12);
}
.select-text1:focus {
	border-bottom: 1px solid rgba(0,0,0, 0);
}
.select-text1:focus ~ .select-label1, .select-text1:valid ~ .select-label1 {
	color: #612c91;
}
.select-label1 {
	color: rgba(0,0,0, 0.26);
}
.select-bar1:before, .select-bar1:after {
	background: #612c91;
}
.downloadcustomtooltip .downloadcustomtooltiptext {
	background-color: #612c91;
    color: #fff;
}
.downloadcustomtooltip .downloadcustomtooltiptext::after {
	border-color: transparent transparent transparent #612c91;
}
.embedtextarea{
	border: 1px solid #e5e5e5;
}
/*DASHBOARD PAGE CSS ENDS HERE*/
/*DOWNLOAD CSS STARTS HERE*/
.titlename{
	border-bottom: 1px solid #e4e4e4;
}
.download_button{
	background: #612c91;
  border: 1px solid #612c91;
  color: #fff;
}
.download_button:hover{
	border: 1px solid #612c91;
    color: #612c91 !important;
    background-color: transparent;
}
ul.textarea.rprtnme.width100{
	border: 1px solid #cdcdcd;
}
.selectedopt ul li{
	border: 1px solid #e5e5e5;
  background: #e5e5e5;
}
.selectedopt ul i {
	color: var(--red);
}
.downloadiconsection i {
	background: #eb4e3f;
  color: #612c91;
}
#reportsmodal .modal-header{
	color: #fff;
}
p.downloadstatus{
	
	color: #1aabc2;
}
.progress-bar1{
	
	background: #e9ecef;
}
.loaded{
	background: #1aabc2;
}
/*DOWNLOAD CSS ENDS HERE*/
/*CSS FROM OTHER FILES STARTS HERE*/
.list-group-item {
	/* border-bottom: 1px solid #7dc2e3 !important; */
	border: none;
}
.ngx-datatable .datatable-header .datatable-header-cell{
	border-bottom: 1px solid #612c91;
	background: #e0e0e0;
	color: #040404;
}
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-label {
	color: #040404;
}
.ngx-datatable .datatable-body .datatable-body-row.datatable-row-odd {
	background-color: rgba(0, 0, 0, 0.05);
}
.ngx-datatable .datatable-body .datatable-body-row.active {
    background-color: #1483ff;
    color: #fff;
}
.ngx-datatable .datatable-header{
	border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
}
.ngx-datatable .datatable-body{
	border: 1px solid #e0e0e0;
}
li.pages.active {
    background: #612c91;
}
li.pages.active a{
    color: #fff !important;

}
li.pages:hover{
    background: #e6e6e6;
    

}
li.pages:hover a{
    color: #000 !important;

}
.ngx-datatable .datatable-footer .datatable-pager .pager li a{
    color: #000;
}
.ngx-datatable .datatable-footer .datatable-pager a {
	color: #ededed;
}
.datatable-icon-prev,.datatable-icon-left,.datatable-icon-right,.datatable-icon-skip {
	color: #bdbdbd;
}
a{
	color: #0261c7;
}
::-webkit-scrollbar {
	background: #fff;
}
::-webkit-scrollbar-thumb {
	background-color: #c3c3c3;
}
#logo{
	color: #244e70;
}
.userInfoDiv .userName {
	color: #444;
}
#wrapper{
	background: #CCC;
}
.button-default {
	background-color: #244e70;
}
.button-default:hover {
	background-color: #1d3e5a;
}
.button-slanted-content{
	color: white;
}
table.dataTable th {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

table.dataTable td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.bordereddiv{
	border: 1px solid #ffd23b;
    color: #444;
    border-bottom: 2px solid #c9c9c9;
}
.slider:before{
	background-color: white;
}
input:focus + .slider {
	box-shadow: 0 0 1px #244e70;
  }
  .repconfg{
	  
    border-bottom: 0px solid #ffd23b;
    font-size: 18px;color: #444;
  }
  .ngx-pagination .current {
    background: #612c91 !important;
	}
	
    table.datatable thead th {
        background: #e0e0e0 !important;
    }
    table.datatable tr:nth-child(even) td {
        background-color: #f5f5f5 !important;
    }
    .datatables tbody tr:nth-child(even) td {
        background: #f5f5f5 !important;;
	}
	span.dtbtnnames:hover {
		color: #00bad2;
	}
	.backiconbtn {
		background: #f8cf2a;
		color: #612c91;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
	}
/*CSS FROM OTHER FILES ENDS HERE*/
.modal-title{
	background: linear-gradient(to right,#f66a1e,#f22c2d,#96266d,#772c7f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal-title {
       color: #96266d;
        background: none;
    }
}
.tabletab a.breadcrumblink {
    color: #612c91 !important;

}
/* .tabletab a.breadcrumblink.nopointer.capitalise {
	display: none !important;
} */


.datatable-body-cell-label hr {
	display: none !important;
  }
  .datatable-body-cell-label p {
	margin-bottom: 0px !important;
  }

  h2.MsoTitle {
    font-size: 16px !important;
	margin-bottom: 15px; 
}
div#overlay-content-box h3 {
	font-size: 16px !important;
    margin-bottom: 1.4rem !important;
    font-weight: 500 !important;
    line-height: 0.3 !important;
    margin-top: 1rem !important;
}
a.form_submit {
    border-radius: 5px !important;
}
div#overlay-content-box h4 {
    font-size: 16px;
}
.modal-header {
    text-align: left;
    display: block;
    background: #ffffff;
    color: #61127a;
    border-bottom: 0;
    padding: .8rem 1rem;
}

/* h4.modal-title {
    font-size: 34px;
    float: left;
} */
.modal_common_title{
    display: inline-block;
font-size: 18px;
font-weight: 500;
background: #f1eff0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.closemodal {
    color: #fff;
    opacity: 1;
    background-color: #61127a !important;
    outline: none !important;
}
div#tc-overlay-wrapper p {
    line-height: 2.0;
}

.modal-bodybrowser{
	font-size: 14px;
    padding: 20px;
    line-height: 1.5;
}
.privacy_policy_link, .privacy_policy_link:hover {
    font-size: 12px;
    color: #7d338e !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}