/*Add ao guru css principal que está na pasta main*/
.bbestguru-content-card .bb-best-guru__box__title h3 {
    text-transform: uppercase;
}
.titleGuru {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 56px;
  color: #000099;
  text-align: left;
  margin: 0;
  position: absolute;
}

* {
  text-decoration: none;
}

.slick-arrow-guru {
  display: none !important;
}

#footer {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #000099;
}

.bbest-guru .titleGuru {
  position: absolute;
}

.footer_fundos {
  position: relative;
}

.footer_fundos p {
  /*position: absolute;*/
  top: -20px;
}

#guru2 {
  height: 550px !important;
}
.bbest-box-messages-guru {
  margin-bottom: 40px;
}

.bbest-box-messages-guru .content {
  background: #dfeaf283;
  mix-blend-mode: normal;
  min-height: 162px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.bbest-box-messages-guru p {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000099;
  opacity: 1;
  max-width: 392px;
}

.bbest-box-messages-guru img {
  margin-left: 36px;
  margin-right: 36px;
}

.bbest-guru-title {
  padding: 0;
}

/* css do guru pesquisa */

/* .header-top-fundos-etf .tag-h1 {
  } */

.bbest-dropdown-content-tops .bbest-tab-content-tops {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 66px;
}
.dropdown-toggle::after {
  display: none;
}

.guru .bbest-nav-tabs-tops {
  display: flex;
}
.bestguru-tabs-dropdown {
  margin-top: 44px;
}

.bestguru-tabs-dropdown .bbest-nav-tabs-tops{
	
	display: flex;
}

.bestguru-tabs-dropdown .content .tag-h6 {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000099;
}
.bestguru-tabs-dropdown .bbest-nav-tabs-tops li:first-child {
  margin-right: 12px;
}
.bestguru-tabs-dropdown .bbest-nav-tabs-tops li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  width: 150px;
  height: 66px;
  border: 1px solid #000099;
  color: #000099;
  border-radius: 33px;
  cursor: pointer;
}

.bestguru-tabs-dropdown .bbest-nav-tabs-tops .active {
  width: 150px;
  height: 66px;
  background: #000099;
  border-radius: 33px;
  color: #fff;
}

.dropdown-toggle-tops .content-filter {
  height: auto;
}

/* Add no guru.css */
.dropdown-menu-edit {
  padding: 40px !important;
  width: 225px !important;
}

.container-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 26px;
}

/* .dropdown 52 semanas*/
.dropdown-semanas {
  display: none;
}

.dropdown-semanas .dropdown-menu {
  min-width: 19rem;
}

.content-filter .dropdown:first-child {
  margin-right: 67px;
}

.bbestguru-cotacao {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #000099;
}

.bbestguru-cotacao span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000099;
}

.bbestguru-simbolo h6 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #000099;
}

.bbestguru-cotacao h6 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #000099;
}
.bbestguru-simbolo span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #000099;
}

.bbestguru-variacao-title {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #000099;
}

.bbest-guru-ultima-transacao {
  margin-top: 16px;
}

.bbest-guru-ultima-transacao h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #000099;
  margin-bottom: 3px;
}

.bbest-guru-ultima-transacao p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #5e737e;
}
.bbest-guru-bnt-etf {
  margin-top: 16px;
  display: flex;
}

.bbest-guru-bnt-etf .add-etf-btn {
  margin-right: 16px;
  cursor: pointer;
}

.bbest-guru-bnt-etf .remove-etf-btn {
  cursor: pointer;
}

.btns-vertodos-tops-fundos .content {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  background: #0066ff;
  border-radius: 33px;
  width: 200px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btns-vertodos-tops-fundos {
  margin-top: 60px;
}
.btns-vertodos-tops-fundos .container {
  display: flex;
  justify-content: flex-end;
}

/*CSS extra ---no final juntar este css com o guru.css*/

.bbestguru-content-card {
  width: 100%;
}

#dropdownMenuButton span img {
  width: 19px;
}

