/*
  ___ ___  _ __ ___ 
 / __/ _ \| '__/ _ \
| (_| (_) | | |  __/
 \___\___/|_|  \___|
neutrino-web-common                    
                                                                                                            
*/

/* for reusable classes usage or discovery, look for LEGO BLOCKS in this source code */

@font-face {
	font-family: avenir;
	src: url('font/12 Avenir 45 Book 03173.ttf');
}

html, body{
	 height: 99.999%;	
}

/* layout */
/*body {
	font-family: "Helvetica", 'Arial',avenir, sans-serif;
}*/

/*.ff-calibri{
	font-family:'calibri', lucida console ;
}*/

/*#neutrino-main-content {
	width: 99.5%;
	min-height: 500px;
	height: 500px;
	height: auto !important;
	padding-bottom: 20px;
}*/

body{-ms-overflow-style:scrollbar; background:#FFFFFF;}

/* Header tags */
h1,h2,h3,h4,h5,h6 {
	margin: 10px 0 0 0;
	font-family: 'Avenir', Helvetica Neue, Helvetica, Arial;
}

h4 {
	font-size: 17px;
}

/**/

.row  #neutrino-body.col-md-12 {
   margin-left: 0.0%;

}

.finnone-cas-logo {
	padding: 0px;
}
.finnone-cas-logo:active {
	position: relative;
	top: 1px;
}

#neutrino-footer .well {
	margin-bottom: 0;
	background:white;
	-moz-box-shadow:0 0 9px #C1C1C1;
	-webkit-box-shadow:0 0 9px #C1C1C1;
	box-shadow:0 0 9px #C1C1C1;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}


/****** For consistent font rendering, using Avenir font, but reverted back due to issue on chrome ******/

input, button, select, textarea{
	font-family: "Helvetica", "Helvetica Neue", 'Arial',avenir, sans-serif;
}


button{
	white-space:nowrap;
}

/****************************************************************************************************
							LEGO BLOCKS	
/****************************************************************************************************/

/* REUSABLE CLASSES, defined here so that you can make use of existing classes
 for e.g.
 
 you want to override a container, having background colour and border, border-radius defined
 <div class='alert alert-info'>some text</div>
 
 <div class='alert alert-info background-none no-border no-border-radius'>This will do the trick for you</div>
 
 similar more addition and deletion can be done.
 
 Having issues with the above approach, got a better idea or facing difficulty report to UI & UX Team

 Good luck!
 UI & UX Team(casdev)
********************************************************************************************************************/  

/**/

.background-none{
	background:transparent !important;
}


/* border and border-radius classes **/

.no-border {
	border: 0 none !important;
}

.no-border-t{border-top:0 none !important}
.no-border-b{border-bottom:0 none !important}

.no-border-l{border-left:0 none !important}
.no-border-r{border-right:0 none !important}

/* */

.no-border-radius {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	border-radius: 0 !important;
}

/*
http://www.the-art-of-web.com/css/border-radius/
*/

/* individual border-radius reset state */

.no-btl{
	border-top-left-radius	:0;
	-moz-border-radius-topleft :0;
	-webkit-border-top-left-radius:0;
}

.no-btr{
	border-top-right-radius :0;
	-moz-border-radius-topright :0;
	-webkit-border-top-right-radius:0;
}

.no-bbl{
	border-bottom-left-radius :0;
	-moz-border-radius-bottomleft :0;
	-webkit-border-bottom-left-radius:0;
}

.no-bbr{
	border-bottom-right-radius :0;	
	-moz-border-radius-bottomright :0;
	-webkit-border-bottom-right-radius:0;
}

.no-text-shadow{
	text-shadow:none
}

/**/

.border-radius-5 {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	border-radius: 5px !important;
}


/* Top Right Bottom Left */
.br5-tr{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}


/* reusable classes, like LEGOS */

/* div,p and block elements is viewed as display:block by default */
/* you can change there visual rendering in a line, just like span tag..
by assigning the property display:inline with the help of class */ 

.block-in,.block-inline {
	display: inline
}

.block {
	display: block
}

.block_imp {
	display: block !important;
}


.block-in-b {
	display: inline-block
} 

/* to hide the tag, at visual level */
.block-no {
	display: none
}

.block-no_imp{
	display: none !important
}

/***********/
/* The tag will be hidden, but it will occupy some height */

.visi-hide {
	visibility: hidden;
}

/********/

.float-l {
	float: left !important
}

.row.txt-l>h4 {
	font-size: 17px;
}

.float-r {
	float: right !important;
}

.clear-cf {
	float: none;
	clear: both;
}

/***/

.txt-l {
	text-align: left
}

.txt-r {
	text-align: right
}

.txt-c {
	text-align: center
}

/* reusable margins & padding */

/* padding:1px */

.p-1 {
	padding: 1px;
}

.p-t1 {
	padding-top: 1px;
}

.p-b1 {
	padding-bottom: 1px;
}

.p-l1 {
	padding-left: 1px;
}

.p-r1 {
	padding-right: 1px;
}

/* padding of 2px */

.p-2 {
	padding: 2px;
}

.p-t2 {
	padding-top: 2px;
}

.p-b2 {
	padding-bottom: 2px;
}

.p-l2 {
	padding-left: 2px;
}

.p-r2 {
	padding-right: 2px;
}

/* padding:3px */

.p-3 {
	padding: 3px;
}

.p-t3 {
	padding-top: 3px;
}

.p-b3 {
	padding-bottom: 3px;
}

.p-l3 {
	padding-left: 3px;
}

.p-r3 {
	padding-right: 3px;
}

/* padding:4px */

.p-4 {
	padding: 4px;
}

.p-t4 {
	padding-top: 4px;
}

.p-b4 {
	padding-bottom: 4px;
}

.p-l4 {
	padding-left: 4px;
}

.p-r4 {
	padding-right: 4px;
}

/* padding:5px */

.p-5 {
	padding: 5px;
}

.p-t5 {
	padding-top: 5px !important;
}

.p-b5 {
	padding-bottom: 5px;
}

.p-l5 {
	padding-left: 5px;
}

.p-r5 {
	padding-right: 5px;
}



/* padding:10px */
.p-10{
	padding:10px;
}

.p-t10 {
	padding-top: 10px ;
}

.p-b10 {
	padding-bottom: 10px;
}

.p-l10 {
	padding-left: 10px;
}

.p-r10 {
	padding-right: 10px;
}

/**/

.p-l12 {
	padding-left: 12px;
}

/**/
.p-r15 {
	padding-right: 15px;
}

.p-b15 {
	padding-bottom: 15px;
}


.p-t20 {
	padding-top: 20px
}

.p-b20 {
	padding-bottom: 20px
}


.p-r20 {
	padding-right: 20px;
}

/***/

.p-l10_imp{
padding-left: 10px !important;
}

/***/

.p-l20 {
	padding-left: 20px;
}
.p-misc {
    padding: 4px 10px 0;
}
.p-b30 {
	padding-bottom: 30px;
}

/**/

.p-l45{
padding-left: 45px !important;
}

/**/

