body {
}

/* ================ labels ================ */
.label-sofisa-success[href]:hover,
.label-sofisa-success[href]:focus,
.label-sofisa-success {
    background-color: #088A05;
    border-radius: 100px;
    min-width: 85px !important;
    display: inline-block !important;
    color: white;
    text-align: center;
}

.label-sofisa-cancelled[href]:hover,
.label-sofisa-cancelled[href]:focus,
.label-sofisa-cancelled {
    background-color: #989898;
    border-radius: 100px;
    min-width: 85px !important;
    display: inline-block !important;
    color: white;
    text-align: center;
}


.label-sofisa-info[href]:hover,
.label-sofisa-info[href]:focus,
.label-sofisa-info {
    background-color: #485E61;
    border-radius: 100px;
    min-width: 85px !important;
    display: inline-block !important;
    color: white;
    text-align: center;
}

/* ================ navbar ================ */
.navbar-default {
    background-color: white;
    border-color: white;
}

/* ================ title ================ */
.bottomMenu {
    position: relative;
    top: 21px;
    right: 15px;
}

    .bottomMenu.menuLogado {
        top: 72px;
    }

#homeNavBar.menuLogado {
    margin-bottom: 24px
}

.bottomMenu li span {
    border-left: 1px solid #fff;
    padding: 0 22px;
}

    .bottomMenu li span.first {
        border-left: 1px solid transparent;
    }

/* ================ navbar link ================ */
.navbar-default .navbar-nav.bottomMenu > li,
.navbar-default .navbar-nav .open .dropdown-menu > li {
    background: url('/images/bg/menu.gif') 0 0;
}

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
        font-weight: bold;
        font-size: 13px;
        line-height: 34px;
        height: 34px;
        padding-top: 0;
    }

.navbar-default .navbar-nav .open .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    min-width: 115px;
    border-top: 0;
}

.navbar-default .navbar-nav > li > a {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-default .navbar-nav li:hover,
.navbar-default .navbar-nav li.active,
.navbar-default .navbar-nav li.dropdown.open {
    background: #f1b552;
    border-left: 1px solid #f1b552;
    border-right: 1px solid #f1b552;
    position: relative;
    Margin-right: -1px;
    z-index: 50;
}

    .navbar-default .navbar-nav li:first-child,
    .navbar-default .navbar-nav li:hover:first-child {
        border-left: 0;
    }

.navbar-default .navbar-nav .open .dropdown-menu > li {
    border: 0;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li:hover > a:hover {
        border: 0;
        background: #f1b552;
        margin: 0;
    }

.navbar-default .navbar-nav li:hover a span,
.navbar-default .navbar-nav li.active a span,
.navbar-default .navbar-nav li.dropdown.open a span {
    border: 0 !important;
}

.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus {
    z-index: 5;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #f1b552;
}

.navbar-default .navbar-nav > li > a:focus {
    background-color: inherit;
    color: white;
}



.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #f1b552;
}

#homeLink {
    padding: 0 15px;
}

#homeNavHeader {
    padding-top: 30px;
}

.navbar-default .navbar-nav.restricted > li,
.navbar-default .navbar-nav.restricted .open .dropdown-menu > li {
    background: url('/Content/img/menu_logado.gif') 0 0;
}

.navbar-default .navbar-nav.restricted li:nth-child(2) a span {
    border: 0 !important;
}

/* ================ navbar tablet ================ */
@media (max-width: 991px) {
    .bottomMenu li span {
        padding: 0 15px;
    }

    #homeLink {
        padding: 0 16px;
    }

    .bottomMenu.menuLogado {
        top: 25px;
    }
}

/* ================ navbar phone ================ */
@media (max-width: 767px) {

    #homeNavHeader {
        padding-top: 10px;
        padding-left: 13px;
    }

    .bottomMenu {
        position: initial;
        top: 0px;
    }

        .bottomMenu li span.first,
        .bottomMenu li span {
            border-left: 0;
            padding: 0 22px;
        }

    #homeLink {
        padding: 0 20px;
    }

    .navbar-nav.bottomMenu {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-default .navbar-nav li:hover,
    .navbar-default .navbar-nav li.active,
    .navbar-default .navbar-nav li.dropdown.open {
        border-left: 0;
        border-right: 0;
        Margin-right: 0;
    }
}

@media (max-width: 359px) {
    #homeLogoImage {
        width: 230px;
    }
}


/* mobile version */
/*
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
*/



#acessoConta {
    margin-top: 12px;
    border: 0;
    background: white;
}

a.lnk-acesso {
    background: url('/images/lnk-acesso-bg.gif') no-repeat left top;
    float: right;
    height: 39px;
    margin-top: 12px;
}

    a.lnk-acesso span {
        background: url('/images/lnk-acesso-span-bg.gif') no-repeat left top;
        height: 15px;
        width: 112px;
        text-indent: -9999px;
        margin-top: 12px;
        display: block;
        margin-left: 25px;
    }

.topMenu.restricted span {
    color: #0a9170;
    font-weight: bold;
    font-size: 13px;
}

a.sofisaDarkGreenHeader,
a:link.sofisaDarkGreenHeader,
a:active.sofisaDarkGreenHeader,
a:hover.sofisaDarkGreenHeader,
a:visited.sofisaDarkGreenHeader

.topMenu.restricted a,
.topMenu.restricted a:link,
.topMenu.restricted a:active,
.topMenu.restricted a:hover,
.topMenu.restricted a:visited {
    color: #0a9170;
    font-weight: bold;
    text-decoration: none;
    /*font-size: 13px;*/
}

/*a.lnk-sair {
    float: right;
    height: 39px;
    margin-top: 12px;
}*/

/* CONTAINER */
/*.container {
    padding-right: 94px;
    padding-left: 94px;
}*/

.body.container {
}

.body.containerStripped {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .main-div {
        min-height: 676px
    }
}
/* ================ container tablet ================ */

@media (max-width: 1199px) {
    .container {
        padding-right: 14px;
        padding-left: 14px;
    }
}

/* ================ container phone ================ */

@media (max-width: 767px) {
    /*.container {
        padding-right: 15px;   
        padding-left: 15px; 
    }*/
}


/* ================ /default.aspx ================ */

/* ================ Carousel ================ */
#mainAdvertise {
    background: url('/Content/images/BannerHome/background.jpg') no-repeat center top;
}

    #mainAdvertise .col-md-8 {
        padding-right: 0;
    }

    #mainAdvertise .col-md-4 {
        padding-left: 0;
    }

    #mainAdvertise .carousel-indicators {
        right: -62%;
        left: inherit;
        bottom: 0;
    }

.carousel-indicators li {
    background-color: #999999;
    border: 1px solid #999999;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    margin-right: 8px;
}


.carousel-indicators .active {
    background-color: #333333;
    border: 0px solid #333333;
    width: 13px;
    height: 13px;
}

.carousel-indicators li.active {
    margin-left: 8px;
    margin-right: 8px;
}

#mainAdvertise a {
    width: 90%;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.img-shadow {
    position: absolute;
}

a.btn-ban1,
a.btn-ban2 {
    padding-left: 20px;
}

#mainAdvertise a > h4 {
    margin-bottom: 0;
    font-size: 20px;
    margin-top: 5px;
}

#mainAdvertise a > small {
    font-size: 95%;
}

#advertiseButtons {
    margin-top: 35px;
}

.btn-ban1,
.btn-ban1:hover,
.btn-ban1:focus,
.btn-ban1:active {
    color: #FFFFFF;
    background-color: #008C6B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#008C6B), to(#006B52));
    background-image: -webkit-linear-gradient(top, #008C6B, #006B52);
    background-image: -moz-linear-gradient(top, #008C6B, #006B52);
    background-image: -ms-linear-gradient(top, #008C6B, #006B52);
    background-image: -o-linear-gradient(top, #008C6B, #006B52);
    background-image: linear-gradient(to bottom, #008C6B, #006B52);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#008C6B, endColorstr=#006B52);
}

.btn-ban2,
.btn-ban2:hover,
.btn-ban2:focus,
.btn-ban2:active {
    color: #FFFFFF;
    background-color: #63A5CE;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#63A5CE), to(#317BA5));
    background-image: -webkit-linear-gradient(top, #63A5CE, #317BA5);
    background-image: -moz-linear-gradient(top, #63A5CE, #317BA5);
    background-image: -ms-linear-gradient(top, #63A5CE, #317BA5);
    background-image: -o-linear-gradient(top, #63A5CE, #317BA5);
    background-image: linear-gradient(to bottom, #63A5CE, #317BA5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#63A5CE, endColorstr=#317BA5);
}

#bannerCarousel .carousel-indicators {
    left: 50px;
    bottom: 35px;
}

    #bannerCarousel .carousel-indicators li {
        margin-left: 3px;
        margin-right: 3px;
    }

        #bannerCarousel .carousel-indicators li.active {
            margin-left: 3px;
            margin-right: 3px;
        }

#bannerCarousel .controlsDiv {
    position: relative;
    left: 80%;
    top: -42px;
    width: 40px;
}

    #bannerCarousel .controlsDiv a {
        color: #777777;
    }

#bannerCarousel {
    width: 230px;
}

    #bannerCarousel .carousel-inner {
        width: 230px;
        height: 295px;
    }

        #bannerCarousel .carousel-inner .item {
            width: 100%;
            height: 100%;
        }

.blockedInvestmentLink,
.meu-extrato a.blockedInvestmentLink {
    cursor: pointer;
    font-weight: bold;
    color: #008d6a;
    text-decoration: underline;
}

    .blockedInvestmentLink:hover,
    .meu-extrato a.blockedInvestmentLink:hover {
        color: #f7931d;
        text-decoration: underline;
    }

/* ================ Carousel tablet ================ */



@media (max-width: 1199px) {
    #mainAdvertise .carousel-indicators {
        bottom: -5px;
    }

    #advertiseButtons {
        margin-top: 20px;
    }

    a.btn-ban1,
    a.btn-ban2 {
        padding-left: 12px;
    }

    #mainAdvertise a {
        width: 100%;
    }
}

@media (max-width: 1022px) {
    #bannerCarousel {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991px) {
    #mainAdvertise {
        background: transparent;
    }

        #mainAdvertise .col-md-8 {
            padding-right: 15px;
        }

        #mainAdvertise .col-md-4 {
            padding-left: 15px;
        }

        #mainAdvertise a {
            width: 100%;
            text-align: center;
            padding-top: 8px;
            padding-bottom: 13px;
        }

    .separadorTitulos {
        display: none;
    }
}

/* ================ Carousel phone ================ */

@media (max-width: 991px) {
    #advertiseButtons {
        margin-top: 55px;
    }

    .img-shadow {
        display: none;
    }

    #mainAdvertise .carousel-indicators {
        right: inherit;
        left: 50%;
        bottom: -50px;
    }
}


