/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 15, 2014, 4:54:06 PM
    Author     : kalsoom.fatima
*/
@font-face {
	font-family: 'roboto-bold';
	src: url("/javax.faces.resource/fonts/Roboto-Bold.ttf.xhtml");
}

@font-face {
	font-family: 'roboto-thin';
	src: url("/javax.faces.resource/fonts/Roboto-Thin.ttf.xhtml");
}

@font-face {
	font-family: 'roboto-medium';
	src: url("/javax.faces.resource/fonts/Roboto-Medium.ttf.xhtml");
}

.ui-inputfield {
	box-shadow: none !important;
}

.ui-datatable-tablewrapper tbody tr td {
	color: #000 !important
}

#abcdef .socialIconHeight {
	height: 40px !important;
}

.spacer10 {
	height: 10px;
	clear: both;
}

.ui-widget .profileheading {
	text-align: left !important;
	border-bottom: 1px solid #b5b5b5 !important;
}

.header {
	text-align: center;
	background-image: none;
	border-color: #FFFFFF;
	top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	/* background-color: #006924;*/ //
	background:
		url(/ums_online/faces/javax.faces.resource/images/background.JPG)
		#006924 repeat-x 50% 50% /*background-color: #4b6ca1;*/
}

.btnDisplay {
	width: 110px;
	height: 28px;
	margin-left: 8px;
}

.welcome_transStatus .ui-widget-header.ui-datatable-scrollable-footer {
	border: none;
}

.charts_font {
	font-size: 0.6em;
	font-family: 'roboto-medium';
	//
	Verdana
	,
	"Verdana
	CE",
	Arial,
	"Arial
	CE",
	"Lucida
	Grande
	CE",
	lucida,
	"Helvetica
	CE",
	sans-serif;
}

.chart_size {
	height: 300px;
	width: 600px;
	background-color: lightyellow;
	margin: 30px;
}

.date_list {
	margin: 30px;
	border-color: #FFFFFF;
	background-color: #c2dfef;
}

div[id='homeForm:data_list']  .ui-widget-content {
	top: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	border-color: #FFFFFF;
	background-color: #c2dfef;
	width: 600px;
}