.m-b1{
	margin-bottom:1px;
}

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

.m-t3 {
	margin-top: 3px;
}
.m-b3 {
	margin-bottom: 3px;
}
.m-5 {
	margin: 5px;
}

.m-t5 {
	margin-top: 5px;
}

.m-b5 {
	margin-bottom: 5px;
}

.m-l5 {
	margin-left: 5px
}

.m-r5 {
	margin-right: 5px
}

/**/

.m-t10 {
	margin-top: 10px;
}

.m-b10 {
	margin-bottom: 10px;
}

.m-l10 {
	margin-left: 10px !important;
}

.m-r10 {
	margin-right: 10px
}

.m-r4 {
	margin-right: 4px
}
.m-r8 {
	margin-right: 8px
}
/**/

.m-t12 {
	margin-top: 12px;
}
.m-t15 {
	margin-top: 15px;
}

.m-b15 {
	margin-bottom: 15px;
}

.m-l15 {
	margin-left: 15px;
}

.m-r15 {
	margin-right: 15px
}

/**/
.m-l17{
	margin-left: 17px
}

.m-l17_imp{
	margin-left: 17px !important;
}
/**/

.m-t20 {
	margin-top: 20px;
}

.m-b20 {
	margin-bottom: 20px;
}

.m-l20 {
	margin-left: 20px;
}

.m-r20 {
	margin-right: 20px;
}

.m-r15 {
	margin-right: 15px;
}

/**/
.m-t30 {
	margin-top: 30px;
}
.m-b30 {
	margin-bottom: 30px;
}

/**/

.m-l50{
	margin-left:50px;
}

/**/

.m-t60 {
	margin-top: 60px;
}
.m-t100 {
	margin-top: 100px;
}
.m-l60 {
	margin-left: 60px;
}

.m-b200 {
	margin-bottom: 200px;
}

.m-t-40{
	margin-top:-40px;	
}
.m-t-50{
	margin-top:-50px;	
}
.m-t-70{
	margin-top:-70px;	
}

.m-l-150{
	margin-left:-150px;	
}
.m-n-t5{
	margin-top:-5px;
}
.m-n-t25{
	margin-top:-25px;
}
.m-n-t20{
	margin-top:-20px;
}

/**/

.p-5-5-1-0 {
	padding: 5px 5px 1px 0;
}
/* Reset margins and padding selectively */

.reset-m {
	margin: 0 !important
}

.reset-m-l {
	margin-left: 0 !important
}

.reset-m-r {
	margin-right: 0 !important
}

.reset-m-t {
	margin-top: 0 !important
}

.reset-m-b {
	margin-bottom: 0 !important
}

/* Padding */

.reset-p {
	padding: 0 !important
}

.reset-p-l {
	padding-left: 0 !important
}

.reset-p-r {
	padding-right: 0 !important
}

.reset-p-t {
	padding-top: 0 !important
}

.reset-p-b {
	padding-bottom: 0 !important
}

/* auto width for select html tag */
.auto-width,
.auto-width select{
width:auto;
}

.auto-width_imp{
	width:auto !important;	
}

/* interaction based */
/* Giving anchor the look of button, when <a> will have class btn */

a.btn {
	
	font-family: "Helvetica","Helvetica Neue", Arial, avenir, sans-serif;
}

a.btn-lg {
	font-size: 18px;
}

a.btn {
	font-size: 14px;
}

a.btn-xs {
	font-size: 11px;
}

/***/
.bb-none {
	border-bottom: 0 none
}

.border-r-silver {
	border-right: 1px solid silver;
}

/* cursor */

.p-cursor {
	cursor: pointer;
}

img.mail {
	vertical-align: sub;
}

.mv-cursor {
	cursor: move;
}

.cursor-def{
	cursor:default !important;
}

.na-cursor {
	cursor: not-allowed !important;
}

/* color classes */

.fcr{
	color: red; 
	/* for <font color='red'>Font</font>, instead <span class='fcr'>Font color red</span> */
}

.color-red {
	color: red;
    font-family: verdana,courier;
    font-size: 10px;
    text-shadow: 0 0 1px white;
}

.color-black {
	color: #000;
}

.color-greblck {
	color: #40401A;
}

.color-white {
	color: white;
}

.color-bo {
	color: #333333;
}

.color-body {
	color: #333333;
}

.color-green {
	color: green;
}
.color-white:hover {
	color: white;
}

/* Vertical-Align */

.v-a-t {
	vertical-align: top;
}

.v-a-m {
	vertical-align: middle;
}

.v-a-b {
	vertical-align: bottom;
}

/* To deal with whitespace */

.ws-n{
	white-space:normal;
}

.ws-nw{
	white-space:nowrap;
}

/* Word wrap - Break All */

.word-ball{
	word-break: break-all;
}

.word-kall{
	word-break:keep-all;
}

.word-break{
	word-wrap:break-word;	
}

/* Text Decoration */

.no-txt-dec{
text-decoration:none !important;	
}

.txt-dec-ul{
text-decoration:underline !important;	
}


/* overflow */

.o-auto{
	overflow:auto;
}


.o-hidden{
	overflow:hidden;
}

.o-hidden_imp{
	overflow:hidden !important;
}


.o-visi{
	overflow:visible;
}

.o-scroll{
	overflow:scroll;
}

.o-scroll-x{
	overflow-x:scroll;
}

.o-scroll-y{
	overflow-y:scroll;
	
}

.o-scroll_imp{
	overflow:scroll !important;
}

/* overflow 3 dots */

