#my-cart {
  display: block;
  margin-left: 20px;
  margin-top: 6px;
}

#my-cart .fas.fa-shopping-cart {
  margin-top: 5px;
  margin-right: 5px;
  font-size: 22px;
  color: #000;
  opacity: 0.5;
}

#my-cart .badge {
  font-size: 12px;
  position: relative;
  bottom: 8px;
  right: 10px;
  float: right;
}

#logo-saber {
  width: 120px;
}

.menu-app {
  grid-area: menuApp;
}

.login-mb {
  display: none;
  grid-area: loginMb;
}

#grid-items-header {
  display: grid;
  grid-template-columns: 0.5fr 2.5fr 1fr;
  grid-template-areas: '. . menuApp';
}

nav.navbar {
  padding: 10px 40px 10px 20px;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(59, 59, 59, 1);
  -moz-box-shadow: 0px 4px 15px 0px rgba(59, 59, 59, 1);
  box-shadow: 0px 4px 15px 0px rgba(59, 59, 59, 1);
}

.default-navbar {
  background-color: #31a754 !important;
}

.default-navbar a.first-nivel {
  color: #fff !important;
}

#menu-logo {
  width: 100px;
}

nav#logged-menu {
  position: fixed;
  height: 100%;
  width: 215px;
  background: #134058;
  z-index: 1000;
  top: 0;
  -webkit-box-shadow: 2px 9px 18px 1px #20202054;
  -moz-box-shadow: 2px 9px 18px 1px #20202054;
  box-shadow: -1px 1px 20px 0px #20202054;
  transition: 0.5s;
}

nav#logged-menu .divisor {
  border-color: #215069;
}

nav#logged-menu .selected {
  background: #29607d;
}

nav#logged-menu span.bigtext {
  margin-left: 51px;
}

nav#logged-menu i.bigtext {
  position: absolute;
  top: 13px;
}

nav#logged-menu ul {
  list-style: none;
  margin: 0 !important;
  padding: 3px !important;
}

nav#logged-menu ul div.parent-menu,
nav#logged-menu ul a {
  color: #fff;
  width: 100%;
  display: block;
  padding: 10px 15px;
  transition: 0.7s;
  position: relative;
}

nav#logged-menu ul div.parent-menu:hover,
nav#logged-menu ul a:hover {
  text-decoration: none;
  background: #205875;
  transition: 0.8s;
}

nav#logged-menu ul i {
  font-size: 30px;
  margin-right: 15px;
  width: 35px;
}

nav#logged-menu ul span {
  position: relative;
  display: inline-block;
  bottom: 4px;
}

nav#logged-menu ul .sub-level i {
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

nav#logged-menu ul .sub-level span {
  font-size: 15px;
  width: 108px;
  position: relative;
  left: 32px;
  top: 0px;
}

nav#logged-menu ul .sub-level:hover {
  background: #174860;
}

#menu-items {
  overflow-y: overlay;
}

#my-cart-count-pill {
  position: absolute !important;
  left: 42px !important;
  bottom: 33px !important;
}

ul#menu-mobile-ul {
  margin: 15px 0;
}

ul#menu-mobile-ul>li {
  margin: 5px 0;
}

#menu-mobile-ul>li>a {
  font-family: 'Figtree';
  font-weight: 600;
  color: #149AFF;
}

#menu-mobile-ul>li:nth-child(odd) {
  color: #149AFF;
}

.menu-li-odd {
  color: #149AFF;
}

#menu-mobile-ul>li:nth-child(even) {
  color: #149AFF;
}

.menu-li-even {
  color: #149AFF;
}

@media (max-width: 1324px) {
  .info-social {
    width: 187px;
  }
}

@media (max-width: 991px) {
  .info-social {
    width: auto;
  }

  #see-our-services {
    margin-bottom: 20px;
    float: left;
    margin-left: 25px;
  }

  #login-signin-cart-block {
    float: right;
    margin-right: 25px;
  }

  #login-signin-cart-block {
    flex-direction: row;
  }
}

@media (max-width: 815px) {
  .info-social {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #login-signin-cart-block {
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
  }

  #see-our-services {
    margin: 15px 0;
  }

  #grid-items-header {
    grid-template-areas: 'menuApp . loginMb';
    grid-template-columns: 1fr 6.5fr 2fr;
  }
}