div[id='homeForm:data_list']  .ui-widget-content {
	margin: 0px;
	top: 0px;
	padding: 0px;
	width: 300px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

table[id='accountForm:data_list:0:list_panel'].ui-panelgrid-odd {
	background-color: #eeccdd;
	border-color: #eeccdd;
}

table[id='accountForm:data_list:0:list_panel'].ui-widget-content .ui-panelgrid-odd
	{
	background-color: #c2dfef;
	border-color: #eeccdd;
}

table[id='accountForm:data_list:0:list_panel'].ui-panelgrid td {
	border-color: whitesmoke;
	color: #333333;
	background-color: #FFFFFF;
}

table[id='homeForm:data_list:0:list_panel'].ui-panelgrid td {
	border-color: #FFFFFF;
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

.data_table_style {
	width: 400px;
	height: 220px;
	position: absolute;
	top: 45px;
	left: 330px;
	font-family: 'roboto-medium';
}

#menu_grid_style {
	width: 100px;
	height: 220px;
	font-family: 'roboto-medium';
}

div[id='accountForm:panelForm_content'].ui-widget-content {
	background-color: lightyellow;
	color: #D20005;
	background-image: none;
	border-radius: 40px;
}

button[id='accountForm:logout_link'].ui-button {
	background-color: #4b6ca1;
	background-image: none;
	color: #FFFFFF; //
	font-size: 12px;
	text-align: center;
	border-radius: 40px;
	height: 30px;
	width: 130px;
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;
}

.btn_logout {
	background-color: #4b6ca1; //
	font-size: 12px;
	text-align: center;
	border-radius: 40px;
	height: 20px;
	width: 130px;
	color: #FFFFFF;
	background-image: none;
}

span[id='clockForm:clockTime'].ui-widget-header {
	background-image: none;
	background-color: #FFFFFF;
	border: #FFFFFF;
}

.forget_class {
	margin-top: 80px;
	text-align: center;
}

.header_class {
	text-align: center;
}

div[id='loginForm:loginPanel_content'] {
	
}

tabel[id='loginForm:panelgrid'] {
	padding-bottom: 0px;
}

.myPanelContent {
	width: 450px;
	text-align: left;
	font-size: small;
}

.ui-menu {
	padding: 0px !important;
	font-size: 11px !important;
}

.panel_style {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.panel_grid_style {
	padding: 40px;
}

.tableNoBorder tr, .tableNoBorder td {
	border: none;
	border-bottom: #FFFFFF 0px solid !important;
	border-color: #FFFFFF;
}

.tableGrayBorder tr, .tableGrayBorder td {
	border: none;
	border-bottom: #EAEAEA 0px solid !important;
	border-color: #EAEAEA;
}

#txtFolio {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.ui-link-menu-style {
	margin-top: 0.0px;
	width: 120%;
	margin-left: -8px;
	margin-right: -8px;
	clear: both;
}

.my_header {
	clear: both;
	/*background: #0c846b !important;*/
	/* background: #ddd;*/
	background: #ffffff;
	vertical-align: middle;
	line-height: normal;
	margin-top: -8px;
	left: -8px;
	right: -8px;
	height: 90%;
	width: 100%;
}

.footer {
	clear: both;
	background: #F2F2F2;
	color: White;
	padding-left: 3em;
	text-align: left;
	vertical-align: middle;
	line-height: normal;
	margin: 0;
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	margin-top: 40px;
}

.select_box {
	display: block; //
	height: 20px;
	width: 200px !important; //
	padding: 8px 10px;
	font-size: 14px; //
	line-height: 1.42857143;
	color: #ff9400 !important; //
	background-color: #002a61 !important;
	border: 1px solid #ff9400 !important;
	border-radius: 0px; //
	background: #002a61 !important;
	background-color: #00A25A !important; //
	box-shadow: none !important;
}

.select_box .ui-selectonemenu-trigger {
	background-color: #ff9400;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.select_box .ui-state-hover { //
	background-color: #002a61 !important;
	background-color: #ff9400 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.select_box .ul .li { //
	background-color: #002a61 !important; #
	ff9400 background-color: #ff9400 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}

.text_area { //
	border: 1px solid #002a61 !important;
	border: 1px solid #ff9400 !important;
	width: 200px !important;
	border-radius: 0px;
}

.text_area input { //
	border: 1px solid #002a61 !important;
	border: 1px solid #ff9400 !important;
	width: 200px !important;
	border-radius: 0px;
}

.userBar { //
	background: #002a61 !important;
	background: #ff9400 !important;
	height: 35px;
	width: 100%; //
	
	color: floralwhite;
}

.barPanel {
	/* hbl background: #002a61!important;*/
	background: #ff9400;
	font-size: 12px;
	border: none;
	.
	td
	{
	border-width
	:
	0px;
}

}
.menuLinks {
	background-color: #EAEAEA !important;
	color: #002a61 !important;
	width: 100%;
}

.ui-panelgrid td {
	padding: 4px 10px;
}

.menuColumn {
	background-color: #EAEAEA !important;
	padding-left: 10em;
}

.formStyle {
	border: 0px solid orange !important;
}

.formReg {
	border: 1px solid orange !important;
}

.logoutStyle {
	background-color: #EAEAEA !important;
	text-align: right; //
	padding-left: 70em !important;
}

.loginForm {
	
}
/*.dialogStyle
{
    padding: 2em 2em !important; 
    padding-left: 2.25em !important;
    padding-right: 0.70em !important;
    padding-top: 2.25em !important;
    margin-top: -50px !important;
    margin-left: -55px !important;
    
}*/
.labelClass {
	color: #000000 !important;
}

.profilePanel {
	border-bottom: thin solid #E7E5DC !important;
}

.tableGrayBorder e {
	width: 80px;
}

.portfolioTable td {
	padding: 10px 15px !important;
	text-align: center !important;
}

.barLbl {
	color: white !important;
}

.dashbord_select_box {
	display: block; //
	height: 20px;
	width: 100% !important; //
	padding: 8px 10px;
	font-size: 14px; //
	line-height: 1.42857143;
	color: #002a61 !important; //
	background-color: #002a61 !important; //
	border: 1px solid #002a61 !important;
	border-radius: 3px; //
	background: #002a61 !important;
	background-color: #002a61 !important;
}

.dashbord_select_box .ul .li {
	background-color: #002a61 !important;
	box-shadow: none !important;
	border-radius: 1px !important;
}

.dashbord_select_box .ui-selectonemenu-trigger {
	background-color: #002a61 !important;
	box-shadow: none !important;
	border-radius: 1px !important;
}

//
Dash Board css format
.dashboard_tab_menu {
	border-radius: 0px;
}

.ui-tabmenuitem {
	border-radius: 0px !important;
	background-color: #002a61 !important;
}

.ui-tabmenu-nav {
	border-radius: 0px !important;
	background: none !important; //
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.0),
		rgba(255, 255, 255, 0));
}