.border-dropd {
  height: 3px;
  width: 100%;
  border-radius: 50px;
  background: #00cccc;
}

.fundos {
  border-bottom: none !important;
}
.bb-best-guru__box_variacao {
  margin-top: 18px;
}

.bb-best-guru__box_variacao .bbestguru-variacao {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-size: 44px;
  line-height: 52px;
  color: #00cccc;
}

.bbestguru-content-card .bb-best-guru__box__title h3 {
  margin: 0;
}

.flexwrap-vermais {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contentcardtopsETFJS .content-pagination {
  display: none;
}

#contentcardtopsFUNDOSJS .content-pagination {
  display: none;
}

/* Paginacao */

.bbest-tab-content-tops .content-pagination {
  margin-top: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bbest-tab-content-tops .content-pagination p {
  margin: 0;
}

.bbest-tab-content-tops .content-pagination .rows-none {
  width: 25%;
}

.bbest-tab-content-tops .content-pagination .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
}

.bbest-tab-content-tops .content-pagination .number-rows-paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 25%;
}

.bbest-tab-content-tops .content-pagination .number-rows-paginate .acoes {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #5e737e;
  margin-right: 13px;
}

.bbest-tab-content-tops
  .content-pagination
  .number-rows-paginate
  .displayed-rows {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000099;
}

.bbest-tab-content-tops .content-pagination .number-rows-paginate .total-rows {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000099;
}

.bbest-tab-content-tops
  .content-pagination
  .number-rows-paginate
  .separator-pagination {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000099;
}

.bbest-tab-content-tops .prev-pagination {
  margin-right: 36px;
}

.bbest-tab-content-tops .next-pagination {
  margin-left: 36px;
}

.bbest-tab-content-tops .pagination-details a {
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  color: #000099;
}

.bbest-tab-content-tops .pagination-details .active {
  padding: 7px;
  color: #fff;
  background: #0066ff;
  -webkit-box-shadow: 0px 10px 10px -2px rgba(0, 102, 255, 0.25);
  box-shadow: 0px 10px 10px -2px rgba(0, 102, 255, 0.25);
  border-radius: 5px;
}

.header-top-fundos-etf {
  margin-top: 80px;
}

/* Fim Paginacao */

.bb-best-guru__box_rend-risco .bbestguru-rend-value {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-size: 40px !important;
  line-height: 48px !important;
  color: #00cccc;
}

.bb-best-guru__box_mont-min-date-investir a {
  margin-left: 12px;
}
#tabtops2dropguru .dropdown-toggle-tops {
  display: none;
}

.bbest-guru-background-card {
  width: 97%;
  height: 54px;
  background: #000099;
  position: absolute;
  top: -10px;
  z-index: -1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  z-index: 0;
}

.bbestguru-content-card {
  padding: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  position: relative;
  z-index: 2;
  border-radius: 20px;
}

.marginbottomguru {
  margin-bottom: 30px;
}

.bestguru-tabs-dropdown .dropdown-rentaveis {
  margin-right: 0px !important;
}


/*guru best trading*/
body {
    background-color: #ff000000!important;
    
}

.iframe-guru_page_trading{
	opacity:0;
}


.iframe-guru_page_trading#guru2{
	height: 470px !important;
}


.content-guru-trading .bestguru-header .row{
	display: flex;
    flex-direction: row-reverse;	
}

.content-guru-trading .bestguru-header .row .col-12:last-child .content-filter{
	display: flex;
    height: auto;
	justify-content: flex-start;
}
.content-guru-trading .bestguru-header .row .col-12:last-child{
	padding:0px;
}

.content-guru-trading .bestguru-header{
	    height: 40px;
	
}

.content-guru-trading .bestguru-slider .slick-dots{
	/*background:red;*/
	
}

.content-guru-trading .bestguru-content .container-fluid{
	padding: 0;
}


/*Fim guru trading*/