@media (max-width: 370px) {
  #see-our-services {
    width: 100%;
  }

  #see-our-services a {
    width: 100%;
    margin: 0 !important;
  }

  #login-signin-cart-block {
    flex-direction: column;
  }

  #login-signin-cart-block li {
    width: 100%;
  }

  #login-signin-cart-block li a {
    width: 100%;
    margin-bottom: 5px;
  }

  #my-cart {
    text-align: center;
  }

  #my-cart .badge {
    float: none;
  }
}

/* theme menu light */

.menu-light.unlogged-menu {
  background: white;
  border-bottom: 1px solid #f5f5f5;
}

.menu-light.unlogged-menu .menu {
  background: white;
  border-left: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
}

.menu-light.unlogged-menu .btn-nav-outline {
  border: 2px solid #149AFF;
  color: #149AFF;
  font-weight: 500;
  font-family: 'Figtree';
}

.menu-light.unlogged-menu .btn-nav-register {
  border-color: #ab2e1b;
  background-color: #ab2e1b;
  color: #ffffff;
  font-weight: bold;
  font-family: gothamBook;
}

.menu-light.unlogged-menu .btn-nav-exit {
  border-color: #ff0b00;
  background-color: #ffffff;
  color: #ff0000;
  text-transform: none;
}

.menu-light.unlogged-menu a.menu-link {
  color: #149AFF;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: 'Figtree';
}

.menu-default.unlogged-menu .menu.open {
  border-left: 1px solid #f5f5f5;
}

/* theme menu default */

.menu-default.unlogged-menu {
  background: #149AFF;
  border-bottom: 1px solid #333;
}

.menu-default.unlogged-menu .menu {
  background: #333;
}

.menu-default.unlogged-menu .btn-nav-outline {
  border-color: #fff;
  color: #fff;
}

.menu-default.unlogged-menu .btn-nav-register {
  border-color: #fff;
  background-color: #fff;
  color: #495c98;
}

.menu-default.unlogged-menu a.menu-link {
  color: #fff;
}

.menu-default.unlogged-menu .menu.open {
  border-left: 1px solid #333;
}

/* unlogged menu */

.unlogged-menu {
  position: fixed;
  top: 0;
  z-index: 11;
  left: 0;
  right: 0;
  min-height: 83px;
}

.unlogged-menu .menu {
  position: fixed;
  top: 82px;
  right: 0px;
  bottom: 0px;
  transition-duration: 0.4s;
  overflow: hidden;
  width: 0px;
}

.unlogged-menu .menu.open {
  width: 240px;
}

.modal-backdrop {
  z-index: 999;
}

.unlogged-menu .btn-nav-outline {
  border-radius: 8px;
  font-size: 12px;
  min-width: 70px;
  text-transform: none;
}

.unlogged-menu .btn-nav-outline i {
  margin-left: 6px;
}

.unlogged-menu .btn-nav-register {
  border-radius: 18px;
  font-size: 12px;
  min-width: 90px;
  text-transform: none;
}

.unlogged-menu a.menu-link {
  font-size: 16px;
}

.unlogged-menu .sidebar-button {
  background: transparent;
  border: none;
}

.unlogged-menu .sidebar-button i {
  color: #000000;
}

.logged-menu .logged-menu-logo {
  height: 175px;
}

/*** NEW SIDEBAR ***/

nav#logged-menu {
  width: 215px;
}

nav#logged-menu #menu-action {
  display: none;
}

nav#logged-menu.menu-is-collapsed {
  width: 61px;
}

nav#logged-menu .logged-menu-logo {
  background: #0e3346;
}

nav#logged-menu .divisor {
  border-color: #0a2533;
}

nav#logged-menu ul {
  padding: 0px !important;
}

nav#logged-menu ul i {
  font-size: 16px;
  margin-right: 0px;
  width: 30px;
}

nav#logged-menu ul span {
  bottom: unset;
  font-size: 16px;
}

nav#logged-menu span.bigtext {
  margin-left: 30px;
  margin-top: 0px !important;
}

nav#logged-menu.menu-is-collapsed span.bigtext {
  margin-left: 30px;
  margin-top: 0px !important;
}

nav#logged-menu ul li ul {
  padding: 8px !important;
}

nav#logged-menu.menu-is-collapsed span {
  display: none;
}