/* ================ CONTEUDO ================ */
body {
    color: #777;
    font-family: Arial;
}

.table {
    /*border: 1px solid #dddddd;*/
}

.table-border {
    border: 1px solid #dddddd;
}

.table-no-top-border tr:first-child td {
    border-top: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #F7F5F5;
}

.table-striped2 > tbody > tr:nth-of-type(4n - 3) {
    background-color: #f9f9f9
}

.table-striped2 > tbody > tr:nth-of-type(4n - 2) {
    background-color: #f9f9f9
}

.table > thead > tr > th {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #5a5a5a;
    font-weight: 900;
}

.table.investmentTable td {
    vertical-align: middle;
}

.table-second-column-right tr td:nth-child(2) {
    text-align: right;
    padding-right: 60px;
    white-space: nowrap;
}

.icon-container-column {
    display: inline-block;
    width: 60px;
    margin-right: -60px;
    text-align: left;
    margin-top: -5px;
}

.icon-container-column-right {
    display: inline-block;
    width: 60px;
    margin-right: -60px;
    text-align: right;
    margin-top: -5px;
}

.text-success {
    color: #0cb598;
}

.text-danger {
    color: red;
}

.clickAd a,
.clickAd a:hover,
.clickAd a:visited {
    color: #777;
    text-decoration: none;
    font-size: 13px;
}

    .clickAd a h4,
    .clickAd h3 {
        color: #848484;
        font-weight: bold;
    }

        .clickAd a h4.sofisaGreenHeader,
        .clickAd h3.sofisaGreenHeader {
            color: #109473;
        }

.sofisaGreen,
.sofisaGreen a:link,
.sofisaGreen a:active,
.sofisaGreen a:hover,
.sofisaGreen a:visited {
    color: #0cb598;
    text-decoration: none;
    font-size: 13px;
}

.sofisaGreenHeader {
    color: #0cb598;
}

.sofisaDarkGreenHeader {
    color: #0cb598;
}

a.sofisaDarkGreenHeader,
a:link.sofisaDarkGreenHeader,
a:active.sofisaDarkGreenHeader,
a:hover.sofisaDarkGreenHeader,
a:visited.sofisaDarkGreenHeader {
    color: #0cb598;
    text-decoration: none;
}

.sofisaGreen h3 {
    font-weight: bold;
}

    .sofisaGreen h3 small {
        color: #109473;
        font-weight: bold;
    }

.clickAd a hr {
    margin-top: 0;
}

.simpleLine {
    border-color: #CACACA;
}

input[type=text].green {
    background: #4caf96 url('/images/bg/form-busca-faq.gif') no-repeat right center;
    color: white;
}

.green::-webkit-input-placeholder {
    color: white;
}

.green:-moz-placeholder {
    color: white;
}

.green::-moz-placeholder {
    color: white;
}

.green:-ms-input-placeholder {
    color: white;
}

.input[type=text].lightGreen,
.form-control.lightGreen,
select.lightGreen {
    background: #e4efec;
    color: #008d6a;
    font-weight: bold;
    border: 0;
}

.lightGreen::-webkit-input-placeholder {
    color: #008d6a;
    font-weight: bold;
}

.lightGreen:-moz-placeholder {
    color: #008d6a;
    font-weight: bold;
}

.lightGreen::-moz-placeholder {
    color: #008d6a;
    font-weight: bold;
}

.lightGreen:-ms-input-placeholder {
    color: #008d6a;
    font-weight: bold;
}


.input[type=text].lightGreen2,
.form-control.lightGreen2,
select.lightGreen2 {
    background: #e4efec;
    color: #444;
    font-weight: bold !important;
    border: 0;
}

.lightGreen2::-webkit-input-placeholder {
    color: #444;
    font-weight: bold;
}

.lightGreen2:-moz-placeholder {
    color: #444;
    font-weight: bold;
}

.lightGreen2::-moz-placeholder {
    color: #444;
    font-weight: bold;
}

.lightGreen2:-ms-input-placeholder {
    color: #444;
    font-weight: bold;
}

.btn-green {
    background-color: #1E9B7C;
    color: white;
}

.input-group > input[type=text].green {
    border-right: 0;
}

.spaceDiv {
    margin-top: 90px;
}

#seguro-poupanca {
    margin-left: -15px;
}

#solidez-tradicao {
    margin-left: -20px;
    margin-top: -18px;
}

ul.menu {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #e4efec no-repeat bottom left; /*url(/images/bg/ul-menu-faq.jpg) */
}

.menu hr {
    border-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 90%;
}

.categoria:hover, .categoria.active {
    background: white;
    border-top: 4px solid white;
    margin-top: -2px;
}

ul.menu a:hover {
    background: transparent;
}

ul.menu li:first-child {
    background-image: none;
    border-top: none !important;
    margin-top: 0px !important;
}

ul.menu li:last-child hr {
    display: none;
}


ul.menu a {
    color: #777;
    text-decoration: none;
    border-radius: 0;
}

ul.menu li.active a,
ul.menu li.active a:hover {
    background: white;
    color: #777;
}

.faq .panel {
    background: url(/images/bg/li-conteudo-faq.jpg) repeat-y bottom left;
    border: 0;
    padding-bottom: 23px;
}

.bigFaq .panel {
    background-color: #EAEAEA;
    border: 0;
    padding-bottom: 23px;
}

.faq .panel-heading,
.bigFaq .panel-heading {
    background: transparent;
    padding-top: 15px;
}

.faq .panel-body,
.bigFaq .panel-body {
    border: 0 !important;
    padding-top: 0px;
}

.faq a,
.bigFaq a {
    color: #109473;
    text-decoration: none;
}

.sideBar {
    border-left-color: #fab327;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 35px;
    background-position: 0% -180px;
}

    .sideBar.top {
        margin-top: 15px;
    }

    .sideBar.sideBar-sm {
        background-position: 0% -423px;
    }

    .sideBar.sideBar-md {
        background-position: 0% -342px;
        min-height: 653px;
    }

    .sideBar.sideBar-lg {
        background-position: 0% -275px;
    }

