@import url("/App_Themes/icons.css");
@import url("/App_Themes/bootstrapExtensions.css");

@media all
{
    
table { width: 100%; }
    
ul > li {
  color: #f60;
  list-style-type: square;
}    

ul > li > * {
  color: #666;
}


    
body{background-color:White;font-family:Lucida Grande,Lucida Sans Unicode,Verdana;margin:0;padding:0;color:#666; text-align:left;}
.company_12 a.bold{font-weight:bold;}
a img{border:none;vertical-align:middle;}
a.submit,a:hover.submit{font-size:11px;padding:2px;color:#000066;cursor:pointer;}

.about{color:#666666;padding:0;text-align:justify;font-family:Arial}
.about span,.about .pdf,.about .doc{font-weight:bold;}
.about li{margin-bottom:4px;}
.about ul{margin-bottom:40px;}
.adressIdent{margin-left:30px;}

.blackNormalStrong{font-family:arial;font-size:12px;font-weight:bold;color:#000000;}
.company_11 .blueNormalStrong{color:#000066;font-family:Arial;font-size:12px;font-weight:bold;}
.company_12 .blueNormalStrong{color:#000066;font-family:Verdana,Arial;font-size:8pt;font-weight:bold;}
.blueNormalRegular{font-family:arial;font-size:12px;font-weight:normal;color:#000066;}
.backgroundGray{background-color:#eeeeee !important;}
.backgroundOrange{background-color:#FF8C00 !important;color:#FFFFFF !important;}
.backgroundBlue{background-color:#000066 !important;color:#FFFFFF !important;}
.backgroundLightGray{background-color:#f6f6f6 !important;}
.blackSmallRegular{font-family:Arial,Verdana;color:#000000;font-size:10px;font-weight:normal;}
.blackSmallBold{font-family:Arial,Verdana;color:#000000;font-size:10px;font-weight:bold;}
/*.blackMediumRegular{font-family:Arial,Verdana;color:#000000;font-size:12px;font-weight:normal;}*/
.blackMediumBold{font-family:Arial,Verdana;color:#000000;font-size:12px;font-weight:bold;}
/*.blackBigRegular{font-family:Arial,Verdana;color:#000000;font-size:12px;font-weight:normal;}*/
.blackBigBold{font-weight:bold;}
.blackGiantBold{font-family:Arial,Verdana;color:#000000;font-size:14px;font-weight:bold;}
.block{clear:left;width:100%;}
.company_12 .block th{font-weight:bold !important;}
.blueSmallRegular{font-family:Arial,Verdana;color:#000066;font-size:10px;font-weight:normal;}
.blueSmallBold{font-family:Arial,Verdana;color:#000066;font-size:10px;font-weight:bold;}
.blueMediumRegular{font-family:Arial,Verdana;color:#000066;font-size:11px;font-weight:normal;}
.company_11 .blueMediumBold{font-family:Arial,Verdana;}
.blueMediumBold{color:#000066;font-size:11px;font-weight:bold;}						  
.blueBigRegular{font-family:Arial,Verdana;color:#000066;font-size:12px;font-weight:normal;}
.blueBigBold{font-family:Arial,Verdana;color:#000066;font-size:12px;font-weight:bold;}
.blueGiantBold{font-family:Arial,Verdana;color:#000066;font-size:14px;font-weight:bold;}
.blueNormalSemiBold{font-size:11px;color:#000066;font-weight:900;}
.blueSmallSemiBold{font-family:Arial;font-weight:900;font-size:11px;color:#000066}
.bold{font-weight:bold !important;}
.company_11 .BPIOvsBNB{height:10px}
.company_12 .BPIOvsBNB{height:20px}
.twelveBold{font-weight:bold !important;font-size:12px !important;}
.twelve{font-size:12px !important;}
.border1{border:solid 1px black;}
.caps{text-transform:uppercase;}
.lightBlueBigBold{font-family:Arial,Verdana;color:#0000ff;font-size:12px;font-weight:bold;}
.personalListDialogContent{margin-right:00px;font-size:12px;color:#666666;text-align:justify;margin-left:0px;margin-top:0px;}
.printAccount tr{height:20px;}
.printAccount a{line-height:20px;}
.company_11 .capitalOperationSubmitWidth { width: 80px; line-height: 12px;}
.company_12 .capitalOperationSubmitWidth{width: 80px;}
.capitalOperationDetailsRowHeight tr { height: 12px; }
.center{text-align:center !important; margin-bottom:20px;}
.changePassword .text{width:160px;}
.changePassword select{width:164px;}
.currencyDropDown{width:52px;}
.columnright{float:right;width:220px;margin-left:5px;display:inline;}
.columnleftleft{width:200px;float:left;display:inline;}
.columnleftright{width:210px;float:right;display:inline;}

.compactddl{width:100%;margin:0px;padding:0px;}
.configurePortfolioDesc li {color: #FF6600;}
.configurePortfolioDescOrange {color: #FF6600;font-weight: bold;}
.option label{color:white;}
.subtitle{padding:5px 0px 5px 0px;font-size:12px;}

.company_11 .content{width:100%;display:inline;color:#666666;text-align:left;}

.datePickerControl label{width:60px;display:block;white-space:nowrap;}
.depositos .notes{padding:10px 10px 10px 30px;}
.depositBlack{font-family:Times New Roman;font-size:14px;font-weight:200;color:Black;}
.depositBlackBold{font-family:Times New Roman;font-size:14px;color:Black;font-weight:800;}
.dialog .footer{width:100%;margin:10px 0;padding:10px 0;}
.dialog p { margin-left: 0px !important; margin-right:0px !important; }
.dialogcontent{margin-left:20px;margin-right:20px;margin-top:20px;font-size:12px;color:#666666;text-align:left;}
.company_11 .dialogheader{background:#000066 url('/Resources/Images/LOGOTIPO_BASE.gif') no-repeat 0 1px;height:46px;}
.company_12 .dialogheader{background:#000066 url('/Resources/Images/logo_bbpi.gif') no-repeat 0 1px;height:35px;}

.dialogheader a{color:#FFFFFF;font-weight:bold;float:right;margin:10px 10px 0 0;display:inline;}
.disclaimernotes div{margin:5px;}
.disclaimernotes div  ul{color:#000066;margin:5px 20px;list-style-type:decimal;font-size:10px;}
.disclaimernotes div  li{color:#FF6600;}
.company_11 .disclaimernotes div  p{color:#000066;font-weight:bold;font-size:10px;}
.company_12 .disclaimernotes div p{color:#000066;font-weight:bold;}
.disclaimernotes p{margin:0px 0px 10px 0px;}
.disclaimernotes .small{font-size:10px;}
.divparagraphs div{margin:20px auto 10px auto;}
.depth{background:url('/Resources/Images/profundidade.gif') no-repeat 3px 0px;padding:2px 0 0 25px;}
.depthBlueBigBold{font-family:Arial,Verdana;color:#000066;font-size:14px;font-weight:bolder;}
.company_11 .depthDialogContent{margin-top:5px;margin-right:0px;margin-left:0px;font-size:12px;color:black;text-align:left;}
.company_12 .depthDialogContent{margin-top:5px; margin-right:0px; margin-left:0px; font-size:12px; color:#666666; text-align:left; }
.depthDialogHeader{background:#000066 url('/Resources/Images/LOGOTIPO_BASE.gif') no-repeat top left;height:34px;}
.company_12 .depthDialogHeader{background:#000066 url('/Resources/Images/logo_bbpi.gif') no-repeat 0 1px; height:34px; }
.depthDialogHeader a{color:#FFFFFF;font-weight:bold;float:right;margin:10px 10px 0 0;display:inline;}
.company_11 .depthTableHeader, .company_12 .depthTableHeader{background-color:Orange;border-bottom:darkorange 1px solid;border-left:darkorange 1px solid;border-right:white 1px solid;border-top:darkorange 1px solid;color:white;font-family:Arial;font-size:11px;font-weight:bolder;margin:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center }
.depthNotes{padding-top:0px;padding-left:0px;padding-bottom:0px;padding-right:0px;margin-top:0px;font:10px Arial;color:#666666;}
.depthTable1{border-right:solid #000066 2px;border-bottom:solid #000066 2px;border-left:solid #000066 2px;}
.depthTable2{border-bottom:solid #000066 2px;border-right:solid #000066 2px;}
.dmifQuiz{text-align: left;background-color: WhiteSmoke; font-weight: 700;}
.dmifQuiz label{color: #666666; font-family: Arial; font-size: 7.5pt}
.doc{background:url('/Resources/Images/word.gif') no-repeat 3px 0px;padding:5px 0 5px 30px;}
.down{background-image:url('/Resources/Images/var_descer.gif');background-position: inherit center;}
.eventNotificationOptions table{margin-bottom:20px;}
.eventNotificationOptions table .tick{width:50px;}
.eventNotificationOptions table .button{width:100px;}
.company_12 .eventNotificationOptions tr{height:10px;}
.equal{background-image:url('/Resources/Images/var_igual.gif');}
.company_11 .excel{background-repeat:no-repeat;background-position:left top;padding-left:15px;background-image:url('/Resources/Images/excel.gif');}
.company_12 .excel{background-repeat:no-repeat;background-position:left top;padding-left:15px;background-image:url('/Resources/Images/excel.gif');font-size:12px;}
.filtercontrol{margin:10px 0px;}
.filtercontrol label,.filtercontrol select{float:left;margin:5px;display:inline;}
.filtercontrol label{padding-top:3px;}
.floatright{float:right;display:inline; margin:0;}
.floatleft{float:left;display:inline; margin-top: 10px;}

.company_11 .footer{text-align:center !important;border-top:1px solid #666666;width:100%;float:left;display:inline;position:static;bottom:0;}
.company_11 .footer p{text-align:center !important;width:100%;margin:2px;font-size:10px;}
.company_12 .footer p{text-align:center !important; font-weight:700 !important; width:410px; margin:2px auto; }
.company_12 .footStyle a{font-size:9px !important;}

.foregroundLightblue{color:#8E95ED !important;}
.company_11 .foregroundBlue{color:#000066 !important; font-size:8pt !important;}
.company_12 .foregroundBlue{color:#000066 !important; font-size:11px !important}
.company_12 .foregroundBlueBold{color:#000066 !important;font-size:11px;font-weight:bold;}
.foregroundOrange{color:#FF6600 !important;}
.foregroundGray{color:#F5F5F5 !important;}
.foregroundGray2, foregroundGray2 input{color:#666666 !important;}
.foregroundGreen{color:green !important;}
.foregroundRed{color:red !important;}
.foregroundBlack{color:black !important;}

.forms td,.forms th{vertical-align:top;}
.forms .text{margin:4px 2px;white-space:nowrap;float:left;display:inline;}
.forms label{margin:4px 2px;white-space:nowrap;float:right;display:inline;}
.forms span,.Forms .tip{font-size:9px;font-weight:bold;float:left;padding-top:4px;white-space:nowrap;display:inline;}
.forms .tip{clear:left;display:block;}
.forms p{margin:5px 0;}
.forms th label{color:#FFFFFF;}
.forms .option label{float:left;display:inline;}
.forms .option input{float:left;white-space:nowrap;display:inline;}
.funddetails,.funddetails td{color:#000066 !important;vertical-align:top;font-weight:bold;}
.funddocumentstable{color:#000066 !important;width:100%;}
.funddocumentstable td img{vertical-align:middle;}
.funddocumentstable td span{width:220px;display:inline-block;font-weight:bold;}
.fundsTableText{line-height: 200%}
.gotop{background:url('/Resources/Images/setacima.gif') no-repeat 3px 0px;padding:15px 0 0 30px;float:right;display:inline;}
.graySmallRegular{color:#666666;font-size:10px;font-weight:normal;}
.company_11 .graySmallBold{color:#666666;font-size:9px;font-weight:bold;}
.company_12 .graySmallBold{color:#666666;font-size:10px;font-weight:bold;}
.company_11 .grayMediumRegular{color:#666666;font-size:12px;font-weight:normal;}
.company_12 .grayMediumRegular{color:#666666;font-size:12px;font-weight:normal;padding:2px 2px 2px 2px;}
.company_11 .grayMediumBold{color:#666666;font-size:10px;font-weight:bold;}
.company_12 .grayMediumBold{color:#666666;font-size:11px;font-weight:bold;}
.grayBigRegular,.grayBigRegular label{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:normal;}
.grayBigBold{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:bold;}
.grayBigBoldCentered{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:bold;text-align:center;}
.grayBig{font-size:12pt;color:#666666;font-family:Arial;}
.grayNormal{font-size:10pt;color:#666666;font-family:Verdana,Arial;}
.grayNormalBold{color:#666666;font-family:Arial;font-size:10pt;font-weight:bold;}
.grayNormalBoldPlus{font-weight:bolder;font-size:10px;color:#666666;font-family:Arial;}
.company_12 .grayNormalRegular{color:#666666;font-family:Arial;font-size:12px;font-weight:normal;}

.company_11 h1, .company_11 .h1{font-size:14px;margin:0;font-weight: bold;color:#FF6600;text-align:left;}
.company_11 h2, .company_11 .h2{font-size:12px;margin:0;color:#000066;text-align:left;}
.company_11 h4, .company_11 .h4{font-size:11px;margin:0;color:#666666;text-align:left;}
.company_11 h3, .company_11 .h3{color:#ff6600;font-size:12px;font-weight:bolder;text-align:left;margin: 0px 0px 0px 0px }
.emailHeader{width:760px;margin-left:auto;margin-right:auto}
.emailHeader a{float:left; margin-right:10px;margin-bottom:10px}
.emailBody{margin-top:10px}

.company_12 h1, .company_12 .h1{font-size:14px;margin:0;color:#FF6600;text-align:left;font-weight:bold}
.company_12 h2, .company_12 .h2{font-size:12px;margin:0;color:#000066;}
.company_12 h4, .company_12 .h4{font-size:11px;margin:0;color:#666666;}
.company_12 h3, .company_12 .h3{font-size:12px;margin:0;color:#FF6600;text-align:left;font-weight:bolder}

.company_12 .heading1, .company_11 .heading1{font-size:16px;margin:0;color:#FF6600;font-weight:bold;}
.company_12 .heading2, .company_11  .heading2{font-size:14px;margin:0;color:#000066;font-weight:bold;margin-bottom:4px;}
.company_11 .heading3{font-size:8pt;font-weight:700;margin:0;color:#FF6600; text-align:center !important;/*display:block;*/}
.company_11 .normal .heading3{text-align:left !important;}
.company_11 .sidemenus .heading3{text-align:left !important;}
.company_12 .heading3 {background-color:#FFFFFF;color:#ff6600;font-size:8pt;font-weight:bolder;}
.company_12 .heading4, .company_11  .heading4{font-size:12px;font-weight:bold;color:#FF6600;}
.company_12 .heading5, .company_11  .heading5{font-size:12px;display:block;font-weight:100;color:#666666;}

.company_11 .helplinks{margin:10px 10px 10px 0px;width:112px;text-align:center;}
.company_12 .helplinks{margin:10px;text-align:center;}
.helplinks img{margin:10px 0;}
.helplinks img.solidborder{border:1px solid #000000 !important;}
.howToInvest h2{margin-top:20px;}
.howToInvest p{margin-top:0;clear:both;}
.howToInvest li ul{margin-bottom:5px;}
.howToInvest table{margin-bottom:20px;}
.howToInvest .block th,.howto .block td{text-align:left;padding:2px;font-weight:bold;}
.howToInvest td{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:normal;}
hr.hrsmall{width:100px;text-align:left;margin-left:0;}
.hundred{width:100%;}
.inline{display:inline !important}
.tablesMainPage th{color:#000066 !important;background-color:White !important;font-weight:bold !important;}
.tablesMainPage td{font-weight:normal !important;color: Black }
.infoarea table{font-size:12px;}
/*input,select,.text{font:12px Arial;padding:1px;margin:1px;}*/
.justify{text-align:justify !important;}
/*label{font:bold 11px Arial;color:#000066;}*/
/*.label{font:bold 11px Arial;color:#000066;}*/
.left{text-align:left !important;}
.company_11 .leftMenu{font-size:11px;margin:0 0 20px 0;text-align:left;}
.company_11 .leftMenu a{color:#000066;text-decoration:none;background:url('/Resources/Images/MENUON.gif') no-repeat 0 4px;display:block;font-size:8pt;padding:0 0 0 11px;}
.company_12 .leftMenu{font-size:10px !important;font-family:Verdana,Arial,Sans-Serif;margin:0 0 20px 5px; text-align:left;}
.company_12 .leftMenu a{color:#000066;text-decoration:none;background:no-repeat 0 4px;display:block;font-size:10px;padding:0 0 0 11px;}
.leftMenu a:hover,.leftMenu a.selected{color:#FF6600;text-decoration:none;}
.company_12 .leftMenuTitle{background-color:#ffffff;font-family:Verdana,Arial,'MS Sans Serif';color:#ff6600;font-size:8pt;font-weight:bold;}
.leftSubMenu{font-size:11px;margin:0 0 20px 0;}
.leftSubMenu a{color:#000066;text-decoration:none;background:url('/Resources/Images/menular.gif') no-repeat 15px 4px;display:block;padding:0 0 0 22px;}
.leftSubMenu a:hover,.leftSubMenu a.selected{color:#FF6600;text-decoration:none;}

li.title{font-size:12px;}
.logout td{width:164pt;height:87pt;font-size:11px;margin:0;color:#666666;}
.logout label{font-family:Arial,Verdana;color:#000066;font-size:12px;font-weight:bold;}
.listBoxOptions select.listBox{width:260px;}
.marginMinusFive{margin-left: -5px}
.marketwatch table{float:left;width:408px;display:inline;}
.menus{float:right;margin:0 2px;color:#FFFFFF;font-size:8pt;font-weight:bold;display:inline;}
.menus div{clear:both;float:right;white-space:nowrap;display:inline;}
.menus a{color:#FFFFFF;text-decoration:none;}

.company_11 .mainMenu{margin: 0px 4px 0 0;}
.company_12 .mainMenu{border:solid 1px #DDDDDD; padding-bottom:0px; background-color:#ffffff; padding-left:8px; padding-right:0px;margin-right:0px;font-family:Verdana,Arial;height:19px;color:white;font-size:10px;cursor:default;padding-top:0px;text-decoration:none;font-weight:bold;}
.company_11 .mainMenu a {padding: 0 8px 0 8px;font-size: 8pt;font-weight: 900;}
.company_12 .mainMenu a{color:#000066;font-size:10px;padding-bottom:0px;padding-left:0px;padding-right:8px;padding-top:0px;text-decoration:none;border-right:solid 1px #DDDDDD;}
.company_11 .mainMenu a.selected{color: #FF6600;}
.company_12 .mainMenu a.selected{color: #FF6600;}
.company_11 .selectedMenuItem a{color:#FF6600;}
.company_12 .selectedMenuItem a{color:#FF6600;} 

.company_11 .middlemainmenu{font-family:verdana,arial;}
.company_11 .middlemainmenu a{height:15px;BACKGROUND-COLOR:#000066;COLOR:#ffffff;TEXT-DECORATION:none;font-weight:bold;}
.company_11 .middleMainMenu a.selected{color:#000066;height:15px;background-color:White;}
.company_11 .main{width:790px;display:block !important;}

.company_12 .middleMainMenu{font-family:verdana,arial;height:22px;color:#ffffff;font-size:10px;cursor:default;text-decoration:none;}
.company_12 .middleMainMenu tr td {border:solid 1px #DDDDDD;}
.company_12 .middleMainMenuSelected{background-color:White;color:#000066;font-weight:bold;border:solid 1px #DDDDDD;}
.company_12 .middleMainMenu a{height:15px;BACKGROUND-COLOR:#000066;COLOR:#ffffff;TEXT-DECORATION:none;font-weight:bold}
.company_12 .middleMainMenu a.selected{color:#000066;height:15px;background-color:White;font-weight:bold;}
.company_12 .main{width:765px;display:inline !important;}

.company_11 .sidemenus{width:112px;float:left;display:block;}
.company_12 .sidemenus{width:145px !important;float:left;display:inline;display:block;overflow:visible;padding-top:5px;}

#sidemenus{float:left;display:inline;overflow:visible;}

.marginRight{margin-right:105px;}

.marketNews input.text{width:143px;}
.marketNews select{width:150px;}
.marketNews .pageSize select{width:auto;}
.marketNews .pageSize{width:1%;}

.company_11 .marketResume table{text-align:center;width:170px;margin:0;padding:0;}
.company_11 .marketResume td.up,.marketResume td.down{padding-left:0px;background-position:3px 3px;}
.company_12 .marketResume table{text-align:center;width:200px;margin:0;padding:0;}
.company_12 .marketResume td.up,.marketResume td.down{padding-left:0px;}

.mifidComplexity{color:Black;font-weight:bold;}
.mifidDisclaimer{text-align:left;font-family:Arial;font-size:12px;border:1px solid #CDCDCD;padding:10px;margin:10px;}

.modalBackground{background-color:White;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;}
.multipleSelect{width:215px!important;}
.message{text-align:left;border:2px solid Orange;padding:10px;margin:10px 10px;}
.messageConfirmation label{color:Red;font-size:7.5pt;}
.mysheet{background:url('/Resources/Images/ad_lista.gif') no-repeat 3px 0px;padding:2px 0 0 25px;}
.nextpage{border-style:solid;border-color:Black;border-bottom-width:2px;border-top-width:2px;border-left-width:1px;border-right-width:1px;padding:0px 4px 0px 4px;background-image:url('/Resources/Images/nav_seguinte.gif');background-repeat:no-repeat;background-position:center;background-color:White;text-decoration:none;}
.noticiaBlue{color: rgb(35,35,123)}
.noticiablue{color: rgb(35,35,123)}
.noticiaBlue span{color:#6495ED;}
.noticiared{color:Red;}

.notselectedpage{padding:2px 2px 2px 2px;background-color:#000066;text-decoration:none;color:White; border: 1px solid #000066;}

.company_11 .Normal, .company_11 .normal{text-align:left;font-family:arial;font-size:12px;}
.NormalJust{color:#666666;font-size:12px;}
.NormalOut{color:#333333;font-size:12px;font-weight:bolder;}
.normalStrong{font-family:arial;font-size:12px;font-weight:bold;}
.normalStrongBlack{color:black;font-family:arial;font-size:12px;font-weight:bold;}
.normalSmall{font-family:Arial;font-size:10px !important;}
.NormalSmall{font-family:Arial;font-size:10px !important;}
.nowrap,.nowrap td{white-space:nowrap;}
.notes2{font-size:8pt;color:Gray;}
.objectCenter{margin:auto;}
.orangeSmallRegular{font-family:Arial,Verdana;color:#FF6600;font-size:10px;}
.orangeSmallBold{font-family:Arial,Verdana;color:#FF6600;font-size:10px;font-weight:bold;}
.orangeSmallSemiBold{font-family:Arial,Verdana;color:#FF6600;font-size:10px;font-weight:900;}
.orangeMediumRegular{font-family:Arial,Verdana;color:#FF6600;font-size:11px;font-weight:normal;}
.orangeMediumBold{font-family:Arial,Verdana;color:#FF6600;font-size:11px;font-weight:bold;}
.orangeBigRegular{font-family:Arial,Verdana;color:#FF6600;font-size:12px;font-weight:normal;}
.orangeBigBold{font-family:Arial,Verdana;color:#FF6600;font-size:12px;font-weight:bold;}
.orangeHugeBold{font-family:Arial,Verdana;color:#FF6600;font-size:15px;font-weight:bold;}
.orangeGiantBold{font-family:Arial,Verdana;color:#FF6600;font-size:16px;font-weight:bold;}
.company_11 .openAccountHolder th{background-color:#FF8C00;color:White;text-align:left !important;padding-left:5px;margin-top:20px}
.company_11 .openAccountHolder td{vertical-align:middle;padding-top:2px}

.company_11 .openAccountHolder input[type="image"]{vertical-align:middle;}
.company_11 .openAccountHolder .fullline{width:473.57px}
.company_11 .openAccountHolder .locality{width:361.79px}
.company_11 .openAccountHolder .postalcode{width:99.35px}
.company_11 .openAccountHolder .country{width:167.24px}
.company_11 .openAccountHolder .max40{width:381.23px}
/*p{font-family:Arial,Verdana,Sans-Serif;text-decoration:none;font-size:12px;display:block;color:#666666;}*/
.pagingnext{background-image:url('/Resources/Images/nav_anterior.gif');}
.pagingprevious{background-image:url('/Resources/Images/nav_seguinte.gif');}
.personalization a{display:block;}
.personalization li{margin-bottom:5px;color:#FF6600;}
.personalization li span{color:#666666;}
.personalPageOptions table{width:200px;margin:10px 0;}
.personalPageOptions select{width:100%;}
.personalPageOptions img{margin:20px;}
.pdf{background:url('/Resources/Images/pdf.gif') no-repeat 3px 0px;margin:5px;display:inline-block;padding:5px 0 5px 30px;}
.previouspage{border-style:solid;border-color:Black;border-bottom-width:2px;border-top-width:2px;border-left-width:1px;border-right-width:1px;padding:0px 4px 0px 4px;background-image:url('/Resources/Images/nav_anterior.gif');background-repeat:no-repeat;background-position:center;background-color:White;text-decoration:none;}
.precario {margin:0 0px;text-align:justify;color:#666666;}
.precario h2{margin-bottom:10px;}
.precario span{font-size:16px;font-weight:bold;margin:0;color:#FF6600;vertical-align:super;padding:2px;}
.precario table th,.precario table td{padding:0 10px;margin:0px;}
.precario .depositos table th{background-color:#000066;color:#FFFFFF;}
.precario .depositos table{font-weight:bold;text-align:center;margin:5px 0 5px 30px;}
.precario .notes{text-align:left;font-weight:bold;width:100%;padding:10px 10px 10px 0;}
.precario .notes p{margin:0;padding:0;}
.precario .notes ol{vertical-align:super;margin:5px;padding:0 20px;}
.precario .notes li{vertical-align:baseline;}
.company_11 .print{background:url('/Resources/Images/impressora.gif') no-repeat 3px 1px;padding:2px 0 0 25px;text-decoration:none;margin-right:4px;}
.company_12 .print{background:url('/Resources/Images/impressora.gif') no-repeat 3px 0px;padding:0px 0 0 25px;text-decoration:none; margin-right:4px;}
.company_11 .printWalletWithdraw{background:url('/Resources/Images/impressora.gif') no-repeat right middle;}
.company_12 .printWalletWithdraw{background:transparent}
.printTechSheet{background:url('/Resources/Images/impressora.gif') no-repeat 3px 2px;padding:2px 0 0 25px;text-decoration:none;margin-right:4px;}

.printHeaderBPI{display:none;}
.printHeaderBBPI{display:none;}

.productsAndServices p{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:normal;}
.productsAndServices span{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:bold;}
.productsAndServices li{margin-bottom:5px;}

.quickQuote{margin:3px 5px;}
.quickQuote label{display:block;font-size:11px;}
.quickQuote .text{width:inherit;}
.quickQuote .ibtnQuoteOK{margin:0,10px,0,6px;padding-top:2px;}
.quickQuote select{width:inherit;font-size:10px;}
.quickQuoteDialogContent{color:#666666;margin-right:10px;margin-left:10px;margin-top:5px;}
.quickQuoteGoTo{margin:0px 0px 0px 5px;}
.quickQuoteGoTo select{width:100%;font-size:10px;}

.radioBtnStyle label{font-size:12px !important;}
.radioBtnStyleBlack label{font-size:12px !important;color:#000000 !important;}
.company_11 .rentabilitiesSimulator{width:100%;margin:0 20px 0 0;text-align:justify;}
.company_12 .rentabilitiesSimulator{width:100%;margin:0 20px;text-align:justify;}

.rentabilitiesSimulator > table{width:520px;background-color:#eeeeee;margin:10px auto;}
.rentabilitiesSimulator select{width:100px;}
.removemysheet{background:url('/Resources/Images/rm_lista.gif') no-repeat 3px 0px;padding:2px 0 0 25px;}
.right{text-align:right !important;}
.risknotes{font-weight:bold!important;vertical-align:baseline;}
.risknotes div{margin-bottom:10px;text-align:justify;}
.risknotes div.risktable{text-align:center;margin:10px auto;}
.risknotes table{border-collapse:collapse;text-align:center;display:inline;}
.risknotes span{display:inline-block;margin:5px;}
.risknotes table span{display:block;margin:2px;}
.risknotes td{border:1px solid #666666;border-collapse:collapse;padding:4px;}
.security li{margin-bottom:10px;color:#666666;font-family:Arial;font-size:10pt;font-weight:bold;}
.security p{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:normal;}
.security span{font-family:Arial,Verdana;color:#666666;font-size:12px;font-weight:normal;}
.security h2{font-size:14px;margin:0;color:#000066;font-weight:bold;margin-bottom:4px;}
.selectedpage{padding:2px 2px 2px 2px;background-color:Orange;text-decoration:none;color:Black;}

.stockHistory .dates{width:100%;margin:5px 0;}
.stockHistory .dates > table{margin:10px;}
.stockHistory .notes,.stockQuotes .notes{text-align:center;}
.stockQuotes .backgroundGray{width:100%;margin:5px 0;}
.stockQuotes .backgroundGray > div{margin:10px;}
.stockQuotes .datePickerControl label{width:auto;}
.company_11 .strikePricePad{padding-bottom:10px}
.company_12 .strikePricePad{padding-bottom:0px}
.submit{color:#000066;font-weight:700 !important;border:1px solid #000066;margin:2px;background-color:#FFFFFF;padding:2px;text-decoration:none;font-size:12px;text-align:center;}
.submitLink{color:#000066;font-weight:700 !important;border:1px solid #000066;background-color:#FFFFFF;text-decoration:none;font-size:12px;text-align:center;vertical-align:middle;}
.submitDepth{color:#000066;font-weight:900;border:1px solid #000066;background-color:#FFFFFF;text-decoration:none;font-size:12px;text-align:center;padding-top:3px;padding-bottom:4px;padding-left:12px;padding-right:10px;font-size:13px;display:inline-block;}
a.submitDepth,a:hover.submitDepth{cursor:pointer;}
.submitHidden{display:none;visibility:hidden;}
.submitDisabled{color:#666666 !important;font-weight:700 !important;border:1px solid #666666;margin:2px;background-color:#FFFFFF;padding:2px;text-decoration:none;font-size:12px;text-align:center;}
.sheet{background:url('/Resources/Images/infosmall.gif') no-repeat 3px 0px;padding:2px 0 0 25px;}
.stockNotificationsOptions .text{width:60px;}
.stockNotificationsOptions select{width:150px;}
.simlinks a{font-size:12px;}
.simlinks span{margin:0 10px;}
.company_12 .siteMapBullet{border-left-style:solid;border-left-width:1px;border-left-color:#000000;border-bottom-style:solid;border-bottom-color:#000000;border-bottom-width:1px;}
.siteMapHeader{border-bottom:darkblue thin solid;border-left:darkblue thin solid;background-color:navy;color:white;font-size:10pt;border-top:darkblue thin solid;font-weight:bolder;border-right:darkblue thin solid;text-decoration:none;}
siteMapHeader a,.siteMapHeader a{color:#FFFFFF!important;text-decoration:none;}
.siteMapLink a{font-size:11px;background-color:White;font-family:Arial;text-decoration:none;}
.siteMapTopBullet{border-left-style:solid;border-left-width:2px;border-left-color:#000066;border-bottom-style:solid;border-bottom-color:#000066;border-bottom-width:2px;}
.siteMapBottomBullet{border-left:darkblue 2px solid;line-height:0px;}
.spacedheading{font-size:14px;margin:0;color:#FF6600;font-weight:bold;padding:0px 5px;}
.smallblue{font-size:10px;color:#000066;font-weight:bold;padding:5px;}
.smallBlueBold{font-size:11px;color:#000066;font-weight:bold !important;font-family:Arial,Verdana,Sans-Serif;}
.standardHorizontalSeparator{border-top:1px solid #666666;width:100%;margin-top:10px;clear:both;}
.stopImg{width:16px;height:16px}
#usrIndexSelectionControl th{background-color:Black;}
.tabelaHeader{background-color:#000066;color:White;font-weight:bold;text-align:center;}
.tabelaHeaderBig{color:White;background-color:#000066;font-weight:bold;text-align:center;font-size:12px;vertical-align:middle;}
.tabelaFundosHeader{font-size:12px;font-family:Arial,Sans-Serif;font-weight:bold;}
.tabelaFundosBody{font-size:12px;font-family:Arial,Sans-Serif;font-weight:normal;}
table{font-size:10px;margin:0;padding:0;}
.tableHeader{font-size:11px;color:White;font-weight:bold;}
.company_12 #rdoMovements{font-size:22px !important;}
.topBottomSpacing{padding:10px 0;}
.technicalSheet .submit{width:70px;float:none;}
.technicalSheet .graphperiod{white-space:nowrap;text-align:center;font-family:Arial;color:#000066;font-size:12px;}
.technicalSheet .graphperiod a{margin:0 5px;}
.technicalSheet .graphperiodSelected{white-space:nowrap;text-align:center;font-family:Arial;color:#FF6600;font-size:12px;}
table.grid td{border:1px solid #000066 !important;}

#titles_news_ctrl .news_providers_menu{padding:1px 0px 7px 0px;}
#comments_ctrl .comments_block_hp p,
#titles_news_ctrl .news_block_hp p{text-align:left; margin:0px;}
#comments_ctrl .comments_block_hp .comments_footer_hp,
#titles_news_ctrl .news_block_hp .noticia_footer_hp{background-color:White;border:solid 1px White;color:#666;font-weight:700; font-family:Arial;font-size:10px;margin:0px; padding-bottom:3px;}
#comments_ctrl .comments_block_hp .comments_body_hp a{font-weight:700;}
#comments_ctrl .comments_block_hp .comments_body_hp a,
#titles_news_ctrl .news_block_hp .noticia_body_hp a{color:#000066;font-size:11px;text-decoration:none;}
#comments_ctrl .comments_block_hp .comments_body_hp a:active,
#titles_news_ctrl .news_block_hp .noticia_body_hp a:active{text-decoration:none;}
#comments_ctrl .comments_block_hp .comments_body_hp a:link,
#titles_news_ctrl .news_block_hp .noticia_body_hp a:link{text-decoration:none;}
#comments_ctrl .comments_block_hp .comments_body_hp a:visited,
#titles_news_ctrl .news_block_hp .noticia_body_hp a:visited{text-decoration:none;}
#comments_ctrl .comments_block_hp .comments_body_hp a:hover,
#titles_news_ctrl .news_block_hp .noticia_body_hp a:hover{text-decoration:underline;}

.textBoxLayout{overflow:auto;width:500px;height:75px;}
.textBoxLayoutTrf{overflow:auto;width:230px;height:50px;}
.textBoxSugestionLayout{width:420px;height:75px;overflow-y:scroll;overflow-x:hidden;}
.topic table{margin:0 0 20px 10px;}
.topic table td{white-space:nowrap;vertical-align:bottom;}
.topic h4{margin:0 0 0 10px;}
.topic table h4{margin:0 0 0 -10px;}
.topic .small{font-size:9px;}

.company_11 .topHeader{background:#000066 0 1px; width:790px;height:46px;}
.company_12 .topHeader{background:#ffffff 0 1px; width:790px;}
.company_11 .topHeader img{float:left;margin-top:1px; display:inline;}
.company_12 .topHeader img{float:right;margin-top:1px; display:inline;}

.company_11 .topHeaderLabelDark{color:#000066;font-size:12px;}
.company_12 .topHeaderLabelDark{font-family:Verdana !important;color:#000066 !important;font-size:8pt;font-weight:700;}
.company_11 .topHeaderLabelLight{color:#666666;font-size:12px;}
.company_12 .topHeaderLabelLight{font-family:Verdana !important;color:#666666 !important;font-size:10px;font-weight:normal;}
.company_12 .topHeaderLabelLight select{border-color:#d4d0d8;font-family:Verdana;font-size:11px;width:100px;padding:2 2 2 2;}
.company_12 .topHeaderDate{font-family:Verdana !important;color:#000066;font-weight:normal;font-size:10px;text-align:right;}
.company_11 .tradeOrderDDLs{width:180px;padding:0px,0px,0px,0px;}
.company_12 .tradeOrderDDLs{width:180px;}
.LiquidationCurrencyControlDiv{border:1px solid red;padding:10px;}
.tradeOrderTypeRadio td{padding-left:15px;vertical-align:inherit;}
.tradeOrderTypeRadio td label {padding-left:2px;font-family:arial;font-size:12px;font-weight:bold;color:#000000;vertical-align:17%}
.tradeOrderTypeBG{border:15px solid #FFFFFF;padding:5px;background-color:#EEEEEE;width:100%;}
.tradeOrderType{text-align:left;padding-left:20px;padding-top:0px;padding-bottom:0px;}
.tradeOrderBG{background-color:#EEEEEE;width:100%;line-height:12px;}
.tradeOrderBG td{text-align:left;}
.tradeOrderBG2{border:10px solid #FFFFFF;padding:5px;width:100%;}
.tradeOrderDDLsTable{margin-left:10px;}
.tradeOrderInputs{padding:0px;margin:0px;width:100%;}
.company_11 .tradeOrderColumnSpacer{padding-left:0;}
.company_12 .tradeOrderColumnSpacer{padding-left:10px;}
.tradeOrderColumnVLine{border-left-style:solid;border-left-width:2px;border-left-color:#000000;}
.tradeOrderWarrantsWarningsImage{vertical-align:middle;}
.tradeOrderWarrantsWarningsTitle{text-transform:uppercase;text-decoration:underline;color:#ff0000;font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bolder;}
.tradeOrderWarrantsWarningsText{display:block;margin-left:20px;margin-right:20px;text-align:justify;}
.ticker,.ticker object,.ticker embed{width:790px;height:31px;background:#eeeeee;margin:0;padding:0;}
.company_11 .topMenu{margin-bottom:14px;margin-right:4px}
.company_12 .topMenu{margin-bottom: 10px ;margin-right: 5px;font-weight:bold;font-family:Verdana,Arial;color:#000066;}
.company_11 .topMenu a{background:url('/Resources/Images/TRIANGULO.gif') no-repeat;display:block;float:left;padding:0 8px 0 9px;font-size:8pt;display:inline;}
.company_12 .topMenu a{background:url('/Resources/Images/TRIANGULO.gif') no-repeat;display:block;float:left;padding: 2px 7px 0 7px;font-size:8pt;display:inline;text-decoration:none;color:#000066;}
.portfolioCells{border-bottom:white 1px solid;border-left:white 1px solid;border-right:white 1px solid;border-top:white 1px solid;margin:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px }
.underline{text-decoration:underline;}
.dontUnderline,.dontUnderline a{text-decoration:none;}
.uppercase{text-transform:uppercase;}
.company_11 .up, .company_11 .down, .company_11 .equal{background-repeat:no-repeat;background-position:3px 6px;padding-left:15px;}
.company_12 .up, .company_12 .down, .company_12 .equal{background-repeat:no-repeat;background-position:3px 3px;padding-left:15px;}

.up{background-position: 3px 4px;
	background-repeat:no-repeat;	background-image:url('/Resources/Images/var_subir.gif');	vertical-align:middle;
}
.rentabilitiesSimulator,.rentabilitiesSimulator .up{background-repeat:no-repeat;background-position:3px 3px;}
.rentabilitiesSimulator,.rentabilitiesSimulator .down{background-repeat:no-repeat;background-position:3px 3px;}
.rentabilitiesSimulator,.rentabilitiesSimulator .equal{background-repeat:no-repeat;background-position:3px 3px;}
.technicalSheet .up,.down{background-repeat:no-repeat;background-position:3px 4px;padding-left:15px;}
.varup,.vardown{padding-left:10px !important;width:100%;}
.varup{color:#008000;}
.vardown{color:#ff0000;}
.w50{width:50px !important;}
.walletOrdersListBG{border:0px solid #EEEEEE;margin:auto;padding:10px;background-color:#eeeeee;width:600px;}
.walletOrdersListDDLs{width:145px;}
.walletOrdersListNotesSeparator{width:100px;border-bottom-color:#000000;border-bottom-width:1px;bottom:10px;border-bottom-style:solid;}
.company_11 .walletAccoutPositionGroup, .company_11 .walletAccoutPositionGroup a{width:350px;background-color:#000066;font-family:Arial;font-size:12px;font-weight:bold;color:#ffffff;padding-right:5px;}
.company_12 .walletAccoutPositionGroup, .company_12 .walletAccoutPositionGroup a{width:350px;background-color:#000066;font-family:arial;font-size:11px;font-weight:bold;color:#ffffff;padding-left:5px;}
.walletAccoutPositionItemLevel1{width:200px;margin-left:10px;font-size:12pt;color:#666666;font-family:Arial;}
.walletAccoutPositionItemLevel2{width:200px;margin-left:15px;font-size:12pt;color:#666666;font-family:Arial;}
.walletAccoutPositionItemLevel3{width:200px;margin-left:20px;font-size:12pt;color:#666666;font-family:Arial;}
.walletAccoutPositionItemValue{width:150px;margin-left:200px;}
.walletWithdrawDataTableLeft{width:200px;}
.walletDepositCheckHorizontalSpacer{margin-top:30px;}
.warningMesssageText{font-family:Arial;color:#666666;font-size:10px;font-weight:bolder;}
.wizardHeaderItems{text-align:right;}
.wizardHeaderItems a{font-weight:bold;}
.wizardsteps{padding:2px;text-align:right;margin-right:10px;}
.company_11 .wizardsteps span{border:1px solid #000066;color:#000066;padding:0px 3px;font-size:10px;}
.company_11 .wizardsteps span.current{border:none;background-color:#ff6600;color:#ffffff;padding:1px 4px;}
.company_12 .wizardsteps span{border:1px solid #000066;color:#000066;padding:0px 2px;font-size:9px;}
.company_12 .wizardsteps span.current{border:none;background-color:#ff6600;color:#ffffff;padding:0px 3px;}
.wizard label{display:inline-block;padding:3px;}
.zone1{clear:left;width:500px;}
.zone2{clear:right;width:200px;}
.tradeTimeTable{padding:0px;margin:2px;border-style:none;border-width:0px;width:210px;}
.tradeTimeTableHeader{width:70px;}
.tradeTimeTableSpacerHeight{height:1px;font-size:1px;}
.displayInPrint{display:none;}
.company_11 .dontDisplayInPrint{display:block;}
  
.listBoxOptions .IndexDDL { width:130px;}


/*MasterPages*/
#sidemenus .bannerControl{margin-bottom:20px; text-align: center;}
#sidemenus .bannerControl .separator{margin-bottom:10px;}


/*JsTicker*/
#jsticker{background-color: white; margin-bottom:5px; width:100%}
#jsticker .safe_mode{border-bottom:1px solid white; color: White;}
.company_12 #jsticker{margin-top:0px !important;}
.ticker_row{border-bottom:1px solid black; }
.ticker_container .block{padding:0px 2px; clear:both;}
.ticker_container .block .separator{padding:0px 2px;}
.ticker_container .block .name{padding-right:4px; font-weight:700;}
.ticker_container .block.hover{background:#FFEBC7; cursor:default;}
.ticker_container .block.hover .separator{color:black;}
.ticker_container .block a{text-decoration: none; color:black;}
.ticker_container .positive{color:green;}
.ticker_container .negative{color:#C00;}
.ticker_container .same{color:black; font-weight:700; font-size:14px;}



.stockSelectionControl{margin-top:15px; clear:both;}
.stockSelectionControl label{width: 50px; float: left;  margin-right: 0.5em; text-align:right; margin-top:3px}
.stockSelectionControl  span {float:left;}

.stockSelectionControl select{width:130px;margin-right:5px;}
.stockSelectionControl .margin{margin-right:30px;}

#etf_linksList ul{margin-top:0px;}
#bond_linksList ul{margin-top:0px;}
#markets{text-align:justify;}
#markets #infoBlocks{ width:220px; float:right; text-align: right; padding: 0px 0px 20px 20px;}

.technicalSheet .header{margin-top:12px;}
.technicalSheet .printTechSheet{font-size:12px; font-weight:normal; float:right;}

.technicalSheet .leftColumn {float:left; width:66.66%;}
.technicalSheet .rightColumn {float:right; width:33.33%; margin-top:0px; text-align:right;}
.technicalSheet .rightColumn  p{text-align:center;}
.technicalSheet h3{padding:2px;}
.technicalSheet .topBorder{border-top: 1px solid #CCC; margin-top: 12px; padding-top:10px;}

.technicalSheet .linksGroup{padding-top:6px; margin:6px 0px 12px 0px; border-top:1px solid black;}

.technicalSheet #graphCotacoes {margin-bottom:10px;}
.technicalSheet #graphCotacoes .header{padding-left:44px;}
.technicalSheet #graphCotacoes .header p{margin:0px; height: 1em;}
.technicalSheet #graphCotacoes .graph {float:left; margin-right:30px;}
.technicalSheet #graphCotacoes .infoSector{clear:both; margin-top:45px;}
.technicalSheet #graphCotacoes .infoSector p{margin:0px 0px 3px 0px;}
.technicalSheet #graphCotacoes .info {}
.technicalSheet #graphCotacoes .info table{margin-top:15px;}


.technicalSheet .graphPerformance{text-align:right; margin-bottom:10px; margin-top: 26px; }
.technicalSheet .graphPerformance img, .technicalSheet #graphCotacoes .graph img {margin-top:12px;}
.technicalSheet .graphPerformance .indexInfo{text-align:center;}
.technicalSheet .graphPerformance .indexInfo span {margin:2px;}

.technicalSheet .infoTable {width:33.33%; float:left;}
.technicalSheet .infoTable th{width:100%; height:1.7em;}
.technicalSheet .infoTable td{padding:2px 0px;}
.technicalSheet .infoTable h3{height: 1em;}

.technicalSheet #infoGerais{ clear:both;}

.technicalSheet .etfInfoBox {clear:both;}
.technicalSheet .etfInfoBox td {font-size:11px;}
.technicalSheet .etfInfoBox td.title{font-weight:700; width:125px;}
.technicalSheet .etfInfoBox ul{ list-style: none; margin-left: 0; padding-left: 0em; text-indent: 0em;} 

.technicalSheet  #etf_linksList{text-align:left;}
.technicalSheet  #etf_linksList h3{font-family:Arial,Verdana;color:#000066;font-size: 11px;font-weight:700; padding:0px; margin:0px;}
.technicalSheet  #etf_linksList li a{font-size:11px; color:#666;}
.technicalSheet  #etf_linksList ul li, .technicalSheet  #etf_linksList h3{height:16px;margin-top:2px;}
.technicalSheet  #etf_linksList ul li.separator{padding-top: 16px;}

.technicalSheet .bondInfoBox {clear:both;}
.technicalSheet .bondInfoBox td {font-size:11px;}
.technicalSheet .bondInfoBox td.title{font-weight:700; width:165px;}
.technicalSheet .bondInfoBox ul{ list-style: none; margin-left: 0; padding-left: 0em; text-indent: 0em;} 

.technicalSheet  #bond_linksList{text-align:left;}
.technicalSheet  #bond_linksList h3{font-family:Arial,Verdana;color:#000066;font-size: 11px;font-weight:700; padding:0px; margin:0px;}
.technicalSheet  #bond_linksList li a{font-size:11px; color:#666;}
.technicalSheet  #bond_linksList ul li, .technicalSheet  #bond_linksList h3{height:16px;margin-top:2px;}
.technicalSheet  #bond_linksList ul li.separator{padding-top: 16px;}

/*If we are seeing the ETFs version*/
.etf.technicalSheet .etfInfoBox{display:block;}
.etf.technicalSheet #infoGerais {float:left; clear:none;}
.etf #negotiationOnYear{margin-top:12px;}
.etf #informationTablesDevider{display:none;}

/*If we are seeing the Bonds version*/
.bond.technicalSheet .bondInfoBox{display:block;}
.bond.technicalSheet #infoGerais {float:left; clear:none;}
.bond #negotiationOnYear{margin-top:12px;}
.bond #informationTablesDevider{display:none;}

/* For the WarningZoneControl */
.WarningZoneControl{display:block; clear:both; }
.WarningZoneControl.topBorder{border-top: 1px solid #CCC; padding-top:10px;}
.WarningZoneControl h2.headTitle{font-weight:700; margin-bottom: -10px;}
.WarningZoneControl .warning_container{background-color:#AAA;}
.WarningZoneControl .warning_container  *{color:White; font-weight:700;}
/*.WarningZoneControl .grayBorder{border: 1px solid #CCC;  padding: 12px 0px;}*/
 
 /* PersonalInformation */
.personalization #user_accounts_table th{background:none;}
.personalization #user_accounts_table tbody.ui-sortable .drag {width:6px;}
.personalization #user_accounts_table tbody.ui-sortable .drag span{height:9px; width:6px; display:block;}
.personalization #user_accounts_table tbody.ui-sortable .drag .arrow_bi{background-image:url('/Resources/Images/arrow_bi.gif')}
.personalization #user_accounts_table tbody.ui-sortable .drag .arrow_up{background-image:url('/Resources/Images/arrow_up.gif')}
.personalization #user_accounts_table tbody.ui-sortable .drag .arrow_down{background-image:url('/Resources/Images/arrow_down.gif')}
.personalization #user_accounts_table tbody.ui-sortable tr:hover{background-color:#FFF7E8; cursor:N-resize;}
.personalization #user_accounts_table tbody tr .radiobutton{cursor:default;}
.personalization #user_accounts_table tbody.ui-sortable input[type="radio"]{cursor:default}
.personalization #user_accounts_table tbody td{padding:5px;}
.personalization #user_accounts_table tbody td input.text{width:151px;} /*can't be 100% because of IE7*/
.personalization #user_accounts_table thead .user_account_default{width:140px; text-align:left;}
.personalization #user_accounts_table thead .user_account_number{}
.personalization #user_accounts_table thead .user_account_alias{}
.personalization #user_accounts_table .ui-state-highlight { height: 1.5em; line-height: 1.2em;}
.personalization #user_accounts_table  .ui-state-highlight  td{background-color:#FFEBC7; border:1px dashed #F60;}

.favoriteBondSheet {background:url('/Resources/Images/info2.gif') no-repeat 3px 0px;padding:2px 0 0 25px;}

.favoriteBond {background-color:#FF8C00;}
.favoriteBondKhaki {background-color:#F0E68C;}
.favoriteBondCyan {background-color:#00FFFF;}
.favoriteBondGreen {background-color:#00FF00;}
.favoriteBondOrange {background-color:#FF8C00;}
.disabled{    background: #E8E8E8; 
    color: #8D8D8D; 
    cursor:default;
    }
}
 
@media print{
.company_11 #content{float:left;font-size:9pt;color:#666666 !important;width:648px;display:inline;}
.company_12 #content{float:left;font-size:9pt;color:#666666 !important;width:645px;display:inline;}
.company_12 .content{margin:5px 0px 0px 5px;width:645px;display:inline;text-align:left;}
.company_11 .accountInfo{display:block !important;}
.company_12 .accountInfo{display:block !important; width:645px;}
.dontDisplayInPrint{display:none;}
.displayInPrint{display:block;}
.company_11 .printHeaderBPI{display:block;}
.company_11 .printHeaderBBPI{display:none;}
.company_12 .printHeaderBPI{display:none;}
.company_12 .printHeaderBBPI{display:block;}
.company_12 .dialogheader a{display:none;}
.menus{display:none;}
.sidemenus{display:none !important;}
th, .th {font-size:10px; color:#000066; }
th a,.th a{color:#000066!important;text-decoration:underline;}
#jsticker{display:none;}
.company_11 .topHeader{display:block !important;}
.company_12 .topHeader{display:block !important; height:50px;}
.footer{text-align:center !important;border-top:1px solid #666666;width:648px;float:left;display:inline;position:static;bottom:0;}
.footer p{text-align:center !important;width:648px;margin:2px;font-size:10px;}
 }
 
 @media screen{}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.stockSelectionControl  input {     box-sizing: border-box;}
}

/*css original netbolsa*/

@font-face
{
    font-family: 'tradegothicbold';
    src: url('/Resources/Fonts/tradegothicbold/tradegob.eot');
    src: url('/Resources/Fonts/tradegothicbold/tradegob.eot?#iefix') format('embedded-opentype'), 
            url('/Resources/Fonts/tradegothicbold/tradegob.woff') format('woff'), 
            url('/Resources/Fonts/tradegothicbold/tradegob.ttf') format('truetype'), 
            url('/Resources/Fonts/tradegothicbold/tradegob.svg#tradegothicbold') format('svg');
    font-style: normal;
    font-weight: bold;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

@media all
{
    *
    {
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "sans-serif";
        font-size: 12px;
        font-weight: 400;
    }

    html, body
    {
        margin: 0;
        padding: 0;
        background-color: #F6F6F6;
    }

    a:hover{
        text-decoration: none;
    }

    .headerNB
    {
        display: inline-flex;
        background: #FFFFFF !important;
        width: 100%;
        height: 64px;
        position: fixed;
        top: 0;
        z-index: 22;
        left: 0px;
        box-shadow: 0 1px 0 0 #DADADA;
        font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, sans-serif !important;
    }

    .innerheaderNB
    {
        max-width: 1280px;
        margin: auto;
        width: 100%;
        display: flex;
        align-self: center;
    }
    
    .headerright
    {
        flex: 1;
        margin-right: 30px; /*TODO: review this. The header is not vertically centered with this rule.*/
    }

    .logodiv
    {
        display: table-cell;
        margin-top: auto;
        margin-bottom: auto;
        float: right;
    }

    .logodiv > img 
    {
        height:35px;
    }

    .titleNB
    {
        color: #FF6600;
        font-family: "tradegothicbold";
        font-size: 24px;
        font-weight: bold;
        line-height: 29px; 
    }

    .menuNB
    {
        height: 100%;
        position: fixed;
        background: #F67608;
        z-index: 20;
        background: #fd6e09;
        background: -moz-linear-gradient(-130deg, #f67609 0%, #f6691e 50%, #ea2b0f 100%);
        background: -webkit-linear-gradient(-130deg, #f67609 0%,#f6691e 50%,#ea2b0f 100%);
        background: linear-gradient(220deg, #f67609 0%,#f6691e 50%,#ea2b0f 100%);
        background: -o-linear-gradient(220deg, #F67608 0%,#f6691e 50%,#ea2b0f 100%);
    }

    .menuNB *
    {
        display: block;
        white-space: nowrap;
    }

    .menuoptions
    {
        z-index: 100;
    }
  
    #menuresponsive
    {
        position: fixed;
        left: 0px;
        top: 65px;
        transition: width 0.3s ease;
    }
    
    
    #menuresponsive:focus
    {
        outline:none;
    }
    
    .menuoptions a,
    #menuresponsive a
    {
        padding: 15px 0px 15px 13px;
        color: #FFFFFF;
        cursor: pointer;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        font-weight: bold;
        white-space: nowrap;
        font-family: "Lucida Grande" , "Lucida Sans Unicode";
        font-size: 13px;
        font-weight: bold;
        line-height: 16px;
        text-decoration: none;
        display: block;
        transition: background-color 0.3s ease;
    }
    
    .main-menu-link-container > a:hover,
    #menuresponsive a:hover,
    a.activemenu
    {
        background-color: rgba(0,0,0,0.2);
    }

    .sitecontent
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        background-color: #F6F6F6;
    }

    .group:after
    {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .tabs
    {
        list-style: none;
    }

    .tabs li
    {
        display: inline;
    }

    .tabs > a
    {
        display: block;
		float:left;
        color: #000066; 
        padding: 8px 10px;
        position: relative;
        text-decoration: none;
        border-radius: 2px 2px 0 0;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        font-family: "Lucida Grande" , "Lucida Sans Unicode";
    }
    
    .tabs > a:hover
    {
        color: #f60;
        background-color: #f6f6f6;
    }

    .tabbed-area
    {
        display: table;
        border-spacing: 10px 0;
		margin: 20px 0px 0px -10px;
        height: 40px;
        max-width: 764px;
        min-height: 40px;
        overflow-x: auto;
        bottom: -1px;
        position: relative;
    }

    .tabbed-area div div
    {
        padding: 20px;
        min-height: 250px;
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        min-width: 880px;
    }
    
    .tabbed-area div div, .tabs li a
    {
        border: 1px solid #ccc;
        margin: 20px 16px 0px 0px;
    }

    .tabbed-area div
    {
        display: inline-flex;
    }
    
    .tabbed-area > div
    {
        display: table-cell;
        max-width: 150px;
        vertical-align: middle;
        text-align: center;
        line-height: 14px;
        border-bottom: 0;
        border-top: 1px solid #dadada;
        border-left: 1px solid #dadada;
        border-right: 1px solid #dadada;
        border-radius: 3px 3px 0 0;
        color: #006;
        font-size: 12px;
        font-weight: normal;
        height: 100%;
        bottom: -1px;
        top: 1px;
        position: relative;
    }
    
    .tabbed-area > div + .activetab
    {
        border-bottom: 1px solid #f6f6f6;
        background-color: #F6F6F6;
    }

    .activetab a
    {
        color: #f60;
        font-weight: bold; 
    }

    div .activetab
    {
        border-bottom: 1px solid #f6f6f6;
        background-color: #f6f6f6;
    }

    .sitecontent-header
    {
        padding: 15px 0px 0px 20px;
        border-bottom: 1px solid #dadada;
        background-color: #F9F9FB;
        width: 130%;
    }


    .headermenu
    {
        float: right;
        padding-right: 16px;
        display: table;
    }

    .headeritem, .headeritem a
    {
        display: inline-block;
        color: #000066;
        font-size: 12px;
        font-weight: 400;
        font-family: "Lucida Grande" , "Lucida Sans Unicode";
        vertical-align: middle;
    }

    .headeritem span
    {
		color: #000066;
        font-size: 12px;
        font-weight: 400;
        font-family: "Lucida Grande" , "Lucida Sans Unicode";
    }

    .imageLinkImage
    {
        margin-top: -4px;
        margin-right: 4px;
        cursor: pointer;
    }

    .headeritem a
    {
        text-decoration: none;
    }

    .headeritem img
    {
        vertical-align: middle;
        padding-right: 3px;
    }
    .contacts, 
    .ddocs,
    .printer
    {
        padding-right: 12px;
        font-size: 12px;
    }

    .contacts img
    {
        margin-top: -6px !important;
    }

    .ddocs
    {
    }

    .pmenu
    {
        padding-left: 16px;
        width: 22px;
    }

    .exit
    {
        padding-left: 26px;
    }

    .exit a
    {
    }

    .uname
    {
        text-transform: uppercase;
        max-width: 170px;
        min-width: 140px;
        white-space: normal;
        color: #006;
        vertical-align: middle;
        text-align: right;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .hgroup
    {
        display: table-cell;
    }
    
    .hg2
    {
        padding-left: 20px;
    }

    /********************************************************/
    /* Fix style */
    .company_12 #jsticker
    {
        background: #F6F6F6;
    }

    [id$=divTicker]
    { 
        width:744px;
    }

    .heading3, .leftMenuTitle, .WarningZoneControl table
    {
        background: transparent !important;
    }

    .tradeOrderBG2
    {
        border: 10px solid #F6F6F6 !important;
    }

    .tradeOrderTypeBG
    {
        border: 15px solid #F6F6F6 !important;
    }

    .tradeOrderNBbg
    {
        background: #F6F6F6 !important;
    }
    /*.warningMessage
    {
        background: #FFFFFF !important;
        border:2px solid #FF6600 !important;
    }*/
    .warningMessage{text-align:left; border:2px solid #FF6600; padding:10px; margin-bottom: 10px; background: #FFFFFF}
    .unameVLine
    {
        border-left: 1px solid #EFEFEF;
        height: 40px;
    }

    .dialogBody
    {
        background: #F6F6F6 !important;
    }

    .LeftIrPara
    {
        background: #F6F6F6 !important;
        border: none;
    }

    .comments_footer_hp, .noticia_footer_hp
    {
        background: #F6F6F6 !important;
        border: #F6F6F6 !important;
    }
    
    #burguerCheck
    {
        display: none;
    }
    
    input#burguerCheck:checked ~ #menuresponsive 
    {
        width: 240px;
        /*padding-bottom:65px;*/
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    input#burguerCheck ~ #menuresponsive 
    {
        width: 0px;
        overflow: hidden;
    }
    
    .headerleft
    {
        width: 132px;
        display: flex;
        margin-left: 13px;
    }

    .centeredsite {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 1280px;
    }

    .centeredsite>*{
        padding-top: 65px;
    }

    .menuNB
    {
        width: 240px;
        overflow-y: auto;
    }

    .innercontent
    {
        margin: 10px 28px 10px 20px;
    }

    .article 
    {
        width: 744px;
        margin-right: 20px;
        position: relative;
    }

    .burguer
    {
        display: none;
    }

    .menuoptions
    {
        display: block !important;
    }

    .headerNB img
    {
        margin-left: 0px !important;
    }

    .imageLinkText
    {
        display: inline-block;
    }
	/*novo slider*/
    .ticker_container
    {
        overflow: hidden;
        position: relative ;
    }
    
    .ticker_row
    {
        width: max-content;
    }
    
    #sliderGroup .separator, 
    #sliderGroup .name, 
    #sliderGroup .block 
    {
        padding: 0;
        display: inline;
    }
    
    #sliderGroup > div 
    {
        position: relative;
    }
	
	    #titleSlider .block, #titleSlider .footer_message 
    {
        position:relative ;
    }
     
    .ticker_container .block:hover
    {
        background:#FFEBC7; 
        cursor:default;
    }
	
	/*novo slider*/

    /*fix for jsticker */
    #jsticker .safe_mode
    {
        border-bottom: 0;
    }
    /*fix table content width*/
    #content
    {
        width: 744px;
		margin-top: 10px;
    }

    /*fix content user control*/
    #ctl01_cphContent_usrAccountInfoControl_tblTabMode tr, #ctl01_cphContent_usrAccountInfo_tblTabMode tr
    {
        width: 744px;
        display: inline-table;
    }
    
	    .contactGroup


    {
        display: inline;


    }
    
    .no-link :hover
    {
        cursor:default    
    }

    a.footStyle
    {
        color : #000066;
    }
    /*fix footer width*/
    #contentFooter
    {
        width: 744px;
        margin-top: 20px;
        display: block;
        text-align: center;
    }
    
    .linkContainer
    {
        margin-bottom: 10px;
    }

    .linkContainer > a 
    {
        padding: 0 10px;
    }

    /*UserSettingsControl*/
    
    #userMenu
    {
        position: relative; 
    }
    
    #cbUserMenu
    {
        display: none;
    }
    
     #lbUserMenu
    {
        display:inline-block;
        animation: pulse 0.2s;
        margin: 0;
    }
    
    label#lbUserMenu:hover 
    {
        cursor: pointer;
    }
    
    /*#cbUserMenu:checked ~ #lbUserMenu 
    {
        background: url("/Resources/Images/netb/iconMenuMoreAssinalado.png") no-repeat;
    }*/
    #lbUserMenu:before
    {
        transition: color 0.3s ease;
    }

    #cbUserMenu:checked ~ #lbUserMenu:before 
    {
        color: rgba(255,102,0,1);
        
    }

    /*#cbUserMenu ~ #lbUserMenu 
    {
       background: url("/Resources/Images/netb/iconMenuMore.png") no-repeat;
    }*/
    
    #userMenuContainer
    { 
        display: block;
        position: absolute;
        background: white;
        top: 35px;
        right: -10px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s ease-in ;
    }
    
    #cbUserMenu:checked ~ #userMenuContainer 
    {
        opacity: 1;
        visibility: visible;
        transition: visibility 0.3s linear 0s, opacity 0.3s ease-in;
    }
    
    /* #userMenuContainer triangle
    #userMenuContainer:before 
    {
        content: '';
        display: block;
        position: absolute;
        top: -19px;
        right: 11px;
        width: 0;
        height: 0;
        border-color:  transparent transparent #dadada transparent ;
        border-style: solid;
        border-width: 10px;
    }
    
    #userMenuContainer:after 
    {
        content: '';
        display: block;
        position: absolute;
        top: -17px;
        right: 12px;
        width: 0;
        height: 0;
        border-color: transparent transparent white transparent;
        border-style: solid;
        border-width: 9px;
    }
    */
    
    #userMenuContainer > a 
    {
        text-align: left;
        padding: 10px 35px;
        white-space: nowrap;
        border: 1px solid #dadada;
        width: inherit;
        display: block;
        background: white;
    }
    
    #userMenuContainer > a + a
    {
        border-top: 0;
    }
    
    .link
    {
        color: #006;
        font-size: 12px;
        font-weight: 400;
    }

    .link:hover
    {
        color: #f60;
        text-decoration: none;
    }

    .article > .row 
    {
        /*min-height: 350px;*/
    }

    .row.no-min-height{
        min-height: 0;
    }

    .row-fix
    {
        margin:0 0 20px 0;
        
    }
    
    .row-2-cl
    {
        flex: 5 0 25%;
        display:flex
    }

    .spacer-hor 
    {
        width: 5px;
    }

    .card-content{
        display:flex;
        flex: 1 0 auto;
        flex-flow: column;
    }

    .graph > .card-content 
    {
        height: 100%
    }
    
    .graph-canvas{
        flex: 3 1 0%;
        padding: 10px;
        display: flex;
    }

    
    .graph-list
    {
        display: flex;
        -ms-flex:1;
        flex:5 1 21%;
        flex-flow: column;
        border-right: 1px solid rgba(218, 218, 218,1);
        z-index: 4;
    }

    .graph-list > a 
    {
        display: flex;
        flex-grow: 1;
        align-items: center;
        font-weight: 600;
        color: #666;
        text-decoration: none;
    }

    .graph-list > a:hover,
    .graph-list > a.selected
    {
        background-color: rgba(255,102,0,1);
        transition: background-color 0.5s ease, color 0.5s ease;
        color: white;
        cursor: pointer;
    }

    .card{
        border : 1px solid rgba(218, 218, 218,1);
    }

    .card-container{
        -ms-flex: 1;
        flex:1 0 0%;
    }

    .asideArticle .card-container{
        -ms-flex: 1 0 auto;
    }

    .blocked > *
    {
        opacity:0.3;
        -webkit-touch-callout: none; 
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    *
    {
        transition:opacity 0.3s linear;
    }

    .blocked::before
    {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;

    }

    .blocked::after{
        content: " ";
        background: url(/Resources/Images/netb/Lagarta_alpha.png) no-repeat;
        animation: spin 1.5s linear infinite;
        height: 64px;
        width: 64px;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .filter 
    {
        display: flex;
        flex-flow: row;
        height: 55px;
        align-items:center;
        margin: 0px 10px;
    }

    .filter > .title 
    {
        flex: 1;
        margin: 0 10px;
        text-align: right;
    }

    .filter > .dropdown
    {
        flex: 3;
    }
    
    .dropdown
    {
        /*margin: 0 15px;*/
        flex: 1 0 auto;
    }

    .dropdown > button,
    .dropdown > [type=button]
    {
        width:100%;
        text-align: left;
        height: 40px;
        color: #666;
    }

    .selection-table{
        display: flex;
        flex: 1 0 auto;
    }

    .selection-table > table{
        display: flex;
    }

    .selection-table > table > tbody 
    {
        -ms-flex: 1;
        flex: 1;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        position: relative;
        z-index: 0;
    }

    .selection-table > table > tbody > tr 
    {
        display: flex;
    }

    .selection-table > table > tbody > tr + tr:not(:last-child)
    {
        border-bottom: 1px solid #e3e4e2;
    }

    .selection-table table > tbody > tr > td:first-child, 
    .selection-table table > tbody > tr > th:first-child {
        -ms-flex: 1.4;
        flex: 1.4 0 20px;
        /*padding-right: 0;*/
        /*padding-left: 10px;*/
    }

        .selection-table.etf table > tbody > tr > td:first-child,
        .selection-table.etf table > tbody > tr > th:first-child {
            -ms-flex: 5.4;
            -webkit-flex: 5.4 0 20px;
            flex: 5.4 0 20px;
        }

    .selection-table.actions table > tbody > tr > td:first-child,
    .selection-table.actions table > tbody > tr > th:first-child {
        -ms-flex: 2.3;
        flex: 2.3 0 20px;
    }

    .selection-table table > tbody > tr > td:nth-child(3), 
    .selection-table table > tbody > tr > th:nth-child(3){
        -ms-flex: 1.1 0 20px;
        flex: 1.1 0 20px;
    }
    .selection-table table > tbody > tr > th:nth-child(3) >span{
        white-space: normal;
    }

    .selection-table table > tbody > tr > td:nth-child(2),
    .selection-table table > tbody > tr > th:nth-child(2) {
        flex: 2.1 0 0%;
        white-space: nowrap;
    }

    .selection-table table > tbody > tr > th,
    .selection-table table > tbody > tr > td {
        -ms-flex: 1.2;
        flex: 1.2;
    }


    .selection-table table > tbody > tr > th
    {
        /*text-align: right;*/
        background-color: #e3e4e2;
        /*padding: 10px 0;*/
        /*font-weight: bold;*/
        display: flex;
        align-items: center;
    }

    .selection-table table > tbody > tr > th:first-child{
        text-align: center;
    }

    .selection-table table > tbody > tr > th:last-child{
        padding-right: 5px;
    }

    .selection-table table > tbody > tr > td{
        align-self: flex-end;
    }

    .selection-table table > tbody > tr > th > span{
        padding: 4px 0;
        text-align: center;
        width: 100%;
    }

    .mainmenu-icon{
        display: inline-block;
        color: white;
        font-size: 13px;
        top: -1px;
        position: relative;
    }

    .split-hor{
        flex: 1 0 auto;
    }

    .card-plain-content {
        flex-flow: row;
        display: flex;
    }

    .card-plain-content > * {
        display:flex;
        flex: 1;
        align-items: center;
        padding: 15px 20px;
    }

    div.card-plain-content.no-space > div {
        padding: 0 10px;
    }

    .split-2-hor-border > *:first-child{
        border-right: 1px solid rgba(218, 218, 218,1);
    }

    .card-section{
        width: 100%;
    }

    .box-content-container {
        display: flex;
        align-items: center;
        margin: 10px 20px;
    }
    
    .section-divider {
        margin: 20px 20px;
    }
    
    .box-content-container > .content,
    .section-divider > .content {
        flex: 1;
    }

    .box-content-container > *:first-child {
        margin-right: 20px;
    }
    
    .content-label,
    .content-label > span {
        width: 30%;
        text-align: right;
        font-weight: 600;
    }
    
    .content-label.wide,
    .content-label.wide > span {
        width: 35%;
    }
    .section-divider > .content-label {
        color: #FF6600;
    }
    
    .content-suplement {
        width: 15%;
        margin-left: 20px;
    }

    .canvas-container{
        flex: 1;
        display: flex;
        flex-flow: column;
    }

    .world-map{
        display:flex;
        flex: 1 0 auto;
        width:100%; 
        height:100%; 
        margin-top: 10px;
        /*left:0; 
        top:0; 
        position:absolute;
        transform-origin: 100% 43.2%; 
        transform: rotateX(180deg) translateX(11%) scale(1.3); */
        fill: rgba(204, 204, 204, 1);
    }

    [id$="marketGraphControl_Markets"] > .card-content{
        flex: 1 0 500px;
    }

    #filter-container{
        border-bottom: 1px solid rgba(218, 218, 218,1);
    }

    .list-container{
        display: flex;
        flex-flow: column;
        padding: 10px 0;
    }

    .list-item {
        position: relative;
        display: flex;
        flex: 1 0 auto;
        padding: 6px 20px;
        align-items: center;
    }

    .item-description {
        flex: 1;
        display: flex;
        /*flex-flow: column;*/
        padding: 0 20px;
    }

    .item-description > .title{
        flex: 1 1 0%;
        color: rgb(35,35,123);
        align-self: center;
    }

    .item-description > .description{
        flex: 2 1 0%;
        align-self: center;
    }

    .list-item:not(:last-child)::after {
        content: '';
        display: block;
        position: absolute;
        width: 3px;
        background-color: #f60;
        opacity: 0.5;
        height: 55%;
        bottom: -22px;
        left: 38.5px;
    }

    circle{
        color: #e6e6e6;
    }

    .point-market{
        fill: rgb(35,35,123);
    }

    .graph-details>div{
        text-align: right;
    }

    tr >td:not(:first-child):not(.day) {
        text-align: right;
    }

    .world-map{

    }

    .world-map-canvas {
        flex: 12;
        z-index: 3;
    }

    .main-menu-link-container{
        padding-bottom: 65px;
    }
    
    tr.animate-in-and-out,
    td.animate-in-and-out
    {
        z-index:0;
    }
    
    .animate-in-and-out::after{
        content: '';
        display: none;
        position: absolute;
        height: 80%;
        width: 100%;
        top: 10%;
        left: 0;
        border-radius: 3px;
        z-index: -1;
        
    }
   
    
    .animate-in-and-out.display::after{
        display: block;
        animation: Fade-in-out 3000ms linear normal forwards;
    }

    .animate-in-and-out.bg-red::after{
        background-color: #FFCCCC;
    }

    .animate-in-and-out.bg-green::after {
        background-color: #CCFFCC;
    }

    .animate-in-and-out.bg-blue::after{
        background-color: #CCCCFF;
    }
    
    .animate-in-and-out.bg-grey::after{
        background-color: #e3e4e2;
    }

    .animate-in-and-out.border-red::after {
        border: 2px solid #FFCCCC;
    }

    .animate-in-and-out.border-green::after {
        border: 2px solid #CCFFCC;
    }

    .animate-in-and-out.border-blue::after {
        border: 2px solid #CCCCFF;
    }
    
    .title{
        margin-right: 10px;
    }
           
    .animate-in-and-out.border-grey::after {
        border: 2px solid #e3e4e2;
    }
    
    .navigation-steps > * + * {
        margin-left: 40px;
    }
    
    .card-header-collapsible{
        font-weight: bold;
        font-size:14px;
        padding: 20px;
        color: #006;
        border-bottom: 0;
        margin-bottom: 0;
    }
    
    .card-collapsible > input[type="checkbox"]:checked ~ .card-header-collapsible {
        border-bottom: 1px solid rgb(218, 218, 218);
    }
    
        .card-collapsible > input[type="checkbox"]:checked ~ label::before {

        transform: rotate(180deg);

    }
    .card-header-collapsible::before {

        transition: transform 0.3s ease-in;

    }
    
    .content-collapsible{
        transition: height 0.3s ease-in;
    }
    
    .card-collapsible > input[type="checkbox"]:not(:checked) ~ .content-collapsible {
        height: 0px;
        overflow-y: hidden;
    }
    
    /*.card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible {
        height: 198px;
    }*/
    
/*sass code
.card-collapsible >{
        input[type="checkbox"]:checked ~ .content-collapsible.1-row {
            height: 70px;
        }
    }

@for $number-rows from 2 through $card-content-row_max{
    .card-collapsible >{
        input[type="checkbox"]:checked ~ .content-collapsible.#{$number-rows}-rows {
            height: 70px * $number-rows;
        }
    }
}
*/

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-1-row {
      height: 70px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-2-rows {
      height: 140px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-3-rows {
      height: 210px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-4-rows {
      height: 280px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-5-rows {
      height: 350px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-6-rows {
      height: 420px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-7-rows {
      height: 490px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-8-rows {
      height: 560px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-9-rows {
      height: 630px; }

    .card-collapsible > input[type="checkbox"]:checked ~ .content-collapsible.collapse-10-rows {
      height: 700px; }

    
    
    .card-content-item > div {
        flex: 1;
    }

    .card-content-item {
        padding: 15px 20px;
    }
    
    .padding-10{
        padding: 10px;
    }
    
    .card-content-item > div + div {
        margin-left: 40px;
    }
    
    .fixed-max-width
    {
        max-width: 744px;
    }
    
    .fixed-width
    {
        width: 744px;
    }
    
    .paginator
    {
        background-color: #fff;
        border: 1px solid #000066;
        color: #000066;
        display: inline-block;
        height: 40px;
        padding: 2px;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        line-height: 3;
    }

    .paginator,
    .paginator::before,
    .paginator::after
    {
        line-height: 2.6;
        font-size: 13px;
        font-weight: bold;
    }

    .paginator.paginator-ellipsis {
      border: 0;
    }

    .paginator.paginator-selected:not([href]) 
    {
        background-color: #000066;
        color: white;
    }

    .paginator[disabled]:not([href]):not(.paginator-selected) {
      color: #7f7fb3;
    }
    
    .stockQuotesTableLine
    {
        border-bottom: #e3e4e2 1px solid;
        text-transform: none;
        max-width: 744px;
    }
    
    .exchangeRatesTableLine
    {
        border-bottom: #e3e4e2 1px solid;
        text-transform: none;
        max-width: 744px;
    }
    
    .exchangeRatesTableLine > td {
        height: 40px;
        background-color: white;
    }
    
    .streamerTable_Td_Left10:first-child 
    {
        padding-left: 10px;
    }
    
    .streamerTable_Td_Left30:first-child 
    {
        padding-left: 30px;
    }
    
    .streamerTable_Td_Left:first-child 
    {
        padding-left: 20px;
    }
    
    .stockQuotesTableLine > td:last-child 
    {
        padding-right: 10px;
    }
    
    .stockQuotesTableLine > td {
        min-height: 45px;
        padding-top: 5px;
        padding-bottom: 5px;

    }
    
    .stockQuotesTableLine.no-space > td, 
    tr.no-space > th {
        height: 0;
        min-height: 0;
        padding: 0 1px;
    }
    
    table .table-line > td,
    .marketQuotesTableLine > td
    {
        height: 45px;
        padding: 5px 0px;
    }
     
    .marketQuotesTableDelimiter
    {
        border-bottom: #e3e4e2 1px solid; 
        background-color: White; 
        border-top: white 1px solid;
        text-transform: none;
    }
    
    .marketQuotesTableDelimiter > td
    {
        padding-right: 10px;
    }
    
    .fixed-title {
        min-width: 60.95px;
        text-align: right;
    }
    
    .clickable:hover
    {
        cursor:pointer;
    }
    
    .market-fixed-width
    {
        width: 85px;
        flex: 0 0 87px;
    }
    
    .color-orange
    {
        color: #ff6600;
    }
}

.button-container
{
    justify-content: flex-end;
}
    
.button-content
{
    display: inline-flex;
    width: 50%; 
    place-content: space-between; 
    justify-content: space-between; 
    align-self: self-end;
}
    
.button-content > input:only-child
{
    margin-left: auto;
}

@-moz-keyframes spin{
    0%
    {
        transform : rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes spin{
    0%
    {
        transform : rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}

@keyframes spin{
    0%
    {
        transform : rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}

@keyframes Fade-in-out{
    0%
    { 
        opacity : 0;
    }
    10% 
    {
        opacity: 1;

    }
    100%
    {
        opacity: 0;
    }
}

@media (max-width: 784px)
{

   
    .hg2
    {
        text-align: right;
    }

    .menuoptions
    {
        display: none;
    }

    .sitecontent
    {
        padding: 60px 0px 0px 0px;
    }

    .headerNB .headerlogo
    {
        margin-left: 50px;
    }

    .uname
    {
        border-left: none;
    }

    .hgroup
    {
        display: inline-block;
    }

    .uname
    {
        width: 150px;
        padding-right: 13px;
    }

    .headermenu
    {
        text-align: right;
    }

    .contacts, .ddocs
    {
        padding-right: 12px;
    }

}

@media (max-width: 810px)
{
    .imageLinkText
    {
        display: none;
    }
    
    .uname
    {
        display: none;
    }
    
    .hg2 
    {
        padding-left: 0;
    }
    
    .headerright 
    {
        margin-right: 0; 
    }   
}

@media ( max-width: 1023px )
{
    #menu
    {
        display: none;
    } 
    
    .sitecontent
    {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        width : 100%;
        padding-top: 65px;
    }
    
    .sitecontent-header
    {
        padding: 15px 0px 0px 20px;
    }
    
    #headercontent
    {
        display: table;
        margin-left: auto;
        margin-right: auto;
        width: 744px;
        position: relative;
    }
    
    .innercontent
    {
        margin-left: auto;
        margin-right: auto;
    }
    
    .burguer
    {
        padding: 0px 10px;
        margin-left: 0px;
        z-index: 120;
        position: contents;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .checkbox
    {
        cursor: pointer;
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
        
    }

    #lblBurguerMenu:before{
        transition: color 0.3s ease;
   } 

    input#burguerCheck:checked ~ #lblBurguerMenu:before
    {
        color: rgba(255,102,0,1);
    }

    .burguer > input
    {
        display: none;
    }
    .burguer img
    {
        display: none;
        margin-left: 2px !important;
        margin-top: 10px;
    }
    
    .sitecontent-header
    {
        width: 100%;
    }


    .article, .asideArticle
    {
        margin-right: auto;
        margin-left: auto;
    }

    .asideArticle 
    {
        
        left: 0px;
        
    }

    #contentFooter{
        margin: 0 auto;
    }
    
    .warningMessage
    {
        width:744px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (min-width: 1024px)
{
        .sitecontent
    {
        padding-left: 240px;
        width: 1280px;
    }
}

@media (min-width: 1024px) and (max-width:1279px){
    .asideArticle 
    {
        left: -10px;
    }
}

@media (max-width:1279px)
{
    .centeredsite
    {
        display: flex;

    }

    .asideArticle 
    {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        width: 764px;
        position: relative;
        
    }
    .asideArticle > .card
     {
        flex: 1 1 25%;
        margin-left: 10px;
        margin-right: 10px;
     }
}

@media (min-width: 1280px)
{
    html, body
    {
        min-width: 1280px;
    }
    
    body
    {
        overflow-x: hidden;
    }
    
    .centeredsite
    {
        margin-left: auto;
        margin-right: auto;
    }
    
    #burguer
    {
        display:none;
    }
}

/* Início Novas Classes */
.up_nb{
    background-position: right 5px center; background-repeat:no-repeat; background-image:url('/Resources/Images/var_subir.gif'); vertical-align:middle;
}
.down_nb{
    background-position:right 5px center; background-repeat:no-repeat; background-image:url('/Resources/Images/var_descer.gif');background-position: inherit center;
}
.equal_nb{
    background-repeat:no-repeat;background-position:right 5px center; background-image:url('/Resources/Images/var_igual.gif');
}
.TableRecords_Th_NoWidth {
    font-size: 8pt; 
    background-color:#e3e4e2; 
    color:gray; 
    text-align: center;
    height: 45px;
}
.ThTextAlignRightFix
{
    position: absolute;
    top: 5px;
}
.TableRecords_Th {
    width: 75px; 
    font-size: 8pt; 
    background-color:#e3e4e2; 
    color:gray; 
    text-align: center;
    height: 45px;
}
.TableRecords_Th_Padding {
    /*width: 75px; */
    font-size: 8pt; 
    background-color:#e3e4e2; 
    color:gray; 
    padding-left:20px;
}
.TableRecords_Header {
    background-color: #e3e4e2;
    color: #666;
    text-decoration:none;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}
.TableRecords_Td {
    font-size: 12px; 
    padding: 10px 7px; 
}
.TableRecords_Td:first-child {
    text-align: left;
    color: rgb(35,35,123);
}
.TableRecords_Td:not(:first-child) {
    color: #666;
    text-align: right;
    align-self: center;
}
.ControlHeader {
    background-color: #f6f6f6;
    padding: 16px 20px;
    border-bottom: 1px solid lightgray;
    color: #FF6600;
    text-align: left;
    font-family: tradegothicbold;
    font-weight: 400;
    font-size: 16px;
}

span.card-title {
    background-color: #f6f6f6;
    color: #FF6600;
    text-align: left;
    font-family: tradegothicbold;
    font-weight: 400;
    font-size: 16px;
}
.none{
    background-repeat:no-repeat;background-position: right 0px center; padding-right: 10px; background-image:url('/Resources/Images/sort_none.gif');
}
.desc{
    background-repeat:no-repeat;background-position: right 0px center; padding-right: 10px; background-image:url('/Resources/Images/sort_desc.gif'); background-position: inherit center;
}
.asc{
    background-position: right 0px center; background-repeat:no-repeat; padding-right: 10px; background-image:url('/Resources/Images/sort_asc.gif'); vertical-align:middle;
}
.downText{
    color:red;
}
.upText{
    color:green;
}

/*select::-ms-expand {
        display: none;
}*/
.Dropdown {
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAAGpaYfLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACnSURBVBhXY2BgSK1lYIjmAzLgIO0/A0OmMZCRyw4RSM8HEsmuEBkwSNeCcEKZIapA7Cx5qCQIpCUCFXlBOSCQNgHKgIK0BSDiLdD+WVCBNUD8GMJmSPkGxIeBkm+gAjCQ8g7KAIHUc0AtQJuTlwNpVqggFMRwAxXvhMinHIQKplgA8WeIYFon0PlsQEPmQBW9hHgLA6QEAhX9hChK/Qjk20IlgICBAQAgDS8JXPbaGAAAAABJRU5ErkJggg==');*/
    /*background-image: url('/LT_BPINet/img/arrow_combo.png?250836');*/
    /*background-position: right 15px center;*/
    /*background-repeat: no-repeat;*/
    /*padding-left: 12px;*/
    /*padding-right: 35px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#content{float:left;font-size:9pt;color:#666666 !important;width:1024px;display:inline;}
.columnleft{float:left;margin-left:10px;display:inline;}

  /*fix para stacking das colunas do bootstrap*/
 @media screen and (max-width: 576px){
    .headeritem > a > span:not(.icon) {
        display: none;
    }
 }

 @media screen and (min-width: 1280px)
 {
     .asideArticle
     {
         width:228px;
         display:inline;
         position:absolute;
         right: 0;
     }
     .menuflex
     {
         display: flex;
         position: relative;
     }
 }

 @media screen and (max-width: 1279px)
 {
     .asideArticle
     {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        max-width: 764px;
        position: relative;
     }

     .asideArticle > .card
     {
        flex: 1 1 25%;
        margin-left: 10px;
        margin-right: 10px;
     }
     
     .warningMessage
     {
         max-width: 744px;
     }
     
    #email_ctrl + #excel_ctrl {
        margin-left: 10px;
    }
    
    .asideArticle > :first-child {
        margin-left: 10px;
    }
    
    .market-fixed-width
    {
        flex: 0 0 87px;
    }
 }

.indexSelector{
    padding-left: 10px;
 }

.indexSelectorSelected > td, 
.indexSelector:hover > td {
    background: #FF6600;
    color: white;
    transition: background 0.3s linear, color 0.3s linear;
    cursor: pointer;
    user-select: none;
}

.indexSelector,
.indexSelectorSelected{
    height: 40px;
}

.MarketGraph_Th {
    width: 75px;
    font-size: 10pt;
    color: gray;
    padding-bottom: 10px;
    padding-top: 10px;
}

.marketResumeReferringData {
    font-family: Arial,Verdana;
    color: #cccccc;
    font-size: 10px;
    font-weight: bold;
}

.comments_block_nb {
    color: gray;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    margin: 0px;
}

tr.spaceUnderHigh > td {
    padding-bottom: 10px;
}

tr.spaceUnderMiddle > td {
    padding-bottom: 5px;
}

tr.spaceUnderLow > td {
    padding-bottom: 2px;
}

.BorderGray{
    border-color:lightgray !important;
}

.button {
  background-color: #fff;
  border: 1px solid #006;
  border-radius: 3px;
  box-shadow: none;
  color: #006;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: relative;
  min-width: 166px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex; 
  }
.button:before {
    margin-right: 10px; 
    }
.button:disabled,
.button.inverted:disabled {
    background-color: #7F7FB3;
    border-color: #7F7FB3;
    color: #fff; 
    cursor: default;
}
.button:hover,
.button.inverted {
    background-color: #006;
    color: #fff; 
}
.button.small {
    padding-left: 10px;
    display: flex;
    width: 39px; 
}
.button:not(.icon) {
    display: block;
    line-height: 1.5; 
}

.Button_NB_Span
{
    line-height: 40px;
    width: 20px;
}

.stockQuotesButton{
    float: right;
    margin: 0 30px;
}

a.button.depthTradeButton
{
    float:right;
    text-decoration:none;
    text-align:center;
    line-height: 1.7;
    height: auto;
}

.NoBorderInput{
    margin-top: 5px; 
    margin-left:0px; 
    border-width: 0px;
    padding: 10px;
    width: 100%;
    border: 1px solid #ffffff;
    background-color: white;
}

.spanBold {
    font-weight: bold
}

.spanAlignLeft {
    text-align: left;
    display: block;
}

.marketStatusControlTable {
    padding-left: 20px; 
    padding-bottom: 10px; 
    padding-top: 10px; 
    padding-right: 10px;
    font-size: 12px; 
    width: 100%; 
    display: block;
}

.streamerTableHeaderHeader{
    border: 1px #e3e4e2 solid;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:20px;
}

.mininumWidth50
{
    min-width:50px;
}

.streamerTable_Td{
    /*padding-bottom:10px;
    padding-top:10px;*/
    text-align:center !important;
}

.streamerTable_Td_Left{
    min-width: 150px;
}
.streamerTable_Td_Left
{
    padding-left:20px;
}

.linkButtonGray
{
    color: #666 !important;
    font-weight: bold;
}

.linkButtonWhite
{
    color: #f6f6f6 !important;
    font-weight: bold;
}

.blue
{
    color:#0000ff !important;
}

.linkButtonBlue
{
    color: #006 !important;
    font-weight: bold;
}

.foregroundGrayBold
{
    color:#666 !important;
    font-weight: bold;
    font-size: 12px;
}

.personalizePersonalListHeading{font-size:14px;margin-left: 10px;color:#FF6600;font-weight:bold;}

.personalizePersonalListBody{
    font-size:12px;margin-left: 10px;color:#666;
}

.personalizePersonalListBulletPoint{font-size:12px;margin-left: 10px;color:#FF6600;}

.quotesExtMenuContainer
{ 
    display: block;
    position: absolute;
    background: white;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s ease-in ;
}

.quotesExtMenuContainerVisible
{ 
    display: block;
    position: absolute;
    background: white;
    opacity: 1;
    visibility: visible;
    transition: visibility 0.3s linear 0s, opacity 0.3s ease-in;
    z-index: 1;
}

.quotesExtMenuContainer > a 
{
    text-align: left;
    padding: 10px 35px;
    white-space: nowrap;
    border: 1px solid #dadada;
    width: inherit;
    display: block;
    background: white;
}

.quotesExtMenuContainerVisible > a 
{
    text-align: left;
    padding: 10px 35px;
    white-space: nowrap;
    border: 1px solid #dadada;
    width: inherit;
    display: block;
    background: white;
}

#quotesExtMenuContainer > a + a
{
    border-top: 0;
}


 /* Fim Novas Classes */

 [id$="marketGraphControl_Markets"] > .card-content > .filter{
    display: none;
}

 @media (max-width:775px){

    .article{
        width: 100%;
    }
    .article > .row {
        flex-flow: column;
        margin-left: 10px;
        margin-right: 10px;
    }
    .card-container{
        margin-bottom: 10px;
    }

    .row  > * {
        margin-bottom: 10px;
    }

    .asideArticle{
        width: 100%;
        left: 0;
        /*padding-right:7px;*/
    }

    .asideArticle > .card{
        flex: 1 0 208px;
    }

    .graph-list{
        /*display: none;*/
    }

    #dropdown-select {
        display:flex;
        flex: 3;
    }   

    .card-content{
        display: flex;
        /*flex-flow: column;*/
        flex: 1 0 auto;
    }

    .graph-canvas{
        position:relative;
        flex: 3 0 200px;
    }

    [id$="marketGraphControl_Markets"] > .card-content > .filter{
        flex: 1 0 55px;
        display: flex;
    }

    .filter > #dropdown-select > .dropdown{
        flex: 3;
    }
}

#lblnewBurguerMenu
{
      width: 32px;
      height: 24px;
      position: relative;
      margin: 0px auto;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
}
#lblnewBurguerMenu span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #006;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}


#lblnewBurguerMenu span:nth-child(1) {
  top: 0px;
}

#lblnewBurguerMenu span:nth-child(2),
#lblnewBurguerMenu span:nth-child(3) {
  top: 9px;
}

#lblnewBurguerMenu span:nth-child(4) {
  top: 18px;
}

input#burguerCheck:checked ~ #lblnewBurguerMenu span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}

input#burguerCheck:checked ~ #lblnewBurguerMenu span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

input#burguerCheck:checked ~ #lblnewBurguerMenu span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input#burguerCheck:checked ~ #lblnewBurguerMenu span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.point-selected{
    fill: #FF6600;
}
input[type=text]:focus, 
textarea:focus {
  box-shadow: 0 0 5px #dadada;
  border: 1px solid #dadada;
  border-radius: 3px;
  /*width: 100%;*/
}

input[type=text]::-ms-clear { display: none; }

input[type=radio] {
    -webkit-appearance: none;
    width: 19px;
    height: 19px;
}

input[type=radio]:before {
    background: #fff;
    border-color: #ccc;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

input[type=radio]:after {
    background: #666;
    border: 0;
    height: 13px;
    left: 3px;
    width: 13px;
    top: 3px;
    border-radius: 8px;
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
}

input[type=radio], input[type=checkbox] {
    margin: auto 5px auto 0;
    position: relative;
}

input[type=radio]:checked:after {
    opacity: 1;
}

input[type="radio"]:disabled:checked:after {
    background: #ccc;
    border-color: #ccc;
}

input[type="radio"]:disabled:before, input[type="checkbox"]:disabled:before {
    background: rgba(227, 228, 226, 0.7);
    box-shadow: none;
    border-color: rgba(153, 153, 153, 0.3);
}

input[type=radio] + label {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "sans-serif";
    color: #666;
    font-size: 12px;
    font-weight: 400;
    vertical-align: super;
    min-width: 90px;
    line-height: 2.3;
    margin: auto 0;
}

.radiobutton-width-inherit > input[type="radio"] + label {
    width:inherit;
    margin-bottom: 10px;
    line-height: 1.7;
}

.radiobutton-width-inherit > input {

    position: absolute;
    left: 0;
}

.account-data-input 
{
    max-width: 50%!important;
}

input.form-control {
    max-width: 9rem;
    height: 40px;
    flex: 1;
    color: #666;
}

.content.d-inline-flex {
    align-items: center;
}

.content > *+* {
    margin-left: 10px;
}

div.datepicker{
    padding:0;
}

.datepicker > input{
    max-width: 100%;
    cursor: pointer;
}

a 
{
    color: #000066;
    text-decoration: none;
}

.InfoControlHeader
{
    color: #FF6600;
    text-align: center;
    font-family: tradegothicbold;
    font-weight: 400;
    font-size: 16px;
}

.LeftGreyCard
{
    border-left: 1px solid rgba(218, 218, 218,1);
}

a:not([href]):not([tabindex]).button {
    background-color: #fff;
    border: 1px solid #7F7FB3;
    color: #7F7FB3;
}

a:not([href]):not([tabindex]):hover.button{
  text-decoration: none;
  color: #7F7FB3;
  cursor: text;
}

.TradeOrderInfo
{
    color:#999;
}

.mifidComplexityNB
{
    color: #FF6600;
    text-align: center;
    font-family: tradegothicbold;
    font-weight: 400;
    font-size: 16px;
}

.mifidDisclaimerNB
{
    text-align: left;
    font-size: 12px;
    border: 1px solid #CDCDCD;
    padding: 10px;
    background-color: white;
    font-family: tradegothicbold;
}

.borderOrange
{
    border: 1px solid #FF8C00 !important;
}

.streamerTable_Td_Left10 > span.icon-icon_err-info::before {
    vertical-align: sub;
}
.streamerTable_Td_Left10 > span.icon-icon_err-info::before {
    vertical-align: sub;
}

.depthTitleHeader 
{
    font-family: tradegothicbold;
    font-size: 16px;
}

#orderListTable td.d-flex, #orderListTable th.d-flex  {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    -ms-flex-item-align : center;
    place-self: center;
}

.inputMarketNews
{
    max-width: none !important;
    margin-right: 15%;
}

.titleNews
{
    color: #FF6600;
    font-family: "tradegothicbold";
    font-size: 20px;
    font-weight: bold;
    line-height: 29px; 
}

.FormDivisionWithText {
    margin: 20px 0 10px 0;
}

.FormDivisionWithText .label {
    width: 33%;
    text-align: right;
    display: inline-block;
    color: #f60;
    font-weight: bold;
}

.FormDivisionWithText:after {
    display: inline-block;
    content: "";
    width: 50%;
    margin-left: 10px;
    border-top: 1px solid #dadada;
    height: 4px;
}

table.td-min-height tr td:nth-child(4)::before {

    content: "";
    display: inline-block;
    min-height: 45px;
    vertical-align: inherit;

}

table.td-min-height tr:not(:last-child),
tr.TOPELEMENT 
{
    border-bottom: #e3e4e2 1px solid;
}

tr.TOPELEMENT
{
    border-top: #e3e4e2 1px solid;
}

.min-height.TOPELEMENT
{
    min-height:45px;
}

.min-height
{
    min-height: 25px;
}

.min-height::after
{
    content: '';
    min-height:inherit;
}

a.TOPELEMENT
{
    font-size: 13px;
    font-weight: bold;
    color: #006 !important;
}

tr.TOPELEMENT:first-child {
    border-top: 0;
}

.level3 
{
    padding-left: 3rem;
}
.level4 
{
    padding-left: 6rem;
}

a.text-decoration-underline
{
    text-decoration: underline !important;
}

span.currency
{
    display: inline-block;
    width: 25px;
    text-align: right;
    font-weight: inherit;
}

.max-width-inherit
{
    max-width: inherit !important;
}

th.spaced:not(:last-child)
{
    border-right: 1px solid white;
}

.toUpper {
    text-transform: uppercase;
}

.summaryTextTotal 
{
    width: 48%;
}

.summaryCurrencyOpen
{
    width: 27%;
    text-align: center;
}

.summaryTotalOpen
{
    width: 25%;
    text-align: right;
}

.summaryCurrencyHistorical
{
    width: 18%;
    text-align: center;
}

.summaryTotalHistorical
{
    width: 32%;
    text-align: right;
    padding-right: 2%;
}

.addWarningBtn
{
    font-size: 14px;
}

.addWarningBtn:after 
{
    margin-left: 10px; 
}

span.checkBoxNB {
  position: relative;
}

span.checkBoxNB > input+label::before {
  display: block;
  content: ' ';
  opacity: 1;
  border: 1px solid #ccc;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  bottom: 0;
}

span.checkBoxNB > input {
  height: 19px;
  width: 19px;
  vertical-align: text-bottom;
  background-color: transparent;
  visibility: hidden;
}


span.checkBoxNB + label:before {
  content: ' ';
  border: 1px solid #666;
}

span.checkBoxNB > input:checked + label::after {
  content: "\e972";
  font-family: bpifont;
  position: absolute;
  left: 0;
  font-size: 15px;
  width: 19px;
  text-align:center;
  line-height: 1.1;
  bottom: 0;
}

span.checkBoxNB > input:not(:disabled) + label:hover,
span.checkBoxNB > input:not(:disabled) + label:hover {
  cursor: pointer;
}

span.checkBoxNB > input:disabled + label::before {
  background-color: #e3e4e2;
  opacity: 0.7;
}

span.checkBoxNB > input:disabled + label::after {
  color: #ccc;
}