.width-100 {
	width: 100%;
}

.ellipsis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    white-space:nowrap
}


.uppercase {text-transform:uppercase;}

.error {
	color: #FF9900;
}

body#main .btn-primary,
body#main .btn-primary:hover, 
body#main .btn-primary:focus, 
body#main .btn-primary:active, 
body#main .btn-primary.active, 
body#main .open .dropdown-toggle.btn-primary,
body#main .progress-bar,
body#main .has-switch span.switch-primary, 
body#main .has-switch span.switch-left {
	background-color: #5995b4;
	border: none;
	background-image: none;
}

body#main .btn-group .btn-primary,
body#main .btn-group .btn-primary:hover, 
body#main .btn-group .btn-primary:focus, 
body#main .btn-group .open .dropdown-toggle.btn-primary{
	background-color: #5995b4;
	border: 1px solid #1b2630;
	background-image: none;
	height: 26px;
	padding: 3px 5px 2px;
}

body#main .btn-group .btn-primary:active, 
body#main .btn-group .btn-primary.active {
	padding: 0px 5px;
}

body#main {
	background: #334354; /* Old browsers */
	color: #FFFFFF;
}

div#warp:before {
	content: "";
	opacity: 0.5;
	top: -350px;
	left: 770px;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background: url('../images/pentagon_top.svg') no-repeat;
}

/* div.footer:after { */
/* 	content: ""; */
/* 	opacity: 0.5; */
/* 	top: 0; */
/* 	left: 0; */
/* 	bottom: 0; */
/* 	right: 0; */
/* 	position: absolute; */
/* 	z-index: -1; */
/* 	background-repeat: no-repeat; */
/* 	background-position: -10% 350%; */
/* 	background-image:url('../images/pentagon_bottom.svg'); */
/* } */

a {
	color: #FFFFFF;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.masthead {
	min-height: 77px;
	border-bottom: 1px solid #5995b4;
	margin: 10px 0;
}

.masthead .companyLogo {
	float: left;
	margin-bottom:10px;
}

.masthead .navigation {
	float: left;
	padding-left: 50px;
}

.masthead .nav-tabs {
	border-bottom: none;
}

.masthead .nav-tabs>li.active>a,.masthead .nav-tabs>li.active>a:hover,.masthead .nav-tabs>li.active>a:focus
	{
	border: none;
	cursor: default;
	background-color: transparent;
}

.masthead .nav-pills>li {
	height: 76px;
/* 	width: 80px; */
/* 	margin-left: 10px; */
	margin-right: 10px;
}

.masthead .nav-pills>li>a {
	padding: 5px 5px 0px 5px;
	text-align: center;
	height: 68px;
}

.masthead .nav-pills>li>a>span {
	vertical-align: bottom;
}

.masthead .nav-pills>li.active>a,.masthead .nav-pills>li.active>a:hover,.masthead .nav-pills>li.active>a:focus
	{
	background-color: transparent;
}

.masthead .nav-pills>li.active {
	border-bottom: 8px solid #5995b4;
}

.masthead .navigation-icon {
	font-size: 40px;
	display: block;
	height: 42px;
}

.masthead .nav>li>a:hover,.masthead .nav>li>a:focus {
	background-color: #999999;
	text-decoration: none;
}

.sub-nav .nav-tabs>li.active>a,.sub-nav .nav-tabs>li.active>a:hover,.sub-nav .nav-tabs>li.active>a:focus
	{
	border: none;
	cursor: default;
	background-color: transparent;
}

/* Custom container */
.container, .customContainer {
	margin: 0 auto;
	max-width: 1400px;
}

.mini-container {
	width: 1200px;
	margin: 0 auto;
}

.container>hr {
	margin: 60px 0;
}

.container .breadcrumb {
	background-color: transparent;
	margin-bottom: 0px
}

/* Main marketing message and sign up button */
.jumbotron {
	margin: 80px 0;
	/* 	text-align: center; */
	background-color: transparent;
}

.jumbotron h1 {
	font-size: 100px;
	line-height: 1;
}

.jumbotron .lead {
	font-size: 24px;
	line-height: 1.25;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
	margin: 60px 0;
}

.justified {
	text-align: justify;
}

.marketing p+h4 {
	margin-top: 28px;
}

/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
	padding: 0;
}

.navbar .nav {
	margin: 0;
	display: table;
	width: 100%;
}

.navbar .nav li {
	display: table-cell;
	width: 1%;
	float: none;
}

.navbar .nav li a {
	font-weight: bold;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, .75);
	border-right: 1px solid rgba(0, 0, 0, .1);
}

.navbar .nav li:first-child a {
	border-left: 0;
	border-radius: 3px 0 0 3px;
}

.navbar .nav li:last-child a {
	border-right: 0;
	border-radius: 0 3px 3px 0;
}

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

/* Sticky footer styles
      -------------------------------------------------- */
html,body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,#footer {
	height: 60px;
}

#footer {
	background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width : 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/** TABLE **/
#mainGraphContainer {
	height: 300px;
	font-size: 15px;
}

#mainGraph {
	width: 100%;
	height: 295px;
}

#graphType {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
/* 	padding-bottom: 10px; */
	font-size: 12px;
}

/*table */
#mainTableContainer {
	width: 785;
	float: left;
	padding: 0;
	margin-bottom: 30px;
	font-size: 12px;
}

table.position {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	table-layout: fixed;
}

table.position thead {
	font-size: 14px;
}

table.position thead td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #FFFFFF;
	padding-left: 3px;
	height: 50px;
}

table.position thead td {
	cursor: pointer;
}

table.position thead td i {
	font-size: x-small;
	display: none;
	float: right;
	margin-right: 3px;
}

table.position thead td div{
	position: relative;
}

table.position thead td div div{
	position: absolute;
	top: -4px;
	right: 2px;
}

table.position thead td div div.expand {
  position: absolute;
  bottom: -12px;
  top: initial;
  right: 2px;
}

table.position thead td div div.expand i {
	display: block;
	float: right;
	margin-right: 3px;
	font-size: small;
}

table.position td.number{
	text-align: right;
	padding-right: 10px;
}

table.position td.rating,
table.position td.ctry{
	text-align: left;
}

/* body#main div.sort label i { */
/* 	display: none; */
/* } */

/* table.position thead td.sortedAsc,#mainTable thead td.sortedDesc,body#main div.sort label.active, body#main div.btn-group.sort .btn-primary.active{ */
/* 	font-weight: bold; */
/* } */

/* body#main div.sort label.active { */
/* 	font-size:130%; */
/* } */

.width36 {
	width: 36px;
}

.width185 {
	width: 162px;
}

table.position thead td.sortedAsc i.fa-sort-alpha-asc,
#mainTable thead td.sortedAsc i.fa-sort-numeric-asc,
body#main div.sort label.asc i.fa-sort-alpha-asc,
body#main div.sort label.asc i.fa-sort-numeric-asc
	{
	display: inline;
}

table.position thead td.sortedDesc i.fa-sort-alpha-desc,
#mainTable thead td.sortedDesc i.fa-sort-numeric-desc,
body#main div.sort label.desc i.fa-sort-alpha-desc,
body#main div.sort label.desc i.fa-sort-numeric-desc
	{
	display: inline;
}

table.position tbody tr td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px;
}

table.position tbody tr {
	cursor: pointer;
}

table.position tbody tr.even td {
	background: #243442;
}

table.position tbody tr.even  td.lastColumn {
/* 	border-bottom-right-radius: 5px; */
/* 	border-top-right-radius: 5px; */
}

table.position tbody tr.odd  td {
	background: #19222B;
}

table.position tbody tr.odd  td.firstColumn {
/* 	border-bottom-left-radius: 5px; */
/* 	border-top-left-radius: 5px; */
}

