/*----------BANK-STYLES----------*/

/*----------1-MAIN-SITE-CONTAINERS----------*/

.bob-browsercontainer 
{
    background-color: #E4E4E4;
    background-image:url("../../img/bkg-header.png");
    background-repeat: repeat-x;
}

.bob-browsercontainer {
        padding: 0px;
    }

.bob-pagecontainer {
    max-width: 1200px;
}

/*----------2-HEADER-AREA----------*/

/*-----2.1-Header-Site-----*/

.bob-header {
    height: 82px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bob-logo {
    background-image:url("../../img/Logo-NovoBanco.png");
    background-repeat:no-repeat;
    background-position:left;
    background-size:contain;
    min-width:180px;
    height: 62px;
    float:left;
}

#bob-title {
    height: 62px;
    float:right;
    text-align: right;
    padding-top: 10px;
}

#bob-titlelogin {
    height: 62px;
    float:right;
    text-align: right;
    padding-top: 10px;
}

#bob-logout {
    float:right;
    height: 62px;
    padding-top: 6px;
    margin-left: 10px;
}

#bob-what {
    color:#00c9f5;
    margin-right:0px;
}

#bob-who {
    color:#fff;
    margin-left: 10px;
}

@media (max-width: 420px) {
    #bob-title {
        display:none;
    }
    #bob-titlelogin p {
    font-size:80%;
    }
    #bob-titlelogin #bob-who {
    font-size:130%;
    }
}

@media (min-width: 520px) {
    #bob-titlelogin br, #bob-title br {
    display:none;
    }
    #bob-title, #bob-titlelogin {
    padding-top: 22px; 
    }
}

@media (min-width: 600px) {
    #bob-title p, #bob-titlelogin p {
        font-size:120%;    
    }
    #bob-title, #bob-titlelogin {
    padding-top: 20px; 
    }
}

@media (min-width: 768px) {
    .bob-header {
        height:100px;
    }
    
    #bob-logo {
        min-width:240px;
        height: 80px;
    }
    #bob-logout {
        height: 80px;
        padding-top: 18px;
    }
    #bob-title {
        height: 80px;
        padding-top: 24px;
    }
    #bob-titlelogin, {
        height: 80px;
        padding-top: 24px;
        margin-right: 20px;
    }
    #bob-title p, #bob-titlelogin p {
        font-size:180%;    
    }
}

@media (min-width: 992px) {
    .bob-header {
        padding-left: 15px;
        padding-right: 15px;
    }
}



/*-----2.2-Main-NavBar-----*/

.bob-navbar {
    margin-bottom: 0px;
}
.bob-navbar .caret {
    color: #fff;
}

@media (max-width: 991px) {
    .bob-navbar {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.bob-navbar-header, .container-fluid > .bob-navbar-header, .bob-navbar > .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}

.bob-nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
}

@media (max-width: 991px) {
    .bob-nav > li:first-child {
    display: none;
    background-color: red;
    }
}
/*
.bob-navbar-header button {
    background-color: #00abd0;
}*/

@media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #ebf6ff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #EE162D;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #dddddd;
    }
}

.navbar-collapse {
  max-height: 1200px;
  -webkit-overflow-scrolling: touch;
}


/*----------3-CONTENT----------*/

.bob-content {
    padding-top: 30px;
    padding-bottom: 10px;
}

.bob-header-mainpanel {
    margin-top: 20px;
}

@media (min-width: 998px) {
    .bob-header-mainpanel {
        margin-top: 10px;
    }
}



.bob-page-title > h3, .bob-page-icons > h3   {
    margin-top: 0px;
}


/*----------4-FOOTER----------*/

/*-----4.1-Nav-Footer-----*/

@media (min-width: 992px){
    .bob-nav-bottom li,
    .bob-nav-bottom {
        float:none;
    }
    .bob-nav-bottom li {
        display:inline-block;
    }
}