.topSideBar {
    background: url(/images/topo-sidebar.png) no-repeat left top;
    height: 73px;
    width: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.blue-panel {
    max-width: 312px;
}

    .blue-panel h4 {
        font-size: 16px;
    }

.blue-panel-header {
    background-color: #397fad;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 20px;
}

    .blue-panel-header h4 {
        color: white;
    }

    .blue-panel-header small {
        color: #b1cadb;
    }

.blue-panel-body {
    background-color: #e6e9e8;
    padding-left: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 13px;
}

a .blue-panel-body {
    text-decoration: none;
    color: #777777;
}

.blue-panel-body .blueLink {
    color: #246a98;
    font-size: 14px;
}

/* Green Accordion */
.greenAccordion.panel-group .panel + .panel,
.blueAccordion.panel-group .panel + .panel {
    margin-top: 15px;
}

.greenAccordion .panel-heading {
    background: url(/images/bg/caixa-definicao-produtos2.jpg) no-repeat 0 0px;
    color: white;
    padding-left: 20px;
    min-height: 86px;
    cursor: pointer;
}

    .greenAccordion .panel-heading.collapsed {
        background-position: 0 0px;
        background: url(/images/bg/caixa-definicao-produtos2.jpg) no-repeat 0 -144px;
    }

    .greenAccordion .panel-heading h4,
    .blueAccordion .panel-heading h4 {
        margin-bottom: 2px;
    }

    .greenAccordion .panel-heading h4, .greenAccordion .panel-heading small,
    .blueAccordion .panel-heading h4, .blueAccordion .panel-heading small {
        color: white;
        line-height: 16px;
    }

.greenAccordion .panel,
.blueAccordion .panel {
    max-width: 642px;
}

.greenAccordion a,
.blueAccordion a {
    text-decoration: none;
    color: #008d6a;
}


.greenAccordion .panel-title,
.blueAccordion .panel-title {
    max-width: 508px;
    font-size: 108%;
}

.greenAccordion .panel-body,
.blueAccordion .panel-body {
    background: url(/images/bg/caixa-definicao-conteudo.jpg) repeat-y left bottom;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 20px;
}

/* Blue accordion */
.blueAccordion .panel-heading {
    background: url(/images/caixa-definicao-facebook.png) no-repeat -1px -85px;
    color: white;
    padding-left: 20px;
    min-height: 54px;
    cursor: pointer;
}

    .blueAccordion .panel-heading.collapsed {
        background: url(/images/caixa-definicao-2.png) no-repeat -1px -1px;
    }

.tooltipLink {
    cursor: help;
    text-decoration: underline;
    color: #008d6a;
    font-weight: bold;
}

.investSimulationBox {
    border: solid 1px #008d6a;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tooltip.sofisa-tooltip {
    background: url(/images/bg/tooltip-conteudo.png) no-repeat left bottom;
    max-width: 196px;
    min-height: 68px;
    text-align: center;
}

.sofisa-tooltip.tooltip-sm {
    min-width: 136px;
    min-height: 48px;
}

.sofisa-tooltip .tooltip-inner {
    background: none;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    font-family: Arial;
    line-height: 15px;
    /*margin-top: 20px;
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;*/
}

    .sofisa-tooltip .tooltip-inner div {
        padding-left: 10px;
        text-align: left;
    }

        .sofisa-tooltip .tooltip-inner div.text-right {
            text-align: right;
        }

.blueBox {
    background-color: #ededed;
    border: 1px solid #246a98;
    border-top: 14px solid #246a98;
    padding-bottom: 20px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

    .blueBox li span {
        color: #777;
        font-weight: normal;
    }

    .blueBox li ol {
        /*list-style: lower-latin;*/
        list-style: none;
        counter-reset: list;
    }

        .blueBox li ol > li {
            position: relative
        }

            .blueBox li ol > li:before {
                content: counter(list, lower-alpha) ") ";
                counter-increment: list;
                position: absolute;
                left: -1.4em;
            }


    .blueBox li {
        color: #008d6a;
        font-weight: bold;
    }

.sofisaBlue {
    color: #246a98;
}

.blueBox .h3 {
    margin-top: 15px;
}

.yellowInput {
    background-color: #E8C488;
    color: white;
    height: 47px;
    font-size: 16px;
    border: none;
}

.yellowForm input[type="text"],
.yellowForm select.form-control,
.yellowForm input[type="password"] {
    background-color: #E8C488;
    color: white;
    height: 47px;
    margin-left: -6px;
    font-size: 16px;
    border: none;
}

.yellowForm.addon-sm input[type="text"],
.yellowForm.addon-sm select.form-control,
.yellowForm.addon-sm input[type="password"] {
    height: 43px;
}

.yellowForm.addon-md input[type="text"],
.yellowForm.addon-md select.form-control,
.yellowForm.addon-md input[type="password"] {
    height: 60px;
}

.yellowForm.addon-lg input[type="text"],
.yellowForm.addon-lg select.form-control,
.yellowForm.addon-lg input[type="password"] {
    height: 69px;
}

.yellowForm .input-group {
    margin-left: auto;
    margin-right: auto;
}

.yellowForm .input-group-addon {
    border: none;
}

.yellowAddon {
    background-position: 0px 0px;
    height: 47px;
    z-index: 4;
    background-color: transparent;
    position: relative;
}

    .yellowAddon.addon-sm {
        height: 43px;
    }

    .yellowAddon.addon-md {
        height: 60px;
    }

    .yellowAddon.addon-lg {
        height: 69px;
    }

.email-addon {
    background-image: url('/content/img/btnEmail.png');
    width: 112px;
}

.senha-addon {
    background-image: url('/content/img/btnSenha.png');
    width: 113px;
}

.nova-senha-addon {
    background-image: url('/content/img/btnNovaSenha.png');
    width: 150px;
}

.confirme-senha-addon {
    background-image: url('/content/img/btnConfirmeSenha.png');
    width: 200px;
}

.confirmarSenha-addon {
    background-image: url('../img/btnConfirmeSenhaResgate.png');
    width: 214px;
}

.cpf-addon {
    background-image: url('/content/img/btnCPF.png');
    width: 114px;
}

.insiraValor-addon {
    background-image: url('/content/img/btnValor.png');
    width: 100px;
}

.prazo-addon {
    background-image: url('/content/img/btnPrazo.png');
    width: 137px;
}

.resgatarConta-addon {
    background-image: url('/content/img/btnResgateConta.png');
    width: 121px;
}

.transferirConta-addon {
    background-image: url('/content/img/btnTransferConta.png');
    width: 120px;
}

.confirmarSenha-addon {
    background-image: url('/content/img/btnConfirmeSenhaResgate.png');
    width: 214px;
}

.input-confirmar {
    background: url("/content/img/btnConfirmar.png") no-repeat transparent;
    border: none;
    cursor: pointer;
    height: 38px;
    margin: 10px 20px 0 0px;
    width: 162px;
    font-size: 0px;
}

.input-ok {
    background: url("/Content/images/btn_OK.png") no-repeat transparent;
    border: none;
    cursor: pointer;
    height: 36px;
    width: 155px;
    font-size: 0px;
    display: inline-block;
}

.input-resgatar {
    background: url("/content/img/btnResgate.jpg") no-repeat transparent;
    border: none;
    cursor: pointer;
    height: 38px;
    margin: 10px 20px 0 0px;
    width: 158px;
    font-size: 0px;
}

.input-voltar {
    background: url('/Content/img/btnVoltar.png') 0 0 no-repeat;
    border: none;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    width: 59px;
    height: 15px;
}

.input-comprovante {
    background: url('/Content/img/btnComprovante.png') 0 0 no-repeat;
    border: none;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    width: 200px;
    height: 15px;
}

.input-enviar {
    background-color: #0cb598;
    border: none;
    width: 56%;
    height: 26px;
    margin-left: 8.6%;
    display: flex;
    color: #FFF;
    display: FLOW-ROOT;
}

.blueBox .alert h3 {
    margin-top: 10px;
}

.blueBox .alert {
    margin-bottom: 10px;
}

.goldHeader,
.goldHeader small {
    color: #D59936;
}

.smallTable {
    width: 64%;
}

body.popup {
    overflow-x: hidden;
}

.blinkYellow {
    color: yellow;
}

.visible-xs-table-cell {
    display: none !important;
}

avancar
.questions-accordion .panel {
    background-color: transparent;
    border-bottom-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.questions-accordion h4 a,
.questions-accordion h4 a:visited {
    color: #333;
    text-decoration: none;
    font-weight: 700;
}

.questions-accordion hr {
    border-color: #fab327;
}


.alert-danger {
    color: white;
    background-color: #BD4358;
}

.alert-sofisa-warning {
    background-color: #fab327;
    opacity: 0.8;
    color: white;
}

.alert h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.alert h4.top-space-md {
    margin-top: 15px;
}

.glyphicon-md {
    font-size: 30px;
    vertical-align: text-bottom;
}

.glyphicon-big {
    font-size: 36px;
    vertical-align: text-bottom;
}

/* TECLADO VIRTUAL */
.tecladoWrapper {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.boxFundoTeclado {
    border: 1px solid #E8C791;
    margin-top: -15px;
    padding-left: 35px;
    padding-top: 7px;
    width: 499px;
}

.boxFundoTecladoRestricted {
    border: 1px solid #E8C791;
    margin-top: -23px;
    padding-left: 30px;
    padding-top: 25px;
}

#tblKeys {
    color: #D89F43;
    font-size: 14px;
    margin: -5px -8px 0 -29px;
    text-align: center;
    width: 481px;
    border-collapse: separate;
    border-spacing: 2px;
    border: 0;
}

    #tblKeys td.btnDiferente {
        font-size: 12px;
    }

#space, #shift, #confirmar, #backspace, #capslock {
    text-transform: capitalize !important;
}

#tblKeys td {
    border: 1px solid #e6c286;
    background-color: #fff;
    color: #d79e3f;
    font-weight: bold;
    width: 33px !important;
    text-align: center;
    height: 30px;
    padding: 0;
}

    #tblKeys td.btnDiferente {
        width: auto !important;
    }

    #tblKeys td.keyDown {
        border: 1px solid #d79e3f;
        background-color: #d79e3f;
        color: #ffffff;
    }

.boxFundoTeclado sup {
    color: #ccc;
    margin-right: 2px;
    font-size: 12px;
}

.boxFundoTeclado sub {
    color: #ccc;
    margin-left: 2px;
    font-size: 12px;
}

.boxFundoTeclado table td {
    font-size: 14px;
}
/* FIM TECLADO VIRTUAL */

a.greyLink,
a:link.greyLink,
a:active.greyLink,
a:hover.greyLink,
a:visited.greyLink {
    color: #929285;
    text-decoration: none;
}

.visible-lg-table {
    display: table !important;
}

.pointer {
    cursor: pointer;
}

.fb-like-frame {
    width: 378px;
}

.lancamento-verde, .lancamento-verde-valor {
    font-weight: bold;
}

.greenTableLine {
    background-color: #008d6a;
}

.table-striped > tbody > tr.whiteTableLine:nth-of-type(odd) {
    background-color: white;
}

.greenTableLine td {
    color: white;
}

.greyTableLine {
    background-color: #E0E0E0;
}

    .greyTableLine td {
        font-weight: bold;
    }

.ico-calendario {
    background: url(/content/images/payment/text-calendar_26.png) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 25px;
}

    .ico-calendario.top-pos {
        position: relative;
        top: 7px;
    }

    .ico-calendario.disabled {
        background: url(/content/images/payment/text-calendar_26_disabled.png) no-repeat 0 0;
    }

        .ico-calendario.disabled.pointer {
            cursor: default;
        }

