/* .displayTab {
	display: none; Hidden by default
	position: fixed;  Stay in place
	position: absolute;
	z-index: 1; Sit on top
	padding-top: 100px; Location of the box
	left: 10%;
	left: 10%;
	top: 10%;
	top: 10%;
	right: auto;
	width: 100%; Full width
	height: 100%; Full height
	overflow: auto; Enable scroll if needed
	background-color: rgb(0, 0, 0); Fallback color
	background-color: rgba(0, 0, 0, 0.4);  Black w/ opacity
	background-color: whitesmoke;
} */
/* The Close Button */
.spanClose {
	/*color: white;*/
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.tableClass {
	background-color: #fefefe;
}

.dataTableClass {
	background-color: white;
}

label.error {
	float: none;
	color: red;
	padding-left: .3em;
	vertical-align: top;
	font-size:80%;
	font-weight:normal;
	line-height:16px;
}
/* .errors {
	background-color:#FFCCCC;
	border:1px solid #CC0000;
	width:400px;
	margin-bottom:8px;
} */
.errors {
	margin-left: 20px;
	color: red;
}

/* display popup data*/
.modal {
	display: none; /* Hidden by default */
 /*	position: fixed; /* Stay in place */
 	position: absolute;
	/* z-index: 1; */ /* Sit on top */
	z-index:1000;
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

/* The Close Button */
.closeModal {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.closeModal:hover,.closeModal:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
} 
/* closeNew button*/
.closeNew {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.closeNew:hover,.closeNew:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* connectionCloese button*/
.connectionClose {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.connectionClose:hover,.connectionClose:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.messages {
	margin-left: 20px;
	color: green;
}
/* page loading image changes starting here  */
label.col-sm-4.control-label {
	color: #124191;
}

span.border-container {
	color: #124191;
}

form#uploadForm {
	color: #124191;
	line-height: 29px;
}

.table td,th {
	border-top: none !important;
	border-left: none !important;
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

tr:nth-child(even) {
	/* background-color: #dddddd; */
	background-color: #dddddd;
}

.table {
	width: 51% !important;
	/*color: #124191; */
	color: black;
	font-size: 14px;
	font-family: arial;
	border: 1px solid #dddddd;
}

/* .panel-primary>.panel-heading {
	color: #ffffff !important;
	background-color: #13479b !important;
	border-color: #13479b !important;
} */

/*This is for change the color of fonts to black*/
.panel-primary>.panel-heading {
	color: #000 !important;
	background-color: #ccc !important;
	border-color: #ccc !important;
}

.panel-primary>.panel-heading {
	background-image: -o-linear-gradient(top, #13479b 0, #13479b 100%)
		!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #13479b),
		to(#13479b)) !important;
	background-image: linear-gradient(to bottom, #13479b 0, #13479b 100%)
		!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13479b',
		endColorstr='#13479b', GradientType=0) !important;
}

.footernew {
	bottom: 0;
	width: 100%;
	/* height: 60px; */
	background-color: #ffffff;
	text-align: center;
	color: #2c2d30;
	/* padding: 10px; */
	padding: 12px 0px 16px 0px;
	font-size: 75%;
}

/* #spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/page-loader.gif') 50% 50% no-repeat
		rgb(249, 249, 249);
} */

#crIdhistoryResults span {
	display: none;
}
.reportsTab {
	
	margin-top: -22px;
	line-height: initial;
	padding: 5px 10px 12px 10px;
	margin-bottom: 0px;
	
}
.uploadClass {
	float: none;
    color: red;
    padding-left: .3em;
    vertical-align: top;
    font-size:80%;
	font-weight:normal;
	line-height:16px;
}
/* For importing the Fonts*/


@font-face {
    font-family: 'Nokia Pure Text';
    src: url('../fonts/NokiaPureText-Regular.ttf');   
    font-weight: normal;
  }
  
@font-face {
   font-family: 'Nokia Pure Text Medium';
    src: url('../fonts/NokiaPureText-Medium.ttf');    
    font-weight: medium;
    
  }
  
 @font-face {
    font-family: 'Nokia Pure Text Light';
    src: url('../fonts/NokiaPureText-Light.ttf');    
    font-weight: light;
    
  }

@font-face {
    font-family: 'Nokia Pure Text Bold';
    src: url('../fonts/NokiaPureText-Bold.ttf');    
    font-weight: bold;
    
  }
  
  /*@font-face {
    font-family: 'Nokia Pure Headline';
    src: url('../fonts/NokiaPureHeadline_Regular.ttf');    
    font-weight: normal;
   
  }*/
  
@font-face {
   font-family: 'Nokia Pure Headline Medium';
    src: url('../fonts/NokiaPureText-Medium.ttf');    
    font-weight: medium;
    
  }
  
 @font-face {
    font-family: 'Nokia Pure Headline Light';
    src: url('../fonts/NokiaPureHeadline_Light.ttf');    
    font-weight: light;
    
  }

@font-face {
    font-family: 'Nokia Pure Headline';
    src: url('../fonts/NokiaPureHeadline_Bold.ttf');    
    font-weight: bold;
    
  }  
@font-face {
    font-family: 'Nokia Pure Headline Bolder';
    src: url('../fonts/NokiaPureHeadline_ExtraBold.ttf');    
    font-weight: bolder;
    
  }  
body { font-family:"Nokia Pure Text Light"; }

/* loading image changes */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url(images/Preloader_3.gif) center no-repeat #fff;*/
	background: url(images/Preloader_3.gif) center no-repeat rgba(0, 0, 0, 0.7);
}
/*Added for load xml on waiting on user confiramtion*/
#treeView li {list-style: none;}
#treeView ul { padding-left: 1em; }
#treeView b { padding-right: 1em; }

/* Below is for autocomplete min length and provide scrolling*/
.ui-autocomplete {
            max-height: 120px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
			background-color : #FFF ;
			border : 1px solid #C0C0C0;
} 

/* below is to show the left and right arrows in datepicker */
/*.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { */
.ui-datepicker .ui-datepicker-prev  { 
  background-image: url("../images/left-chevron.png") ; 
  background-repeat : none;
  height : 1.6em;
  width : 1.6em;
  /*background-color : #FFF ; */
			color : #000;
  
} 
.ui-datepicker .ui-datepicker-next  { 
  background-image: url("../images/right-chevron.png") ; 
 /* background-repeat : none; */
  height : 1.6em;
  width : 1.6em;
  /*background-color : #FFF ; */
			color : #000;
  
}