.overflow-dots{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .table-striped tbody tr td:hover div.overflow-dots{
	overflow: visible;
	text-overflow: inherit;
	white-space:normal;
} */


/* Border Declarations */

.border-solid-1-c1c1c1{
	border:1px solid #c1c1c1; 
}

.border-tobo{
	border-width:1px 0;
}

.border-lefri{
	border-width:0 1px;
}



/* Percentage widths */



.width-22p{
	width:22%
}

.width-70p{
	width:70%
}

.width-100p{
	width:100%
}

.width-60p{
	width:60%
}
.width-30p{
	width:27%
}
/* Pixel widths */

.width-10px{
	width:10px;
}

.m-l38_per{
	margin-left: 38% !important;
}


/********************************************************************************
     Reusable, Box Shadows
     further need to check, whether the given parameters can be further broken down, 
     @todo
********************************************************************************/

.no-box-shadow{
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

.box-shadow-c1-inset-no{
	-moz-box-shadow:0 0 5px #c1c1c1;
	-webkit-box-shadow:0 0 5px #c1c1c1;
	box-shadow:0 0 5px #c1c1c1;
}

.box-shadow-c1-inset-yes{
	-moz-box-shadow:0 0 5px #c1c1c1 inset;
	-webkit-box-shadow:0 0 5px #c1c1c1 inset;
	box-shadow:0 0 5px #c1c1c1 inset;
}

	
.box-shadow-c1-yes{
	-moz-box-shadow:4px 6px 10px #C1C1C1;
	-webkit-box-shadow:4px 6px 10px #C1C1C1;
	 box-shadow:4px 6px 10px #C1C1C1
}

/****************************
      Background colors
***************************/
.whitesmoke {
	background: #f5f5f5;
}

/* red shade in white */

.e5-e3-e8{
	color:#e5e3e8;
}

/* silver shade */
.eo-eo-eo {
	background: #E0E0E0
}

/* more white, in yellow */

.ff-fd-c4{
	background: #fffdc4;

}

/* more of gray shade */

.d6-d6-d6 {
	background: #D6D6D6
}

/* black color in white */

.fa-fa-fa{
	background: #fafafa
}

/* silver shade */

.ea-ea-ea{
	background:#eaeaea;
}

/* white, with top border */
.ffffff{
	background:#ffffff;
	border-top: 1px solid #A29494;
}

/* kaalaaw  */

.black-bg {
	background:#000;
}


/**/

/* IE 9+ - http://davidwalsh.name/html5-hidden */

*[hidden] { display: none; }


/* placeholder colors */

input::-webkit-input-placeholder {
    color: #C0C0C0  ;
}
input:-moz-placeholder {
    color: #C0C0C0  ;
}
input::-moz-placeholder {
    color: #C0C0C0  ;
}
input:-ms-input-placeholder  {
    color: #C0C0C0  ; 
}

/****************************/

/* Radio - Aristo */

div.uni-radio span{
	cursor:pointer;
}

/***/

#neutrino-body .border-line {
	margin: 1px 0 5px;
	padding: 1px 0;
}

/* for header containers */
.row.border-line{
	border-bottom-width:2px;
	margin-bottom: 10px;
    padding-bottom: 10px;
}




#neutrino-content.col-md-2 {
	
}

#neutrino-body h4.border-line {
	margin-bottom: 15px;
	margin-top: 8px;
	padding-bottom: 9px;
}

.border-line {
	border-bottom: 1px solid #000;
	-moz-box-shadow: 0 2px 0 whitesmoke;
	-webkit-box-shadow: 0 2px 0 whitesmoke;
	box-shadow: 0 2px 0 whitesmoke;
}

#heading h1 {
	font-size: 2.3em;
	margin: 0;
	font-family: 'avenir';
}

.border-line .col-md-6.txt-r .alert {
	padding: 4px;
	position: relative;
	top: 10px;
	font-weight: bold;
}

.border-line .txt-r .btn {
	margin-top: 0px;
}

.border-line .txt-r #form .btn {
	margin-top: 5px
}

/* Above footer area, above to shuffle Tables */
.txt-r #addButton {
	margin-top: 10px;
}

/**/

/* 
Code used in footer
File > Footer.jsp 

*/

#feedback-please .btn{ font-family:'Helvetica', Arial,Verdana,Sans-serif;}
.btn.code-build-version{font-family:'Courier',Arial;}

/* Footer Layout CSS */
.bubbleInfo,.bubbleInfo1 {
	position: relative;
}

.popup,.popup1 {
	position: absolute;
	display: none; /* keeps the popup hidden if no JS available */
	border: 1px solid silver;
	border-radius: 6px;
	padding: 10px;
	
	word-wrap: break-word;
	min-width: 250px;
	z-index: 2;
}

.popup {
	width: 450px;
	height: 200px;
	overflow-y: scroll;
}

.bubbleInfo1 .popup1 h5 {
	padding: 0 5px;
}


#lastNotifications{
	background:white
}

/****************************/
/* TYPOGRAPHICAL UNITS */

/* code clean
<font size="5" style="font-weight: bolder;"> in
jsp\rules\condition.jsp 
jsp\rules\rule.jsp
 
replaced by <h1 class='title-h1'>...</h1>
*/
.f-wb,.fw-b {
	font-weight: bold;
}

.f-sit{
	font-style:italic;
}

.title-h1 {
	font-size: 24px;
}

/*
For <font size="1"> use <div class='fs-1'>font-size</div>
similarly for, respective classes are already there
<font size="2"> fs-2
<font size="3"> fs-3
<font size="4"> fs-4
<font size="5"> fs-5
<font size="6"> fs-6 
*/
.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,.fs-6,.fs-11 {
	margin: 10px 0;
}

.fs-6 {
	font-size: 32px
}

.fs-5 {
	font-size: 24px
}

.fs-4 {
	font-size: 18px
}

.fs-3 {
	font-size: 16px
}

.fs-2 {
	font-size: 13px
}

.fs-7{
	font-size:7px;
}

.fs-1,.f-10 {
	font-size: 10px
}


/* fc-white */
.fc-white {
	color: white
}

/* font-size units */
.fs-11,.f-11 {
	font-size: 11px;
}

.f-12 {
	font-size: 12px;
}

.fs-2,
.f-13 {
	font-size: 13px;
}

.f-14 {
	font-size: 14px;
}

.fs-15,.f-15 {
	font-size: 15px;
}


.fs-3, .f-16 {
	font-size: 16px
}


.f-17 {
	font-size: 17px;
}


.fs-4,
.f-18 {
	font-size: 18px;
}

.f-30 {
	font-size: 30px;
}
/****/
.z-index1000 {
	z-index: 1000;
}
/***************************************/

/* Bootstrap overridden here :: STARTED */
/* Form elements */

/* bootstrap new upgrade, show pointer/hand cursor on label, should not be */
label {
	cursor: auto;
}

/* Increasing the focus */

textarea:focus, 
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
background-color:#F9F9D0 !important;
}


.modal-overflow .modal-body{
	overflow:visible;
}

/* To handle, large dataTable appearing out from the max modal-window size */
.modal.container .modal-body .dataTables_wrapper{
	overflow:auto;
	padding-bottom:0;	
}

/* to avoid, scrolls  */
.modal-open{
  	overflow: hidden;  
}

/* 
tooltip and menu drop down z-index resolution
in normal case, menu drop down 
z = 600
tooltip's Z = 1031 (as defined in bootstrap.css)
 
on modal tooltip should have z-index 9999
*/

.tooltip-inner{
	white-space:normal;
}

.btn .tooltip{
	text-shadow:none
}

.tooltip {
	z-index: 9;
	font-family:"Helvetica",Arial,sans-serif; 
}

/* .modal-header .close {
	font-size: 27px;
	padding: 0 2px;
	background: #333;
	color: white;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	font-family: arial, courier;
}

.modal-header .close:hover {
	color: white;
	background: none repeat scroll 0 0 red;
	opacity: 0.8;
	text-shadow: 0 0 10px white;
} */

/* Tooltip z-index fix on all modal window */
.modal-open .tooltip {
	z-index: 9999;
}

.table thead th {
	vertical-align: top;
}

.txtarea_limit_chars {
	margin-bottom: 2px;
}