table.position tbody td.firstColumn,#isin {
	padding-left: 10px;
}

table.position tbody tr.detailRow {
	display: none;
	opacity: 0;
	cursor: default;
}
/* 	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out; */

table.position tbody tr.detailRow td {
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	white-space: normal;
}

table.position tbody tr.detailRow.detailVisible {
	height: 140px;
	background-color: #cecfd0;
	color: #000000;
	display: table-row;
	opacity: 1;
}

table.position tbody tr.detailRow.detailVisible td {
	padding-right: 0px;
}

table.position tbody tr.detailRow div.data.trade {
	width: 89%;
	float: left;
}

table.position tbody tr.detailRow div.data.noTrade {
	width: 92%;
	float: left;
}

table.position tbody tr.detailRow.complete div.data {
	width: 100%;
	float: left;
}

table.position #isin { width:120px;}
table.position #issuer { width:150px;}
table.position #sector {width: 85px;}
table.position #seniority  {width: 80px;}
table.position #curr  {width: 50px;}
table.position #ctry  {width: 50px;}
table.position #diffFV {width: 65px;}
table.position #rating {width:60px;}
table.position #swapS {width:75px;}
table.position #duration {width:75px;}
table.position #ammount {width:130px;}
table.position #price {width:65px;}
table.position #yieldM {width:62px}
table.position #dv01 {width:62px}
table.position #weight {width:75px;}
table.position #reoffer {width:125px;}
table.position tbody #reoffer {text-align: right;} 
/* table.position #descr{min-width: 117px;} */

table.position.equitiesList #price {padding-right:5px;}

td.centered {text-align: center;}
td.left {text-align: left;}

.detailRowContainer {
	float: left;
	width: 52%;
}

.detailRowNotes {
	clear: both;
  	overflow: hidden;
	height: 58px;
}

.detailRowIssuer {
	display: inline;
	float: left;
	width: 58%;
}

.detailRowRating {
	display: inline;
	float: left;
	width: 42%;
}

.detailRowGeneralInfo {
	display: inline;
	float: left;
	width: 23%;
}

.detailRowCupon {
	display: inline;
	float: left;
	width: 25%;
}

.detailRowAdd.noTrade {
	display: inline;
	float: left;
	width: 8%;
	background-color: #60a2c3;
	height: 140px;
	color: #FFFFFF;
	font-size: 32px;
	text-align: center;
}

.detailRowAdd.noTrade div {
	height: 70px;
	padding-top: 20px;
}

.detailRowAdd.trade {
	display: inline;
	float: left;
	width: 11%;
	white-space: normal;
	height: 140px;
	font-size: 32px;
}

.detailRowAdd button {
	width: 95px;
	text-align: left;
}

#pages,#elemCounter {
	margin: 15px auto 5px;
	text-align: center;
}

body#main .pagination>li>a, 
body#main .pagination>li>span {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
}

body#main .pagination>.active>a, 
body#main .pagination>.active>span, 
body#main .pagination>.active>a:hover, 
body#main .pagination>.active>span:hover, 
body#main .pagination>.active>a:focus, 
body#main .pagination>.active>span:focus {
	border-bottom: 2px solid #5995b4;
	color: #5995b4; 
}

/** FILTER **/
#filters table {
	margin-left: 10px;
}

#filters a {
	cursor: pointer;
}

#filters .accordion-group {
	border: none;
	border-radius: 0px;
	margin-bottom: 0px;
}

.accordion-heading {
	border-bottom: 1px solid #647180;
	padding-bottom: 10px;
	padding-top: 10px;
}

.accordion-heading a i {
	width: 20px;
	color: #647180;
	float: left;
}

.accordion-heading a i.fa-chevron-down, .subsector .accordion-heading i.fa-chevron-down  {
	display: inline
}

.accordion-heading a i.fa-chevron-right, .subsector .accordion-heading i.fa-chevron-right {
	display: none
}

.accordion-heading a.collapsed i.fa-chevron-down, .subsector .accordion-heading .collapsed i.fa-chevron-down {
	display: none
}

.accordion-heading a.collapsed i.fa-chevron-right, .subsector .accordion-heading .collapsed i.fa-chevron-right {
	display: inline
}

.accordion-body {
	border-bottom: 1px solid #647180;
	font-size: 12px;
}

/* FILTER CHECKBOXES */
#filters input[type=checkbox] {
	/* 	visibility: hidden; */
	
}

#filters .filterCheckbox {
	width: 25px;
	margin: 2px auto;
	position: relative;
}

#filters .filterCheckbox label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	background: -webkit-linear-gradient(top, #1b2630 0%, #1b2630 100%);
	background: -moz-linear-gradient(top, #1b2630 0%, #1b2630 100%);
	background: -o-linear-gradient(top, #1b2630 0%, #1b2630 100%);
	background: -ms-linear-gradient(top, #1b2630 0%, #1b2630 100%);
	background: linear-gradient(top, #1b2630 0%, #1b2630 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#222',
		endColorstr='#45484d', GradientType=0);
	margin-left: -15px;
	margin-top: 2px;
}

#filters .filterCheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity =       0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 6px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* #filters .filterCheckbox label:hover::after { */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; */
/* 	filter: alpha(opacity =     30); */
/* 	opacity: 0.3; */
/* } */
#filters .filterCheckbox input[type=checkbox]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity =       100);
	opacity: 1;
}

#filters .filterCheckbox {
	width: 25px;
	margin: 2px auto;
	position: relative;
}

/* new checkboxes */
#filters div.checkbox {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
}

#filters div.checkbox input[type=checkbox] {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

#filters div.checkbox input[type=checkbox]+label {
	padding-left: 22px;
	padding-right: 13px;
	height: 17px;
	display: inline-block;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	background-image: url('../images/check2.png');
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.sectorCheckbox {
  float: left;
  width: 20px;
  height: 17px;
  background-image: url('../images/check2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.sectorCheckbox.partial {
	background-position: 0 -34px;
}

.sectorCheckbox.checked {
	background-position: 0 -17px;
}

#filters .subsectors ul {
	padding-left: 15px;
}

#filters .subsectors div.checkbox input[type=checkbox]+label {
	padding-right: 0;
}

#filters div.checkbox input[type=checkbox]:checked+label {
	background-position: 0 -17px;
}

#filters .subsector {	
 position:relative
}

#filters .subsector .subsectorToggle {
	position: absolute;top: 5px;right: 0px;
}

#filters .subsector .accordion-heading {
	border: none;
	padding: 5px 0;
}

#filters .subsector .accordion-toggle {
	margin-left: 25px;
	cursor: pointer;
}

/* end new checkboxes */

#filters #hiddenBondsFilter div.checkbox label,
#filters #hiddenEquitiesFilter div.checkbox label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

/* new radios */
body#main div.radio {
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.radio input[type=radio] {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

div.radio input[type=radio]+label {
	padding-left: 22px;
	height: 17px;
	display: inline-block;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	background-image: url('../images/radio.png');
	margin-right: 10px;
}
div.radio input[type=radio]:checked+label {
	background-position: 0 -17px;
}
/* end new radios */


#ratingFilter table {
	width: 100%;
}

/** TABLE COLUMNS **/
#isin {
	width: 10%;
}

#sector {
	width: 10%;
}

#seniority {
	width: 10%;
}

#descr {
	/*width: 14%;*/
}

#issuer {
	width: 14%;
}

#curr {
	width: 5%;
}

#bidPrice {
	width: 6%;
	text-align: center;
	padding-right: 0px;
}

#offerPrice {
	width: 6%;
	text-align: center;
	padding-right: 0px;
}