.ui-tabmenu-nav .ul {
	width: 80%;
	border-radius: 0px !important; //
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255, 255, 255, 0.0),
		rgba(255, 255, 255, 0));
}

.ui-helper-clearfix {
	content: none;
	clear: both !important; //
	display: block; //
	height: 0; //
	clear: none !important; //
	visibility: hidden;
	/* display: block; */
}

.portfolioImage {
	display: block;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;;
	background-image: url(/faces/javax.faces.resource/images/clip.png);
}

.pie_panel_style {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
}

.phone_style {
	width: 150px;
}

.phone-font {
	font-size: 15px !important;
	width: 300px;
}

.total_portfolio {
	background: #EAEAEA;
	font-size: 15px !important;
	color: #000;
	width: 300px !important;
}

.dashboardFont {
	font-size: 10px !important;
	color: #5C5C5C;
}

.clock_class {
	background: #002a61 !important;
}

.legendFormStyle {
	border: 0px !important;
	height: 70px;
}

.barChartHight {
	height: 200px;
}

.phoneFormat {
	text-align: center;
	width: 200px;
}

.callButton {
	width: 65px;
}

.fundPriceGrid {
	padding-bottom: 0px;
}

.gridStyle td {
	vertical-align: top;
}

.gridStyle tbody tr td {
	vertical-align: top;
}

.no_invetment_label {
	font-size: 20px !important;
	font-weight: bold;
	vertical-align: middle !important;
}

.piePanel {
	vertical-align: middle !important;
}

.priceGrid {
	padding-left: 0em !important;
	padding-right: 2em !important;
	padding-bottom: 2em !important;
	text-align: right;
	font-size: 11px ! important;
	font-weight: 500;
}

.priceGridVal {
	padding-left: 0em !important;
	padding-right: 2em !important;
	font-weight: bold;
	text-align: right;
	color: #5C5C5C !important;
	font-size: 12px ! important;
}

tr.ui-widget-content.classback {
	background-color: #eaeaea !important;
	border: 4px solid white !important;
}