@media (max-width: 991px){
    .bob-nav-bottom {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.bob-nav-bottom {
    text-align: center;
}

.bob-nav-footer {
    margin-bottom:0px;
}

/*-----4.2-Signature-Area-----*/

.bob-footer-sign {
    padding: 40px 0px 30px 0px;
    background-color: #EE162D;
    color: #6aa3cf;
}




/*----------5-ESPECIFIC-ELEMENTS----------*/

/*--5.1-Choose Language--*/
.bob-lang {
    margin-bottom: 0px;
}
.bob-lang > .panel-body {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
    padding-bottom: 6px;
}

/*--5.2-Login Container--*/



/*--5.3-Virtual-Keyboard--*/

.bob-keygroup .btn-group .btn {
    border-radius: 4px !important;
    padding-left: 0px;
    padding-right: 0px;
}

.bob-keyheader .btn-group .btn-default.active, .btn-default:focus, .btn-default:hover {
    background-color: #EE162D;
    color:#fff;
    }

.bob-keygroup .btn-group {
    padding: 0px 2px 8px 2px;
}

.bob-keyheader {
    padding: 0px 2px 8px 2px;
}

.bob-keyselect .btn {
    padding-left: 0px;
    padding-right: 0px;
}


/*--5.4-bob-homepage-bemvindo--*/
.bob-bemvindo {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .bob-bemvindo > div > h4, .bob-bemvindo > div > p {
        display:inline-block;
    }
}

.bob-infoacess {
    margin-top: 10px;
}

.bob-bemvindo > div:first-child {
    margin-top: 10px;
}

.bob-bemvindo > div > h4 {
    margin-right: 10px;
}

.bob-icons-welcome {
    /*color:#fff;*/
    font-size:160%;
    margin-top: 10px;
}

@media (max-width: 479px) {
    .bob-icons-txt {
        display:none;
    }
}



/*--5.5-bob-homepage-aside--*/

.bob-area-apoio {
    background-image:url("../../img/bkg-apoio-cliente.jpg");
    background-repeat:repeat-x;
    background-size:contain;
    margin-left: 0px;
    margin-right: 0px;
}

.bob-apoio-content {
    background-image:url("../../img/photo-apoiocliente.png");
    background-repeat:no-repeat;
    background-position:right;
    background-size:contain;
    margin-left: 0px;
    margin-right: 0px;
    padding:25px 0px 25px 0px;
    min-height: 100px;
}

.bob-telfax {
    font-size:100%;
    margin-bottom:10px;
}

@media (min-width: 480px){
    .bob-telfax {
        font-size:120%;
    }
    .bob-apoio-content {
        margin-left: 26px;
    }
}

@media (min-width: 992px){
    .bob-telfax {
    font-size:116%;
    }
    .bob-apoio-content {
        margin-left: 0px;
    }
}

/*--5.6-bob-steps-list--*/

.bob-page-steps > ol {
    list-style: none;
    margin-top: 10px;
    padding: 0px;
}
@media (min-width: 768px){
    .bob-page-steps > ol {
    text-align: right;
    }
}

.bob-page-steps > ol li {
    display: inline-block;
}

.bob-page-steps > ol > li > div {
    min-width:24px;
    height: 20px;
    float:left;
}

.bob-steps1-active > div {
    background-image:url("/img/passo1-active.png");
    background-repeat:no-repeat;
}
.bob-steps2-active > div {
    background-image:url("/img/passo2-active.png");
    background-repeat:no-repeat;
}
.bob-steps3-active > div {
    background-image:url("/img/passo3-active.png");
    background-repeat:no-repeat;
}
.bob-steps1 > div {
    background-image:url("/img/passo1.png");
    background-repeat:no-repeat;
}
.bob-steps2 > div {
    background-image:url("/img/passo2.png");
    background-repeat:no-repeat;
}
.bob-steps3 > div {
    background-image:url("/img/passo3.png");
    background-repeat:no-repeat;
}

/*--5.7-bob-headerpage-icons--*/
.bob-page-icons {
    text-align: right;
    padding-left: 0px;
}

.bob-page-icons a {
    margin-left: 7px;
}

/*--5.8-bob-paginaion--*/
.bob-pagination {
    padding: 0px 15px 20px 15px;
}


/*--5.9-bob-tables--*/



/*--bob-form-keynum--*/

.bob-form-keynum .form-group
{
    display:inline-block;
}

.bob-form-keynum .form-control
{
    display: block;
    margin-right:10px;
    width: 32px;
}
@media (min-width: 768px)
{
    .bob-form-keynum
    {
        padding: 15px;
    }

}
/*--bob-footer-mainpanel--*/

.bob-footer-mainpanel {
    margin-bottom: 10px;
}

.bob-footer-mainpanel .btn {
    min-width: 80px;
    margin-right: 5px;
}

.bob-footer-mainpanel .help-block {
    display: inline-block;
}
.bob-footer1linebutton hr {
    margin-top: 0px;
}


/*----------TYPOGRAPHY------------*/

.bob-header-mainpanel .bob-page-title h3 {
    color: #494949;
    text-transform: uppercase;
}

h3.panel-title {
    color: #EE162D;
}

.bob-lang {
    background-color: #084473; 
    border-color: #EE162D;
}
.form-group label {
    /*color: #494949;*/
}

.btn-group .btn-default.active {
    background-color: #EE162D;
    color: #fff;
}

/*----------GENERIC-ADJUST-STYLES----------*/

.bob-marg-top-30 {
    margin-top: 30px;
}
.bob-marg-bot-10 {
    margin-bottom: 10px;
}
.bob-marg-right-10 {
    margin-right: 10px;
}
#bob-marg-topbot-10 {
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align:text-bottom;
}
.bob-pad-right-10 {
    padding-right: 10px;
}

.bob-pad-left-0 {
    padding-left: 0px;
}
.bob-no-wrap {
    white-space: pre;
}





/*--------------------------------TABLES-------------------- ----------*/

/* NO MORE TABLES 767 ( http://elvery.net/demo/responsive-tables/ ) */   

@media only screen and (max-width: 767px) 
{ 
    /* Force table to not be like tables anymore */ 
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr
    { 
        display: block; 
    } 

    /* Hide table headers (but not display: none;, for accessibility) */ 
    #no-more-tables thead tr 
    { 
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
    } 
    #no-more-tables tr 
    { 
        border: 1px solid #dddddd; 
    } 
    #no-more-tables td 
    { 
        /* Behave  like a "row" */ 
        border: none; 
        border-bottom: 1px solid #dddddd; 
        position: relative; 
        padding-left: 50%; 
        white-space: normal; 
        text-align: left; 
    }
    #no-more-tables tr th 
    { 
        display: none; 
    } 
    #no-more-tables td:before 
    { 
        /* Now like a table header */ 
        position: absolute; /* Top/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap; 
        text-align: left; 
        font-weight: bold; 
    } 
    /* Label the data */ 
    #no-more-tables td:before 
    { 
        content: attr(data-title);
        color: #EE162D;
    }
    
    /* BOB VARIATIONS for no-more-tebles 767 */
    #no-more-tables .bob-operacoes
    {
        padding-left: 8px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .bob-operacoes {
        width: 180px;
    }
}

.panel-footer.bob-footer-buttons {
    text-align: center;
}

/* NO MORE TABLES 540 ( http://elvery.net/demo/responsive-tables/ ) */

@media only screen and (max-width: 539px) 
{ 
    /* Force table to not be like tables anymore */ 
    #no-more-tables-1col table, #no-more-tables-1col thead, #no-more-tables-1col tbody, #no-more-tables-1col th, #no-more-tables-1col td, #no-more-tables-1col tr
    { 
        display: block; 
    } 

    /* Hide table headers (but not display: none;, for accessibility) */ 
    #no-more-tables-1col thead tr 
    { 
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
    } 
    #no-more-tables-1col tr 
    { 
        border: 1px solid #dddddd; 
    } 
    #no-more-tables-1col td 
    { 
        /* Behave  like a "row" */ 
        border: none; 
        border-bottom: 1px solid #dddddd; 
        position: relative; 
        padding-left: 10px; 
        white-space: normal; 
        text-align: left;
    }
    #no-more-tables-1col tr th 
    { 
        display: none; 
    } 
    #no-more-tables-1col td:before 
    { 
        /* Now like a table header */ 
        position: absolute; /* Top/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap; 
        text-align: left; 
        font-weight: bold; 
    } 
    /* Label the data */ 
    #no-more-tables-1col td:before 
    { 
        content: attr(data-title); 
    }
}




/* BOB VARIATIONS - NO MORE TABLES - */

@media only screen and (max-width: 767px) 
{ 
    #no-more-tables.bob-table-t3 tr
    {
        border:none;    
    }
    #no-more-tables.bob-table-t3 table 
    { 
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
    }
    #no-more-tables .bob-td-title
    {
        display: none !important;
    }
    
    #no-more-tables.bob-table-t3 .bob-td-actions
    {
        padding-left: 15px;
        padding-right:15px;
    }
    
    
    /* Other */
    #no-more-tables #bob-selbenef td
    {
        padding-left: 32%;
    }
    #no-more-tables .bob-tablelines td
    {
        padding-left: 10px;
    }
    
}

/* BOB TABLES */

.bob-td-title {
    font-weight: bold;
    /*color: #EE162D;*/
}
#no-more-tables.bob-table-t3 .bob-td-actions
{
    text-align: center;
}
#no-more-tables .bob-row-bg, #no-more-tables-1col .bob-row-bg
{
    background-color: #eeeef2; 
}
#no-more-tables-1col .bob-td-title
{
    background-color: #f7f7f7;
}

.bob-modal-2table {
    
}
@media only screen and (min-width: 540px),
@media only screen and (max-width: 991px)
{
    #no-more-tables-1col td
    {
        width: 50%;
    }
}

.bob-table-transaccoes .btn-group, .bob-table-contas .btn-group {
    min-width: 68px;
}

.table [data-title] {
    color: #333333;
}

.list-group .glyphicon {
    color: #EE162D;
}

.table th {
    /*color: #EE162D;*/
}

.IB-page-content > h4.IB-subtitle {
    color: #888888;
    text-transform: uppercase;
    font-size: 22px;
    
}
/*
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #ffbf30;
  border-color: #008eac;
}*/