nav#logged-menu.menu-is-collapsed ul i {
  width: unset;
}

nav#logged-menu.menu-is-collapsed ul a {
  display: flex;
  justify-content: center;
  padding: 16px 10px !important;
}

nav#logged-menu.menu-is-collapsed ul li ul a {
  padding: 22px 10px !important;
}

nav#logged-menu.menu-is-collapsed ul li ul {
  padding: 0px !important;
}

nav#logged-menu.menu-is-collapsed ul div.parent-menu {
  padding: 10px 10px !important;
}

nav#logged-menu.menu-is-collapsed .parent-menu i {
  display: flex;
  justify-content: center;
  padding: 16px 10px !important;
}

nav#logged-menu.menu-is-collapsed ul .sub-level i {
  font-size: 16px;
}

nav#logged-menu.menu-is-collapsed #menu-action {
  display: block;
}

nav#logged-menu select.select-context {
  color: white;
  background: #0e3346;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0px;
  border-left: 0px !important;
  border-right: 0px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

#menu-container-rank {
  color: white;
}

#menu-container-rank>h2 {
  margin-top: 5px;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

#menu-container-rank>p {
  font-size: 0.8rem;
  margin-bottom: 0;
}

#menu-logo-rank {
  width: 30px;
}

#entrepreneur-journey-icon {
  display: flex !important;
  align-items: center;
}

.ranks-modal-container {
  display: flex;
  justify-content: center;
}

.rank-modal-item {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: 60px;
  align-items: center;
  font-weight: bold;
}

.rank-modal-item-color {
  background: #17a2b821;
}

.rank-modal-item-image {
  margin-left: 15px;
  width: 30px;
  height: 30px;
}

.rank-user-modal {
  color: #0f67c9;
}

.link-info-rank-modal,
.link-info-rank-modal:link,
.link-info-rank-modal:visited,
.link-info-rank-modal:hover,
.link-info-rank-modal:active {
  text-decoration: none;
  cursor: pointer;
  color: white;
  font-size: 0.8rem;
}

#entrepreneur-journey-div {
  display: flex;
}

#entrepreneur-journey-div>span {
  margin-left: 10px !important;
}

#register-mb-fixed {
  display: none;
}

/* COOKIES */
.footer {
  padding: 2px !important;
  color: #fff;
  font-size: 14px;
  position: relative;
  z-index: 9;
}

.dgbn.light .footer {
  padding: 20px !important;
  margin: 0 auto !important;
}

.dgbn.light .footer p {
  align-items: center !important;
  max-width: 900px !important;
  background: #f8f8f8 !important;
  border-radius: 10px !important;
}

.dgbn.light .details dd {
  color: black;
}

.dgbn.light .details dt {
  color: black;
}

.dgbn.light input {
  color: black;
  background-color: #c7c7c7;
}

.dgbn.light input:invalid {
  background-color: #c7c7c7;
}

.dgbn.light .description div {
  color: black;
}

.dgbn.light input:not([type=number]):not([type=checkbox]):not([type=submit]) {
  color: black;
  background-color: #c7c7c7;
}

.dgbn.light .box button.action {
  font-size: 15px !important;
  color: #fff !important;
  width: 100px !important;
}

.dgbn.light button {
  background: transparent !important;
  color: #353535 !important;
  text-decoration: underline !important;
  font-size: 12px !important;
}

.dgbn.light button.transparent {
  background: transparent !important;
  color: #353535 !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  width: 270px;
  padding: 0 5px !important;

}


.dgbn.light button.action {
  background-color: #454545 !important;
  border: var(--btn-border) !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 10px 6px !important;
  width: 280px !important;
  font-size: 12px !important;
}


.dgbn.light p {
  font-size: 13px !important;
  font-weight: normal !important;
  color: #595959 !important;
}

.dgbn.light {
  --bg-color: #f8f8f8 !important;
  --dark-bg-color: #f8f8f8 !important;
  --main-color: #1b1b1b !important;
  --btn-bg: #0a996d !important;
}

/* END COOKIES */

@media (max-width: 440px) {
  .login-mb {
    display: flex !important;
    justify-content: flex-end;
  }

  .unlogged-menu .btn-nav-outline,
  .unlogged-menu .btn-nav-register {
    border-radius: 6px;
  }
}