.ico-interrogacao {
    background: url("/Content/images/interrogacao.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 22px;
    height: 20px;
}

    .ico-interrogacao:hover {
        background-position: 0% -23px;
    }

.ico-cifrao-verde {
    background: url(/content/img/ico-cifrao-verde.png) no-repeat 0 0;
    display: inline-block;
    width: 23px;
    height: 20px;
}

.ico-cifrao-branco {
    background: url(/content/img/cifrao_branco.png) no-repeat 0 0;
    display: inline-block;
    width: 23px;
    height: 17px;
}

.ico-super {
    position: relative;
    top: -2px;
}

.ico-middle {
    position: relative;
    top: 2px;
}

.ico-bottom {
    position: relative;
    top: 4px;
}

.ico-grafico {
    background: url(/content/img/icone_grafico.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    top: 1px;
    width: 20px;
    height: 21px;
}

.ico-cronometro {
    background: url(/content/img/icone_cronometro.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    top: 1px;
    width: 18px;
    height: 21px;
}

.ico-cancel {
    background: url(/content/img/icone_cancelar.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    top: 1px;
    width: 18px;
    height: 21px;
}

a,
a:link,
a:active,
a:hover,
a:visited {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

a.sofisaGreen2 {
    color: #0cb598;
}

.modal-md-2 {
    max-width: 500px;
}

.modal-md {
    max-width: 400px;
}

.modal-body.warning-body {
    padding: 0px;
}

.warning-modal {
    max-width: 525px;
}

.warning-body img {
    width: 100%;
}

.warning-modal-close {
    position: absolute;
    right: 7px;
    top: 6px;
    color: #000000;
    opacity: 100;
}

.modal-background {
    background-image: url(/Content/images/bg_pop_up.png);
    background-position-y: 0px;
    background-position-x: 0px;
}

.yellowModalHeader {
    color: #D59936;
}

.AccountSofisa {
    margin: 4px 0px 10px 15px;
}

.greenBackgroundHeader {
    padding-left: 20px;
    padding-top: 1px;
    background-color: #e8f5f2;
    padding-bottom: 1px;
}

.reloadButton {
    background-image: url("../img/btnReload.png");
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: none;
    font-size: 0;
    margin-top: 9px;
    margin-left: 10px;
    text-indent: -9000px;
}

.yellowMessage {
    color: #F0B451;
}

a.orangeLink,
a:link.orangeLink,
a:active.orangeLink,
a:hover.orangeLink,
a:visited.orangeLink {
    color: #f7931d;
    text-decoration: underline;
}

a.greenLink,
a:link.greenLink,
a:active.greenLink,
a:hover.greenLink,
a:visited.greenLink {
    color: #008d6a;
    text-decoration: none;
}

a.orangeLinkNoDecor,
a:link.orangeLinkNoDecor,
a:active.orangeLinkNoDecor,
a:hover.orangeLinkNoDecor,
a:visited.orangeLinkNoDecor {
    color: #f7931d;
    text-decoration: none;
}

.tooltip-inner {
    background-color: #008D6A;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #008D6A;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #008D6A;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #008D6A;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #008D6A;
}

.inline-date {
    max-width: 100px;
}

.loaderBarDiv {
    margin-left: 10px;
}

.loaderBarDivConfirmar {
    width: 164px;
    text-align: center;
}

/* ================ Conteudo Tablet ================ */

@media (max-width: 1022px) {
    .sideBar.sideBar-md {
        min-height: initial;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {

    .greenAccordion .panel-heading {
        background: url(/images/bg/caixa-definicao-produtos2.jpg) no-repeat -25px -144px;
    }

        .greenAccordion .panel-heading.collapsed {
            background-position: -25px 0px;
        }

    .blueAccordion .panel-heading {
        background-position: -26px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -26px -1px;
        }

    .visible-xs-table-cell {
        display: none !important;
    }

    .visible-lg-table {
        display: none !important;
    }
}

@media (max-width: 1022px) {
    .sideBar {
        background: none;
        padding-left: 15px;
        text-align: center
    }

    .blueAccordion .panel-heading {
        background-position: -2px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -2px -1px;
        }

    .text-center-md {
        text-align: center;
    }

    .greenAccordion .panel-heading {
        background-position: 0px -144px;
    }

        .greenAccordion .panel-heading.collapsed {
            background-position: 0px 0px;
        }
}

/* ================ Conteudo phone ================ */
@media (max-width: 1022px) {
    #seguro-poupanca {
        position: relative;
        left: 36%;
    }

    #solidez-tradicao {
        margin-top: 0px;
        position: relative;
        left: 40%;
    }

    .clickAdImageDiv {
        margin-top: 20px;
    }

    .sideBar {
        background: none;
        padding-left: 15px;
    }

    .greenAccordion .panel-heading {
        padding-top: 1px;
    }

    .greenAccordion .panel-title span {
        font-size: 85%;
    }

    .blueBox .alert {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-wrapper {
        overflow-x: auto;
    }

    .smallTable {
        width: 100%;
    }

    .blueAccordion .panel-heading {
        background-position: -288px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -288px -1px;
        }

    .visible-xs-table-cell {
        display: table-cell !important;
    }

    .visible-lg-table {
        display: none !important;
    }

    .yellowForm.obeyWidth.form-horizontal .form-group {
        margin-right: inherit;
        margin-left: inherit;
    }

    .yellowForm .input-group {
        width: 100%;
    }

    .text-left.xs-center {
        text-align: center;
    }

    .text-right.xs-center {
        text-align: center;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-left-xs {
        text-align: left;
    }

    .icon-container-column,
    .icon-container-column-right {
        width: 40px;
        margin-right: -40px;
    }

    .table-second-column-right tr td:nth-child(2) {
        text-align: right;
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .blueAccordion .panel-heading {
        background-position: 0px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: 0px -1px;
        }

    .photo-overflow-xs {
        overflow-x: auto;
    }

    .fb-like-frame {
        width: 100%;
    }

    .icon-container-column,
    .icon-container-column-right {
        width: auto;
        min-width: 40px;
    }
}

@media (min-width: 768px) {
    .visible-xxs-table-cell {
        display: none !important;
    }
}

/* ================ Conteudo phone sm ================ */

@media (max-width: 1023px) {
    .loaderBarDivConfirmar {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .modal-md,
    .modal-md-2 {
        margin-left: auto;
        margin-right: auto;
    }

    .loaderBarDiv {
        margin-left: auto;
        margin-right: auto;
    }

    .visible-xxs-table-cell {
        display: table-cell !important;
    }

    .yellowForm.addon-lg input[type="text"].shrink-addon,
    .yellowForm.addon-lg input[type="password"].shrink-addon {
        height: 47px;
    }

    .yellowAddon.addon-lg.confirmarSenha-addon {
        height: 47px;
        background-image: url('/content/img/btnSenha.png');
        width: 113px;
    }
}

@media (max-width: 667px) {
    .blueAccordion .panel-heading {
        background-position: -5px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -5px -1px;
        }
}

@media (max-width: 640px) {
    .blueAccordion .panel-heading {
        background-position: -32px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -32px -1px;
        }
}

@media (max-width: 533px) {
    .blueAccordion .panel-heading {
        background-position: -139px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -139px -1px;
        }
}

@media (max-width: 480px) {
    .blueAccordion .panel-heading {
        background-position: -192px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -192px -1px;
        }
}

@media (max-width: 374px) {
    .blueAccordion .panel-heading {
        background-position: -300px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -300px -1px;
        }
}

@media (max-width: 359px) {
    .blueAccordion .panel-heading {
        background-position: -26px -85px;
    }

        .blueAccordion .panel-heading.collapsed {
            background-position: -26px -1px;
        }

    .text-center-xxs {
        text-align: center;
    }
}


/* ================ Slider ================ */
.slider.slider-horizontal {
    width: 100%;
}

.slider-handle.custom {
    background: url('/Content/img/simulador_seletor.png') !important;
    width: 41px;
    height: 16px;
    background-position: 0px -8px !important;
    opacity: 1 !important;
}

    .slider-handle.custom:before {
        content: '' !important;
    }

.slider.slider-horizontal .slider-track {
    height: 4px !important;
}

.slider-track {
    background: url('/Content/img/simulador_seletor.png') !important;
    background-position: 0 0 !important;
    border-radius: inherit !important;
}

.slider.slider-horizontal .slider-selection {
    background: url('/Content/img/simulador_seletor.png') !important;
    background-position: 0 -4px !important;
}

.simulador {
    background: url('/Content/img/simulador_bg.png');
    height: 37px;
    max-width: 641px;
}

    .simulador h4 {
        font-size: 20px;
        color: #336633;
        margin-top: 7px;
        padding-left: 20px;
    }

        .simulador h4 small {
            font-size: 12px;
            color: #336633;
            margin-right: 2px;
        }

    .simulador.investPoupanca {
        margin-top: 3px;
    }

.investName {
    background: url('/Content/img/simulador_labels_l.png');
    position: relative;
    width: 180px;
    z-index: 1;
    height: 37px;
    text-indent: -9999px;
    float: left;
}

.investSofisa .investName {
    background-position: 0 -45px;
}

.tesouroDireto .investName {
    background-position: 0 -86px;
}

.investDI .investName {
    background-position: 0 -160px;
}

.investPoupanca .investName {
    background-position: 0 -198px;
}

.investStatus {
    height: 37px;
    max-width: 470px;
    position: relative;
    overflow: hidden;
}

.investStatusArrow {
    float: left;
    height: 37px;
    opacity: 0;
}

    .investStatusArrow,
    .investStatusArrow span {
        background: url('/Content/img/simulador_seta.png') no-repeat right 0;
        position: absolute;
        top: 15px;
        right: 10px;
        height: 20px;
    }

        .investStatusArrow span {
            background-position: left 0;
            width: 5px;
            left: -2px;
            top: 0;
            z-index: 1;
        }

.investRange {
    height: 37px;
    float: left;
    background: url('/Content/img/simulador_status.jpg');
    background-position: 0 -45px;
}

.investSofisa .investRange {
    width: 100%;
}

.tesouroDireto .investRange {
    background-position: 0 -86px;
    width: 57%;
}

.investDI .investRange {
    background-position: 0 -160px;
    width: 57%;
}

.investPoupanca .investRange {
    background-position: 0 -198px;
    width: 57%;
}

/* ================ Simulador Tooltip  ================ */
.tooltip.simulador-tooltip {
    background: url(../img/simulador_tooltip.png) no-repeat center bottom;
    width: 166px;
    height: 68px;
}

.simulador-tooltip .tooltip-inner {
    background: none;
    margin-top: 20px;
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
}

/* ================ Simulador phone  ================ */

@media (max-width: 767px) {
    .simulador-container {
        text-align: center;
    }

    .invest-container {
        margin-top: 20px;
    }

    .simulador h4 {
        padding-left: 0px;
    }
}

/* ================ Footer ================ */

#footer {
    background: #F7F5F6 url('/images/rodape.jpg') repeat-x;
    color: #b1b0b0;
    min-height: 150px;
}

#footerSimple {
    background: #F7F5F6 url('/images/rodape.jpg') repeat-x;
    color: #b1b0b0;
    min-height: 80px;
}

#footerSimpleLinksDiv small {
    color: #b1b0b0;
}

#footerLinksDiv,
#footerSimpleLinksDiv {
    float: left;
}

#footerLogosDiv,
#footerSimpleLogosDiv {
    float: right;
}

#footerLinksDiv br {
    display: none;
}

#footer a,
#footer a:hover,
#footer a:visited {
    color: #b1b0b0;
    text-decoration: underline;
    margin-right: 14px;
}

/* ================ Footer - tablet ================ */
@media (max-width: 1199px) {
    #footerLinksDiv {
        width: 79%;
    }

        #footerLinksDiv a {
            line-height: 2;
        }
}

/* ================ Footer - tablet mini ================ */
@media (max-width: 991px) {
    #footerLinksDiv {
        width: 100%;
    }

    #footerLogosDiv {
        float: none;
        text-align: center;
    }

    .sideBar {
        border: none;
    }
}


/* ================ Footer - phone ================ */
@media (max-width: 528px) {
    #footerLinksDiv {
    }

        #footerLinksDiv a {
            line-height: 2.5;
        }
}

@media (max-width: 479px) {
    #footerLinksDiv {
        text-align: center;
    }

        #footerLinksDiv br {
            display: block;
        }
}

@media (max-width: 449px) {
    #footerSimple {
        padding-bottom: 20px;
    }

    #footerSimpleLinksDiv {
        width: 100%;
        text-align: center;
    }

    #footerSimpleLogosDiv {
        float: none;
        text-align: center;
    }
}



/* ================ /sofisa-direto/ ================ */

#img-rende-mais {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.por-que-investir-no-sofisa-direto {
    background: url(/images/bg/caixa-pq-investir-no-sofisa.png) no-repeat left top;
    padding-left: 33px;
    padding-top: 21px;
}

    .por-que-investir-no-sofisa-direto a {
        color: #008d6a;
        text-decoration: none;
    }

/* ================ /sofisa-direto/ - tablet ================ */
@media (max-width: 1199px) {
    .img-separador {
        width: 620px;
    }
}

/* ================ /sofisa-direto/ - phone ================ */

@media (max-width: 767px) {
    #logoSofisaRoundDiv,
    #vantagensSofisaHeader {
        text-align: center;
    }

    .sideBar {
        text-align: center;
    }
}

/* ================ /fale-direto/default.aspx ================ */

.enviar-email-button {
    background: #33a488 url(/images/bg/submit-fale-conosco.jpg) no-repeat left top;
    width: 100%;
    height: 34px;
    text-indent: -9999px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border: 0;
    background-position: 50% 0%;
}

/* ================ /MGM/index.aspx =================== */

.enviar-email-mgm {
    background: #0cb598 url(/images/bg/submit-mgm-2.jpg) no-repeat left top;
    width: 100%;
    height: 47px;
    text-indent: -9999px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border: 0;
    background-position: 50% 0%;
}

/* ================ /produtos/cdb.aspx ================ */