/* 
Totally experimental *new, 
keyboard navigation - Visual Hint  
*/
input[type="file"]:focus,
input[type="image"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus,
.btn:focus{
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	outline: 0 none;
	border-color:rgb(82, 168, 236);
	border-color:rgba(82, 168, 236, 0.8);
}
/*
.dataTable tr.highlight_row td{
	background:#c1c1c1 !important;
	border:2px solid orange;
} 
*/
:focus {
	
}

/* 
	overriding form .row + .row by adding the class
	reset-parallel-row
*/

form .reset-parallel-row .row + .row
{margin-top:0 !important;}

/******************************************/
/* MODALS WHICH HAVING TABLEs in Them */

/*** for e.g Product Policies.jsp ****/

.modal-table{
	
}

.modal-table .table{
 /* little risky, can be combatted better with container full width only, hence values ommitted	 */
}


/* word-break on long tabular data, with underscore */
.modal-body .table td {
	word-break: break-all;
}

label,.form-group,textarea {
	/*   background:cyan;  */
	margin-bottom: 3px;
}
 
.radio label{
	margin-bottom: 5px !important;
}

/* Bootstrap overridden here :: CLOSED */

/***************************************/

/* New login page */

/* login page */
.login_page {
	
}

.login_page .login_box {
	margin: 0 auto;
	background: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px
}

.login_page .top_b {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	font: 100 18px/42px "Arial",'PT Sans', sans-serif;
	height: 42px;
	padding: 0 20px;
	background: #e0e0e0;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	font-size: 15px;
	color: #333333;
	font-weight:bold;
	text-align: center;
}

.login_page .cnt_b {
	margin: 0 auto;
	padding: 10px;
	width: 100%
}

.login_page form {
	margin-bottom: 0;
}

.login_page .btm_b {
	padding: 12px 20px;
	border-top: 1px solid #e7e7e7;
	background: #f7f7f7;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px
}

.login_page .links_b {
	font-size: 11px;
	text-align: center
}

.login_page .link_reg {
	font-size: 11px;
	padding: 5px 0 0;
	display: block
}

.alert-login {
	margin: 10px;
}

/***************************LOGIN page css new code integration [START]***********************************/

/**/

.welcome-to-neutrino {
	font-family: "Helvetica", 'Arial', avenir, sans-serif;
	background: #08789d; /* Old browsers */
	background: -moz-linear-gradient(45deg, #08789d 0%, #a173dd 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #08789d),
		color-stop(100%, #a173dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #08789d 0%, #a173dd 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #08789d 0%, #a173dd 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #08789d 0%, #a173dd 100%);
	/* IE10+ */
	background: linear-gradient(45deg, #08789d 0%, #a173dd 100%); /* W3C */ 
	font-family: "Helvetica", 'Arial',avenir, sans-serif;
	background-size:100% 150%;
}
 

.sys-offers  form .form-field label {
	font-size: 12px;
	margin-bottom: 1px;
	color: #5B5B5B;
}

.welcome-to-neutrino .block-a i {
	background: url(../img/sprite-trans-2.png) no-repeat 0 0 transparent;
	vertical-align: middle;
	width: 40px;
	height: 27px;
}

.block-a h4 {
	margin-bottom: 12px;
	margin-top: 0px;
	text-align: center;
}

.welcome-to-neutrino .block-a .btn {
	margin: 0px 1px 2px;
	text-align: left;
	display: block;
}
 

 
 
.welcome-to-neutrino .block-a .dropdown-menu li a{
	padding:0;
	position:relative;
	text-align:left;
}

#login_form .formRow .checkbox {
	color: #333333;
}


.welcome-to-neutrino .block-a .glyphicon glyphicon-home {
	background-position: -46px -6px;
}

.welcome-to-neutrino .block-a .glyphicon glyphicon-car {
	background-position: -46px -60px;
}


.welcome-to-neutrino .block-a .glyphicon glyphicon-personal {
	background-position: -46px -110px;
}
.welcome-to-neutrino .block-a .glyphicon glyphicon-creditcard {
	background-position: -46px -168px;
}

.welcome-to-neutrino .block-a .glyphicon glyphicon-system-setup {
	background-position: -47px -206px;
}


.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-home:hover .glyphicon glyphicon-home,
.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-car:hover .glyphicon glyphicon-car,
.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-personal:hover .glyphicon glyphicon-personal,
.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-creditcard:hover .glyphicon glyphicon-creditcard,
.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-system-setup:hover .glyphicon glyphicon-system-setup{
	
	background-image:url(../img/sprite-trans-2.png);
}  


.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-home:hover .glyphicon glyphicon-home{
	background-position: -2px -6px;
}

.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-car:hover .glyphicon glyphicon-car{
	background-position: -2px -60px;
}

.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-personal:hover .glyphicon glyphicon-personal{
	background-position: -2px -110px;
}

.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-creditcard:hover .glyphicon glyphicon-creditcard{
	background-position: -2px -168px;
}

.welcome-to-neutrino .block-a  .dropdown-menu a.href-icon-system-setup:hover .glyphicon glyphicon-system-setup{
	background-position: -2px -206px;
}

/**/

.sys-offers  form .form-field input[type='text'] {
	width: 95%
}

.form-submit-div {
	margin-top: 28px;
}

.bottom-top-header {
	/*background: url("../img/footer-gr.png") repeat-x scroll 0 0 #FEFEFE;*/
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 0 4px #FFFFFF;
    margin-top: 16px;
    padding: 10px 0;
    text-align: center;
}

.nucleus-logo-gradient {
	background: url(../img/NucluesLogo_trans_small.png) no-repeat 0 0
		transparent;
	width: 202px;
	height: 73px;
}

.block-a-b,
.block-c {
	background: none repeat scroll 0 0 #778899;
    border-radius: 5px 5px 5px 5px;
}
	
    
.block-a-b {
    padding: 0 4px 10px 17px;
}

.block-c {
	margin-right: 0px !important;
    padding: 0 16px;
}

.bottom-top-header .nss {
	
}

.bottom-top-header .nss img,.mid-body .logo-neutrino {
	display: block;
	margin: 0 auto
}



.mid-body .block-inline .form-submit-div .btn {
	margin: 10px 0 0 0;
}

.sys-offers  .round li {
	margin: 0 0 5px;
	line-height:16px;
}

.sys-offers  .round p {
	font-size: 15px;
	margin-bottom: 20px;
}

.mid-body .block-inline {
	float: left;
	margin: 0 10px 0 0;
	border-radius:5px;
}

.sys-offers .block-a-b {
	width: 58%
}


.block-c .cas-emp {
	color: #7A000A;
	display: inline-block;
	float: right;
	font-size: 11px;
	position: relative;
	text-align: right;
	top: 5px;
}

.mid-body .sys-offers {
	margin: 0 auto;
	width: 960px;
	padding-top: 30px;
}

.mid-body .block-inline .round {
	background: white;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	padding: 15px 18px 23px;
	color: #5b5b5b;
}

.mid-body {
    /* height: 84.2% !important;
    min-height: 609px; */
    padding: 40px 0 0;
}

.forgot-password a {
	display: inline-block;
	font-size: 11px;
	padding-top: 6px;
}

.mid-body .block-inline h2 {
	font-family: "Helvetica", 'Arial',avenir, sans-serif;
	color: #fff;
	font-size: 2em;
	text-align: center;
	margin-bottom: 10px;
/* 	text-shadow: 0 1px 0 black; */
}

.mid-body .block-a .form-submit {
	margin-top: 27px;
}


.mid-body .block-inline {
    float: left;
    margin: 0 10px 0 0;
    box-shadow:0 0 1px currentColor, 0 0 1px white inset;
}

.mid-body .block-inline .form-submit:hover {
	
}

.mid-body .block-inline .form-submit:active {
	position: relative;
	top: 1px;
	left: 0;
}



.mid-body .block-inline .round, .mid-body .login_page .stn-form {
    height: 318px;
    width: 231px;
}


/* added back */
.sys-offers .block-a-b {
    width: 58%;
}


 
 
/***************************LOGIN page css new code integration [CLOSED]***********************************/



/* File header.jsp */
/* START */
/* CSS for header UI objects  */

.header-top {
	color: white;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 1px 0;
}


#neutrino-mega-menu .megamenu {
	width: 99.9%;
	z-index: 5;
}

#neutrino-mega-menu .megamenu > li > a{
	 text-shadow: none;
}

/* #neutrino-mega-menu{
	position: fixed;
	top: 72px;
	border-top: 1px solid #fff;
} */

/* compacting */
#neutrino-mega-menu.megamenu .meg-drop li,
#neutrino-mega-menu.megamenu .meg-drop li a{margin:0;padding:0;}
#neutrino-mega-menu.megamenu .meg-drop .meg-content{padding-top:0}
#neutrino-mega-menu.megamenu .meg-drop li a{padding:2px 4px;display:block;margin:2px 0;}
#neutrino-mega-menu .meg-content .one-col b{padding: 0 5px;display: block;border-bottom: 2px solid #C1C1C1;margin-bottom: 4px;border-left: 0px solid #C1C1C1;background: #d0e9ff;}
#neutrino-mega-menu .meg-content .one-col a:hover b{background:transparent;border-bottom-colors:transparent;}
#neutrino-mega-menu .meg-content .one-col a .bol-anch{display:block;}

.button-effect {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 5px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 20px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	*margin-left: .3em;
}

.caret-white {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	display: inline-block;
	height: 0;
	vertical-align: 10%;
	width: 0;
}

.button-effect .user-avatar {
	width: 18px;
	background: none repeat scroll 0 0 gray;
    border: 1px solid white;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 1px inset black;
    -webkit-box-shadow: 0 0 1px inset black;
    box-shadow: 0 0 1px inset black;
    padding: 1px;
}

.button-effect a:hover,#search a:hover {
	color: white;
}