.classback tr {
	background-color: #d3d3d3 !important;
	border: 12px solid white !important;
	margin-left: 40px !important;
	font-size: 15px
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only
	{
	margin-left: -29px !important;
	height: 25px;
}

.classback tr.ui-widget-content {
	background-color: #d3d3d3 !important;
	border: 10px solid white !important;
}

.dash_select_box {
	display: block;
	/*padding: 8px 10px;*/
	font-size: 14px !important;
	/*line-height: 1.42857143;*/
	color: #ff9400;
	/*background-color: #002a61 !important;
   	border: 1px solid #002a61 !important;*/
	border: none;
	border-radius: 0px;
	alignment-adjust: middle !important;
	/*background: #002a61 !important;*/
	background: #ff9400 !  important;
	background-color: #00A25A !important;

	/*box-shadow: none !important;*/
}

.dash_select_boxTwo {
	display: block; //
	padding: 8px 10px;
	font-size: 14px !important; //
	line-height: 1.42857143;
	color: #ff9400; //
	background-color: #002a61 !important; //
	border: 1px solid #002a61 !important;
	border: 1px solid #ff9400 !important;
	border-radius: 0px;
	alignment-adjust: middle !important; //
	background: #002a61 !important;
	background: #ff9400 !  important;
	background-color: #00A25A !important; //
	box-shadow: none !important;
}

.dash_select_box_reports {
	display: inline-block; //
	height: 20px; //
	padding: 8px 10px;
	font-size: 14px !important; //
	line-height: 1.42857143;
	color: #ff9400; //
	background-color: #002a61 !important; //
	border: 1px solid #002a61 !important;
	border: 1px solid #ff9400 !important;
	border-radius: 0px;
	alignment-adjust: middle !important; //
	background: #002a61 !important;
	background: #ff9400 !  important;
	background-color: #ff9400 !important; //
	box-shadow: none !important;
}

.ui-corner-right { //
	background: #002a61 !important;
	background: #00A25A !important;
}

.dashFormStyle {
	border: 1px solid #BBBBBB !important; //
	font-size: 12px !important;
}

.rightAlign td {
	text-align: right;
	padding-bottom: 1em !important;
	background-color: #F8F8F8 !important;
}

.leftAlign td {
	text-align: left;
	padding-bottom: 1em !important;
	background-color: #F8F8F8 !important;
}

.bckColor {
	background-color: #F8F8F8 !important;
	margin-left: 50px !important;
}

.transStatus td { //
	text-align: right;
	display: none;
	background-color: #F8F8F8;
}

.ui-widget-content {
	border: 2px solid #ff9400;
	background: #F2F2F2; /*#ffffff;*/
	color: #4f4f4f;
}

.ui-datepicker-calendar {
	width: 193px !important;
	font-size: 10px !important;
}

.ui-datepicker {
	width: 200px !important;
}

.ui-selectonemenu-item {
	font-size: 10px !important;
}

.btnTextAlignLeft {
	text-align: left;
	width: 100% !important;
}

.leftAligned {
	float: left !important;
}

.rightAligned {
	float: right !important;
}

.centerAligned {
	float: center !important;
}

.navbar-header>ul>li>a, .navbar-header>ul>li>.dropdown-toggle,
	.navbar-header>ul>li>ul>li {
	color: #ffffff !important;
}

.navbar-header>ul>li:hover, .navbar-header>ul>li>a:hover, .navbar-header>ul>li>button:hover,
	.navbar-header>ul>li>ul>li:hover, .navbar-header>ul>li>ul>li>input:hover
	{
	color: white !important;
	background-color: #98c7b2 !important;
}

.borderless .ui-widget-content, .borderless .ui-widget-content .ui-panelgrid-cell
	{
	border: 0px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: white;
}
.panel-default {
	border-color: #00A25A !important;
}

.panel-default>.panel-heading {
	border-color: #00A25A !important;
}
.textWithIcon {
	color: #3c763d !important;
	font-size: 12px !important;
	margin-left: 4px !important;
	font-family: 'roboto-bold' !important;
	//
	Verdana
	,
	"Verdana
	CE",
	Arial,
	"Arial
	CE",
	"Lucida
	Grande
	CE",
	lucida,
	"Helvetica
	CE",
	sans-serif!important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	box-shadow: none !important;
}

.ui-widget  .profileheading label.ui-widget {
	color: #1f2656 !important;
	margin-top: 10px;
	font-size: 15px !important;
}

#profileForm tr>td:nth-child(2) {
	border-bottom: 1px solid #b5b5b5 !important;
}

#profileForm tr>td:nth-child(1) {
	width: 170px !important
}

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

.navbar-inverse {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
	background-color: #15804F;
}