.error {
	color: #ff0000;
}
 
.errorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}

.left {
	text-align: left;	
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

table.treetable thead tr th {
	text-align: center;
}

table.table-striped thead tr th {
	text-align: center;
}

.numberFormatWithoutDecimals{
	text-align: right;
}

.numberFormatWith2Decimals{
	text-align: right;
}

.numberFormatWith3Decimals{
	text-align: right;
}

.numberFormatWith4Decimals{
	text-align: right;
}

.numberFormatWith2DecimalsPerc{
	text-align: right;
}

.numberFormatWith3DecimalsPerc{
	text-align: right;
}

.numberFormatWith4DecimalsPerc{
	text-align: right;
}

/*
bootstrap.min.css
*/

/*
* Done by Rajil
* for iPad keyboard out - screen overlaping issue.  Refer : 
* https://github.com/twbs/bootstrap/issues/9023
* https://github.com/chrisseaton/bootstrap/commit/0d9d01a58a2a82210fe3eaa08e9da822d8995024
*/

.modal-ios {
   position: absolute;
   overflow: visible;
   overflow-x: visible;
   overflow-y: visible;
 }
 
 .modal-backdrop-ios {
   position: absolute;
 }
 
 /*
 * end of iPad Overlaping issue
 */
 
.input-group .form-control:first-child, 
.input-group .form-control:last-child,  
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 4px;
  /*float: none;*/
}

.input-group-addon:first-child, 
.input-group-addon:last-child,  
.input-group-addon:not(:first-child):not(:last-child) {
  border-radius: 4px;
  border-bottom-right-radius: 0px; 
  border-top-right-radius: 0px;
  /*float: none;*/
}
/*
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: none;
  width: 100%;
  margin-bottom: 0;
}*/

/*
.date-picker:first-child, .date-picker:last-child, .date-picker:not(:first-child):not(:last-child), {
	style="border-bottom-left-radius: 0px; border-top-left-radius: 0px;"	
}*/
.date-picker-border {
	border-bottom-left-radius: 0px; 
	border-top-left-radius: 0px;
}

/*
.form-control {
	height: 26px;
	padding: 0px 6px;
	border-radius: 4px;
	border-bottom-left-radius: 4px;
	background-clip: padding-box;
	
	border: 1px solid #ccc;
  	border-radius: 4px;
/*
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
    box-shadow: 0 0 4px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
    /*
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
	/*
	color: #444;
	float: none;
}*/
/*

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
	border-radius: 4px;
	border-bottom-left-radius: 4px;
}*/
/*
.btn {
	height: 26px;
	padding: 0px 12px;
}*/

/*
.input-group-addon {
	font-size: 11px;
	background-clip: padding-box;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-right-width: 0px;
  	border-radius: 4px;
	/*
	line-height: 1;
  	font-weight: 400;
  	color: #555;
  	text-align: center;
  	vertical-align: middle;
  	border: 1px solid #ccc;
  	
  	box-shadow: 0 0 4px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  	*/
  	
	/*
	background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
    
    border: 1px solid #ccc;*//*
}*/

.input-group-addon2 {
	font-size: 11px;
	background-clip: padding-box;
	padding: 6px 12px;
  	line-height: 1;
  	font-weight: 400;
  	color: #555;
  	text-align: center;
  	vertical-align: middle;
  	border: 1px solid #ccc;
  	border-radius: 4px;
	background-color: #ddd;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
    box-shadow: 0 0 4px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}


/*!
	jquery.treetable.js
*/

table.treetable tr.selected td a{
  color: #fff;
}

#content {
	padding: 0px 15px 0px 15px;
}

/*
select2.css
*/
.select2-container .select2-choice  {
	height: 34px;
	background: none;
	background-image: none;
	border: 1px solid #ccc;
	margin-top: 3px;
}

.select2-container .select2-choice > .select2-chosen {
	margin-top: 4px;
	margin-left: 5px;
}

.select2-container .select2-choice .select2-arrow {
	border-left: 0px;
	background: none;
}

.select2-container {
	margin-top: -3px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/*
custom halflings.css
*/

.halflings.customColor:before {
	color: white;
}

/*
.halflings-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/glyphicons_halflings.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *margin-right: .3em;
}*/
.halflings-icon {
  background-image: url(../img/glyphicons_halflings.png);
}
.no-inlinesvg .halflings-icon {
  background-image: url(../img/glyphicons_halflings.png);
}
.halflings-icon.white {
  background-image: url(../img/glyphicons_halflings-white.svg);
}
.halflings-icon.white _:-o-prefocus,
.halflings-icon.white {
  background-image: url(../img/glyphicons_halflings-white.png);
}
.no-inlinesvg .halflings-icon.white {
  background-image: url(../img/glyphicons_halflings-white.png);
}
.halflings-icon.plus-sign {
  background-image: url(../img/glyphicons_halflings-gray.svg);
  background-position: 0px -96px;
}
.halflings-icon.minus-sign {
  background-image: url(../img/glyphicons_halflings-gray.svg);
  background-position: -24px -96px;
}

/*
Page submit wait dialog.
*/
#loading-div-background {
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:black;
	width:100%;
	height:100%;
	z-index:100;
	opacity: 0.8;
}