table.tabela-vigente {
    background: #f1f1f1 url(/images/bg/bg-tabela-vigente.jpg) no-repeat left top;
    font-size: 12px;
}

    table.tabela-vigente thead tr {
        height: 35px;
        border: 0;
    }

        table.tabela-vigente thead tr th {
            color: #008d6a;
            font-size: 16px;
            text-align: left;
        }

            table.tabela-vigente thead tr th span, table.tabela-vigente tbody tr td span {
                margin-left: 16px;
            }

    table.tabela-vigente tbody tr td {
        height: 36px;
        border-top: 1px solid #c7c6bf;
    }

    table.tabela-vigente tbody tr:first-child td {
        border: 0;
    }

    table.tabela-vigente tbody tr td.zerada {
        border: 0;
    }

    table.tabela-vigente tbody tr td.ultimo {
        height: 26px;
    }

        table.tabela-vigente tbody tr td.ultimo span {
        }

    table.tabela-vigente tfoot {
        background: url(/images/bg/divisoria-tabela-vigente.png) no-repeat left bottom;
        height: 10px;
    }

/* ================ /rentabilidade/default.aspx ================ */

.rentabilidade.nav {
    background-color: #E6E6E6;
}

.rentabilidadeCategorias.nav {
    background-color: #0cb598;
}

.rentabilidade.nav-tabs > li > a {
    border-radius: 0px;
}

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

    .rentabilidade.nav-tabs > li.active > a,
    .rentabilidade.nav-tabs > li.active > a:focus,
    .rentabilidade.nav-tabs > li.active > a:hover,
    .rentabilidade.nav-tabs > li > a,
    .rentabilidade.nav-tabs > li > a:focus,
    .rentabilidade.nav-tabs > li > a:hover {
        border: 1px solid transparent;
    }

.rentabilidade.nav > li > a:focus,
.rentabilidade.nav > li > a:hover {
    text-decoration: none;
    color: inherit;
    background-color: inherit;
}


.rentabilidade.nav > li > a {
    padding: 5px 15px;
}

.rentabilidade.nav li.active > a {
    background-color: #0cb598;
    color: white;
}

.rentabilidade.nav a.h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 35px;
    padding-right: 35px;
}

.rentabilidadeCategorias.nav > li > a {
    padding: 5px 25px;
}

.rentabilidadeCategorias.nav-pills > li.active > a,
.rentabilidadeCategorias.nav-pills > li.active > a:focus,
.rentabilidadeCategorias.nav-pills > li.active > a:hover {
    color: #fab327;
    background-color: inherit;
}

.rentabilidadeCategorias.nav > li > a:focus,
.rentabilidadeCategorias.nav > li > a:hover {
    text-decoration: none;
    background-color: inherit;
}

.rentabilidadeCategorias.nav-pills > li > a {
    border-radius: 0px;
    color: white;
    font-weight: 700;
}

.btn-calcular {
    color: #00A47B;
    font-weight: bold;
    background-color: #008C6B;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#EEEEEE), to(#FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #EEEEEE, #FFFFFF);
    background-image: -moz-linear-gradient(bottom, #EEEEEE, #FFFFFF);
    background-image: -ms-linear-gradient(bottom, #EEEEEE, #FFFFFF);
    background-image: -o-linear-gradient(bottom, #EEEEEE, #FFFFFF);
    background-image: linear-gradient(to top, #EEEEEE, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#FFFFFF);
}

    .btn-calcular.btn-default.active,
    .btn-calcular.btn-default.focus,
    .btn-calcular.btn-default:active,
    .btn-calcular.btn-default:focus,
    .btn-calcular.btn-default:hover,
    .open > .dropdown-toggle.btn-calcular.btn-default {
        color: #00A47B;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.lightBlackBoldHeader {
    color: #545555;
    font-weight: bold;
}

.rentabilidadeHeader {
    color: black;
    font-weight: bold;
}


.valorInvestimentoGroup {
    margin-left: auto;
    margin-right: auto;
    max-width: 163px;
}

/* ================ /rentabilidade/default.aspx - phone small ================ */

@media (max-width: 331px) {
    .rentabilidade.nav a.h4 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .rentabilidadeCategorias.nav > li > a {
        padding: 5px 15px;
    }
}


/* ================ /abra-sua-conta/default.aspx ================ */

.setaPassoAPasso {
    position: absolute;
    top: 55px;
    right: 0;
    width: 17px;
    height: 26px;
}

.abra-sua-conta-rodape {
    text-align: left;
}

#btn-avancar {
    text-align: right;
    cursor: pointer;
}

@media (max-width: 767px) {
    .abra-sua-conta-rodape,
    #btn-avancar {
        text-align: center;
    }
}


/* ================ /fale-direto/Varejo.aspx ================ */

#topoBancoSofisa .navbar.navbar-default {
    background-image: url('/content/img/bg_inicial.gif');
    background-repeat: repeat-x;
    height: 99px;
    margin-bottom: 0;
    border-bottom: 0;
}

#topoBancoSofisa .navbar-header {
    position: relative;
    top: 21px;
    left: 10%;
}

/* ================ /sofisa-direto/garantia-banco-sofisa-direto.aspx ================ */

#caixa-como-protegemos {
    background: #e5e4dc url(/images/bg/bg-como-protegemos-voce.jpg) no-repeat bottom left;
    padding: 22px;
}

    #caixa-como-protegemos ul li {
        list-style-image: url(/images/icones/cadeado-verde.png);
        padding-left: 11px;
        margin-bottom: 18px;
    }

.botao-contratar-pequeno {
    background: url(/content/img/botao_contratar_pequeno.png) no-repeat scroll 0 0 transparent;
    width: 84px;
    height: 22px;
    font-size: 0px;
}

/* ================ Account/AccountSummary/  ================ */

#PeriodofExtract {
    float: right;
    margin-top: -55px;
}

.meus-investimentos tr th {
    color: #008d6a;
}

.table.meus-investimentos > thead > tr > th {
    text-align: left;
}

.meus-investimentos > tbody > tr > td,
.meus-investimentos > tbody > tr > th,
.meus-investimentos > tfoot > tr > td,
.meus-investimentos > tfoot > tr > th,
.meus-investimentos > thead > tr > td,
.meus-investimentos > thead > tr > th {
    padding: 7px;
}

.meus-investimentos > tbody > tr:nth-of-type(2n) {
    background-color: #F7F5F5
}

.meus-investimentos {
    font-size: 12px;
}

#tableLegalBlockades {
    max-width: 500px;
}

@media (max-width: 1199px) {
    #PeriodofExtract {
        margin-top: -65px;
    }
}

@media (max-width: 1022px) {
    #PeriodofExtract {
        float: none;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
}

/* ================ Account/sessaoexpirou/  ================ */

.alert-sessao h3 a,
.alert-sessao h3 a:link,
.alert-sessao h3 a:active,
.alert-sessao h3 a:hover,
.alert-sessao h3 a:visited {
    color: #8a6d3b;
    text-decoration: none;
}

/* ================ ExtractCustomer/Extract/  ================ */

.meu-extrato a {
    color: #777;
    text-decoration: none;
}

    .meu-extrato a:hover {
        color: #f7931d;
        text-decoration: none;
    }

.meu-extrato td:last-child,
.meu-extrato-complemento td:last-child {
    padding-right: 40px;
}

.meu-extrato tr.total td,
.meus-investimentos tr.total td {
    background-color: #e8f5f2;
    border-top: 1px solid #0cb598;
    color: white;
}

.meu-extrato tr.total.greenTableLine td {
    background-color: #008d6a;
    color: white;
}

.meu-extrato tr.total td,
.meu-extrato tr.total td a,
.meus-investimentos tr.total td.saldo,
.meus-investimentos tr.total td.saldo a {
    color: #008d6a;
    font-weight: bold;
}

    .meu-extrato tr.total td:first-child,
    .meu-extrato tr td:last-child {
        white-space: nowrap;
    }

a.pagInicial {
    background-image: url(../img/btnPagInicial.png);
    background-repeat: no-repeat;
    display: block;
    width: 98px;
    height: 25px;
    font-size: 0;
}

a.imgVoltar {
    background: url('/Content/img/btnVoltar.png') 0 0 no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    width: 59px;
    height: 15px;
    display: inline-block;
}

a.imgImprimir {
    background: url(/Content/img/btnImprimir.png) 0 0 no-repeat;
    background-color: transparent;
    border: none;
    font-size: 0;
    line-height: 0;
    width: 79px;
    height: 22px;
    display: inline-block;
}

a.redeemButton {
    background-image: url(../img/btnResgate.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 158px;
    height: 39px;
    cursor: pointer;
    text-indent: -9000px;
}

a.novoInvest {
    background-image: url(../img/btnNovoInvest.png);
    background-repeat: no-repeat;
    display: block;
    width: 101px;
    height: 22px;
    font-size: 0;
}

#imprimirResg {
    background-image: url(../img/btnImprimir.png);
    background-repeat: no-repeat;
    display: none;
    width: 79px;
    height: 22px;
    font-size: 0;
}

.periodSelector {
    float: right;
    margin-top: -56px;
}

    .periodSelector input[type=text] {
        text-align: center;
    }

    .periodSelector .fromSelector,
    .periodSelector .toSelector {
        float: left;
    }

        .periodSelector .toSelector label {
            margin-left: 10px;
        }

@media (max-width: 1199px) {
    .periodSelector {
        margin-top: -66px;
    }
}

@media (max-width: 767px) {
    .periodSelector {
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media (max-width: 333px) {
    .periodSelector .toSelector {
        margin-top: 10px;
        margin-right: 10px;
    }

        .periodSelector .toSelector label {
            margin-left: 0px;
        }
}

/* ================ Investment/Index/  ================ */

.investimentos.nav {
    background-color: transparent;
}



    .investimentos.nav li a {
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: bold;
        border: none;
    }

        .investimentos.nav li a:hover {
            color: inherit;
            background-color: transparent;
            border: none;
        }

    .investimentos.nav li.active a,
    .investimentos.nav li.active a:hover {
        background-color: #0cb598;
        color: white;
        font-weight: bold;
        border: none;
    }

.invistaja {
    color: #fab327 !important;
    font-size: 14px !important;
}

.table.meus-investimentos > thead > tr > th.invistaja {
    text-align: center;
}

#Investment td:first-child {
    color: #008D6A;
}

.btnInvistaJa {
    background-image: url("../img/btnInvistaJa.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer;
    text-indent: -9000px;
    display: inline-block;
}

.btnLimiteAplicacaoExcedido {
    background-image: url("../img/btnLimiteExcedido.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer;
    text-indent: -9000px;
    display: inline-block;
}

#investimentosPills,
#pagamentosPills {
    display: none;
}

.campoPosicaoEm {
    margin-left: 10px;
}

.apptable > tbody > tr:hover {
    background-color: #E9FCEA;
    cursor: pointer;
}

.apptable > tbody > tr.controls:hover {
    background-color: inherit;
    cursor: default;
}

.apptable > tbody > tr > td:last-child {
    white-space: nowrap;
}

.controls td {
    box-shadow: rgb(105, 105, 105) 0px -2px 5px inset;
}

@media (max-width: 767px) {
    .campoPosicaoEm {
        margin-left: 18px;
    }

    #Investment {
        border-collapse: inherit;
    }

    .meus-investimentos-border {
        border-collapse: inherit;
    }
}

@media (max-width: 639px) {
    .investimentos.nav li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
}

@media (max-width: 532px) {
    .investimentos.nav li a {
        font-size: 18px;
    }

    #pagamentosTabs,
    #investimentosTabs {
        display: none;
    }

    #investimentos > #tabs > #investimentosTabs {
        display: block !important;
    }

    #pagamentosPills,
    #investimentosPills {
        display: block;
    }
}