#ctry {
	width: 5%;
}

#rating {
	width: 8%;
}

#diffFV {
	width: 6%;
}

#yieldM {
	width: 10%;
}

#dv01 {
	width: 7%;
}

#swapS {
	width: 11%;
}

#width {
	width: 6%;
}

#breakEven {
	width: 6%;
}

/** DETAIL ROW **/
table.position .detailRow table {
	width: 90%;
}

table.position .detailRow table thead td {
	border-right: none;
	border-bottom: 1px solid #000000;
	height: 30px;
	vertical-align: bottom;
}

/** GRAPH OPTIONS **/
.graphOptions input[type=radio] {
	visibility: hidden;
}

#graphType span {
	padding-left: 10px;
	padding-right: 30px;
}

#graphType .highcharts-data-labels span {
	padding:0;
}

#graphType .highcharts-data-labels div.equitySectorName {
	padding: 4px;
	background-color: rgba(38, 53, 67, 0.8);
	border-radius: 5px;
	width: 117px;
	height: 48px;
	border: solid 1px #fff;
	font-size: 9px;
	text-align: center;
	line-height: 150%;
}

#graphType .highcharts-data-labels span b{
	font-size: 11px;
	color: #FFFFFF;
}



.graphOptionsContainer {
	display: inline;
}

.graphOptions {
	width: 14px;
	height: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#fcfff4',
		endColorstr='#b3bead', GradientType=0);
	margin: 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px
		rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
	display: inline-block;
}

.graphOptions label {
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 1px;
	top: 1px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 1);
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#222',
		endColorstr='#45484d', GradientType=0);
}

.graphOptions label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity =       0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #FCFFF4;
	background: -webkit-linear-gradient(top, #FCFFF4 0%, #FCFFF4 100%);
	background: -moz-linear-gradient(top, #FCFFF4 0%, #FCFFF4 100%);
	background: -o-linear-gradient(top, #FCFFF4 0%, #FCFFF4 100%);
	background: -ms-linear-gradient(top, #FCFFF4 0%, #FCFFF4 100%);
	background: linear-gradient(top, #FCFFF4 0%, #FCFFF4 100%);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 1px;
	left: 1px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px
		rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.graphOptions label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity =       30);
	opacity: 0.3;
}

.graphOptions input[type=radio] {
	margin: 0px;
}

.graphOptions input[type=radio]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity =       100);
	opacity: 1;
}


body#main .modal a,body#main .panel a,
.modal,.panel {
	color: #333333;
}

body#main .modal a.btn-primary {
	color:#ffffff;
}

.pager,body#main .pager a {
	color: #333333;
}

.pager,body#main .form-signin {
	margin-top: 20px;
	background-color: transparent;
}

body#main div#filters input.textFilter {
	width: 127px;
	background-color: #1B2630;
	border-color: #647180;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	color: #DDDDDD;
}

body#main div#filters input.textFilter2 {
	background-color: #1B2630;
	border-color: #647180;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	color: #DDDDDD;
}

body#main .initial.jumbotron {
	background-color: transparent;
	margin: 14px 0;
}

body#main .initial.jumbotron .container-left {
	width: 625px;
}

body#main .initial.jumbotron p {
	padding-top: 25px;
	font-size: 15px;
}

body#main div.initial.row {
	margin-top: 52px;
}

body#main .well {
	background-color: transparent;
}

body#main .nav>li>a:hover,.nav>li>a:focus {
	background-color: #999999;
}

body#main #sub-nav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #172029;
	z-index: 99999;
	margin-top: 0px;
}

body#main .featurette-divider {
	margin-bottom: 0px;
}

body#main .featurette {
	padding-top: 85px;
}

body#main .featurette {
	text-align:justify;	
}

body#main nav#sub-nav ul.nav.nav-pills {
	border-bottom: 1px solid #ffffff;
}

body#main nav#sub-nav .nav.nav-pills>li>a:hover,body#main nav#sub-nav .nav>li>a:focus
	{
	background-color: transparent;
}

body#main nav#sub-nav .nav.nav-pills>li>a {
	border-bottom: 3px solid transparent;
}

body#main nav#sub-nav .nav-pills>li.active>a,body#main nav#sub-nav .nav-pills>li.active>a:hover,body#main nav#sub-nav .nav-pills>li.active>a:focus
	{
	background-color: transparent;
	border-bottom: 3px solid #ffffff;
	border-radius: 0px;
}

/* body#main div.striped div.well:nth-child(odd) { */
/* 	background: #1b2630; */
/* } */

body#main div.striped div.well2.odd {
	background: #1b2630;
	background-image: none;
}

/* body#main div.striped div.well:nth-child(even) { */
/* 	background: #304155; */
/* } */

body#main div.striped div.well2.even {
	background: #304155;
	background-image: none;
}

body#main .well2 {
	margin-bottom: 0px;
	border: 0px;
	border-radius: 0px;
	padding: 19px;
}

body#main div.well2 div.value {
	min-height: 96px;
	background: #d0d1d3;
	border-radius: 5px;
}
body#main div.well2 div.value.title {
	background: transparent;
}

body#main div.well2 div.value table {
	text-align: center;
	width: 100%;
	color: black;
}

body#main div.well2 div.value thead {
	border-bottom: 1px solid black;
}
body#main div.well2 div.value.title thead{
	border: 0px;
}

body#main div.well2 div.value thead tr {
	height: 35px;
	font-size: 11px;
}

body#main div.well2 div.value tbody tr {
	font-weight: bold;
	height: 45px;
	font-size: 22px;
}

body#main div.well2 div.value.title tbody tr {
	font-size: 14px;
	color: white;
	text-align: left;
}

body#main div.well2 div.chart {
	min-height: 96px;
}

body#main div.well2 div.button {
	min-height: 96px;
	margin: auto;
}

body#main div.portfolios form.form-inline .form-group {
	margin-top: 5px;
}

body#main div.positions .well2 {
	background: #1b2630;
}

body#main div#space {
	padding-bottom: 5px;
	height: 39px;
}

/* body#main input[type="text"] { */
/* 	background-color: #1B2630; */
/* 	border-color: #647180; */
/* 	border-style: solid; */
/* 	border-width: 1px; */
/* 	display: inline-block; */
/* 	color: #DDDDDD; */
/* } */

body#main div.portfolios div.col-md-1.button a {
	margin-top: 12px;
	width: 100%;
}

body#main ul.dropdown-menu,body#main ul.dropdown-menu a {
	color: black;
}

body#main ul.dropdown-menu li {
	margin-left: 10px;
}

body#main .progress {
	background-color: transparent;
	border: 1px solid #f5f5f5;
}

/**
	HEAT MAP
**/
#heatMap {
	width: 100%;
	padding: 2px;
	height: 604px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.zoomableArea{    
    border-radius: 5px;
    border: 1px solid #5995b4;
/*     margin: auto; */
}

#heatMap div.bar {
          display: inline-block;
          width: 20px;
          height: 75px;   /* We'll override this later */
          background-color: teal;
          margin-right: 2px;
      }
#heatMap .axis path, axis line, #heatMap .axis rect {
          fill: none;
          stroke: black;
          shape-rendering: crispEdges;
      }

#heatMap .axis text {
          font-family: sans-serif;
          font-size: 11px;
          color:#FFFFFF;
      }
      
#heatMap div.tooltip {
          position: absolute;
          text-align: center;
          width: 100px;
          color:white;
          padding: 8px;
          font: 10px sans-serif;
          background: black;
          border: solid 1px #aaa;
          pointer-events: none;
      }


.line {
	       fill: none;
	        stroke: #666666;
	        stroke-width: 0.1; }
	        
.heatMapBackground {
	fill: #23303e;	
}	        
.axisContainer {
	
}

