.centerAlign {
	text-align: center;
	margin: 0 auto;
}

.leftAlign {
	text-align: left;
}

.verificationTable > table {
	text-align: center;
	margin: 0 auto;
	border: 1px;
	border-style: solid;
}

.rightAlign {
	text-align: right;
	float: right;
	position: relative !important;
	left:0 !important;
}

.textRightAlign {
	text-align: right;
}

.blockRightAlign {
	right: 0px !important;
	left: auto !important;
}
.innerBlockRightAlign .x-box-inner{
	float:right;
}

.roundCorners {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.noBg {
	background:none;
}

.pointerCursor{
	cursor: pointer;
}

.hidden{
	display: none;
}

.showOverflow {
	overflow:visible;
}

.showOverflow .x-box-inner{
	overflow:visible;
}

.paddingBottom{
	padding-bottom: 5px;
}

.boxPadding{
	padding: 5px;
}

.fullHeight {
	height:100%;
}

.rightMargin {
 margin-right:100px;
}

.counterCircle {
	-webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    border-radius: 99999px;
    behavior: url(PIE.htc);

    width: 75px !important;
    height: 75px !important;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: black;
    text-align: center;
	padding-top: 27px;
    font-size: 14px;
    font-weight: bold;
}

.counterWrapper {
	color:#fff;
	margin-top: 20px;
}

.counterBox {
	padding:5px;
	/* border: 2px solid #666; */
	text-align: center;
	white-space:nowrap;
	background-color: #1d72ef;
}

.counterLabel {
	/* padding-top: 27px; */
	/* padding-top: 5px; */
	text-align: right;
	color:#fff;
}


.counterOne {
	background-color: #5b9bd5;
}

.counterTwo {
	background-color: #ff9900;
}

.counterThree {
	background-color: #70ad47;
}
.crpTitleHeader .x-header-text{
	padding:10px;
	text-align: center;
	white-space:nowrap;
	background-color: #1d72ef;
	font-size: 14px;
}

.crpTitleHeader .x-header-text-container{
	padding:5px;
}

.initialLoader {
	text-align: center;
	top: 40%;
	position: absolute;
	left: 0;
	right: 0;
}

.classified-row {
	color:green;
}

.grayText {
	color: gray;
}

.titleBarTxt {
	color: #04408c;
	font-size: 18px;
	padding:5px;
	font-weight: bold;
	line-height: 15px;
	text-transform: none;
}

.tabIcon {
	/* background-size: 21px 16.5px; */
	right: 0;
	left: 0;
	/* top: -50; */
}

.expandBtn {
	background: transparent;
}
.expandBtnIcon {
	background-size: cover;
}

.toggleBtn a:nth-of-type(1){
	border-radius: 7.5px 0px 0px 7.5px;
	border-right:none;
}
.toggleBtn a:nth-of-type(2),
.toggleBtn a:nth-of-type(3) {
	border-right:none;
	border-left:none;
	border-radius: 0;
}
.toggleBtn a:nth-of-type(4){
	border-radius: 0px 7.5px 7.5px 0px;
	border-left:none;
}

.toggleBtnStyle{
	background: rgb(75,75,75); /* Old browsers */
	/* background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); FF3.6+
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); Chrome,Safari4+
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); Chrome10+,Safari5.1+
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); Opera 11.10+
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); IE10+
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); W3C
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); IE6-9  */
}

.toggleBtnStyle.x-btn-pressed{
	background: #1d72ef;
}

.clusterCharAxisTooltip {
	background: rgb(75,75,75);
	font-size: 14px;
}

.goldText {
  color: #feae17;
}

/* Visualiziation */
.node {
  cursor: pointer;
}

.node text {
  fill:#ffffff;
}
.node:hover text{
  fill: #a9a9a9;
}
.node .primary {
  fill:#66e7ff;
}
.node.source .primary,.node.target .primary {
  fill: #B6F4FF !important;
}
.node:hover .primary{
  fill: #c6faff;
}

.bubbleChartPanel {
	background: #e9e9e9;
}

.bubbleChartPanel .node text {
    fill: white;
}

.radialChartPanel {
	background: #24282C;
}

.grayBg {
	background: #e9e9e9;
}


.d3-tip {
  line-height: 1.5;
  font-weight: bold;
  padding: 5px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1001;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 2px;
}

.d3-tip .bubbleChartPanel {
	background: rgba(0, 0, 0, 0);
	padding:5px;
}

path.arc {
  /* cursor: move; */
  fill: #fff;
}

/* #clusterRadialChart .node {
  font-size: 10px;
} */

#clusterRadialChart .node:hover {
  fill: #1f77b4;
}

.link {
  fill: none;
  stroke: #808080;
  stroke-opacity: 0.2;
  pointer-events: none;
}