@media (max-width: 1400px) {
  .bestguru-slider .slick-list {
    padding: 0px 0 0 calc((100vw - 1134px) / 2) !important;
  }

  .bestguru-slider .slick-dots {
    padding: 0px 0 0 calc((100vw - -634px) / 2) !important;
  }

  .flexwrap-vermais {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 1200px) {
  .bestguru-slider .slick-list {
    padding: 0px 0 0 calc((100vw - 944px) / 2) !important;
  }

  .bestguru-slider .slick-dots {
    padding: 0px 0 0 calc((100vw - -496px) / 2) !important;
  }
  
  
  .content-guru-trading .content-filter .dropdown:first-child {
    margin-right: 18px;
}
  
  
}

@media (max-width: 991.98px) {
  .bbest-tab-content-tops .content-pagination {
    align-items: center;
    flex-direction: column-reverse;
  }
  .bbest-tab-content-tops .content-pagination .number-rows-paginate {
    justify-content: center;
    width: 100%;
    align-items: center;
    margin-bottom: 52px;
  }
  .btns-vertodos-tops-fundos .container {
    display: flex;
    justify-content: center;
  }
  .btns-vertodos-tops-fundos {
    margin-top: 76px;
  }
  .titleGuru {
    font-size: 36px;
    line-height: 42px;
    bottom: -110px;
  }
  .bestguru-slider .slick-list {
    padding: 0 0 0 calc((100vw - 718px) / 2) !important;
  }

  .bestguru-slider .slick-dots {
    padding: 0 0 0 calc((100vw - -218px) / 2) !important;
  }

  .fundos {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
  }
  .bbest-tab-content-tops.content-pagination {
    margin-top: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .bbest-tab-content-tops.content-pagination .number-rows-paginate {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 64px;
  }

  #dropdownMenuButton {
    justify-content: flex-start;
  }
  .fundos {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
  }

  .content-filter .dropdown:first-child {
    margin-right: 35px;
  }
  
  .content-guru-trading .bestguru-header .row .col-12:last-child .content-filter {
    flex-direction: row;
}


.content-guru-trading .bestguru-header .row .col-12:last-child .content-filter .dropdown:first-child {
    margin-right: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.iframe-guru_page_trading#guru2 {
    height: 550px !important;
}

.footer_page_trading {
    padding-right: 77px;
    padding-left: 77px;
    padding-bottom: 40px;
}

.tabs-trading .content-text {
    padding-right: 77px;
    padding-left: 77px;
    padding-bottom: 54px;
}

}

@media (max-width: 900.98px) {
  .bb-best-guru__box_rend-risco .bbestguru-rend-value {
    font-size: 37px;
  }

  .bb-best-guru__box_variacao .bbestguru-variacao {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 52px;
    color: #00cccc;
  }

  .bbest-tab-content-tops.content-pagination .pagination {
    width: 70%;
  }
  .bb-best-guru__box_variacao .bbestguru-variacao {
    margin-bottom: 9px;
  }
  .bb-best-guru__box_variacao {
    margin-top: 8px;
  }
  .bbest-guru-bnt-etf .add-etf-btn {
    margin-right: 8px;
    cursor: pointer;
  }
  .bbest-guru-title {
    height: 150px;
    text-align: left;
  }
  .bbest-box-messages-guru .content {
    flex-direction: column;
    background: none;
  }

  .bbest-box-messages-guru {
    background: #dfeaf283;
  }
  .bbest-box-messages-guru p {
    text-align: center;
  }
  #guru2 {
    height: 595px !important;
    margin-bottom: 41px;
  }

  .titleGuru {
    max-width: 327px;
  }
  .bbest-guru-bnt-etf {
    margin-top: 40px;
    display: flex;
    margin-left: -3px;
  }
  .bbest-guru-ultima-transacao h6 {
    font-size: 13px;
  }
  .bestguru-slider .slick-list {
    padding: 0 0 0 calc((100vw - 521px) / 2) !important;
  }

  .bestguru-slider .slick-dots {
    padding: 0 0 0 calc((100vw - -56px) / 2) !important;
  }

  #dropdownMenuButton span img {
    width: 14px;
    margin-top: -7px;
  }

  .fundos {
    margin-right: 8px;
  }

  .bbest-guru-title {
    height: 0px;
  }
}