.level1AxisX {
	fill:#23303e;
}

.level1AxisXTitle {
	color:white;
	fill: white;
	text-anchor:middle;
}

.level2AxisXTitle {
	color:white;
	fill: white;
	text-anchor:middle;
}

.level3AxisXTitle {
	font-size: 10px;
	color:white;
	fill: white;
}

.level1AxisYTitle {
	color:white;
	fill: white;
}

.level2AxisXBoxes {
	fill:rgba(0, 0, 0, 0);
	stroke-width:1;stroke:rgb(255,255,255);
}
.level1AxisXBoxes {
	fill:rgba(0, 0, 0, 0);
	stroke-width:1;stroke:rgb(255,255,255);
}

.level3AxisXTitle {
	font-size: 10px;
}

.cellTextTitle {
	fill: black;
	stroke: none;
}
.top {
	z-index: 100;
}

.subCellContainer {
	stroke: none;
}

.subCellContainer .text {
	color:white;
	fill: white;
	stroke: none;
}

.subCellContainer rect:hover {
	stroke: yellow;
}

.subCellContainer rect.inPortfolio {
	stroke: yellow;
	stroke-width: 2px;
}

.subCellTextIsin {
	font-size: 13px;
	text-anchor:middle;
}

.detailL2 {
	font-size: 12px;
}

.detailL2 .detailTitle {
    font: 12px;
    font-weight: bold;
    text-anchor:middle;
}

.detailL2 .detailDscr {
	text-anchor:middle;
	font-style: italic;
}

.detailL2 .addButton {
	fill: transparent;
	cursor: pointer;
}

.detailL2 .addButtonText {
	font-weight: bold;
}

.detailL3 {
	font-size: 12px;
}

.detailL3 line {
    stroke: #FFFFFF;
    stroke-width: 1px;
}

.detailL3 .addButton {
	fill: transparent;
	cursor: pointer;
}



body#main table.striped tr:nth-child(odd) {
	background: #1b2630;
}

body#main table.striped tr:nth-child(even) {
	background: #304155;
}

body#main table.positions tr.detailRow div.data {
	width: 100%;
}

body#main table.position thead td#actions {
	width: 41px;
	border: none;
}

body#main table.position tbody td#actions {
	text-align: center;
}


body#main ul.columns{
  margin:0 px;
  padding: 0px;
  overflow:hidden;
}

body#main ul.columns li{
  line-height:1.5em;
  float:left;
  display:inline;
}
ul.single li  { width:100%;}
ul.double li  { width:50%;} 
ul.triple li  { width:33.333%; } 
ul.quad li    { width:25%; } 
ul.six li     { width:16.666%; }

#legend {
    clear: left;
    width: 100%;
    display: block;
    color: #777;
    margin-top: 10px auto 0px;
    background: #f3f3f3;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 1px 1px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 11px;
    }
    
#legend ul {
    list-style-type: none;
    overflow: hidden;
    clear: both;
    padding:0;
    }

#legend li {
    float: left;
    width: 9.09%;
    height: 14px;
    display: block;
    }

/* 11 buckets blue to purple */
.q1 {
    background: #286c97;
}

.q2 {
    background: #5289ab;
}

.q3 {
    background: #7ea6c0;
}

.q4 {
    background: #a9c4d5;
}

.q5 {
    background: #cce1ee;
}

.q6 {
    background: #e2e6e8;
}

.q7 {
    background: #e5ccd6;
}

.q8 {
    background: #cb99ad;
}

.q9 {
    background: #b16685;
}

.q10 {
    background: #97325c;
}

.q11 {
    background: #7e0034;
}    
    
/* 11 buckets blue to purple HIGH-CONTRAST */
.highContrast .q1 {
    background: #0000ff;
}

.highContrast .q2 {
    background: #314bfa;
}

.highContrast .q3 {
    background: #5f87f6;
}

.highContrast .q4 {
    background: #8cb5f1;
}

.highContrast .q5 {
    background: #b8d4ed;
}

.highContrast .q6 {
    background: #ffffff;
}

.highContrast .q7 {
    background: #ffcaca;
}

.highContrast .q8 {
    background: #ff9797;
}

.highContrast .q9 {
    background: #ff6565;
}

.highContrast .q10 {
    background: #ff3232;
}

.highContrast .q11 {
    background: #ff0000;
}

/* #matrix { */
/* 	-webkit-border-radius: 5px; */
/*     -moz-border-radius: 5px; */
/*     border-radius: 5px; */
/*     border: 1px solid #5995b4; */
/* } */

#matrix .axis text{
	fill: white;
	display: none;
}

#matrix .axis text.active {
    fill: red;
	font-size: 14px;
    font-weight: bold;
    display: block;
    
}

/* #matrix svg { */
/* 	top: -120px; */
/* 	position: relative; */
/* 	left: -120px; */
/* } */

.axis path.domain{
	opacity: 0;
}

body#main .popover {
	color:black;
}

#matrix .cell.active {
	stroke-width: 1px;
	stroke: red;
}

#tooltip {
        position: absolute;
        width: 500px;
        height: auto;
        padding: 10px;
        background-color: white;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        color: black;
        z-index: 999;
}

#tooltip.single{
	width: 250px;
}

div#tooltip table td.name{font-weight: bold;}

div#tooltip table td.yield{text-align: right;}

div#tooltip table td.difFV{text-align: right;}

div#tooltip table td.zSpread{text-align: right;}

div#tooltip table td.price{text-align: right;}

div#tooltip table td.add{text-align: center;}

div#tooltip table td.add .btn-group .btn-primary{ border-color: #FFFFFF}

#tooltip.hidden {
        display: none;
}

#tooltip p {
        margin: 0;
        font-family: sans-serif;
        font-size: 16px;
        line-height: 20px;
}

#tooltip .row{
	padding-top: 21px;
}

#filters #resetFilters {
	margin: 5px 0px;
}

table.position div.confirmation{
	background: #d0d1d3;
	color: black;
}

table.position div.confirmation div.row {
	margin: 3px 0;
}

.ideas .create{
	margin: 5px 0px;
}

#datesFilter div.input-daterange{
	margin-top: 15px;
}

body#main div#datesFilter div.input-daterange input.textFilter {
	width: 100%;
}

body#main .datepicker{
	color:black;
}

.reports table td#date{
	width: 145px;
}

.reports table td#portfolioName{}

.reports table td#totalAssets{width: 100px;}

.reports table td#curr{width: 75px;}

.reports table td#rating{width: 100px;}

.reports table td#duration{width: 100px;}

.reports table td#yield{width: 100px;}

.reports table td#action{width: 50px;}

form.editableform input.form-control {
	width: 200px;
	height: 34px;
}

form.editableform div.input-group.bootstrap-touchspin {
	width: 265px;
}


.fileExplorer img {
	max-height: 125px;
	margin: auto;
}

.fileExplorer span.filename,
.fileExplorer span.mimetype
{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fileExplorer span.filename:hover{
	display: block;
	white-space: nowrap;
	overflow: visible;
}

.fileExplorer span.mime{
	display: block;
}

.fileExplorer li.file {
	padding:5px;
}

input, textarea { color: #000; }
.placeholder { color: #aaa; }

#issuersModal li.issuer {
	height:50px;
}

.noImage {
	border: 1px solid #5995b4;
}

div#cover {
	padding-right: 0px;
	padding-left: 0px;
}
#cover p{
	margin: 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px
}

div#cover img:hover {
	/*Glow*/
	-webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
}


canvas { 
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
    }
    
    
.col-centered{
    float: none;
    margin: 0 auto;
}