.link.source, .link.target {
  stroke-opacity: 1;
  stroke-width: 2px;
}

.node.target text{
  fill: #FF7C33 !important;
  font-weight: bold;
  font-size:16px;
}

.link.source {
   stroke: #feae17 !important; 
}

.node text{
   font-size:14px;
}

.node.source  text{
   fill: #FF7C33 !important; 
   font-weight: bold;
   font-size:16px;
}

.link.target {
  stroke: #feae17;
}

.arc {
	opacity:0;
}

.barChartPopup {
	background: #e9e9e9;
}

.barChartPopup .x-window-header-text{
	font-weight: bold;
}

.roCounter {
	left:auto !important;
}

.blockBtn {
	border-radius:7px;
	background-color: #1d72ef;
	background-image: none;
	cursor: initial;
	margin:5;
	padding:10;
	border: none;
}

.blockTxt {
	font-size: 18px;
	padding:5px;
	line-height: 15px;
}

.roundBlock {
	border-color: #383d43;
	border-width:2px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.highlightedBlock {
	background-color: #EFBD1D;
	border-color: #feae17;
	border-width: medium;
}

.boldLabel {
	font-weight: bold;
	font-size: 12px;
}

.dataFeildText {
	font-size: 12px !important;
}

.banner {
	position: absolute;
	bottom:0; 
	z-index:1;
	background-color: maroon;
	text-align:center;
	width:100%;
	color: white;
	font-weight: bold;
}

/* Overriden EXTJS classes*/
 
 .infoSection .x-tool-collapse-left,.infoSection .x-tool-expand-right {
 	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
 }
 
 .x-column-header-inner .x-column-header-text { white-space: normal;}
 
.verificationTable .x-table-form-item {
	margin-bottom: 0px;
}

.roGrid .x-grid-header-ct {
	display:none;
}

.boldText {
	font-weight: bold;
}

.assignedTip .x-header-text{
	font-weight: bold;
	color: green;
}

.fullWidth .x-form-trigger-wrap, .fullWidth .x-form-item-body {
	width:100% !important;
}

 .comboTextBox .x-trigger-cell.x-unselectable {
	display:none;
}

.comboTextBox,.comboTextBox.blackInputBox .x-form-text {
	background: transparent;
}

.comboTextBox.blackInputBox .x-form-trigger-wrap {
	border:none;
}

.blackInputBox .x-form-checkbox {
	height:15px !important;
}

.selectionBarChart tspan {
	font-size:10px;
	fill:white;
}

.selectionBarChart path {
	stroke:white;
}

.crpChart tspan {
	font-size:10px;
	fill:white;
}

.crpChart.crpTabChart tspan {
	font-size:12px;
}


.crpChart rect {
	fill: none;
	stroke: none;
}

.rsiChart {
	background-color: rgb(240, 240, 240);
}

.rsiChart tspan {
	font-size:14px;
	font-family:"Segoe-UI";
}

.rsiChart rect {
	fill: none;
	stroke: none;
}

.x-tool.x-box-item.x-tool-default.x-tool-before-title {
	left:0 !important;
}
.x-tool.x-box-item.x-tool-default.x-tool-after-title {
	margin-left:-2px !important;
}

/* Custom Theme */
.prediiLogo {
	opacity:1 !important;
	width: 200px !important;
	height: 50px !important;
}
.x-tab-default-top-disabled.x-tab-icon /* , .x-tab-default-left-disabled, .x-tab-default-right-disabled */ {
	width: 250px !important;
}

 @font-face { font-family: Segoe-UI; src: url('font/segoe/segoeui.ttf'); } 


.x-tip-default {
	border-color: #1d72ef;
	background-color: #1d72ef;
	padding:0px;
}
.x-tip-body-default {
	color: #fff;
}

.customTabs .x-tab-default-icon-text-left .x-tab-inner{
	padding-left: 0px;
}

.customTabs .x-tab-default .x-tab-icon-el{
	width: initial;
	height: initial;	
}

.customTabs .x-tab-default .x-tab-inner{
	padding-top: 40px;
	line-height: 10px;
	font-weight: 300;
}

.customTabs .x-tab-default .x-tab-icon-el{
	background-position: center top;
} 

.customTabs .x-tab{
	margin: 0 0 0 15px;
}

/* .customTabs .x-tab-bar-body,.customTabs,.customTabs .x-box-inner {
	overflow: visible;
} */

.customTabs .x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active {
	top: -3px !important;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.customTabs .x-tab-wrap {
	padding: 0px 5px;
}

.customTabs .x-tab-bar.x-header ,.infoPanelHeader .x-panel-header  {
	-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.infoPanelHeader .x-panel-header.x-panel-default-collapsed {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
} 

.tabpanelMouseOver {
	background: #1d72ef;
	color: #fff;	
}

.whiteTextStyle, .whiteTextStyle label {
	color: white;
}

.infoPanel {
	background-image: url(../images/bg.png);
	-moz-border-radius: 0px 0px 0px 5px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -o-border-radius: 0px 0px 0px 5px;
    -ms-border-radius: 0px 0px 0px 5px;
    -khtml-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px;
	/*  background-size: 100% 100%; */ 
	 background-size: cover; 
	/* background-attachment: fixed; */
}

.mainTabBody {
	background-color: #7e7e7e;
}

.mainTabHeader .x-tab-default .x-tab-inner {
	font-size: 16px;
	font-weight: 300;
}

.mainTabBodySection .x-tab-default .x-tab-inner {
	font-size: 11px;
}

/* .mainTabBody .x-panel-body.x-panel-body-default.x-box-layout-ct.x-panel-body-default.x-docked-noborder-top.x-docked-noborder-right.x-docked-noborder-bottom.x-docked-noborder-left {
	background-color: #7e7e7e;
} */

.toolsPanelBody, .filterPanelBody {
	background-color: #383d43;
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.clusterRadialChart .toolsPanelBody {
	-moz-border-radius: 0px 0px 5px 0px;
    -webkit-border-radius: 0px 0px 5px 0px;
    -o-border-radius: 0px 0px 5px 0px;
    -ms-border-radius: 0px 0px 5px 0px;
    -khtml-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px;
}

.clusterRadialChart {
	background-color: #7e7e7e;
}

.infoDisplayField {
	vertical-align: bottom;
}

.blackInputBox .x-trigger-cell,.x-trigger-cell.x-unselectable {
	display:none;
}

.blackInputBox {
	border:none;
	
}

.blackInputBox input{
	height: 24px !important;
	line-height: 20px !important;
	font-size: 16px;
	font-weight: 300;
}

.regularInputBox input{
	height: initial !important;
	line-height: initial !important;
}

.selectionHighlight {
	background-color: #1d72ef;
	position: absolute;
	top: 3px;
}
.filterAddBtn {
	background: transparent;
	border: none;
	margin-left: -25px;
}
.filterAddBtn .x-btn-inner {
	color: #1d72ef;
}

.x-slider-thumb {
	z-index: 1000;
}

a {
   outline: 0;
}

.atlwdg-trigger {
	z-index:2;
}

/* .x-tab-bar-strip-default-top {
	height:0px;
} */
.loginBody {
	display: table;
	margin: 0 auto;
	height: 100%;
	width: 300px;
	font-family: Segoe-UI;
}

.loginForm {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 100px;
}
.loginFormPadding td{
	padding:5px;
}
.loginBtn {
	padding:10px 25px 10px 25px;
	border:0;
	outline: 0;
}
.loginBtn:active {
	background:gray;
}
.loginFormPanel {
	border: solid 2px gainsboro;
	padding: 25px 75px;
}
.whiteBg {
	background:white;
}

.wordCloudBody {
	height: -webkit-calc(100% - 60px) !important;
	top:60px !important;
}

.wordCloudPanel .x-panel-header{
	height: 60px;
}

.infoGrpahicTable td {
	padding: 5px 10px;
}

.invertColor {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.wcHeader {
	font-size:28px;
}
.wcHeader text {
	fill:white;
}

.wordCloudPanel .x-header-text {
	font-size:44px;
	padding-left:15px;
}

.wordCloudPanel .x-header-text-container {
    overflow: visible;
}

.cntrTxt {
	font-size:44px;
}

.cntrIcn {
	top:-20px !important;
	margin: 0 20px;
}
.cntrLabel {
	font-size:20px;
	top:10px !important;
}

.numberPanel .x-box-target {
	overflow:visible;
	height:50%;
	top:25%;
}

.slBg {
	background: rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	/*margin: 10px;*/
	padding: 10px;
}

.parentClusterRow  .x-grid-cell-inner {
	color:blue;
	font-weight:bold;
}
.parentClusterRow  td {
	background-color:lightblue;
}

.clusterNoChange {
	color:green;
	background-color:lightgreen;
	padding:10px;
	font-weight:bold;
}

.clusterNotFound {
	color:red;
	background-color:rgba(255, 0, 0, 0.25);
	padding:10px;
	font-weight:bold;
}

.onOffBtn.x-btn-pressed {
	filter: hue-rotate(300deg);
	-webkit-filter: hue-rotate(300deg);
}

.bubbleChartPanel>span>div {
	vertical-align: middle !important;
}

.infoPanel.ca {
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}
.bgContain,.bgContain .x-btn-icon-el {
	background-size: contain;
}

.analysisBtn .x-btn-inner{
	font-size:12px;
	font-weight:normal;
}

.analysisSearch .x-btn-button {
	margin:0 10px;
}