/* ================ Investment/ConfirmationOfApplication/  ================ */

#ConfirmApplication {
}

.proximo-dia {
    color: #ff8a00;
}

.tabela-titulo-novo-investimento td {
    background-color: #929285;
    color: white;
    font-weight: bold;
}

.table-novo-investimento {
    border-bottom: 1px solid #ddd;
}

    .table-novo-investimento td {
        color: #0cb598;
        font-weight: bold;
    }

.linhaVertical {
    background-image: url(../img/lineResgate.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 1px;
}

#tabelaRentabilidadeProjetada {
    font-size: 12px;
    border-bottom: 1px solid #bbb;
}

    #tabelaRentabilidadeProjetada.table > thead > tr > th {
        font-weight: bold;
        background-color: #CCCCCC;
        color: #777;
    }

    #tabelaRentabilidadeProjetada td:last-child {
        color: #008d6a;
    }

#novoInvestimentoPills {
    display: none;
}

#spanLimiteVaiADica {
    color: #6D7993;
    margin-top: -24px;
}

@media (min-width: 1025px) {
    .input-group.col-md-9.col-max-1 {
        width: 77%;
    }
}

@media (min-width: 1200px) {
    #historicoExibirBtn {
        margin-left: 10px;
    }
}

@media (min-width: 991px) {
    #historicoExibirBtn {
        margin-left: 5px;
    }
}

@media (max-width: 990px) {
    #historicoExibirBtn {
        margin-left: 10px;
    }
}

@media (max-width: 375px) {
    /*.investimentos.nav li a {
        font-size: 18px;
    }*/

    #novoInvestimentoTabs {
        display: none;
    }

    #novoInvestimentoPills {
        display: block;
    }
}

@media (max-width: 320px) {
    #spanLimiteVaiADica {
        font-size: 13px;
    }
}

/* ================ Investment/RedeemPartialValue/  ================ */


.resgateHeader {
    background-color: #B2B2A9;
    color: white;
    padding: 10px;
}

    .resgateHeader small {
        color: white;
        font-weight: bold;
    }

.disponivel-resgate {
    background-color: #d6ece7;
}

.resgate-centeredDiv {
    display: inline-table;
    text-align: left;
}

span.valorParcialOn,
span.valorParcialOff {
    background-image: url(../img/btnResgParcial.png);
    background-repeat: no-repeat;
    text-indent: -9000px;
    width: 193px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    z-index: 2;
    float: left;
}

span.valorParcialOff {
    background-image: url(../img/btnResgParcialOff.png);
}

span.valorTotalOn,
span.valorTotalOff {
    background-image: url(../img/btnResgTotal.png);
    background-repeat: no-repeat;
    text-indent: -9000px;
    width: 194px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    z-index: 2;
    font-size: 0px;
    float: right;
}

span.valorTotalOff {
    background-image: url(../img/btnResgTotalOff.png);
}

.boxResgate {
    background-image: url("../img/btnClock.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    width: 100px;
    margin-top: -120px;
    color: #929285;
    padding-left: 20px;
    font-size: 11px;
    line-height: 12px;
}

.resgate h3 > strong {
    color: #929285;
}

@media (max-width: 767px) {
    .boxResgate {
        float: none;
        margin-top: 20px;
        text-align: center;
        width: 100%;
        min-height: 20px;
        font-size: 12px;
        background-position: top;
        padding-left: 0px;
        padding-top: 25px;
    }

    .dataVctoResgateInvest {
        float: none !important;
        display: block;
    }
}

@media (max-width: 415px) {
    span.valorTotalOn,
    span.valorTotalOff,
    span.valorParcialOn,
    span.valorParcialOff {
        float: none;
    }

    span.valorTotalOn,
    span.valorParcialOn {
        height: 37px;
    }

    span.valorParcialOn {
        margin-bottom: 5px;
    }
}

/* ================ ExtractCustomer/MakeTransfer/  ================ */

input.TransferParcialOn,
input.TransferParcialOff {
    background-repeat: no-repeat;
    text-align: center;
    width: 193px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    z-index: 2;
    float: left;
}

input.TransferParcialOff {
    color: lightgray;
}

input.TransferTotalOn,
input.TransferTotalOff {
    background-repeat: no-repeat;
    text-align: center;
    width: 194px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    z-index: 2;
    float: right;
}

input.TransferTotalOff {
    color: lightgray;
}

input.avancarButton {
    background-color: #0cb598;
    color: white;
    width: 150px;
    height: 45px;
    border: none;
    font-weight: 700;
}

input.returnButton {
    background-color: #f2f2f2;
    color: black;
    width: 150px;
    height: 45px;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
}

.tabela-contratacao-saque-popup {
}

    .tabela-contratacao-saque-popup > tbody > tr > td {
        border: 0;
        padding: 2px;
    }

    .tabela-contratacao-saque-popup td:first-child {
        color: #008d6a;
        font-weight: bold;
        text-align: right;
    }

    .tabela-contratacao-saque-popup td:last-child {
        font-weight: bold;
        text-align: left;
        padding-left: 10px
    }

@media (max-width: 415px) {
    input.TransferTotalOn,
    input.TransferTotalOff,
    input.TransferParcialOn,
    input.TransferParcialOff {
        float: none;
    }

    input.TransferTotalOn,
    input.TransferParcialOn {
        height: 37px;
    }

    input.TransferParcialOn {
        margin-bottom: 5px;
    }
}

/* ================ ExtractCustomer/ConfirmationTransfer/  ================ */

.conta-destino label,
.detalhes-transferencia .banco {
    color: #33a185;
}

.detalhes-transferencia td {
    color: #929285;
}

.detalhes-transferencia.table > tbody > tr > td {
    border-top: 0;
}

#divAlertPassWrong {
    color: white;
    padding-bottom: 5px;
    display: none;
}

#divAlertBorder.PassWrong {
    background-color: #D24C3A;
    padding-top: 10px;
}


/* ================ CreditLimit/Confirm/  ================ */

.limitePreAprovadoDiv {
    background-image: url("../img/lineSaqueEspecial.png");
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 140px;
    padding-top: 15px;
}

.iofTable,
.cetTable {
    margin-bottom: 5px;
    margin-left: 10px;
    width: 90%;
}

    .iofTable > tbody > tr > td,
    .cetTable > tbody > tr > td {
        border: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: left;
    }

        .iofTable > tbody > tr > td:last-child,
        .cetTable > tbody > tr > td:last-child {
            text-align: right;
        }

.texto-contrato {
    font-size: 12px;
}


/* ================ SideContentBar/AccountBalance/  ================ */


/*.table.accountDetailsTable>tbody>tr>td {
    border-top-color: #888888;
}*/

.accountDetailsTable tr:first-child td {
    border-top: none;
}

.accountDetailsTable td {
    text-align: left;
}


    .accountDetailsTable td:last-child {
        width: 36%;
        text-align: right;
    }

/* ================ SideContentBar/Services/  ================ */

#divSideContentServices {
    padding-left: 15px;
}

#divReportIncome {
    padding-top: 15px;
    padding-bottom: 8px;
}

.divReportIncomeCorretora {
    padding-bottom: 8px;
}

#divMobileUnlock {
    padding-top: 10px;
    padding-bottom: 8px;
}

#divBlockSecurityCard {
    padding-top: 10px;
    padding-bottom: 10px;
}

#divContracts div {
    margin-bottom: 10px;
}

#pagamentoContasText {
    position: relative;
    top: 100px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 10px;
}

#pagamentoContasBottom {
    position: relative;
    top: 130px;
    left: 29px;
}

#btnBannerRequestSecurityCard {
    background: url(/Content/images/SideContentBar/bt_cartaoSenhas.jpg) 0px 0px no-repeat;
    width: 172px;
    height: 31px;
    cursor: pointer;
}

    #btnBannerRequestSecurityCard:hover {
        background-position: 0px -33px;
    }

#limiteAprovadoMiddle {
    position: relative;
    top: 125px;
    padding-left: 20px;
    padding-right: 10px;
    height: 50px;
}

#limiteAprovadoText {
    position: relative;
    top: 140px;
    padding-left: 15px;
}

#btnBannerContractCreditLimit {
    width: 77px;
    height: 32px;
    cursor: pointer;
    background: url(/Content/images/SideContentBar/bt_contratar.jpg) 0px 0px no-repeat;
    float: left;
    position: relative;
    top: 10px;
    margin-left: 5px;
}

    #btnBannerContractCreditLimit:hover {
        background-position: 0px -32px;
    }

#ContractText {
    color: black;
}

#limiteAprovadoMiddleText {
    float: left;
    top: 14px;
    position: relative;
}

#saldoDisponivelMiddle {
    position: relative;
    top: 135px;
    padding-left: 20px;
    padding-right: 10px;
    height: 50px;
}

#saldoDisponivelBottom {
    position: relative;
    top: 160px;
    padding-left: 16px;
    padding-right: 10px;
}

#saldoDisponivelMiddleText {
    float: left;
    top: 14px;
    position: relative;
    color: black;
    width: 108px;
}

#BannerAvailableBalanceField {
    font-size: 14pt;
    font-weight: bold;
}

#btnBannerCarteiraBottom {
    position: relative;
    top: 196px;
    left: 29px;
    background: url(/Content/images/SideContentBar/bt_carteira.png) 0px -32px no-repeat;
    width: 172px;
    height: 31px;
    cursor: pointer;
}

    #btnBannerCarteiraBottom:hover {
        background-position: 0px 0px;
    }

#btnBannerInvestment {
    float: left;
    top: 12px;
    /*left: 121px;*/
    width: 77px;
    height: 31px;
    cursor: pointer;
    position: relative;
    background: url(/Content/images/SideContentBar/bt_investir.jpg) 0px 0px no-repeat;
    margin-left: 5px;
}

    #btnBannerInvestment:hover {
        background-position: 0px -33px;
    }