@media (max-width: 991px) and (min-width: 768px){
	.custom-hidden {
		display: none!important;
	}
	
}
@media (max-width: 767px){
	.custom-hidden {
		display: none!important;
	}
	
}

.has-switch {
	margin: 0 5px;
	display: block;
}

table.position tbody tr td div.fade {
	opacity: 1;
	transition: background 1s ease; 
   -moz-transition: background 1s ease;  
   -webkit-transition: background 1s ease; 
   -ms-transition: background 1s ease; 
}

table.position tbody tr td div.fade.positive{
	background: green;
}

table.position tbody tr td div.fade.negative{
	background: red;
}

table.position tbody tr.even td div.fade.none{
	background: #243442;
}

table.position tbody tr.odd td div.fade.none{
	background: #19222B;
}

table.position tbody tr .fa-sort-up.positive {
	color: green;
}
table.position tbody tr .fa-sort-down.negative {
	color: red;
}

#sellBuyInstrumentModal .operation.buy,
#sellBuyInstrumentModal .operation.sell {
	padding: 5px;
	-moz-border-radius:3px;
    border-radius:3px;
}

#sellBuyInstrumentModal .modal-title .isin {
	font-weight: bolder;
}


#sellBuyInstrumentModal div.price {
	color: black;
	font-size: 25px;
	font-weight: bold;
	height: 100px;
	width: 100px;
}

#sellBuyInstrumentModal span.price {
	top: 30px;
	margin: auto;
	position: relative;
	display: table;
}

#sellBuyInstrumentModal div.price span.spinner {
	position: relative;
	top: 50px;
}

body#main #sellBuyInstrumentModal button.btn.btn-default.active.sell,
body#main .detailRow button.sell,
body#main #tooltip button.sell,
body#main #sellBuyInstrumentModal .operation.sell {
	background-color: #7e0034;
	color: white;
}

body#main #sellBuyInstrumentModal button.btn.btn-default.active.buy,
body#main .detailRow button.buy,
body#main #tooltip button.buy,
body#main #sellBuyInstrumentModal .operation.buy {
	background-color: #005f00;
	color: white;
}

body#main #sellBuyInstrumentModal button.cancel {
	background: #9a0000;
	color: white;
	text-shadow: none;
}

body#main #sellBuyInstrumentModal .nominalRestrictions {
	text-align: center;
	color: #999999;
	text-shadow: none;
	line-height:15px;
	margin-top: 3px;
}

body#main #sellBuyInstrumentModal .text-danger {
	color: #b94a48;
}

body#main #sellBuyInstrumentModal .bootstrap-touchspin-up, body#main #sellBuyInstrumentModal .bootstrap-touchspin-down {
	min-width: 35px;
}

.padding-top-5 {
	padding-top: 5px;
}

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

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

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

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

.datepicker{z-index:1151;}

#userEdit .form-group,
#addInstrumentForm .form-group {
	margin-right: 0;
	margin-left: 0;
}

#userEdit h5 {
	border-bottom: 1px solid;
}

#userEdit .modal-body {
	padding-bottom: 0;	
}

#userEdit .modal-footer {
	margin-top: 0;
}

.padding-top-22{
	padding-top: 22px;
}

body#main .transactions table#mainTable thead td {height: 30px;}

body#main .transactions table.position tbody tr.detailRow.detailVisible {
	height: auto;
}
body#main .transactions table.position tbody tr {
	cursor: default;
}

body#main .transactions table.position tbody tr.hasNotes {
	cursor:pointer
}

.transactions table td#date{width: 125px;}
.transactions table td#status{width: 65px;}
.transactions table td#price{width: 70px;}
.transactions table td#amount{width: 120px;}
.transactions table td#type{width: 55px;}
.transactions table td#seniority{width: 90px;}
.transactions table td#sector{width: 110px;}
.transactions table td#description{}
.transactions table td#isin{width: 110px; padding-left: 3px}
.transactions table td#action{width: 30px;}

table.transactions thead td#action {border: none;}
table.transactions tbody td#action {text-align: center;}

.transactions div span#notrasanctions {font-weight: bold;}

/*
	PRINT
*/

body#main.print .eu-cookies-popup.bottom {
	display: none;
}

body#main.print {
	background: rgb(255,255,255);
	color: #000000;
	-webkit-print-color-adjust: exact;
}

body#main.print div#masternav {
	display: none;
}

body#main.print div.footer {
	display: none;
}

body#main.print table.position thead td {
	border-right-color: #6b6b6b;
}

body#main.print table.position tbody tr.odd td {
	background-color: #bebebe;
}

body#main.print table.position tbody tr.even td {
	background-color: #FFFFFF;
}

body#main.print table.position tbody tr.odd td.firstColumn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

body#main.print .companyLogo {
}

body#main.print #mainTableContainer {
	margin-bottom:0;
	width: 1200px;	
}
body#main.print table.position thead {
	font-size: 13px;
}
body#main.print table.position thead td {
	height: 40px;
}
body#main.print table.position tbody tr {
	height: 19px !important;
}
body#main.print table.position tbody tr td {
	padding: 0px;
	vertical-align: middle;
	line-height: 17px;
}

body#main.print table.position tbody td.firstColumn {
	padding-left: 10px;
}

body#main.print table.position td.number {
	padding-right: 10px;
}

body#main.print table.position tbody tr.odd td {
	background: #bebebe !important;
	border: none !important;
}
body#main.print table.position tbody tr.odd {
	background: #bebebe !important;
}
body#main.print table.position {
	border-collapse: separate;
	border-spacing: 2px;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 2px;
	table-layout: auto;
}

body#main.print page {
	page-break-after:always;
	page-break-inside: avoid;
}

body#main.print div.logoPrintContainer {
	background: #172029 !important;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 80px;
    padding-bottom: 40px;
	
}
@media print {
	
	@page {
		size: landscape;
		margin: 15mm 15mm 15mm 15mm;  
	}
}

@page  
{ 
  

    /* this affects the margin in the printer settings */ 
    size: landscape;
	margin: 15mm 15mm 15mm 15mm;  
}

body, span, div, table, tr, tbody, tfoot, td, hr {
    -webkit-print-color-adjust: exact;
}
 

table.position tbody tr div.actions { opacity:0 ; float: left; margin-right: 2px; }
table.position tbody tr:hover div.actions{ opacity:1 }
table.position tbody tr div.actions i{
	font-size: 120%;
	margin-left: -7px;
}

#virtualBondDetails .accordion-body {
	padding: 5px;
}

table.position tbody tr.odd td.offerPrice{
	background-color: #14364b;
}
table.position tbody tr.odd td.bidPrice{
	background-color: #3F001A;
}

table.position tbody tr.even td.offerPrice{
	background-color: #286c97;
}
table.position tbody tr.even td.bidPrice{
	background-color: #7e0034;
}

table.position tbody tr.odd.inPortfolio td {
	background-color: #bdc2c6;
	color: black;
}

table.position tbody tr.even.inPortfolio td {
	background-color:#717476;
	color: black;
}

#collapseRatingFilter div.col-md-6 {
	/* padding-left: 0px;*/
	padding-right: 0px;
}

#collapseRatingFilter div.col-md-6 div.checkbox label{
	overflow: visible;
}

table.position.optimization #isin { width:150px;}
table.position.optimization #description {}
table.position.optimization #quantity {width:140px;}
table.position.optimization #price {width:75px;}
table.position.optimization #curr {width:54px;}
table.position.optimization #weight {width:75px;}
table.position.optimization #rating {width:60px;}
table.position.optimization #yieldM {width:58px}
table.position.optimization #sector {width: 100px;}
table.position.optimization #seniority  {width: 85px;}
table.position.optimization #maturity {width:95px;}
table.position.optimization #swapS {width:78px;}