.button-effect .border-l {
	border-left: 1px solid #fff !important;
}

.button-effect .border-r {
	border-right: 1px solid #c1c1c1;
}


.keys-Active {
	box-shadow: 1px 1px 11px blue;
	-moz-box-shadow: 1px 1px 11px blue;
	-webkit-box-shadow: 1px 1px 11px blue;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.f-nt-10 {
	font-size: 10px;
}

#neutrino-header {
    background: none repeat scroll 0 0 #013358;
    height: 46px;
    padding-top: 9px;
    position: fixed;
}

#neutrino-header .responsive-user-avtar .dropdown-menu {
	left: -100%
}

#neutrino-header .mailNotify {
	margin-right: 0;
}

#list-drp-dwn li {
	text-align: left
}

#list-drp-dwn a,#list-drp-dwn a:hover {
	text-shadow: none;
}

#neutrino-header .button-effect:active {
	
}

#neutrino-header .dropdown a {
	text-decoration: none;
}

#neutrino-header .dropdown{
	padding:0px 0px 2px 0;
}


#neutrino-header .dropdown.open {
text-shadow: 0 0 12px white;
}

#neutrino-header .dropdown.open a:focus{
	color:white;	
}

#neutrino-body .container-fluid{
	padding:0;
}


/* File header.jsp */
/* CLOSING */


/**************/

.application-main-tab .row .dataTables_filter label,
.application-main-tab .row .dataTables_length  label{
	margin: 0 0 8px;
/* 	font-size: 14px; */
}
/*************************************** floating header list **********************************/

.-list-container {
	height: 400px
}

.-list-container dd,.-list-container li,.-list-container .-list-fakeheader
	{
	list-style: none;
	margin: 0;
	padding: 0 10px;
	line-height: 34px;
	height: 34px;
	border-bottom: 1px solid #efefef;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.no-margin {
	margin: 0;
}

.-list-container dt,.-list-container .list_heading,.-list-container .-list-fakeheader
	{
	line-height: 34px;
	height: 34px;
	padding: 0 10px;
	border-bottom: none;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9),
		color-stop(100%, #ececec) );
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	background: linear-gradient(top, #f9f9f9 0%, #ececec 100%);
	border-bottom: 1px solid #d6d6d6
}

.-list-container .list_heading h3 {
	font-size: 13px;
	line-height: 36px
}

.-list-container {
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	overflow-x: hidden
}

.ui-list {
	overflow: hidden
}

.ui-list ul {
	margin: 0
}

/* no-bullet list */
ul.no-bullets{
	list-style-type:none;
}

#list-buttons {
	margin: 0 0 6px
}

#list-buttons .btn {
	margin: 0 4px 4px 0
}

.list-outer {
	position: relative;
	padding: 30px 0
}

.slide-nav {
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -28px;
	height: 14px;
	border-style: solid;
	border-color: #ccc;
	background: #f9f9f9;
	padding: 5px 20px
}

.slide-up {
	top: 5px;
	border-width: 1px 1px 0;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px
}

.slide-down {
	bottom: 5px;
	border-width: 0px 1px 1px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px
}

.slide-nav i {
	opacity: .6
}

.slide-nav:hover {
	background: #f0f0f0
}

.slide-nav:hover i {
	opacity: 1
}

/**************************************  responsive table ****************************/

.mediaTableWrapper {
	position: relative
}

.mediaTableWrapperWithMenu {
	padding-top: 48px
}

.mediaTableMenu li,.tableMenu li {
	padding: 0 10px
}

.mediaTableMenu {
	position: absolute;
	top: 0;
	left: 0
}

.activeMediaTable th.optional,.activeMediaTable td.optional {
	display: none
}

@media ( min-width : 1280px) {
	.activeMediaTable th.optional,.activeMediaTable td.optional {
		display: table-cell;
		_display: block
	}
	*+html .activeMediaTable th.optional,*+html .activeMediaTable td.optional
		{
		display: block
	}
}

@media ( min-width : 980px) {
	.sidebar_hidden .activeMediaTable th.optional,.sidebar_hidden  .activeMediaTable td.optional
		{
		display: table-cell;
		_display: block
	}
	*+html .sidebar_hidden .activeMediaTable th.optional,*+html .sidebar_hidden .activeMediaTable td.optional
		{
		display: block
	}
}

@media ( min-width : 480px) and (max-width: 767px) {
	.activeMediaTable th.optional,.activeMediaTable td.optional {
		display: table-cell;
		_display: block
	}
	*+html .activeMediaTable th.optional,*+html .activeMediaTable td.optional
		{
		display: block
	}
}

/*************************** tables *********************/