#loading-div-background-pageload {
	position:fixed;
	top:0;
	left:0;
	background:black;
	width:100%;
	height:100%;
	z-index:100;
	opacity: 0.8;
}

#loading-div {
    width: 300px;
    height: 200px;
    text-align:center;
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left:-150px;
    margin-top: -100px;
}


/*
style.min.css - data tables box
*/

div.dataTables_length select {
	border-radius: 4px;
	height: 34px;
	padding: 6px;
}

input[type="text"] {
	border-radius: 4px;	
	border: 1px solid #ccc!important;
	height: 34px;
}


/*
Reports favourite option
*/

.fa .fa-star .favouriteSet { 
	color: #E0E0E0;
}
.fa .fa-star .favouriteSet:hover { 
	color: #ea5e29;
}

.favouriteUnSet { 
	color: #E0E0E0;
}
.favouriteUnSet:hover { 
	color: #ea5e29;
}
.favouriteSet { 
	color: #ea5e29;
}
.favouriteSet:hover { 
	color: #E0E0E0;
}

.login { 
	background: url("/wealthspectrum/resources/assets/img/bg-login.jpg") !important;
	/*background-color:  !important !important;*/
}

.footerLinks, .footerLinks:hover, .footerLinks:focus {
	color: #FFFFFF;
}

.riskProfilerBox {
  width: 70%;
  height: 70%;
  margin: 100px auto;
}

.riskProfilerContent {
  position: relative;
  z-index: 50;
  margin-top: -1px;
  padding: 10px;
  border: 1px solid #f1f1f1;
  background: #fff;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}

/*  search form */
/*padding: 10px;border: 1px solid rgba(0,0,0,0.5);*/
/*
div#exampletransitiond {
float:right;
width: 20px;
height: 30px;
text-align: right;
margin-top: 3px;

border-radius: 10px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
-o-transition: 1s linear;
-ms-transition: 1s linear;
transition: 1s linear;
}
div#exampletransitiond:hover {
width: 300px;
background-color: #E7FBF8;
outline: none;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 5px rgba(0,0,0,0.5);
}
.exampletransitiond2 {
width: 300px;
background-color: #E7FBF8;
outline: none;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 5px rgba(0,0,0,0.5);
}
.form-control, ddlsearch {
	height: 30px;
	background-color: rgba(255, 255, 255, 0);
	border: 0px solid rgba(204, 204, 204, 0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.form-control, ddlsearch1 {
.dlsearch1 {
	height: 30px;
}
*/
/* new search form */

.searchbox{
    position:relative;
    min-width:40px;
    width:0%;
    height:40px;
    float:right;
    overflow:hidden;
    
    -webkit-transition: 5s linear;
    -moz-transition: 1s linear;
    -ms-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
    
}

.searchbox-inputSelect{
    top:0;
    right:0;
    border:0;
    outline:0;
    height:40px;
    margin:0;
    padding:0px 55px 0px 20px;
    color: #9C9C9C;
    display: yes;
    background: rgba(169, 169, 169, 0.2) url(../img/br_down.png) no-repeat right;
    background-size: 10px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 80px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:rgba(169, 169, 169, 0.2);
    height:40px;
    margin:0;
    width: 60%;
    padding:0px 55px 0px 20px;
    color: #9C9C9C;
}
.searchbox-input::-webkit-input-placeholder {
    /*color: #d74b4b;*/
    color: #9C9C9C;
}
.searchbox-input:-moz-placeholder {
    /*color: #d74b4b;*/
    color: #9C9C9C;
}
.searchbox-input::-moz-placeholder {
    /*color: #d74b4b;*/
    color: #9C9C9C;
}
.searchbox-input:-ms-input-placeholder {
    /*color: #d74b4b;*/
    color: #9C9C9C;
}

.searchbox-icon,
.searchbox-submit{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    top:0;
    background: #3B3B41;
    z-index:1;
    /*
    font-family:verdana;
    font-size:22px;
    */
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    /*
    color:#dcddd8;
    background:#172b3c;
    */
    pointer-events: all;
}

.searchbox-open{
    width:100%;
    max-width: 400px;
}

.searchboxSelect-open{
    display: yes;
}
/* end of new search form */

.select2-container-multi .select2-choices {
	border-radius: 4px;
	border: 1px solid #ccc;
}

/*table#securitytable.table.table-striped.table-bordered.bootstrap-datatable.datatable.dataTable*/
td.sorting_1 a {
	text-decoration: underline;
}

#securitytable a {
	text-decoration: underline;
}

.timeslot.alt .time {
	right: 80% !important; 
}
 
.timeslot .icon {
		left: 20% !important;
}
			
.timeline {
    background-position-x: 20% !important;
}
			
.timeslot.alt .task {
   	left: 22% !important;
   	right: 0% !important;
}
   
.timeslot .task {
    width: 72%  !important;
}