table.position.optimization tbody tr.original,
table.position.optimization tbody tr.propossed {
	background: #d0d1d3;
	color:black;
}

table.position.optimization tbody tr.original{
	border-bottom: 1px solid;
}

table.position.optimization tbody tr.original>td#isin:first-child,
table.position.optimization tbody tr.original>td:first-child,
table.position.optimization tbody tr.propossed>td:first-child
{
	background: url(../images/tabletree-dots.gif) 18px 54% no-repeat;
	padding-left: 26px;
}

table.position.optimization tbody tr.propossed.last td:first-child
{
	background: url(../images/tabletree-dots2.gif) 18px 54% no-repeat;
	padding-left: 26px;
}

div.optimization div#portfolio span.item {
	background: #d0d1d3;
	border-radius: 5px;
	color: black;
	padding: 10px 5px;
	margin: 5px;
	display: block;
}

div.optimization div#portfolio span.item span {
	font-weight: bold; 
}

table.position.optimization tr.detailRow.detailVisible>td {
	padding: 5px;
}

table.position.optimization tr.detailRow table {
	width: 100%;
}

div.optimization textarea.newPortfolio {
	height: 500px;
	margin-bottom: 10px;
}

div.optimization div.panel-heading {
	background: #1b2630;
	border: 0;
	color: white;
	filter: none;
}

div.optimization table.position.optimization .form-control,
div.optimization table.position.optimization .btn{
	height: 20px;
	padding: 0px 3px;
	text-align: right;
}

div.optimization table.position div.input-group.bootstrap-touchspin{
	width: 88%;
}

table.position.optimization #quantity .warning {
	color: red;
}
/*
 * portfolio positions
 * --------------------------------------------------
 */
div.positionList table.position #isin { width:105px;}
div.positionList table.position #description {}
div.positionList table.position #quantity {width:140px;}
div.positionList table.position #price {width:75px;}
div.positionList table.position #curr {width:54px;}
div.positionList table.position #weight {width:75px;}
div.positionList table.position #FCFyield {width:60px}
div.positionList table.position #yieldMContrib {width:60px}
div.positionList table.position #value {width:62px}
div.positionList table.position #quality {width:62px}
div.positionList table.position #valPrice {width:78px;}
div.positionList table.position .form-control,
div.positionList table.position .btn {
	height: 20px;
	padding: 0px 3px;
	text-align: right;
}

/*
 * benchmark
 * --------------------------------------------------
 */
.left-menu.btn {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

div.container-fluid.benchmark {
	overflow: hidden;
}

.row-offcanvas-parent {
	position: relative;
}

.row-offcanvas {
  height:100%;
  box-shadow:0px 0px 12px #555;
}


#sidebar {
  width: inherit;
  min-width: 320px;
  max-width: 320px;
  background-color:#172029;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  z-index: 999;
}
#main {
  height:100%;
  overflow:auto;
}

.jumbotronIcon {
	font-size: 19em;
}

.jumbotronIconSmall {
	font-size: 9em;
}

@media screen and (max-width: 9000px) {
  .row-offcanvas {
    position: absolute;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:320px;
/*     float: left; */
  }

  .row-offcanvas.active {
    left: 0;
  }
  
    .row-offcanvas
  {
    left: -320px;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}

.benchmarkName {
	width: 195px;
}

.benchmarkAccortdion {
	height: 41px;
}

div.benchmark i.fa.fa-floppy-o{
	transition: color 1s ease;
}
div.benchmark i.fa.fa-floppy-o.red {
	color: red;
}

div.remove-padding {
	padding-right: 0;
	padding-left: 0;
}

div.min-height-table {
	min-height: 740px;
}

div.periodicReports div.accordion-heading.active{
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
	border-radius: 5px;
}

div.periodicReports div#benchmarks div.accordion-heading,
div.periodicReports div#report div.accordion-heading {
	cursor: pointer;
}

#mmStats {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 6px;
}

#mmStats div.col-sm-3, #mmStats div.col-sm-4, #mmStats div.col-sm-6 {
	padding-left: 0;
	padding-right: 5px;
}

#mmStats span {
	padding-left: 0;
	padding-right: 5px;
}

#mmStats div.mmStatsColor {
	float: left;
}

#mmStats div.mmStatsColorRed {
	background:#7e0034;
	width: 35px;
}

#mmStats div.mmStatsColorBlue {
	background:#286c97;
	width: 35px;
}

#mmStats #mmStatsColorRatio {
	padding-left: 5px;
}

input.warning {
	background-color: #ff8686;
}

input.fadeable {
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.niMonitor table.position tr {
	height: 24px;
}

.niMonitor table.position td.descr{
	width: 100%;
}

#widgetIframe {
	background-color: white;
}

div#tooltip .addInstrument.rouded {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.button-group-div {
	float: left;
}

.print-portfolio-direct, .print-portfolio-confirmation {
	display: none;
}

.browseFileDateRow {
	width: 90%;
	margin: 30px 5% 5px;
	padding-left: 15px;
	background-color: #AAAAAA;
	color: black;
}

.periodicReportEditingName, .periodicReportPeriodicities {
	margin-bottom: 15px;
}

.periodicReportPeriodicities .btn-group-xs button.periodicityNone {
	margin-left:10px;
}

.sortableTable th{
	cursor: pointer;
}

li.ratingGroup {
    margin-top: 15px;
}

li.ratingGroup.ratingGroupCheckbox {
	width: 20%;
}

li.ratingGroup.ratingGroupText {
	width: 80%;
}

li.ratingGroup.ratingGroupCheckbox div.sectorCheckbox {
	margin-left: 10px;	
	margin-top: 0;
}

table.equitiesList tr.detailRow div#buttons.detailRowAdd {
	height: 180px;
}

.open.dropdown-menu {
	display: block;
}

.portfolio-info .name {
	padding-bottom: 10px;
}

.portfolio-info .name .form-control {
  height: 20px;
}

.portfolios-list .sort.btn-group {
	padding-left: 15px;
}

.portfolios-list .btn.total-assets {
	width: 148px;
}

.portfolios-list .btn.quality {
	width: 87px;
}

.portfolios-list .btn.value {
	width: 76px;
}

.portfolios-list .btn.mduration {
	width: 127px;
}

.portfolios-list .btn.avg-rating {
	width: 94px;
}

.portfolios-list .btn.myield {
	width: 89px;
}

.equitiesList thead td.qualityPiotroski,
.equitiesList thead td.qualityFranchise,
.equitiesList thead td.qualityMontier,
.equitiesList thead td.qualityFcf,
.equitiesList thead td.valuationPerNorm,
.equitiesList thead td.valuationEv_nopat,
.equitiesList thead td.valuationMagicF,
.equitiesList thead td.valuationFcfYield,
.equitiesList thead td.valuationRelEVCE,
.equitiesList thead td.valuationRelPBV,
.equitiesList thead td.valuationWeeks,
.equitiesList tr.even td.qualityPiotroski,
.equitiesList tr.even td.qualityFranchise,
.equitiesList tr.even td.qualityMontier,
.equitiesList tr.even td.qualityFcf,
.equitiesList tr.even td.valuationPerNorm,
.equitiesList tr.even td.valuationEv_nopat,
.equitiesList tr.even td.valuationMagicF,
.equitiesList tr.even td.valuationFcfYield,
.equitiesList tr.even td.valuationRelEVCE,
.equitiesList tr.even td.valuationRelPBV,
.equitiesList tr.even td.valuationWeeks
{
	background-color: #2f3840;
}