.table_checkbox {
	width: 13px
}

.table_vam th,.table_vam td {
	vertical-align: middle
}

.tab-content table.table {
	margin-bottom: 4px;
}

/************************** mailbox ***************************/

.mbox .heading {
	padding-bottom: 0
}

.mbox .heading .nav-tabs {
	margin-bottom: 0;
	border-bottom: none
}

.mbox .dataTables_wrapper .row {
	-webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
	box-shadow: inset 0px 1px 0px 0px #fefefe;
	margin: 0;
	padding-bottom: 10px;
	padding: 8px 5px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	background: #f3f3f3
}

.mbox .dataTables_wrapper .row label {
	margin-bottom: 0;
	line-height: 28px
}

.mbox .dataTables_wrapper .row div.dataTables_info {
	padding-top: 0;
	line-height: 26px;
	color: #404040
}

.dataTables_wrapper table.mbox_table {
	margin: 0 !important
}

.mbox_table tbody {
	color: #404040
}

.mbox_table .select_msg {
	margin-top: -2px;
	position: relative
}

.mbox_table .rowChecked td {
	background: #fffeed
}

.mbox .unread {
	font-weight: 700
}

.js .mbox_star {
	display: none
}

.mbox_star {
	visibility: hidden;
	cursor: pointer
}

.mbox_star.splashy-star_full {
	visibility: visible
}

.mbox .pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover
	{
	background: transparent
}

/******  Glyphish icons, icon eXtend *******/
[class^="glyph-"],[class*=" glyph-"] {
	background-image: url("../img/glyphish_icons.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top;
}

.glyph-attachment {
	background-position: -47px -1px;
	width: 26px;
	height: 24px;
}

.glyph-customer {
	background-position: 0 0;
	width: 23px;
	height: 24px;
}

.glyph-status {
	background-position: -97px 0;
	width: 24px;
	height: 24px;
}

.glyph-iphone {
	background-position: -148px 0;
	width: 14px;
	height: 24px;
}

.glyph-envelope {
	background-position: -197px 0;
	width: 24px;
	height: 16px;
}

/*
 
Usage, just like bootstrap icons

<i class="glyph-attachment"></i>

<i class="glyph-customer"></i>

<i class="glyph-status"></i>

<i class="glyph-iphone"></i>

<i class="glyph-envelope"></i>

*/

/************* sortable elements **************/

.ui-sortable-placeholder {
	border: 2px dashed #aaa;
	background: transparent;
	visibility: visible !important;
	height: 50px !important;
	margin-bottom: 20px
}

.ui-sortable-helper {
	z-index: 2100 !important
}

.ui-sortable .w-box-header {
	cursor: move
}

.sort-disabled .w-box-header {
	cursor: default
}

.sort_ph {
	min-height: 80px !important;
	background: #f8f8f8;
	padding-bottom: 20px
}

/*************** code added via Notepad, 8th nov 2012 *************/

.form-group .chosen-container-active .chosen-single,.form-group .chosen-container-active .chosen-drop
	{
	border-color: #74B9F0;
}

/***********************************************************/



/* LOAN DEALS HEADER */
.loan-deal-header-txt h4 {
	line-height: 1;
	margin: 2px 0;
}

/***************************************************/
	/* 3 steps form for internet channel pages */
/***************************************************/

.three-steps-form {
	padding-bottom: 17px;
	min-height: 730px;
	height: 730px !important;
	height: auto !important;
}

.three-steps-footer {
	background: #F0F0F0;
	text-align: center;
}

.three-steps-footer img {
	display: block;
	margin: 0 auto;
}

.three-steps-form .row div[class*="col-md-"] {
	margin-left: 0
}

.stepy-titles .current-step .stepNb{
	border:1px solid #067EAD;
	
}

.stepy-titles li{
	text-shadow:0px 2px 3px white;	
}


.stepy-titles li div{
	text-shadow:0px 0px 4px white;	
}

.stepy-titles .stepNb {
	margin-left: 30%;
	border:1px solid gray;
	background:white;
}

#simple_wizard-title-2 {
	width: 25.8%;
}

.three-steps-form .heading {
	border-bottom: none;
	-webkit-font-smoothing: antialiased;
	font-size: 23px;
}

.three-steps-form .b-b-s-c {
	border-bottom: 1px solid #dcdcdc;
}

.three-steps-form .p-10 {
	padding: 10px;
}

.three-steps-form .reset-p-l {
	padding-left: 0
}

#personal .container-fluid-div{
	
}


/***************************************************/

/* 3 steps progress gradient */

.stepy-titles .current-step .stepNb {
	-moz-box-shadow: 0 0 12px #08789D;
	-webkit-box-shadow: 0 0 12px #08789D;
	box-shadow: 0 0 12px #08789D;
	text-shadow:0 0 1px black
}

.stepy-titles li:before {
	background-image: none
}

.step-gradient-pipe {
	background: url(../img/step-gradient.jpg) repeat-x 0 13px transparent;
}

.container-fluid .stepy-titles li {
	background: transparent;
}

/*******/

/* http://localhost:8080/finnone-webapp/app/Customer/customerMainPage/false */

#customerForm .tabbable {
	margin: 20px 0 0 0;
}

table .result-string [class*="col-md-"] {
	float: left;
	margin-left: 4px;
}

.row .span-w99p {
	width: 99%
}

/*
****************************************************************
CAS-2174 - Theme Highlighted done by .active class from bootsrap 
****************************************************************
*/

/* CAS-2387 */
.dataTables_wrapper .DTTT_container {
	border-right: 1px solid #999999;
	padding-right: 5px;
	top: -2px;
	z-index: 1;
}

button.DTTT_button,div.DTTT_button,a.DTTT_button {
	padding: 1px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
}



/* black icon set on refresh tab/tabs */

/* #commentAccordian .nav-tabs>.active>a>[class^="glyphicon glyphicon-"] {
	background-image:
		url("../../../bootstrap/2.3.0/img/glyphicons-halflings.png");
} */

/* Classes for Notifications classes */

#lastNotifications .col-md-12 {
	margin-left: 0
}

#lastNotifications .table {
	margin-bottom: 0
}

#lastNotifications tr td {
	padding: 5px 0;
}

/************** pnotify ****************/

.ui-pnotify-history-container {
	border-top: medium none currentcolor;
	border-radius: 0 !important;
	margin-top: 4px !impotant;
	margin-bottom: 3px !impotant;
	position: fixed !important;
	top: 0;
	width: 6% !important;
	right: 0px !important;
	z-index: 99999;	
}

/* restricting of the pnotify box on right top screen area */

.ui-pnotify{
	margin-top:50px !important;
	right: 25px !important;
    top: 25px !important;
}

/* decreasing of the stacked/additive box-shadow */

.ui-pnotify .ui-pnotify-shadow{
	-webkit-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.1), 0 0 1px gray inset;
	-moz-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.1), 0 0 1px gray inset;
	box-shadow: 0 2px 10px rgba(50, 50, 50, 0.1), 0 0 1px gray inset;
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown{
	margin: 4px auto !important;
	padding-top: 4px !important;
}

