/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
html {
  scroll-behavior: smooth;
}

.sf-dump {
  display: none !important;
}

body {
  background: #f2f2f2;
}

body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
body.semi-dark-layout .main-menu-content .navigation-main .active i,
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff;
}

.main-menu.menu-dark .navigation > li.active:not(.sidebar-group-active) > a {
  background: #6e5fed;
}

section {
  margin-bottom: 0px;
}

.btn.btn-verde {
  background: #00c55e;
  color: white;
}

#landing-header {
  /* background-color: #6e5fed; */
  background-color: #383838;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 30px;
}

#landing-header nav.navbar.navbar-light a.nav-link {
  color: white;
}
#landing-header nav.navbar.navbar-light a.nav-link:hover {
  color: #00c55e;
}


#landing-header nav.navbar button.nav-link {
  color: #6e5fed;
}

#landing-header h1.titulo span {
  color: #00c55e;
}

#landing-header img.imgHeader {
  width: 300px;
}

#landing-header .header-busqueda input {
  margin-bottom: 10px;
}

#landing-header img.imgHeaderComerciales {
  width: 480px;
}

#landing-header-banner {
  /* background-image: url("/public/images/banner/banner-landing.png"); */
  background-image: url("/images/banner/bannerAC.jpg");
  /* background-color: #6e5fed; */
  background-color: #383838;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 260px; 
  width: 100%;
}

#landing-header-banner-ps {
  /* background-image: url("/public/images/banner/banner-landing.png"); */
  background-image: url("/images/banner/bannerPS.jpg");
  /* background-color: #6e5fed; */
  background-color: #383838;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px; 
  width: 100%;
}
#landing-header-banner-pb {
  /* background-image: url("/public/images/banner/banner-landing.png"); */
  background-image: url("/images/banner/bannerPB.jpg");
  /* background-color: #6e5fed; */
  background-color: #383838;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 260px; 
  width: 100%;
}






#landing-registrate {
  /*background-image: url("/public/images/landing/img8.png");*/
  background-image: url("/images/landing/img8.png");
  background-color: #6e5fed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  
}

#landing-registrate p {
  color: white;
}

#landing-registrate p strong {
  color: white;
}

@media (max-width: 991px) {
  #landing-registrate p {
    min-height: 80px;
  }
}
#landing-footer {
  background: white;
}

.table .thead-dark th {
  background-color: #00c55e;
  border-color: #00c55e;
}

h1.titulo,
h2.subtitulo {
  font-size: 2.7rem !important;
}

.img-rrss {
  width: 40px;
}

@media (min-width: 991px) {
  .img-rrss {
    width: 25%;
  }
}
.cb_usuarios {
  height: 25px;
}

.nombresBurbujas {
  padding: 2.5%;
  border-radius: 100%;
  margin-left: -15px;
  cursor: default;
}

.bg_Burbujas_1 {
  border: solid #231a3a 1px;
  color: white;
  background: #231a3a;
}

.bg_Burbujas_2 {
  border: solid #25ae53 1px;
  color: white;
  background: #25ae53;
}

.bg_Burbujas_3 {
  border: solid #9e8e0e 1px;
  color: white;
  background: #9e8e0e;
}

.bg_Burbujas_4 {
  border: solid #2581a2 1px;
  color: white;
  background: #2581a2;
}

.bg_Burbujas_5 {
  border: solid #9a7de2 1px;
  color: white;
  background: #9a7de2;
}

.bg_Burbujas_6 {
  border: solid #c56a6c 1px;
  color: white;
  background: #c56a6c;
}

.bg_Burbujas_7 {
  border: solid #209d82 1px;
  color: white;
  background: #209d82;
}

.bg_Burbujas_8 {
  border: solid #d6850b 1px;
  color: white;
  background: #d6850b;
}

.dropdown-item {
  cursor: pointer;
}

input[type=range] {
  width: 210px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}

input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 200px;
  height: 1px;
  background: #6e5fed;
}

input[type=range]:nth-child(2)::-webkit-slider-runnable-track {
  background: none;
}

input[type=range]::-webkit-slider-thumb {
  position: relative;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  background: #fff;
  border: 1px solid #6e5fed;
  border-radius: 25px;
  z-index: 1;
}

input[type=range]:nth-child(1)::-webkit-slider-thumb {
  z-index: 2;
}

.rangeslider {
  position: relative;
  height: 60px;
  width: 210px;
  display: inline-block;
  margin-top: -5px;
}

.rangeslider input {
  position: absolute;
}

.rangeslider span {
  position: absolute;
  margin-top: 30px;
  left: 0;
}

.rangeslider .right {
  position: relative;
  float: right;
  text-align: end;
  margin-right: -5px;
}

/* Proof of concept for Firefox */
@-moz-document url-prefix() {
  .rangeslider::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #6e5fed;
    display: block;
    position: relative;
    top: 16px;
  }

  input[type=range]:nth-child(1) {
    position: absolute;
    top: 35px !important;
    overflow: visible !important;
    height: 0;
  }

  input[type=range]:nth-child(2) {
    position: absolute;
    top: 35px !important;
    overflow: visible !important;
    height: 0;
  }

  input[type=range]::-moz-range-thumb {
    position: relative;
    height: 15px;
    width: 15px;
    margin-top: -7px;
    background: #fff;
    border: 1px solid #6e5fed;
    border-radius: 25px;
    z-index: 1;
  }

  input[type=range]:nth-child(1)::-moz-range-thumb {
    transform: translateY(-20px);
  }

  input[type=range]:nth-child(2)::-moz-range-thumb {
    transform: translateY(-20px);
  }
}
.modal-header {
  border-radius: 27px 27px 0px 0px;
  color: white !important;
  border: 3px solid #6e5fed;
  background-color: #6e5fed;
}

.modal-content {
  border-radius: 32px !important;
  border: 2px solid #6e5fed;
}

.modal-title {
  color: white;
}

@media (max-width: 767.98px) {
  .main-menu-mobil {
    transform: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
  }
}
@media (min-width: 992px) {
  .modal-full {
    max-width: 95vw !important;
  }
}
@media (min-width: 520px) {
  #content-busqueda-mobil {
    display: none !important;
  }
}
.has-megamenu:hover > .dropdown-menu {
  display: block;
}

.navbar .megamenu {
  padding: 1rem;
  border: 0;
  background-color: rgba(255, 255, 255, 0.85);
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
@media (max-width: 991px) {
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}
.btn-unete {
  background-color: white;
  color: #6e5fed !important;
}

.menu-bos[aria-expanded=true] {
  /* border: 2px solid white; */
  border: 2px solid transparent;
}

.menu-bos {
  border: 2px solid transparent;
}

.landing-categorias__img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.landing-categorias__link{ 
  color: #383838;
}
.landing-categorias__link:hover {
  text-decoration:none;
  color: #00c55e;
}