/* Generic used on all site */
html, body { background-color: #fff; font-size: 12px; font-family: Verdana, Helvetica, sans-serif !important; margin:0px; background-repeat: no-repeat; height:100%; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px; width:100%; } /* less height of footer: trader logo (120px) + line with text (40px) */
.bgtitletop { background-color:#f1f1f1; border-bottom:solid 1px #d2d2d2; display:block; height:45px; margin-bottom:0px; }
.afterBgTitleTop {padding-top: 20px;}
.bl-main-title { display:block; line-height:3.7em; }
.bl-main-title h1 { font-size:22px; text-transform: uppercase; font-weight:bold; color:#000; text-shadow:0px 1px 0px #fff; display:inline-block; }
.footer, .push { height: 160px; } /* height of footer: trader logo (120px) + line with text (40px) */
.footer { display:block; width:100%; height: 100px; bottom:0px; }
.footerin { display:block; background-color:#333; color:#FFF; padding-top:10px; padding-bottom:10px }
.copyright { float:center; margin-left:20px; }
    a { outline:none; color:#ff007d; text-decoration:underline; transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; }
    a:hover, li:hover, a:hover { transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; }
    li { transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; }
button { transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
a:hover { text-decoration:underline; color: #770F43; }

/* Header */
.headerTextDiv {font-size:14px; padding-top: 12px;}

/* For login page */
.login_table p { margin:7px 0px 0px 0px; }
.login_table label { width:145px; display:inline-block; font-weight:bold; color:#666; font-size: 13px; text-shadow:0 1px 2px #fff; background-color: transparent; background-repeat: no-repeat; background-position: 0px 3px; padding-left: 0px; text-align:left;}
.login_table input[type=text], .login_table input[type=password] { border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:solid; border-width:1px; font-size: 13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height:20px; padding:4px 4px; background-color:#fff; width:300px; transition: border 0.4s linear 0s, box-shadow 0.4s linear 0s; -moz-transition: border 0.4s linear 0s, -moz-box-shadow 0.4s linear 0s; -webkit-transition: border 0.4s linear, -webkit-box-shadow 0.4s linear; -o-transition: border 0.4s linear, -o-box-shadow 0.4s linear; }
.login_table .verror, .login_table .verror2, .verror { color:#fff; width:auto; clear:both; margin-left:165px; padding:0px; display:block; }
.login_table .verror .field-validation-error, .login_table .verror2 .field-validation-error, .verror .field-validation-error { background-color:#C00; padding:2px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:2px; display:inline-block; position:relative; padding-left:20px; padding-right:10px;  background-repeat: no-repeat; background-position: 2px 2px; color:#fff; }
.btn_style1 { border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; -o-border-radius:3px 3px 3px 3px; background-color:#4D4D4D; background-repeat:repeat-x; border:0 none; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; font-family: Verdana, Helvetica, sans-serif; height:27px; margin-right:10px; outline:medium none; padding:0px 15px 0px 15px; text-align:center; display:inline-block; text-overflow: ellipsis; white-space: nowrap; }
.btn_style1[disabled] { background-color:#F0F0F0; font-family: Verdana, Helvetica, sans-serif}

/* For all filter forms that stand at the top of the page*/
label { width:145px; height:30px; display:inline-block; font-weight:bold; color:#666; font-size: 13px; text-shadow:0 1px 2px #fff; background-color: transparent; background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px; }
.topFormFilter input[type=text], { border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:solid; border-width:1px; font-size: 13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height:20px; padding:4px 4px; background-color:#fff; width:300px; transition: border 0.4s linear 0s, box-shadow 0.4s linear 0s; -moz-transition: border 0.4s linear 0s, -moz-box-shadow 0.4s linear 0s; -webkit-transition: border 0.4s linear, -webkit-box-shadow 0.4s linear; -o-transition: border 0.4s linear, -o-box-shadow 0.4s linear; }

/* Filtered drop down  */
.filteredDropDownInput { display:inline-block; }
.filteredDropDownInput input{  margin-left:0px;}
.filteredDropDownInput_input{ border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; color: #333333; font-size: 16px; margin: 0px 0 0px 0; padding: 4px 4px 3px 4px;  position:relative; }
.filteredDropDownInput_input[readonly]{color: Gray}
.filteredDropDownInput_SelectOptionsDiv { background-color: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); display: block; position: absolute; top: 27px; z-index: 1919; }
.filteredDropDownInput_ShowingFilteredDiv { border-bottom:dotted 1px rgba(0,0,0,0.3);}
.filteredDropDownInput_ShowingFilteredDiv.selected{ font-weight:bold;}
.filteredDropDownInput_SelectOptionsDiv > div > div, .filteredDropDownInput_SelectOptionsDiv > div{ padding:4px; text-align:left; font-size:14px;}
.filteredDropDownInput_OuterOptionsDiv >  div:hover{ background-color: #EEEEEE; color: #ED1D7D; cursor:pointer; }
.filteredDropDownInput_SelectOptionsDiv .filteredDropDownInput_OuterOptionsDiv{ padding:0px;}
.filteredDropDownInput_LoadingDiv {background:white; text-align:right;}
.filteredDropDownInput_BottomLine {border-bottom: 1px solid rgba(0,0,0,0.3);}
.filteredDropDownInput_GroupTitle{border-bottom: 1px solid #CCCCCC; font-size:large; color:#890582;}

fieldset  { border:1px solid #ddd; margin-top:10px; padding-top:10px}

/* Inputs */
.numeric_input { border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; color: #333333; font-size: 16px; margin: 0px 0 0px 0; padding: 4px 4px 3px 4px;  position:relative; }
.numeric_input[readonly]{color: Gray}
.datePicker_input { border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; color: #333333; font-size: 16px; margin: 0px 0 0px 0; padding: 4px 4px 3px 4px;  position:relative; }
.datePicker_input[readonly]{color: Gray}
.hourPicker_input { border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; color: #333333; font-size: 16px; margin: 0px 0 0px 0; padding: 4px 4px 3px 4px;  position:relative; }
.hourPicker_input[readonly]{color: Gray}
.text_input { border: 1px solid #CCCCCC; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; color: #333333; font-size: 16px; margin: 0px 0 0px 0; padding: 4px 4px 3px 4px;  position:relative; }
.text_input[readonly]{color: Gray}
.alertIcon { display:inline-block; position:absolute; width:20px; height:20px; background:transparent url(SlickGrid/images/ui-icons_cd0a0a_256x240.png) no-repeat -15px -142px; }
.rosa {color:#FF017D;}


/* For slick grid custom formats*/
.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}
.textAlignCenter {text-align:center;}
.slick-cell.selected  { font-weight: bold; }
.cellDirty {background-color: #FFC573;}
.slick-header {background-color: #650360; background: #650360; color:White}
.slick-header-column {background-color: #650360; background: #650360; color:White}
.grid-canvas {background-color: #E4E5E6; background: #E4E5E6}
.slick-row {background-color: #E4E5E6; background: #E4E5E6}

/* For tabbed divs */
.divTabNotSelected  { padding: 8px 25px; margin: 0px 2px 0px 0px; font-size: 12px; font-weight: bold; background-color: #DDD; border-left: solid 0px #CCC; border-top: solid 0px #CCC; border-right: solid 0px #CCC; color: dimGray; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
.divTabNotSelected a { background-color: #DDD; color: dimGray; }

.divTabSelected { padding: 8px 25px; margin: 0px 2px 0px 0px; font-size: 12px; font-weight: bold; background-color: #757B7E; border-bottom: none; color: white; border-left: solid 0px #CCC; border-top: solid 0px #CCC; border-right: solid 0px #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.divTabSelected a { background-color: #757B7E; color: white; }
.divTabDisabled { padding: 8px 25px; margin: 0px 2px 0px 0px; font-size: 12px; font-weight: bold; background-color: #DDD; border-left: solid 0px #CCC; border-top: solid 0px #CCC; border-right: solid 0px #CCC; color: dimGray; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* For top messages */
.success-box { display: block; text-align: center; vertical-align:middle; overflow: hidden; background-color: #DFF2C1; border-bottom: solid 1px #B8D191; padding-top:7px; height:24px; font-size:100%; font-weight: bold; }
.warning-box { display: block; text-align: center; vertical-align:middle; overflow: hidden; background-color: #FEEFB3; border-bottom: solid 1px #E2CD77; padding-top:7px; height:24px; font-size:100%; font-weight: bold; }
.error-box { display: block;  text-align: center; vertical-align:middle; overflow: hidden; background-color: #FFBABA; border-bottom: solid 1px #DE8484; padding-top:7px; height:24px; font-size:100%; font-weight: bold; }  

.blockUiSuccessBox {text-align: center; vertical-align:middle; background-color: #DFF2C1; padding:15px; font-size:100%; font-weight: bold;}
.blockUiWarningBox {text-align: center; vertical-align:middle; background-color: #FEEFB3; padding:15px; font-size:100%; font-weight: bold;}
.blockUiErrorBox {text-align: center; vertical-align:middle; background-color: #FFBABA; padding:15px; font-size:120%; font-weight: bold;}

/* For Menu */
#menu  
{
    list-style:none; width:92%; margin:17px auto 0px auto; height:43px; padding:0px 43px 0px 43px;      
    /* Rounded Corners */  
    background: #650360; 
    background: -moz-linear-gradient(top, #9c0694, #3d023a); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c0694), to(#3d023a));
    /* Borders */  
    border: 1px solid #002232; 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff; 
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff; 
    box-shadow:inset 0px 0px 1px #edf9ff;  
}  

#menu li { float:left; display:block; text-align:center; position:relative; padding: 4px 10px 4px 10px; margin-right:15px; margin-top:7px; border:none; }  
#menu li:hover { border: 1px solid #777777; padding: 4px 9px 4px 9px;  
    /* Background color and gradients */  
    background: #F4F4F4; background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
    /* Rounded corners */  
    -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  
} 

#menu li a { font-family:Verdana, Helvetica, sans-serif; font-size:14px; color: #EEEEEE; display:block; outline:0; text-decoration:none; text-shadow: 1px 1px 1px #000; }  
#menu li:hover a { color:#161616; text-shadow: 1px 1px 1px #FFFFFF; }  
#menu li .drop { padding-right:21px; background:url("img/drop.png") no-repeat right 4px; }  
#menu li:hover .drop { background:url("img/drop.png") no-repeat right 4px; }  

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_6columns 
{  
    margin:4px auto; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #777777; border-top:none;  
    /* Gradient background */  
    background:#F4F4F4; background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
    /* Rounded Corners */ 
    -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;  
}  
.dropdown_1column  {width: 200px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 420px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 700px;}  
.dropdown_6columns {width: 840px;}  

#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns, #menu li:hover .dropdown_6columns { left:-1px;top:auto; z-index: 9999; }  
#menu p, #menu h2, #menu h3, #menu ul li { font-family:Verdana, Helvetica, sans-serif; line-height:21px; font-size:12px; text-align:left; text-shadow: 1px 1px 1px #FFFFFF; }  
#menu h2 { font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666666; }  
#menu h3 { font-size:14px; margin:7px 0 14px 0; padding-bottom:7px; border-bottom:1px solid #888888; }  
#menu p { line-height:18px; margin:0 0 10px 0; }  
.strong { font-weight:bold; }  
.italic { font-style:italic; }  

#menu li:hover div a { font-size:14px; color:#015b86; padding: 5px }  
#menu li:hover div a:hover { color:#029feb; }  
#menu li ul { list-style:none; padding:0; margin:0 0 12px 0;  }  
#menu li ul li { font-size:12px; line-height:24px; position:relative; text-shadow: 1px 1px 1px #ffffff; padding:0; margin:0; float:none; text-align:left; }  
#menu li ul li:hover { background:none; border:none; padding:0; margin:0; }  

#menu .menu_right { float:right; margin-right:0px; }
#menu li .align_right 
{
    /* Rounded Corners */  
    -moz-border-radius: 5px 0px 5px 5px;  
    -webkit-border-radius: 5px 0px 5px 5px;  
    border-radius: 5px 0px 5px 5px;  
}  
#menu li:hover .align_right { left:auto; right:-1px; top:auto; }  

.col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; }  
.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:410px;}  
.col_4 {width:550px;}  
.col_5 {width:690px;} 

/*For look alike tables*/
.slickGridSimTable tr th {background-color: #650360; background: #650360; color: white;text-align:center; border: 1px solid #d3d3d3; font-weight: normal; height:24px; margin: 2px; padding:2px; line-height: 16px;font-family: Verdana, Helvetica, sans-serif;font-size: 13.33px;}
.slickGridSimTable tr td {background-color: #E4E5E6; background: #E4E5E6; color: #222222;text-align: left;border: 1px solid #d3d3d3; font-weight: normal; height:24px; margin: 2px;}

/*Watermark*/
.watermark
{
    width: 273px;
    height: 50px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    /*width: 450px;*/
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* PB - Novos Menus */
body, 
.menu,
.sub-menu {
  margin: 0;
  padding: 5px;  
}
.clearfix:after{
  content: '.';
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden;  
}
.menu,
.sub-menu {
  list-style: none;
  background: #650360;
}
.sub-menu {
  background: #F4F4F4;  
  display: none;
  position: absolute;
  min-width: 250px;
  border: 1px solid #cccccc;
}
.menu a {
  text-decoration: none;
  display: block;
  padding: 10px;
  padding-left:25px;
  color: #fff;
  font-family: verdana;
  font-size: 14px;
}
.sub-menu a {
  text-decoration: none;
  display: block;
  padding: 10px;
  padding-left:25px;
  padding-right:25px;
  color: #015b86;
  font-family: verdana;
  font-size: 14px;
}
.menu li {
  position: relative;
}
.menu li .drop { 
  padding-right:21px; 
  background:url("img/drop.png") no-repeat right 4px center;
}
.menu li .next-sub-menu { 
  padding-right:21px; 
  background:url("img/drop.png") no-repeat right 4px center;
}
.menu > li {
  float: left;
}
.menu > li:hover {
  background: Gray;  
  z-index: 9999;
}
.menu li:hover > .sub-menu {
  z-index: 9999;
}
.sub-menu li:hover {
  background: #F4F4F4;  
  z-index: 9999;
}
.sub-menu .sub-menu {
  top: 0;
  left: 100%;
}
.sub-menu a:hover {
  color:Highlight;
}

.validation-summary-errors ul li
{
    font-weight: bold;
    color: #ff0000;
    font-size: 18px;
}