.well{
	margin-bottom: 0 !important;
}

/*search widget  */

/* accordion in modal window */
.modal-accordion-container a {
	text-decoration: none;
}

/* status indicators */

.green-indicator,.yellow-indicator,.red-indicator,.orange-indicator {
	vertical-align: middle;
	width: 20px;
	height:20px;
	display: inline-block;
}


.green-indicator-10,.yellow-indicator-10,.red-indicator-10,.orange-indicator-10 {
	width: 10px;
	height:10px;
}

.div-green-indicator,.div-yellow-indicator,.div-red-indicator,.div-orange-indicator{
	display: inline-block;
		vertical-align: middle;
		width: 80px;
		text-align:center;
}

/* background color for different status */ 
.div-green-indicator,.green-indicator {
	background-color: #91EE70;
}

.div-yellow-indicator,.yellow-indicator {
	background-color: #ffc000;
}

.div-red-indicator,.red-indicator {
	background-color: #FE7C71;
}

/* class says, orange..but it is red!? */
.div-orange-indicator,.orange-indicator {
	background-color: #FF5700;
}

/*vertical border*/

.vertical-border {
	border-right-style: solid;
	border-right-color: silver;
}

.white-box-component {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EBEBEB;
	padding: 10px;
	margin-bottom: 10px;
}
.grey-box-component {
	padding: 10px;
	background-color: #EEE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.darkblue-bar {
	background: #013358;
}
.well.darkblue-bar{border:0 none}

/* text-decoration, also been in context of Anchor tag <a> */

.txt-decor-none {
	text-decoration: none;
}
.txt-decor-underline {
	text-decoration: underline;
}

/* min-heights for a div, p or display:block property tag  */
.min-hgt100 {
	min-height: 100px;
}
.min-hgt20 {
	min-height: 20px;
}
.min-hgt3 {
	min-height: 3px;
}
.min-hgt25 {
	min-height: 25px;
}
.min-hgt250 {
	min-height: 250px !important;
}
.min-hgt750 {
	min-height: 750px !important;
}

/* various values to specify height */

 .hgt14{
 height:14px;
 }
 .hgt20{
 height:20px;
 }
 .hgt30{
 height:30px;
 }
 .hgt40{
 height:40px;
 }
 
.hgt150{height:150px
  }
 
/* various value for width */

 .wdth14{
 width:14px;
 }
 .wdth20{
 width:20px;
 }
 .wdth30{
 width:30px;
 }
 .wdth40{
 width:40px;
 }
 
/**/

 .width4{
	width:4% !important;;
}

.width24{
	width:24% !important;;
}
.width70{
	width:70% !important;;
}
.width2{
	width:2% !important;;
}

.full-width{
	width: 100% 
}

.full-width-imp{
	width: 100% !important;
}
 
/*piano tabs */
#contentwrapper .tabs-left > .nav-tabs {
    border-right: 0;  
}
#contentwrapper .tabs-left .tab-content {	
	border-left: 1px solid #DDDDDD;
}

/* Checker overwrite css  RESET */
#uniform-templateDownloadCheckbox {
    margin-right: 0px;
}
#contentwrapper #mainChildTabs{margin-bottom:0}

.reset-min-height{
	min-height:0 !important;
}

/* left/right/top/bottom borders */

.left-border{
	border-left:1px solid silver;
	padding:0px 0 0 14px;	
}
.right-border{
	border-right:1px solid silver;	
	padding:0px 0 0 14px;
}
.top-border{
	border-top:1px solid silver;
	padding:0px 0 0 14px;	
}
.bottom-border{
	border-bottom:1px solid silver;	
	padding:0px 0 0 14px;
}

.border,
.silver-b{
	border:1px solid silver;
}


/*********** businessDetailMainPage.jsp *****************/

.width4{
	width:4% !important;;
}

.width24{
	width:24% !important;;
}
.width70{
	width:70% !important;;
}
.width2{
	width:2% !important;;
}
/*z-index for input boxes and buttons  */
.input-group input:focus,
.input-group input:focus,
.input-group select:focus,
.input-group select:focus,
.input-group .uneditable-input:focus,
.input-group .uneditable-input:focus ,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active{
z-index: 0 !important;
}

/* Dynamic Form Tabs */
.wrapper-dynamic-field-m .table td input,
.wrapper-dynamic-field-m .table td select{
width:90%
}




/* AJAX LOADER */
.ajax-loader {
    background: url("../img/ajax-loader-32.gif") no-repeat scroll 9px 2px white;
    border: 1px solid #C1C1C1;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 4px gray inset;
    color: black;
    height: 23px;
    opacity: 0.9;
    padding: 7px 7px 7px 50px;
    width: 77px;
    font-weight:bold;	
}


/*Deviation  */
.commentWidth{
width: 100%
}

/* Trimmed code */




.no-radius {
	border-radius: 0 !important;
	moz-border-radius: 0 !important;
	webkit-border-radius: 0 !important;
}


/*************** menu system *******************/
/*

#header_slide .navbar {
	margin-bottom: 0;
}

#header_slide .navbar {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0px;
}

#header_slide .navbar .navbar-inner {
	padding-top:16px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	max-height: 57px;
	padding-left: 0;
	padding-right: 0;
*/
/* 	position: relative; *//*

	z-index: 9999;
	overflow: visible;
}

.line-hgt30{
	line-height:30px;
}
#header_slide .navbar .navbar-text,
#header_slide .navbar .navbar-link {
	color: #fff;
}

#header_slide .navbar .navbar-brand {
	color: #fff;
	font-size: 24px;
	text-shadow: none;
	width: 180px;
	margin: 0;
	border:0 none
}


#header_slide .navbar .nav>li>a,
#header_slide .navbar .nav>li>a:hover,
#header_slide .navbar .nav>li>a:focus {
	color: #fff;
	font-size: 13px;
	text-shadow: none;
}

#header_slide .navbar .nav>li>a {
	color: white !important;
	text-shadow: none !important
}

.neutrino-nav>li {
	line-height: 36px;
	max-height: 57px;
	padding: 0;
	position: relative;
}

 
.neutrino-nav>li>a {
	background-color: transparent;
	display: block;
	height: 100%;
	padding: 0 8px !important;
	position: relative;
	*/
/* color: #fff; *//*

	text-shadow: none;
}

.neutrino-nav>li>a>[class*="glyphicon glyphicon-"] {
	color: #EEE;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	width: 20px;
}

.neutrino-nav>li>a>.badge { 
}

.neutrino-nav>li .dropdown-menu {
	z-index: 1031;
}

.neutrino-nav .nav-user-photo {
	border: 2px solid #FFF;
	*/
/* border-radius: 24px; *//*

	margin: -4px 8px 0 0;
	max-width: 36px !important;
}

.neutrino-nav li:last-child a [class^="glyphicon glyphicon-"] {
	display: inline-block;
	text-align: center;
	width: 1.25em;
}
*/

 

/*   for  new header */
#topmost_bar {
	background-color: #438eb9;
	text-align: center;
	cursor: pointer;
	z-index: 999;
	position: fixed;
	width: 100%;
	max-height: 20px !important;
}