#agendarPagamentoMiddle {
    position: relative;
    top: 135px;
    padding-left: 30px;
    padding-right: 25px;
    height: 50px;
}

#divBannerCarteira {
    cursor: pointer;
    background: url(/Content/images/SideContentBar/bkg_carteira.jpg) no-repeat;
}

#divBannerRequestSecurityCard {
    background: url(/Content/images/SideContentBar/bkg_pagtoContasCartao.jpg) no-repeat;
}

#divBannerCreditLimit {
    background: url(/Content/images/SideContentBar/bkg_saqueEspecial.jpg) no-repeat;
}

#divBannerBalance {
    background: url(/Content/images/SideContentBar/bkg_saldoDisponivel.png) no-repeat;
}

#divBannerPayment {
    background: url(/Content/images/SideContentBar/bkg_pagtoContas.png) no-repeat;
}

#divUnlockMobileDevice {
    background: url(/Content/images/SideContentBar/bkg_desbloqueieApp.png) no-repeat;
}

.saldoInsuficienteTable tbody > tr > td {
    border-top: none;
}

    .saldoInsuficienteTable tbody > tr > td:first-child {
        border-left: 1px solid #CACACA;
    }

/* ================ Payment2/Index/  ================ */

.payment-input-1 {
    max-width: 18px;
}

.payment-input-5 {
    max-width: 47px;
}

.payment-input-6 {
    max-width: 54px;
}

.payment-input-12 {
    max-width: 110px;
}

.payment-input-14 {
    max-width: 118px;
}

.payment-input-15 {
    max-width: 119px;
}

.TextInputError {
    border: 1px solid #FF2900;
}

.tipospagamentos li {
    overflow: hidden;
    padding-left: 19px;
    background: url('../../Content/img/img_bullet_pagamento.png') 0 3px no-repeat;
    margin: 7px 0px 0px 0px;
}

    .tipospagamentos li:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .tipospagamentos li a {
        color: #424241;
        font-size: 14px;
    }

.greenBulletLinks li,
.greenBullet li {
    overflow: hidden;
    padding-left: 19px;
    background: url('../../Content/img/img_bullet_pagamento.png') 0 7px no-repeat;
    margin: 4px 0px 0px 0px;
}

    .greenBulletLinks li a,
    .greenBulletLinks li a:hover
    .greenBulletLinks li a:link,
    .greenBulletLinks li a:active,
    .greenBulletLinks li a:visited {
        color: #424241;
        text-decoration: none;
    }

.alteracaolimite li {
    overflow: hidden;
    padding-left: 19px;
    background: url('../../Content/img/img_bullet_pagamento.png') 0 7px no-repeat;
    margin: 4px 0px 0px 0px;
    color: black;
}

    .alteracaolimite li a {
        color: black;
        text-decoration: underline;
        cursor: pointer;
    }

.breadcrumb {
    background-color: transparent;
    padding: 0px;
}

    .breadcrumb > li + li:before {
        content: none;
    }

    .breadcrumb li.selected {
        color: #008d6a;
        font-weight: bold;
    }

    .breadcrumb li {
        color: #a0a0a0;
        font-weight: bold;
    }

        .breadcrumb li span {
            color: white;
            background: url(../img/ico_passos.png) 0 -42px no-repeat;
            width: 42px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            font-size: 16px;
            display: inline-block;
        }

        .breadcrumb li.selected span {
            background: url(../img/ico_passos.png) 0 0 no-repeat;
            margin-right: 5px;
            margin-left: 10px;
        }

.errorDiv > p.errorMessage {
    display: none;
}

.errorDiv.divInputError {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FBF3CB;
    border: thin dotted #FF2900;
    margin-bottom: 10px;
}

    .errorDiv.divInputError.left-pad {
        padding-left: 10px;
        padding-right: 10px;
    }

@media (max-width: 767px) {
    .errorDiv.divInputError .left-pad-xs {
        padding-left: 10px;
    }

    .errorDiv.divInputError .right-pad-xs {
        padding-right: 10px;
    }
}


.errorDiv.divInputError > p.errorMessage {
    display: block;
}

.ticketPreviewDiv div.col-sm-3 {
    text-align: right;
}

#cSenha,
#cCartao {
    background: url('/Content/images/payment/senha_Internet_ckeck.png') no-repeat;
    width: 23px;
    height: 22px;
    background-position: 0px -24px;
    display: inline-block;
    vertical-align: bottom;
}

.salvar-pdf {
    background: url('/Content/img/salvar-pdf1.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    /*margin: 0px;
    top: -6px;
    position: relative;*/
    cursor: pointer;
    height: 30px;
    width: 100px;
    /*margin: 0px 11px 0px 300px;
    float: left;*/
}

    .salvar-pdf:hover {
        background-position: 0px -30px;
    }

.salvar-html {
    background: url('/Content/img/salvar-html1.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    /*margin: 0px;
    top: -6px;
    position: relative;*/
    cursor: pointer;
    height: 30px;
    width: 111px;
    /*margin: 0px 14px 0px 0px;
    float: left;*/
}

    .salvar-html:hover {
        background-position: 0px -30px;
    }

.imprimir-frame {
    background: url('../../Content/img/imprimir-frame3.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    /*top: -6px;
    position: relative;*/
    cursor: pointer;
    height: 30px;
    width: 100px;
    /*float: left;*/
}

    .imprimir-frame:hover {
        background-position: 0px -30px;
    }

#pagamentosTab {
    min-height: 100px;
}

#cartaoSecPosicaoDiv {
    margin-left: 20px;
    float: left;
}

.agendamentos-table > thead > tr > th,
.pagamento-table > thead > tr > th {
    background-color: #E8F5F2;
    color: #383838;
}

.agendamentos-table > tbody > tr > td,
.pagamento-table > tbody > tr > td {
    color: #383838;
}

    .pagamento-table > tbody > tr > td:last-child {
        text-align: right;
    }

.agendamentos-table > tbody > tr.scheduled:hover > td,
.pagamento-table > tbody > tr:hover > td {
    cursor: pointer;
    background-color: #ECFAE7;
}

.agendamentos-table > tbody > tr.notpaid:hover > td {
    cursor: pointer;
    background-color: #FFDFDF;
}

.agendamentos-table > tbody > tr:hover > td {
    cursor: pointer;
    background-color: #E6E6E6;
}

.agendamentos-table > tbody > tr.pagamento-frame:hover > td,
.pagamento-table > tbody > tr.pagamento-frame:hover > td {
    background-color: white;
    cursor: default;
}

.ico-expand {
    background: url(/Content/img/ico_btn_expand.png) 2px center no-repeat;
}

.ico-expanded {
    background: url(/Content/img/ico_btn_collapse.png) 2px 50% no-repeat
}

.baixar-pdf-ico {
    background: url(/Content/img/icon_pdf22_v2.png) no-repeat 0px 0px;
    height: 22px;
    width: 30px;
    display: inline-block;
}

    .baixar-pdf-ico:hover {
        background: url(/Content/img/icon_pdf22_v2.png) no-repeat 0px -21px;
    }

.baixar-html-ico {
    background: url(/Content/img/icon_html22_v2.png) no-repeat 0px 0px;
    height: 22px;
    width: 30px;
    display: inline-block;
}

    .baixar-html-ico:hover {
        background: url(/Content/img/icon_html22_v2.png) no-repeat 0px -21px;
    }

.excluir-ico {
    background: url(/Content/img/icon_excluir22_.png) no-repeat 2px 0px;
    display: inline-block;
    height: 22px;
    width: 30px;
}

    .excluir-ico:hover {
        background: url(/Content/img/icon_excluir22_.png) no-repeat -40px 0px;
    }

.ico-file-down {
    background-position: 0px -42px;
}

#labelConcessionaria {
    margin-left: 10px;
}

.paymentFormField > div:first-child {
    text-align: right;
}

#agendarPagamentoDiv {
    float: left;
    margin-left: 20px;
}

#codbar01,
#codbar02,
#codbar03,
#codbar04,
#codbar05,
#codbar06,
#codbar07,
#codbar08,
#bcodbar01,
#bcodbar02,
#bcodbar03,
#bcodbar04,
#bcodbar05,
#bcodbar06,
#bcodbar07,
#bcodbar08,
#ccodbar01,
#ccodbar02,
#ccodbar03,
#ccodbar04 {
    text-align: center;
}

table.sofisaGreyTable thead tr > th {
    background: #E1E1E1;
    color: #203351;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #D2D2D2));
    background: -webkit-linear-gradient(top, #F7F7F7 0%, #D2D2D2 100%);
    background: -o-linear-gradient(top, #F7F7F7 0%, #D2D2D2 100%);
    background: -ms-linear-gradient(top, #F7F7F7 0%, #D2D2D2 100%);
    background: linear-gradient(to bottom, #F7F7F7 0%, #D2D2D2 100%);
    font-size: 12px;
}

table.sofisaGreyTable tbody tr > td {
    font-size: 12px;
    vertical-align: middle;
}

.boletoTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    border-collapse: separate;
}

    .boletoTable.table-bordered, .boletoTable.table-bordered td {
        border-color: black;
    }

        .boletoTable.table-bordered td {
            border-bottom: 0;
            border-left: 0;
        }

        .boletoTable.table-bordered tbody tr > td:first-child {
            border-left: 1px solid black;
        }

.timeInputGroupContainer {
    display: inline-block;
    width: 180px;
}

@media (max-width: 1199px) {

    #cartaoSecPosicaoDiv {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

        #cartaoSecPosicaoDiv .greenCardLine {
            display: none;
        }
}

@media (min-width: 768px) {
    .sizeOptlabel {
        margin-left: -20px;
    }
}

@media (max-width: 768px) {
    #labelConcessionaria {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    #breadcrumb {
        float: none;
        margin-top: 20px;
        text-align: center;
    }

        #breadcrumb li {
            display: none;
        }

            #breadcrumb li.selected {
                display: block;
                width: 95%;
            }

    .periodo-form .form-group label {
        display: block;
        margin-left: 0px;
    }

    .periodo-form .form-group .inline-date {
        display: inline-block;
    }

    .ticketPreviewDiv div.col-sm-3 {
        text-align: left;
    }

    .paymentFormField > div:first-child {
        text-align: left;
    }

    #periodoInicioDDA, #periodoFimDDA {
        top: -3px;
    }

    .boletoTable.table-bordered tbody tr > td:last-child {
        border-right: 1px solid black;
    }
}

@media (max-width: 499px) {
    #bcodbar08,
    #codbar08 {
        margin-top: 10px;
    }

    #agendarPagamentoDiv {
        margin-left: 0px;
    }
}

@media (min-width: 501px) {
    .consumoBars #codbar04 {
        margin-top: 0px;
        margin-left: 7px;
    }
}

