@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800|Roboto:100,400,500,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,400i,700,800,900');

 .card {
     padding-top: 20px;
     margin: 10px 0 20px 0;
     background-color: #ffffff;
     border: 2px solid #d8d8d8;
     border-color: #cecece;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .card.hovercard {
     position: relative;
     padding-top: 0;
     overflow: hidden;
     text-align: center;
     background-color: #fff;
}
 .card.hovercard img {
     width: 100%;
     height: 120px;
}
 .card.hovercard .logo_casa img{
     width: 30px;
     height: 30px;
}
 .card.hovercard .avatar {
     position: relative;
    /*top: -40px;
     margin-bottom: -40px;
    */
}
 .card.hovercard .avatar img {
     border: 3px solid #d8d8d8;
     border-color: #1a87cc;
     width: 80px;
     height: 80px;
     max-width: 80px;
     max-height: 80px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
}
 .card.hovercard .info {
     padding: 0;
     top: -40px !important;
}
 .card.hovercard .info .title {
     padding: 1vh;
     font-family: 'Montserrat', 'Open Sans', sans-serif;
     font-weight: 400;
     margin-bottom: 5px;
     font-size: 18px;
     line-height: 1;
     color: #fff;
     vertical-align: middle;
}
 .card.hovercard .info .desc {
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     overflow: hidden;
     font-size: 12;
     line-height: 20px;
     color: #737373;
     text-overflow: ellipsis;
}
 .card.hovercard .bottom {
     padding: 0 20px;
     margin-bottom: 17px;
}
 .card.people .card-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     display: inline-block;
     width: 100%;
     padding: 10px 20px;
     line-height: 29px;
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .botaoToogle{
     font-size: 10px !important;
     height: 5px;
}
 .card-valor p{
     font-family: 'Montserrat', sans-serif;
     font-size: 1.1rem;
     font-weight: 400;
}
 .card-valor b{
     color: #2a6486;
}

.card-valor small{
    color:#2a6486;
}
 .card-valor button{
     background-color: transparent;
     border: none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     max-height: 80px;
}
 .card-valor .btn-group{
     background: red !important;
}
 .card-valor:hover{
     background-color: #f0efef;
}
 .card-valor.active{
     /*background-color: #347194 !important;
     color: #ffffff !important;*/
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    background: #f0ad4e;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
}
.btn-card{
    font-family: 'Oswald', sans-serif;
    border: 1px solid #616161;
    font-size: 14px;
    background-color: #000000;
    color: #fff;
}
 .red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}
/* carousel */
 #quote-carousel {
     font-family: 'Ubuntu', sans-serif;
     font-weight: 400;
     font-size: 20px;
     padding: 0 10px 30px 10px;
     margin-top: 30px;
     text-align:center;
}
/* indicator position */
 #quote-carousel .carousel-indicators {
     right: 50%;
     top: auto;
     bottom: -10px;
     margin-right: -19px;
}
/* indicator color */
 #quote-carousel .carousel-indicators li {
     background: #c0c0c0;
}
/* active indicator */
 #quote-carousel .carousel-indicators .active {
     background: red;
     height:10px;
     width:10px;
     margin-bottom:1px;
}
 .sibacen {
     font-size: 12px;
}
 .p10{
     padding: 10px;
}
 .mt-20 {
     margin-top: 20px;
}
 .mt-10 {
     margin-top: 10px;
}
 .mb-10 {
     margin-top: 10px;
}
 .mt-5{
     margin-top: 1px;
}
 .icone_bc{
     height: 20px !important;
     width: 20px !important;
}
 .tabela-cambio {
     font-family: 'Ubuntu', sans-serif;
     background-color: #d8d8d8;
     color: #000;
     font-stretch: condensed;
     font-size: 14px;
     border: 3px solid #000;
}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     vertical-align: middle !important;
}
 .table > tbody > tr > td > img.bandeiras{
     max-height: 30px;
     max-width: 30px;
}
 .tabela-cambio > thead{
     background-color: #267eae;
     color: #b5ddff;
}
 .table-striped > tbody > tr:nth-of-type(odd) {
     background-color: #000 !important;
     color: #fff;
}
 .azul {
     background-color: azure;
}

.nav-link.active{
    background: #3c4d568c !important;
    color: #fff;
    text-transform: uppercase;
}

 #idMoeda{
     color: #fff;
     background: transparent;
     border: none;
     text-align: center;
    /* para firefox */
     text-align-last: center;
    /* para chrome */
     -webkit-appearance: none;
    /* Remove estilo padrão do Chrome */
     -moz-appearance: none;
    /* Remove estilo padrão do FireFox */
     appearance: none;
    /* Remove estilo padrão do FireFox*/
}
 #idMoeda option{
     background:#347194;
}

 .scrollzinha{
     padding: 20px 5px;
     max-height: 70VH;
     overflow:hidden;
}
 .scrollzinha:hover {
     overflow-y: auto !important;
}
 .scrollzinha::-webkit-scrollbar-track {
     background-color: #ededed !important;
}
 .scrollzinha::-webkit-scrollbar {
     visibility: hidden !important;
}
 .scrollzinha::-webkit-scrollbar {
     width: 5px !important;
     background-color: #F5F5F5 !important;
     visibility: visible !important;
}
 .scrollzinha::-webkit-scrollbar-thumb {
     background-color: rgb(141, 141, 141) !important;
}

 @-webkit-keyframes fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-moz-keyframes fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-ms-keyframes fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes move-up {
     from {
         bottom: 30px;
    }
     to {
         bottom: 42px;
    }
}
 @-moz-keyframes move-up {
     from {
         bottom: 30px;
    }
     to {
         bottom: 42px;
    }
}
 @-ms-keyframes move-up {
     from {
         bottom: 30px;
    }
     to {
         bottom: 42px;
    }
}

@media (max-width: 1440px) {
    .scrollzinha {
        background:#fff;
        max-height: 83vh;
    }
    .caixa-valor{
        margin-left:-18px;
    }
}

@media (max-width: 1280px) {
    .scrollzinha {
        background: #fff;
        max-height: 73vh;
    }
    .caixa-valor{
        margin-left:-18px;
    }
}

@media (min-width:1440px) {
    .scrollzinha {
        background: #fff;
        max-height: 73vh;
    }
    .caixa-valor{
        margin-left:-18px;
    }  
}

@media (min-width: 1600px) {
    .scrollzinha {
        background: #fff;
        max-height: 60vh;
    }
    .caixa-valor{
        margin-left:-18px;
    }
}

@media (max-width: 600px) {
    .scrollzinha {
        background: #fff;
        max-height: 50vh;
    }
}