#wrap {
	position: fixed;
	width: 100%;
	/* z-index: 2003; */
}

/*#header_slide {
	overflow: visible !important;
}*/

.resizeLogo {
	width: 180px !important;
	height: 45px !important;
}

.topbar_texts {
	color: white;
}

/* .newPadding {
	padding-left: 45px !important;
}

.marginLeftNo {
	margin-left: 0px !important
} */

.hoverUp {
	text-align: right;
	top: 53px;
	position: absolute;
	left: 45px;
}

.topMenuSearch {
	max-width: 100px !important;
}

.submit_input_hide { /* background-color: #438EB9; */
	/*bottom: 0;
	display: block;
	height: 27px;
	padding: 0;
	position: fixed;
	right: 0;
	top: 82px;
	width: 22px;
	z-index: 999;*/
}

#search {
	position: fixed;
	top: 73px;
	z-index: 99;
	width: 300px;
 	background: #C0C0C0; 
	padding-right: 12px;
	right: 0px;
	border-radius: 2px 0 0 0;
    box-shadow: 8px -2px 7px;
}



.eyeFooter {
	position: fixed;
	bottom: 67px;
	right: 0;
	z-index: 9999;
}

/* for logoutpage */
#neutrino-body.logoutClass{
	min-height: 100%; 
	margin-bottom: 50px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 12px;	
}


.width77px_imp{
	width: 77px !important;
}
.width79px_imp{
	width: 79px !important;
}

.panel-heading.blue_bg{
	
	border: 1px solid #d2edf6;
	background-color: #d2edf6;
}

.blackRound {
	background: black;
    border-radius: 52%;
    padding: 3px 2px 2px;
    color: #FFFFFF;
}

.padding-5 {
	 padding: 5px !important;
}


.panelHeightFix, .PrepanelHeightFix {
	overflow: auto;
}
/* to hide, at visual level */
.hidden {
	display: none !important;
}
.select-ctrl.input-group {
    display: inline-block;
}

#branchList .branch-ul-c div{
	line-height:initial;
	font-size: 11px;
	word-wrap: break-word;
	padding: 0px 0px 0px 6px !important;
}

#branchList .branch-ul-c div  a{
	    padding: 0px 0px 0px 0px;
}

.lastRec{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 11px;
    background: #F5F5F5;
    padding: 0;
    border-left: 0 none;    
    bottom: 0;
	line-height: 20px;
}

.lastRec >a{
   font-weight: bold;
    text-transform: uppercase;
    color: #999;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
/* PDDEV-20181 'x' appears in IE browser only for input text */
/*Remove cross for datepicker on IE*/
input[type=text]::-ms-clear,
.tagDatePicker .input-group.input-group.date input::-ms-clear {
    display: none;
}

body { font-family: "Helvetica", 'Arial', avenir, sans-serif; }
.ff-arial { font-family: "Helvetica", 'Arial', avenir, sans-serif !important; }
.ff-calibri { font-family: 'calibri', lucida console; }
#neutrino-main-content { width: 100%; min-height: 500px; padding-bottom: 20px; }

.modal-footer.modalbasefooter.txt-r { width: 143% !important; }
.modal-footer.modalbasesubsequentfooter.txt-r { width: 115% !important; }
.navbar .nav>li>.dropdown-menu.pull-right:after,
.navbar .pull-right>li>.dropdown-menu:after { right: 13px; left: auto; }
.navbar .nav>li>.dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.thumbnails .col-sm-2 { padding: 0 10px; }
#applicationChildTabs.nav > li.hide { display: none; }
/*FileUpload TAG*/
.drag_drop_remarks_form .dragandrophandler {
	border: 3px dotted #bababa;
	color: #bbbbbb;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-pack: center;
	background: #f5f5f5;
	min-height: 90px;
}
.drag_drop_remarks_form .dragandrophandler .hgt90 {height: 114px;}
.drag_drop_remarks_form .dragandrophandler>span {padding-right: 10px;}


/* Broadcast Message CSS */
.notif_div{
    position:fixed;
    bottom: 15px;left: 15px;
	z-index: 4000;
    background: rgba(52, 120, 184, 0.9);
    color: #ffffff;
    max-width: 390px;
    padding: 15px;padding-left: 55px;
    font-size: 12px;
    display: none;
}
.notif_div.blue{background: rgba(52, 120, 184, 0.9);}
.notif_div.errorRed{background: rgba(244, 67, 54, 0.9);}
.notif_div.successGreen{background: rgba(67, 160, 71, 0.9);}
.notif_div.warningOrnage{background: rgba(249, 168, 37, 0.9);}
.notif_div.black{background: rgba(0, 0, 0, 0.9);}

.notif_div .notif_div_cont h4{
  margin-top: 0;margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

.notif_div .notif_div_btns a.btn.btn-default{
  color: #ffffff;
  border-color: #ffffff;
  background: none;
  font-size: 12px;
  padding: 5px 8px;
  margin-right: 8px;
}
.notif_div .notif_div_btns a.btn.btn-default:hover{
  color: #3478B8;
  background: #ffffff;
}
.notif_div .notif_div_btns a.btn.btn-default:last-of-type{margin-right:0;}

.notif_div.blue .notif_div_btns a.btn.btn-default:hover{color: rgba(52, 120, 184, 1);}
.notif_div.errorRed .notif_div_btns a.btn.btn-default:hover{color: rgba(244, 67, 54, 1);}
.notif_div.successGreen .notif_div_btns a.btn.btn-default:hover{color: rgba(67, 160, 71, 1);}
.notif_div.warningOrnage .notif_div_btns a.btn.btn-default:hover{color: rgba(249, 168, 37, 1);}
.notif_div.black .notif_div_btns a.btn.btn-default:hover{color: rgba(0, 0, 0, 1);}

.announcement_icon{
  position: absolute;
  top: 10px;left: 15px;
  max-width: 28px;
  filter: invert(1);
}


.ui-dialog-titlebar-close {
    padding: 0 !important;
}

.ui-dialog-titlebar-close:after {
  	 content: '';
    width: 14px;
    height: 15px;
    display: inline-block;
    background-image: url(../../../../images/cross_icon_ui_dialog.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
}

/* Modal z index for all themes now */
.modal-scrollable{z-index: 2005 !important;}
.modal-backdrop, .modal-backdrop.fade.in{z-index: 2004 !important;}

/* PDDEV-23142 : entries for 'div#errorOccurredDialog' to be removed
after CODE CLEAN UP of SESSION ATTRIBUTEs is completed across modules */
div#ajaxSessionFailover, div#errorOccurredDialog{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/* PDDEV-23142 : entries for 'errorOccurredDialog' to be removed
after CODE CLEAN UP of SESSION ATTRIBUTEs is completed across modules */
.ui-widget.ui-widget-content[aria-describedby="ajaxSessionFailover"], .ui-widget.ui-widget-content[aria-describedby="errorOccurredDialog"] {
    box-shadow: 4px 5px 9px #dddddd;
}