.timeslot .task span.note {
	border: 2px solid #FBC864 ;
	background: #FFECC6 ;
}

.timeslot .icon.note {
 	position: absolute;
 	border: 2px solid #FBC864 ;
}

.timeslot .task span.actiongreen {
	border: 2px solid #9AEA18;
	background: #E5F5CC;
}

.timeslot .icon.actiongreen {
 	position: absolute;
 	border: 2px solid #9AEA18;
}

.timeslot .task span.actionred {
	border: 2px solid #F38787;
	background: #FDE4E4;
}

.timeslot .icon.actionred {
	position: absolute;
	border: 2px solid #F38787;
}

.timeslot .task span span.details {
	padding-top: 10px;
}

.timeslot .task span span.remaining {
	padding-top: 5px;
	font-size: 12px;
}

ul.chat li.left .message
{
	margin-left: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

ul.chat li.right .message
{
	margin-right: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

ul.chat {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

ul.chat li .message{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
ul.chat li.left .message .text
{
	 margin-top: 5px;
}

ul.chat li.right .message .text
{
	 margin-top: 5px;
}

ul.chat li.left .message .time
{
	 color: #888;
}

ul.chat li.right .message .time
{
	 color: #888;
}
    

ul.chat li.left .message .from
{
	font-weight: bold;
}

ul.chat li.right .message .from
{
	 font-weight: bold;
}
.smallLabelRed
{
    font-size: x-small;
    color: #CC0000; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.smallLabelGreen
{
    font-size: x-small;
    color: #009900; 
    overflow: hidden;
    text-overflow: ellipsis;
}  
.coloredBoxRed{
    width: 60px;
    height: 18px;
    display: inline-block;
    border-radius: 6px;
    vertical-align: middle;
    background: red;
    color: white;
    text-align: center; 
}	
.coloredBoxGreen{
    width: 60px;
    height: 18px;
    display: inline-block;
    border-radius: 6px;
    vertical-align: middle;
    background: green;
    color: white;
    text-align: center; 
}	   

fieldset.border-form-group {
    border: 1px solid #dcdcdc !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.border-form-group {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
table.table thead .sorting {
  background: none;
}
table.table thead .sorting_asc {
  background: none;
}
table.table thead .sorting_desc {
  background: none;
}
table.table thead .sorting_asc_disabled {
  background: none;
}
table.table thead .sorting_desc_disabled {
  background: none;
}

.webalert {
	font-size: 14px;
	line-height: normal;
}

g.nv-group {
	fill-opacity: 1 !important;
}

.perfAreaChart g.nv-group {
	fill-opacity: 0.5 !important;
}

/* Added below tag to support DateTimePicker with jQUery 3
Refer: https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1765
*/
div.datepicker > div { display: block; }    


.sec-widget {
	display: none;
	padding: 0px 15px 0px 15px;
    margin-left: 5px;
    background: #fff;
    height: 100%;
    border-radius: 0 5px 5px 5px;
    border: 2px solid #eee;
    min-height: 1281px;
    position: -webkit-sticky; 
    position: sticky; 
    top: 0;
    z-index: 9999;
}

.watchlist-header {
	width: 100%;
}
.watchlist-sec-name {
	font-size: 16px;
	width: 80%;
	float: left;
}

.watchlist-recmd {
	width: 20%;
	float: right;
	text-align: right;
}

.watchlist-detail {
	padding-top: 5px;
	width: 100%;
}

.watchlist-detail-head {
	color: #aaa;
}

.watchlist-type {
	width: 35%;
	float: left;
}

.watchlist-category {
	width: 40%;
	float: left;
}

.watchlist-return {
	width: 25%;
	float: left;
	text-align: right;
}

.navbar {
	margin-bottom: 10px;
}

.nav-tabs.nav-stacked>li>a, .nav-tabs.nav-stacked>li>ul>li>a
{
	padding: 10px 0;
}

.nav-tabs.nav-stacked>li>a>i, .nav-tabs.nav-stacked>li>ul>li>a>i {
	font-size: 20px;
}

.mobile-control {
	height: 30px;
	font-size: 12px;
}
.chartLabelColor span {
	color: #3b3b41 !important;
}
.legendLabel {
    padding-left: 5px;
}
/* .ordermodel {	

} */

@media only screen and (max-width: 479px) {

	.pull-right {
   	 	margin: 0px auto;
	}
	
	h1 {
		 font-size: 24px;
		 margin-top: 10px;
	}
	
	h2 {
		 font-size: 12px;
		 font-weight: 400;
	}
	table.treetable>thead>tr>th {
		font-size: 12px;
	}
	
	table.treetable>tbody>tr>td {
		font-size: 12px;
	}
	.login-box {
	
		width: 100%;
		padding: 20px;
		margin: 80px auto !important;
		overflow: hidden;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    border-radius: 0px;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
	    box-shadow: none;
	    background: none !important;
	}
	
	.number {
		font-size: 14px !important;
	}
	
	svg text {
    	font-size: 10px !important;
	}
	
	.dataTables_filter, .dataTables_length, .dataTables_info {
		font-size: 12px;
	}
}