@media (max-width: 529px) {
    .consumoBars img {
        margin-top: 10px;
    }
}

@media (max-width: 501px) {
    .consumoBars #codbar03 {
        margin-right: 7px;
    }

    .consumoBars #codbar04 {
        margin-left: 0px;
    }
}

@media (max-width: 500px) {
    .consumoBars #codbar04 {
        margin-top: 10px;
    }

    .consumoBars img {
        margin-top: 0px;
    }
}

@media (max-width: 386px) {
    .consumoBars #codbar02 {
        margin-right: 7px;
    }

    .consumoBars #codbar03 {
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media (max-width: 375px) {
    #bcodbar07,
    #codbar07 {
        margin-top: 10px;
    }

    #ccodbar02 {
        margin-right: 5px;
    }

    #ccodbar03 {
        margin-top: 10px;
        margin-left: 0px;
    }

    .consumoBars #codbar04 {
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media (max-width: 364px) {
    .salvar-html {
        margin-left: 50px;
    }

    .imprimir-frame {
        margin-top: 10px;
    }

    .receipt-buttons.text-center-xxs {
        text-align: center;
    }
}

@media (max-width: 352px) {
    #bcodbar06,
    #codbar06 {
        margin-top: 10px;
    }
}


/* ================ Configuration/Index/  ================ */

.personalizacaoLinks {
    list-style: none;
}

    .personalizacaoLinks li {
        cursor: pointer;
        margin-top: 30px;
    }

        .personalizacaoLinks li:hover {
            color: #0cb598;
            font-weight: bold;
        }

.personalizacoes.breadcrumb > li + li:before {
    color: #464646;
    content: "\276F\00a0";
}

.personalizacoes.breadcrumb a {
    color: #464646;
    font-weight: normal;
}

    .personalizacoes.breadcrumb a:hover {
        color: #464646;
        text-decoration: underline;
    }

.personalizacoes.breadcrumb > .active > a {
    color: #999999;
    text-decoration: none;
}

.personalizacoes.breadcrumb li {
    color: #464646;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn-adicionar-comprovante,
.btn-adicionar-comprovante:active {
    background: url(/Content/images/btnuploadcomprovante.jpg) 0px 0px no-repeat;
    width: 200px;
    height: 31px;
    margin: 0;
    display: inline-block !important;
    text-indent: -9999px;
    border: none;
    margin-right: 10px;
}

a.btn-add-conta {
    background: url('/Content/images/btn-add-conta.png') no-repeat left top;
    width: 212px;
    height: 31px;
    text-indent: -9999px;
    display: block;
}

/* ================ BlockSecurityCard  ================ */

.highlight-title {
    border-top: 1px solid #0cb598;
    border-bottom: 1px solid #0cb598;
    background-color: rgb(250, 250, 250);
    padding: 8px 0px 8px 0px;
}

#AlertBlockSecurityCardModal #btn_Block {
    background-color: transparent;
    height: 29px;
    width: 131px;
    border: none;
    cursor: pointer;
}

    #AlertBlockSecurityCardModal #btn_Block:hover {
        background-position: 0px -30px;
    }



/* ================ SideContentBar/SideBarTimeLimit/  ================ */

.horariosPagamentosTable td,
.horariosPagamentosTable th {
}

.horariosPagamentosTable .subHeader > td {
    border-top: solid 1px #0cb598;
    border-bottom: solid 1px #0cb598;
    background: white;
}

.horariosPagamentosTable td.greyTableFooter {
    background-color: #C5C5C5;
}


/* ================ Payment2/GetDDA/  ================ */

table.sofisaGreenTable thead tr > th {
    padding: 0px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #627d4d;
    background: -moz-linear-gradient(top, #007156 0%, #109473 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #007156), color-stop(100%, #1f3b08));
    background: -webkit-linear-gradient(top, #007156 0%, #109473 100%);
    background: -o-linear-gradient(top, #007156 0%, #109473 100%);
    background: -ms-linear-gradient(top, #007156 0%, #109473 100%);
    background: linear-gradient(to bottom, #007156 0%, #109473 100%);
    white-space: pre;
}

.termContentBox {
    border-width: 2px;
    border-style: solid;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

termContentBox p {
    text-align: justify;
}

/* ================ Configuration/Index/  ================ */

.alertTable.table {
    border-bottom: 0px !important;
}

    .alertTable.table th, .alertTable.table td {
        border: 1px !important;
    }

.alertTable.fixed-table-container {
    border: 0px !important;
}

.alertTable > tbody > tr > td {
    text-align: center;
}

    .alertTable > tbody > tr > td:nth-child(1) {
        padding-left: 40px;
        text-align: left;
    }

    .alertTable > tbody > tr > td.alertSectionTitle:nth-child(1) {
        padding-left: inherit;
    }

.alertTable.table > thead > tr > th {
    color: #777;
}

@media (max-width: 767px) {
    .alertTable > tbody > tr > td:nth-child(1) {
        padding-left: 10px;
    }
}

/* ================ SPACES ================ */
.left-space-xs {
    margin-left: 2px;
}

.left-space-sm {
    margin-left: 5px;
}

.left-space-md {
    margin-left: 10px;
}

.left-space-lg {
    margin-left: 20px;
}

.payment-left-space {
    margin-left: 7px;
}

.right-space-xs {
    margin-right: 2px;
}

.right-space-sm {
    margin-right: 5px;
}

.right-space-md {
    margin-right: 10px;
}

.right-space-md-2 {
    margin-right: 15px;
}

.right-space-lg {
    margin-right: 20px;
}

.right-space-xl {
    margin-right: 25px;
}

.right-space-xxl {
    margin-right: 30px;
}

.top-space-none {
    margin-top: 0;
}

.top-space-xs {
    margin-top: 2px;
}

.top-space-sm {
    margin-top: 5px;
}

.top-space-md {
    margin-top: 10px;
}

.top-space-md-2 {
    margin-top: 15px;
}

.top-space-lg {
    margin-top: 20px;
}

.top-space-xl {
    margin-top: 25px;
}

.top-space-xxl {
    margin-top: 30px;
}

.top-space-xxxl {
    margin-top: 40px;
}

.top-space-xxxxl {
    margin-top: 50px;
}

.bottom-space-none {
    margin-bottom: 0;
}

.bottom-space-sm {
    margin-bottom: 5px;
}

.bottom-space-md {
    margin-bottom: 10px;
}

.bottom-space-lg {
    margin-bottom: 20px;
}

.bottom-space-xl {
    margin-bottom: 25px;
}

@media (max-width: 1022px) {
    .top-space-md-tablet {
        margin-top: 10px;
    }

    .top-space-lg-tablet {
        margin-top: 20px;
    }

    .top-space-xxl-tablet {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .top-space-xxxl-phone {
        margin-top: 40px;
    }

    .top-space-lg-phone {
        margin-top: 20px;
    }

    .top-space-md-phone {
        margin-top: 10px;
    }

    .top-space-none-phone {
        margin-top: 0px;
    }

    .bottom-space-md-phone {
        margin-bottom: 10px;
    }
}

.separadorTitulos {
    background-color: #fab327;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 5px;
}


.underline-titulo {
    border-bottom: solid 1px #fab327;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display:table;
}

.navbar-services-item-selecionado {
    background: #fab327;
    color: #fff;
}

button.SofisaButton {
    background-color: #00a88f;
    color: white;
    height: 45px;
    border: none;
    font-weight: 700;
}

button.SofisaButtonAlert {
    background-color: #17a2b8;
    color: white;
    height: 45px;
    border: none;
    font-weight: 700;
}

html, body {
    height: 100%;
}

.conteiner {
    min-height: 100%;
    margin-bottom: -163px;
}

    .conteiner:after {
        content: "";
        display: block;
    }

    #footer, .conteiner:after {
        height: 163px;
    }












/* Compatibilidade com o sistema de colunas do BS 4 *********************/
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}
/* Fim: Compatibilidade com o sistema de colunas do BS 4 ****************/




.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}


@media (max-width: 1420px) {
    #investimentosTabs a {
        font-size: 16px !important;
        white-space: nowrap;
    }

    .sd-input {
        white-space: nowrap;
    }

    #tabSimulacao {
        margin-left: -2px;
    }

    .btnAplicarAgora {
        width: 130% !important;
        margin-left: -15px !important;
    }

    .label-titulo-simulador {
        font-size: 20px !important;
    }
}

@media (max-width: 991px) {
    .sd-input {
        white-space: normal;
    }
}



.tab-simulacao {
    width: 22%;
}

.tab-consultar {
    width: 13%;
}

.tab-aplicar {
    width: 13%;
}

.tab-perfil-investidor {
    width: 22%;
}

.tab-posicao {
    width: 28%;
}


@media (max-width: 900px) {
    .tab-simulacao, .tab-consultar, .tab-aplicar, .tab-perfil-investidor {
        width: 100%;
    }
}


@media (min-width: 900px) {
    .responsive-tabs.nav-tabs {
        border-bottom: 1px solid #ddd;
    }
}

.responsive-tabs.nav-tabs span.glyphicon {
    position: absolute;
    top: 14px;
    right: 22px;
}

    .responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {
        display: none;
    }

@media (min-width: 768px) {
    .responsive-tabs.nav-tabs span.glyphicon {
        display: none;
    }
}

.responsive-tabs.nav-tabs > li {
    display: none;
    float: none;
    text-align: center;
}

    .responsive-tabs.nav-tabs > li:last-of-type > a {
        margin-right: 0;
    }

    .responsive-tabs.nav-tabs > li > a {
        margin-right: 0;
        background: #fff;
        border: 1px solid #DDDDDD;
    }

@media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li > a {
        margin-right: 4px;
    }
}

.responsive-tabs.nav-tabs > li.active {
    display: block;
}

    .responsive-tabs.nav-tabs > li.active a {
        border: 1px solid #DDDDDD;
        border-radius: 2px;
    }

@media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li.active a {
        border-bottom-color: transparent;
    }
}

@media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li {
        display: block;
        float: left;
    }
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
    display: block;
}

@media (min-width: 768px) {
    .responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
        display: none;
    }
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
    display: none;
}

.responsive-tabs.nav-tabs.open > li {
    display: block;
}

    .responsive-tabs.nav-tabs.open > li a {
        border-radius: 0;
    }

    .responsive-tabs.nav-tabs.open > li:first-of-type a {
        border-radius: 2px 2px 0 0;
    }

    .responsive-tabs.nav-tabs.open > li:last-of-type a {
        border-radius: 0 0 2px 2px;
    }


.investimentos.nav li a {
    background-color: transparent;
}

.nav-tabs > li {
    margin-bottom: -3px;
}