.equitiesList tr.odd td.qualityPiotroski,
.equitiesList tr.odd td.qualityFranchise,
.equitiesList tr.odd td.qualityMontier,
.equitiesList tr.odd td.qualityFcf,
.equitiesList tr.odd td.valuationPerNorm,
.equitiesList tr.odd td.valuationEv_nopat,
.equitiesList tr.odd td.valuationMagicF,
.equitiesList tr.odd td.valuationFcfYield,
.equitiesList tr.odd td.valuationRelEVCE,
.equitiesList tr.odd td.valuationRelPBV,
.equitiesList tr.odd td.valuationWeeks
{
	background-color: #394854;
}

table.position.optimization.other {
	width: initial;
}

table.position.optimization.other td#description {
	width: 177px;
}

.pagination {
	cursor: default;
}

.pagination li.pageNumber a {
	cursor: pointer;
	-webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
	
}

body#main .pagination li.pageNumber a:hover {
	background-color: rgba(255, 255, 255, .2);
}

body#main .pagination li.pageNumber.active a, body#main .pagination li.pageNumber.active a:hover {
	cursor: default;
	background: transparent;
}

.equityChart .highcharts-tooltip, .highcharts-tooltip span {
	z-index: 9999 !important;
}

.equityChart .highcharts-tooltip span {
	background-color: rgba(255, 255, 255, .9);
	border-radius: 5px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.equityChart .highcharts-tooltip rect {
	fill: none;
	stroke-width:0;
}

.equityChart .highcharts-data-labels {
	z-index: 1 !important;
}

/** CUSTOM STYLE **/

/* Cleaning */

div#warp:before {
	background: none;
}
.customContainer {
	 width: 100%;
	 max-width: 100%;
	 min-width: 1400px;
	 position: relative;
}

body#main nav#sub-nav .nav-pills>li.active a {
	background-color: #5d8391;
}

body#main nav#sub-nav .nav.nav-pills>li a:hover {
	background-color: #5d8391;
}

body#main nav#sub-nav .nav-pills>li.active>a:hover, body#main nav#sub-nav .nav.nav-pills>li a {
	border: none;
	border-radius: 0;
}

body#main .featurette {
	padding: 0;
}

.container>hr.featurette-divider {
	margin: 0;
}

body#main nav#sub-nav ul.nav.nav-pills, body#main nav#sub-nav .nav-pills>li.active>a {
	border: none;
}

body#main .marketing .featurette-divider {
	display: none;
}

#nav-logo {
	height: 42px;
	width: 154px;
	background: url('../images/logo.svg') no-repeat;	
}


.sub-nav {
	position: fixed;
	width: 100%;
	background-color: #334354;
	z-index: 99;
	color: #ffffff;
	max-height: 107px;
	font-size: 14px;
	padding: 0;
	width: 100%;
	max-width: 100%;
	left: 0;
}

.sub-nav-container {
	width: 1400px;
	margin: 0 auto;
}

.webapp {
	width: 1200px;
	margin: 0 auto;
}

.webapp .sub-nav {
	position: inherit;
}

.sub-nav-left, .sub-nav-right {
	margin-top: 35px;
	display: inline-block;
	width: 26%
}
.sub-nav-right {float:right;}
.sub-nav-center {
	margin-top: 35px;
	display: inline-block;
	width: 46%;
	height: 67px;
}

.sub-nav .sub-nav-links, .sub-nav .lang-selector, .sub-nav .companyLogo {
	display: inline-block;
	font-weight: 500;
}

.sub-nav .companyLogo {
	float: left; 
	padding-left: 60px;
}

.sub-nav .lang-selector {
	padding: 10px 0;
	margin-right: 46px;
}

.hidden {
	display:none;
}

#sub-nav .lang-selector span {
	margin-left: 3px;
	margin-right: 3px;
}

.login-container {
	height: 44px;
	width: 142.12px;
	background-color: #5D839A;
	float: right;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.login-container a{
	display:block;
	padding: 10px 15px;
}

.marketing {
    margin: 107px auto 0;
    padding: 0;
    width: 1400px;
}

.marketing section {
	padding-top: 107px;
	margin-bottom: -107px;
}

.marketing #ppal {
	padding-top: 0;
}

#ppal {
	height: 800px;
}

#ppal .ppal-container {
	height: 100%;
	position: relative;
}
/*
#ppal .ppal-container:before {
    content: "";
    opacity: 1;
    top: 1px;
    left: 700px;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background: url(../images/newlogo.svg) no-repeat;
    background-size: 1142px 1104px;
    width: 700px;
    height: 800px;
}*/

#ppal .featurette-heading {
	margin-top: 200px;
	margin-left: 158px;
	color: #FFFFFF;
	font-family: MerriweatherLight;
	font-size: 60px;
	line-height: 80px;
}

.marketing .half .line, .marketing .contactUs .line, .login-page-container .form-signin .line, .static-page .line{	
	box-sizing: border-box;	
	height: 5px;	
	width: 142px;	
	border: 3px solid #B0DEF7;
	position: absolute;
}


.marketing .half .line.line-right, .marketing .half .line.line-left {	
	top: 104.5px;
}

.marketing .half .line.line-left {	
	top: 104.5px;
	left: 408px; 
}

.marketing .featurette {
	background-color: white;
	padding: 0;
	margin: 0;
	color: #9B9B9B;	
	font-family: Helvetica;	
	font-size: 16px;	
	line-height: 24px;
	position: relative;
}


.marketing .half {
	padding: 0;
	position: relative;
    min-height: 1px;
    float: left;
    width: 50%;
}

.marketing .full {
	padding: 0;
	position: relative;
    min-height: 1px;
    float: left;
}

.right-half {
	text-align: left;
}

.marketing .featurette .featurette-heading {
	height: 44px;
	width: 400px;
	color: #304154;
	font-family: "Helvetica Neue";
	font-size: 38px;
	line-height: 45px;
	margin-bottom: 31px;
	z-index: 10;
	margin-top: 147px;
}

.marketing .featurette .right-half.featurette-text {
	margin-left: 116px;
	width: 486px;
}

.marketing .featurette .left-half.featurette-text {
	margin-left: 150px;
	text-align: right;

}

.marketing .featurette .left-half.featurette-text p, .marketing .featurette .left-half.featurette-text .featurette-heading{
	width: 400px;
}

.marketing .featurette .lead {
	font-size: inherit;	
}

.marketing .rectangle {	
	height: 73.54px;	
	width: 73.54px;	
	transform: rotate(405deg);	
	background-color: #FFFFFF; 
	position: absolute;
	z-index: 5;
}

.marketing .image-half {
    background-color: #334354;
}

.marketing .image-half img {
	opacity: 0.65;
}

.marketing .right-half .rectangle {
	left: -22px;
	top: 135px;
}

.marketing .left-half .rectangle {
	right: -22px;
	top: 135px;
}

.marketing .contactUs {
	position: relative;
	margin-bottom: 0;
}

.marketing .contactUs .featurette {
	background-color: #f4f5f6;
}

.marketing .contactUs .featurette-heading {
	margin: 0 0 94px;
}

.contactUs-container {
	position: relative;
	margin-left: 231px;
	margin-top: 190px;
	
}

.contactUs-container .w939 {
	width: 939px;
}

.contactUs .line {
	top: 155.5px;
	left: 231px;
}

.contactUs .row {
	margin: 0;
}

.contactUs form .row {
	margin: 0 0 45px;
}

.contactUs form .row .form-group {
	margin: 0;
	padding: 0;
	float: left
}

.contactUs form .row .form-group.middle {
	margin-left: 42px;
	margin-right: 42px;
}

.contactUs .textfield-title {
	width: 252.13px;	
	color: #5D839A;	
	font-family: "Helvetica Neue";	
	font-size: 11px;	
	line-height: 12px;	
	text-align: left;
	display: block;
}