@media (max-width: 767.98px) {
  .fundos {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
  }
  .content-filter {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .content-filter .dropdown:first-child {
    margin-right: 18px;
    margin-bottom: 15px;
    margin-top: 22px;
  }

  .content-filter .dropdown:last-child {
  }
  .bbest-tab-content-tops .pagination-details a {
    margin-left: 8px;
    margin-right: 8px;
    text-decoration: none;
    color: #000099;
  }
  .header-top-fundos-etf {
    margin-top: 40px;
  }
  .header-top-fundos-etf .tag-h1 {
    max-width: 327px;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 30px;
    margin-top: 36px;
  }

  .bestguru-slider .slick-dots {
    padding: 0 0 0 calc((100vw - 10px) / 2) !important;
    padding-top: 85px;
    /* padding-top: 58px !important; */
    height: 12px;
  }

  .bbest-dropdown-content-tops .bbest-tab-content-tops {
    justify-content: flex-start;
    margin-top: 62px;
  }
  .bbestguru-card-bg-slider .bbestguru-card {
    width: 280px;
    height: 376px;
  }

  .bbestguru-card-bg-slider {
    width: 280px !important;
    height: 376px;
  }

  .titleGuru {
    font-size: 36px;
    line-height: 42px;
    bottom: 25px;
  }
  .bbest-tabs-content-tops{
	  margin-top:36px;
  }
  
  .tabs-trading .content-text {
    padding-right: 30px;
    padding-left: 30px;
  }
  .footer_page_trading {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.content-guru-trading{
	padding-left:30px;
	padding-right:30px;
}
}
@media (max-width: 575.98px) {
	
  .bbest-tab-content-tops .pagination-details .active {
    padding: 4px;
  }
  .bbest-tab-content-tops .prev-pagination {
    margin-right: 5px !important;
  }
  .bbest-tab-content-tops .next-pagination {
    margin-left: 5px !important;
  }

  .bestguru-slider .slick-list {
    padding: 0 0 0 calc((100vw - 493px) / 2) !important;
  }

  .bestguru-content {
    margin-top: 35px;
  }

  .content-filter {
    height: 28px;
  }

  .titleGuru {
    bottom: -52px;
  }
  .bbest-guru-title {
    bottom: -80px;
    height: 84px;
  }
  .bestguru-slider .slick-dots {
    padding: 0 !important;
    text-align: ´center;
  }
  .bbest-tabs-content-tops {
    margin-top: 57px;
}

.tabs-trading .content-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .footer_page_trading {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.content-guru-trading{
	padding-left:15px;
	padding-right:15px;
}


.content-guru-trading .bestguru-header {
    height: auto;
}
.iframe-guru_page_trading#guru2 {
    height: 600px !important;
}

}

@media (max-width: 450.98px) {
  .bestguru-slider .slick-list {
    padding: 0 0 0 calc((100vw - 416px) / 2) !important;
  }
  
  .content-guru-trading .dropdown-tipo-fundos {
    width: 150px;
}

.content-guru-trading .bestguru-header .row .col-12:last-child .content-filter {
    flex-direction: column;
}

.content-guru-trading .dropdown-ren-negociados{
	margin-bottom: 15px !important;
	
}
}

@media (max-width: 400.98px) {
  .bbest-tab-content-tops.pagination-details a {
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none;
    color: #000099;
  }
  .bestguru-slider .slick-list {
    padding: 0 0 0 calc((100vw - 360px) / 2) !important;
  }

  .bbestguru-card-bg-slider {
    margin-right: 20px;
  }
}

@media (min-width: 1400px) {
  .bestguru-slider .slick-dots {
    padding: 0px 0 0 calc((100vw - -370px) / 2) !important;
  }
}