.contactUs .textfield {	
	box-sizing: border-box;	
	width: 280.98px;	
	background: none;
}

.contactUs .textfield .inputText-container {
	border-bottom: 1px solid #5D839A;
}

.contactUs .textfield input {	
	border: none;
	background: none;
    box-shadow: none;
}

.contactUs .textarea {
	height: 229.21px;
	width: 938.89px;
	border: 1px solid #5D839A;
	background: none;
	box-shadow: none;
    border-radius: 0;
}

.contactUs form .row .send-button-container {
	height: 46px;
	float: right;
	margin-top: -34px;
}

.contactUs form .row .send-button-container .send-button {
	height: 46px;
	width: 228.36px;
	background-color: #B0DEF7;
	text-align: center;
}

.contactUs .send-button a:visited, .contactUs .send-button a:link, .contactUs .send-button a {
	color: #304154;
	font-family: "Helvetica Neue";
	font-size: 18px;
	font-weight: 500;
	display:blocK;
	padding: 11px;
	
}

.contactUs .alert-danger {
	background: none;
}

.contactUs .alert-danger-text {
	font-family: "Helvetica Neue";
	font-size: 11px;
}

.marketing section.footer-section {
    padding-bottom: 40px;
    margin-top: 107px;
    padding: 0;
    position: relative;
}

.footer-section .logo-big {
	width: 100%;
	text-align: center;
	padding-top: 224px;
	padding-bottom: 165px;
} 

.footer-section .footer-line {
	color: #FFFFFF;
	font-family: "Helvetica Neue";
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 40px
}

.footer-section .footer-line .copyright {
	padding-left: 70px;
	margin-bottom: 40px;
}

.footer-section .footer-line .legal {
	padding-right: 70px;
}
.footer-section .footer-line .lang-selector {
	text-align: center;
}

.footer-section-container:before {
	content: "";
	opacity: 1;
	top: 195px;
	left: 1010px;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background: url('../images/newlogo.svg') no-repeat;
	background-size: 516px 499px;
}

.footer {
	display: none;
}


.login-page-container {
	padding-top: 107px;
	height: 885px;
}

.login-page-container .form-signin {
	border: none;
	padding: 0;
	position: relative;
    max-width: 306px;
    padding-top: 114px;
    margin-top: 0 !important;
}

.login-page-container .form-signin h2 {
	color: #FFFFFF;
	font-family: MerriweatherLight;
	font-size: 24px;
	line-height: 80px;
}

.login-page-container .form-signin .input-container {
	padding-top: 38px;
}

.login-page-container .form-signin input {
	width: 245px;
	margin-left: 30px;
	margin-right: 30px;
	color: #9B9B9B;
	font-family: "Helvetica Neue";
	font-size: 14px;
	line-height: 16px;
	border-radius: 0;
	border: none;
    height: 38px;
    box-sizing: border-box;
}

.login-page-container .form-signin .yubikey-textfield {
	margin-bottom: 29px;
}

.login-page-container .form-signin .login-button {
	height: 38px;
    display: block;
}

.login-page-container .form-signin .reset-password-link {
	margin: 42px auto 0;
	padding-bottom: 40px;
	color: #FFFFFF;
	font-family: "Helvetica Neue";
	font-size: 14px;
	line-height: 16px;
    text-align: center;
    width: 100%;
}

.resetPassword-page-container {
    padding: 107px 0;
    height: 885px;
}

.static-page {
	position: relative;
}

.static-page .row {
	margin-left: 0;
	margin-right: 0;
}


.resetPassword-page-container .form-signin h2, .disclaimer-page-container h2 {
    color: #FFFFFF;
    font-family: MerriweatherLight;
    font-size: 24px;
    line-height: 80px;
}
.resetPassword-page-container .form-signin {
	border: none;
	padding: 0;
	position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}

.static-page #ppal {
	height: inherit;
}

.static-page #ppal .ppal-container {
	position: inherit;
}

.static-page #ppal .ppal-container:before {
	top: 107px;
}

.static-page .title{
	margin-left: 182px;
}

.static-page .body {
	padding: 55px 182px 0;
	width: 100%;
	background-color: #ffffff;
}

.static-page .body {
	color: #9B9B9B;
	font-family: "Helvetica Neue";
	font-size: 16px;
	line-height: 24px;
}

.static-page .body h4 {
	margin-top: 65px;
}

.static-page .body a {
	color: inherit;
}

.resetPassword-page-container .phone-number {
	height: 108.53px;
	width: 407px;
	background-color: #5D839A;
	color: #FFFFFF;
	font-family: "Helvetica Neue";
	font-size: 30px;
	line-height: 14px;
	text-align: center;
	margin-left: 40px;
	margin-bottom: 25px;
	padding: 47px 0;
	position: relative;
}

.resetPassword-page-container .phone-number i {
    position: absolute;
    left: 40px;
    top: 43px;
}

.resetPassword-page-container .resetPassword-footer {
	margin-top: 64px;
    padding-bottom: 160px;
}

.static-page section.footer-section {
    padding-bottom: 40px;
    margin-top: 107px;
    padding: 0;
    position: relative;
}

.disclaimer-page-container {
	padding: 107px 0 0;
}

.disclaimer-document-container {
	margin-top: 45px;
    display: block;
    position: relative;
    height: 80px;
}

.disclaimer-document-container .disclaimer-document {
	display: inline-block;
	float: left;
	height: 63px;
	width: 240.84px;
	background-color: #5D839A;
	margin-right: 11px;
	color: #FFFFFF;
	font-family: "Helvetica Neue";
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	position: relative;
}

.disclaimer-document-container .disclaimer-document.last {
	margin-right: 0;
}

.disclaimer-document-container .disclaimer-document a {
    display: block;
    margin: auto;
    padding: 16px 0;
}

.disclaimer-document-container .disclaimer-document.one-line a {
    padding: 24px 0;
}

.disclaimer-document-container .disclaimer-document i {
	position: absolute;
	left: 15px;
	font-size: 20px;
	top: 23px;
}

.static-page #ppal {
	padding-top: 114px;
}

.mouse-icon-container {
	position: absolute;
	bottom: 40px;
	left: 698px;
	
}
.mouse-icon-oval {
	height: 48px;
	width: 36px;
	border: 2px solid #97a0a8;
	border-radius: 15px;
}

.mouse-icon-btn {
	height: 4px;
	width: 4px;
	border: 1px solid #97a0a8;
	background-color: #97a0a8;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 16px
}

.overlay-img {
	position: absolute;
}

.home-bg-image {
	top: 107px;
	right: 0;
    z-index: -1;
    background: url(../images/newlogo.svg) no-repeat;
    background-size: 1142px 1104px;
    width: 700px;
    height: 800px;
}

.dark-blue {
	background-color: #5D839A;
}

.dark-blue2 {
	background-color: #304154;
}

@media ( max-width : 1399px) {
	.customContainer {
		min-width: 1200px;
	}
	
	.sub-nav-container {
    	width: 1200px;
	}
	
	.marketing {
		width: 1200px;
	}
	
	.marketing .featurette .right-half.featurette-text {
	    margin-left: 70px;
	}
	
	.marketing .featurette .left-half.featurette-text {
		margin-left: 130px;
	} 
	
	.marketing .half .line.line-left {
		left: 390px;
	}
	
	.contactUs-container {
	    margin-left: 130px;
	}
	
	.contactUs .line {
		left: 130px;
	}
	
	.footer-section-container:before {
		left: 809px;
	}
	
	.disclaimer-document-container .disclaimer-document {
		width: 207px;
	}
	
	.disclaimer-document-container .disclaimer-document a {
		padding: 16px 0 16px 23px;
	}
}