@charset "UTF-8";

body {
  background-color: #F8F8F8;
  background-image: url(/images/polka-6-20.png);
  background-repeat: repeat;
  background-position: center;
}

.navbar-collapse {
  background-color: #f8f8f8 !important;
}

.box-white {
  padding: 0 2rem 1rem;
}

.box-white .footer {
  margin: 4rem;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
}

.box-gray {
  background-color: #4141411A;
  border: #414141 1px solid;
  border-radius: 0.1875rem;
  padding: 1rem;
}

/* ######## App ######## */

#app {
  margin: 5vh 0;
  width: 100%;
  max-width: 31.25rem;
  height: 90vh;
  background-color: #fff;
  overflow: auto;
  box-shadow: #e6e6e6 0 0 0.625rem;
  border-radius: 0.1875rem;
  border: #eaeaea 1px;
}

#appfull {
  width: 100%;
  max-width: 31.25rem;
  -moz-border-radius: 5px;
}

#navbar {
  margin-top: 0;
  padding: 0;
}

@media only screen and (max-width: 40rem) {
  body {
    background-color: #fff;
  }

  #app {
    margin: 0;
    width: 100%;
    height: 100vh;
    box-shadow: none;
    border: 0;
  }

  #navbar {
    width: 100%;
  }

  .navbar-collapse.row {
    margin: 0;
  }

  .navbar-collapse.row .modal-dialog {
    margin: 50% 1.5rem;
  }

  [id*=modal] .modal-xs {
    width: 85% !important;
  }

  .float-right .close {
    margin: 1rem 0;
  }
}

/*######### LOGIN ###############*/

.logo-login img {
  margin: 1.5rem 0.45rem 0.625rem -0.5rem;
  width: 14.25rem;
}

.logo-login-custom img {
  margin: 5rem 0.45rem 0.625rem 2rem;
  height: 2.5rem;
  width: 6.25rem;
}

.navbar-clean {
  height: 4.4rem;
}

.logo-send-email img {
  margin: 0 0.45rem 2.625rem 0.45rem;
  height: 3.25rem;
  width: auto;
}

.logo-success img {
  margin: 1rem;
  height: 3.25rem;
  width: auto;
}

.modal-success {
  margin: 10rem 1.5rem;
}

.modal-success .modal-header {
  border: 0;
}

.modal-success .modal-content {
  padding: 2rem;
  border: none;
}

/* Bienvenido */

.carousel-indicators li {
  border: 0.0625rem solid #969696;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.3125rem;
}

.carousel-indicators li.active {
  margin-top: -0.16rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1.5rem;
  background-color: #969696;
  border-color: transparent;
}

.carousel-item .c-top {
  margin: 2rem 25%;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #bbbbbb;
}

.carousel-item {
  text-align: center;
}

.carousel-item img {
  margin: 1rem;
}

.carousel-item p {
  font-size: 1rem;
}

.carousel-indicators button.btn-nav {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  padding: 0.25rem 0.75rem;
  height: 2.25rem;
  margin-bottom: 0.4rem;
  font-size: 1rem;
  letter-spacing: 0 !important;
}

.carousel-indicators button.btn-nav.next {
  right: 0.1875rem;
}

.carousel-indicators button.btn-nav.prev {
  left: 0.1875rem;
}

.carousel-indicators button.btn-nav img {
  margin: 0.4rem;
}

div.carousel-indicators {
  margin: 0;
}

#carousel-welcome-virginpartners {
  height: 70vh;
}

@media only screen and (max-width: 40rem) {
  #carousel-welcome-virginpartners {
    height: 80vh;
  }
}

.carousel-indicators .right {
  float: left;
}

.carousel-indicators .left {
  float: right;
}

/* *********** Questions ************ */

.questions {
  text-align: center;
}

.questions .collapse-item {
  margin: 0.625rem 0;
  border-radius: 0.3125rem;
  box-shadow: 0 0 0.1875rem 0.0625rem #e3e3e3;
}

.questions .btn-collapse {
  width: 100%;
  background: #fff;
  color: #414141;
  border-color: rgba(100, 100, 100, 0);
  text-transform: none;
  font-weight: normal;
  padding: 0.625rem;
}

.questions .btn-collapse:focus {
  border: none;
  box-shadow: none;
  outline: 0 none;
}

.questions .checkmark {
  left: 0;
  height: 1rem;
  width: 1rem;
  top: 0;
}

.questions label.checkbox {
  padding-left: 1.22rem;
  line-height: 1.4;
}

.questions label.checkbox .checkmark:after {
  left: 0.23rem;
  width: 0.4rem;
  height: 0.7rem;
  border: solid #fff;
  border-width: 0 0.155rem 0.155rem 0;
}

.questions .card.card-body {
  border: none;
}

.questions .fas.fa-check {
  color: #ee0001;
}

.questions .fas {
  float: right;
}

.questions .card.card-body {
  background-color: #f8f8f8;
}

button i.fas.fa-times-circle {
  color: #ee3f3c;
}

/* Check and radio */

label.checkbox {
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.checkbox span.text-xs {
  font-size: 0.9rem;
}

label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #fff;
  border: solid 0.0625rem #d8dbe0;
  border-radius: 0.1875rem;
}

label.checkbox input:checked ~ .checkmark {
  background-color: #ee0001;
}

label.checkbox input:checked ~ .checkmark:after {
  display: block;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

label.checkbox .checkmark:after {
  left: 0.3rem;
  width: 0.5rem;
  height: 0.8rem;
  border: solid #fff;
  border-width: 0 0.1875rem 0.1875rem 0;
  transform: rotate(45deg);
}

.checkbox label {
  display: none !important;
}

label.radio {
  /*width: 33%*/
  display: block;
  position: relative;
  padding-left: 1.5625rem;
  padding-right: 1.25rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

label.radio input:checked ~ .radiomark {
  background-color: #fff;
}

label.radio input:checked ~ .radiomark:after {
  display: block;
  left: 0.1875rem;
  top: 0.1875rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #EE0001;
  border-radius: 0.9375rem;
}

.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.9375rem;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #FFFFFF;
  border: solid 0.0625rem #E4E5EA;
}

label.radiomark .radiomark:after {
  display: block;
  left: 0.1875rem;
  top: 0.1875rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #ff0000;
  border-radius: 0.9375rem;
}

.conditions {
  text-align: center;
  width: 100%;
}

.conditions label.checkbox {
  display: unset !important;
  padding-left: 2rem;
}

.conditions label.checkbox .text {
  font-size: 1rem;
  text-decoration: underline;
}

.conditions .checkmark {
  top: 0.25rem;
  left: 0.2rem;
  height: 1.4rem;
  width: 1.4rem;
  border: solid 0.0625rem #dbdde2;
}

.conditions label.checkbox .checkmark:after {
  left: 0.4rem;
  top: 0.1rem;
  width: 0.5rem;
  height: 0.8rem;
  border: solid #ffeded;
  border-width: 0 0.14rem 0.14rem 0;
  transform: rotate(45deg);
}

/* #### NAVBAR ##### */

.left span,
.right span {
  cursor: pointer;
}

.nav-menu {
  display: inline-block;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  background-size: 1.5rem;
  background-image: url(/images/menu.svg?ca394ec8a4754ab9db293dcac626bdcb);
  margin-top: 8px;
}

.close {
  display: inline-block;
  margin: 0.5rem;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  background-size: 1.5rem;
  background-image: url(/images/x.svg?ac6991bd01904742ef4bb6daf23b0e22);
}

.float-right .close {
  margin: 1.5rem;
}

.navbar-toggler {
  padding: 1rem 0.5rem;
}

.navbar-toggler:focus {
  outline: transparent;
}

.navbar {
  padding: 0 0 0;
  height: 5rem;
}

.navbar .navbar-brand {
  position: absolute;
  display: flex;
  width: 100%;
  align-items: center;
}

.navbar .center {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.navbar .right {
  display: inline-block;
  width: 25%;
  padding-right: 2rem;
  text-align: right;
}

.navbar .left {
  display: inline-block;
  width: 25%;
  padding-left: 2rem;
  text-align: left;
}

[id*=modal] .modal-xs {
  width: 400px;
  margin: 5rem auto !important;
}

.offcanvas-collapse {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: -100%;
  width: 100%;
  padding: 0;
  overflow-y: auto;
  margin-top: 0 !important;
  visibility: hidden;
  background-color: #fff !important;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: left, visibility;
  align-items: start;
  /*   Adds a subtle drop shadow   */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
  border: none;
  z-index: 100;
  height: 90vh;
}

@media only screen and (max-width: 40rem) {
  .offcanvas-collapse {
    height: 100vh;
  }
}

.offcanvas-collapse.open {
  left: 0;
  visibility: visible;
}

#navbar .float-right {
  position: absolute;
  right: 0;
}

.nav-item {
  border-bottom: solid 0.0625rem #e8e8e8;
  padding: 1rem 1rem 0 1rem;
}

.nav-item .profile-user {
  text-align: left;
}

.profile-user p,
.profile-user .photo,
.profile-user .photo-none {
  margin: 0 1rem;
}

.profile-user p.name {
  font-weight: 600;
  font-size: 1.1rem;
}

.photo-none {
  height: 3rem;
  display: inline-block;
  width: 3rem;
  padding: 0.8rem 0.5rem;
  border-radius: 2rem;
  background-color: #414141;
  color: #fff;
  margin-bottom: 1rem;
}

.photo img {
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.profile-user .photo img {
  height: 4rem;
  width: 4rem;
  border-radius: 2rem;
}

.navbar .right .photo-none {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.2rem 0.1rem;
  border-radius: 1rem;
  font-size: 0.76rem;
  margin: 0.5rem;
}

.chevron-right {
  background-image: url(/images/chevron-right.svg?9c59704b1de34c9fbb54c100b907ac85);
  height: 2rem;
  width: 2rem;
  background-size: 2rem;
}

.chevron-right.min {
  background: transparent url(/images/chevron-right.svg?9c59704b1de34c9fbb54c100b907ac85) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.chevron-right-menu {
  background-image: url(/images/chevron-right.svg?9c59704b1de34c9fbb54c100b907ac85);
  height: 2rem;
  width: 2rem;
  background-size: 2rem;
  margin-right: 0.6rem;
}

.chevron-right-green {
  background-image: url(/images/chevron-right-green.svg?260ee4e219ecf9c94ed2e5d5de0ef561);
  height: 2.5rem;
  width: 2rem;
  background-size: 0.7rem;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
}

.chevron-right-red {
  background-image: url(/images/chevron-right-red.svg?2135f93c73708b3383f9db90d7af8728);
  height: 2.5rem;
  width: 2rem;
  background-size: 0.7rem;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
}

.alert-triangle-new {
  background-image: url(/images/alert-triangle-new.svg?d40df8e5588fc10b7f92ae0a29e16965);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.book-open-red {
  background-image: url(/images/book-open-red.svg?ba5b1e5486c056911613f56405638c84);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.book-open {
  background-image: url(/images/book-open.svg?0d41f60e72f33fc51b98cb1b1bcb7bf5);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.credit-card {
  background-image: url(/images/credit-card.svg?68a6e131c0e285e170256d627eae13d0);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.crosshair {
  background-image: url(/images/crosshair.svg?02db0a801cd3bc0069e61b7487676b27);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.dollar-sign-green {
  background-image: url(/images/dollar-sign-green.svg?24ec53e49947b60a16b2c73f50714d22);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.1rem;
  background-repeat: no-repeat;
  margin-left: 0.3rem;
}

.dollar-sign-gray {
  background-image: url(/images/dollar-sign-gray.svg?cb7971a28ab0f0ecadefeaab51f805e3);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.1rem;
  background-repeat: no-repeat;
  margin-left: 0.3rem;
}

.sound-noti-green {
  background-image: url(/images/sound-noti-green.svg?14e53206e0f89e16de83644b1741ffe3);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.1rem;
  background-repeat: no-repeat;
  margin-left: 0.3rem;
}

.help-circle {
  background-image: url(/images/help-circle.svg?d6b9831224f3209c0c7a2fd88258776b);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.icon-info {
  background-image: url(/images/icon-info.svg?21503b32e4f3588a40c96104ac19adce);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.icon-info.success {
  background-image: url(/images/info-success.svg?8c4320d3d90dbded5dcb8d04ff806efd);
}

.map-pin {
  background-image: url(/images/map-pin.svg?e332796a3460773ac9d947318c406c0a);
  height: 2.2rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.icon-power {
  background-image: url(/images/icon-power.svg?03701cc306b216151ef2e0173833f47a);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.icon-power-red {
  background-image: url(/images/icon-power-red.svg?3a179798d7e3ab6469c155e59bcb6262);
  height: 1.890625rem;
  width: 1.70625rem;
  background-size: 1.7rem;
  background-repeat: no-repeat;
}

.icon-people-right {
  background-image: url(/images/icono-people.svg?bcd1c8d99a85f5d3f8814087fdd90dc8);
  height: 1.890625rem;
  width: 1.70625rem;
  background-repeat: no-repeat;
}

.icono-call-min {
  background-image: url(/images/icono-call-min.png?c7df39a0000065fa36dbaca333646472);
  height: 1.5rem;
  width: 1.5rem;
  background-size: 1.5rem;
}

.icono-account-min {
  background-image: url(/images/icono-account-min.svg?6fdf2e143a280c33ee93c5b30fe82718);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 1.5rem;
  width: 1.5rem;
  background-size: 1.5rem;
}

.icon-map-pin-black {
  background-image: url(/images/map-pin-black.svg?995726b4e7a26fc32686cb9351503439);
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
}

.icon-map-pin-black.opacity {
  background: url(/images/map-pin-black.svg?995726b4e7a26fc32686cb9351503439) no-repeat left center;
  opacity: 0.4;
}

.icon-users {
  background-image: url(/images/user.svg?1df7459535374755473e713a739552fd);
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
}

.icon-users {
  background-image: url(/images/user.svg?1df7459535374755473e713a739552fd);
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
}

.icon-users-circle {
  height: 3rem;
  width: 3rem;
  opacity: 0.4;
  background: url(/images/user.svg?1df7459535374755473e713a739552fd) no-repeat center center #E5E5E5;
  border-radius: 50%;
  padding-top: 1.2rem;
}

.icon-message-square {
  background-image: url(/images/message-square.svg?fd8b0a82f2292430d555b1dcb5b8dda9);
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
}

.icon-message-square-black {
  background: url(/images/message-square.svg?fd8b0a82f2292430d555b1dcb5b8dda9) no-repeat center center;
  filter: grayscale(100%);
}

.icon-alert-circle {
  background-image: url(/images/alert-circle.svg?fe8fb6223d2d0c022fe846a7ebbf47b6);
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.icon-alert-circle-red {
  display: block;
  background-image: url(/images/alert-circle-red.svg?6056fe7363460675ab0352b3d2d27207);
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.icon-alert-triangle-red {
  background-image: url(/images/alert-triangle-red.svg?89bd3b4002fda99b448dc452068b8b9b);
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.image-grupo-987 {
  background-image: url(/images/grupo_987.svg?3d7f6b6c85a4bde822ffd9ee124e3d5b);
  width: 104px;
  height: 84px;
  margin: 0 auto;
  background-repeat: no-repeat;
}

.nav-item a.logout,
.nav-item a.help,
.nav-item a.help:hover {
  margin-bottom: 0.5rem;
  color: #414141;
  padding-bottom: 1.5rem;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.nav-content a.a-logout,
.nav-content a.a-link,
.nav-content a.a-link:hover {
  margin-bottom: 0.5rem;
  color: #414141;
  padding-bottom: 1.5rem;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.nav-item-style:hover,
.nav-item-style:focus,
.nav-item-style:active {
  background-color: #F6F6F6 !important;
  cursor: pointer;
}

/* #### dashboard #### */

#app.dashboard {
  background-color: #F6F6F6;
}

.list-group-item {
  padding: 0.3rem 0;
}

.box-semi.dashboard-50 {
  max-width: 48% !important;
  width: 48% !important;
  display: inline-block !important;
}

.box-semi.green {
  border: 1px solid #389B00;
  background-color: rgba(56, 155, 0, 0.1) !important;
  text: #389B00 !important;
  box-shadow: none;
}

/* ALERT */

.info-box-dark {
  color: #555555;
  background-color: #e3e3e3;
  border: 0.0625rem solid #848484;
  border-radius: 0.13rem;
  padding: 0.3rem;
}

.info-box-danger {
  color: #EE0001;
  background-color: #FEE5E5;
  border: 0.0625rem solid #EE0001;
  border-radius: 0.25rem;
}

.info-box-danger.share {
  border: 0.09rem dashed #EE0001;
  text-align: center;
}

.info-box-alert {
  box-shadow: #e6e6e6 0 0 0.625rem;
  color: #ffc102;
  border-radius: 0.25rem !important;
  background-color: #fff !important;
}

.info-box-success {
  color: #389B00;
  background-color: rgba(56, 155, 0, 0.1);
  border: 0.0625rem solid #389B00;
  border-radius: 0.13rem;
  padding: 0.3rem;
}

/* ####### Quiz ####### */

p img {
  vertical-align: sub;
}

.icono-camera {
  background-image: url(/images/camera.svg?19a54509f12a3b28cbdbcbfe8fc6846f);
  height: 1.5rem;
  width: 1.5rem;
  background-size: 1.5rem;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* For IE8 and earlier */

.custom-file2 {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}

.custom-file2-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file2-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file2-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file2-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file2-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file2-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file2-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "elegir";
  background-color: #ffffff;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.box-salesarguments {
  box-shadow: #e6e6e6 0 0 0.625rem;
  border-radius: 0.25rem !important;
  background-color: #414141 !important;
  background-image: url(/images/icon-argumentos-venta.svg?7706f06399632ef4034769e99ee2409d);
  background-repeat: no-repeat;
  background-size: 16rem;
  background-position: left -10rem top -2rem;
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  opacity: 0.8;
}

.box-salesarguments:hover {
  opacity: 1;
}

.box-semi {
  box-shadow: #e5e5e5 0 4px 8px;
  border-radius: 10px !important;
  background-color: #fff !important;
}

.box-semi .svg-a-right {
  float: right;
  vertical-align: top;
  display: inline-block;
  background-color: #828282;
  -webkit-mask-image: url(/images/a-right.svg?1ced15225a8ab3b8dccd60326d6be149);
  mask-image: url(/images/a-right.svg?1ced15225a8ab3b8dccd60326d6be149);
  background-image: none;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0.2rem 0.4rem;
  transform: none;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.box-semi.cursor_box {
  cursor: pointer;
}

.vprogress {
  margin: 2.5rem auto;
  text-align: center;
}

.vprogress .bar {
  display: block;
}

.vprogress .circle {
  display: block;
  margin-bottom: 0;
  background: #fff;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 2.5rem;
  border: 0.106rem solid #d5d5da;
}

.vprogress .bar {
  position: relative;
  width: 0.09375rem;
  height: 1.875rem;
  top: 0;
  margin-left: 0.40625rem;
  margin-right: -0.3125rem;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border: 0.0625rem solid #d5d5da;
}

.vprogress .circle .label {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 2rem;
  margin-top: 0.1875rem;
  color: #b5b5ba;
  font-size: 1.0625rem;
}

.vprogress .circle .title {
  font-size: 1rem;
  line-height: 2.0625rem;
  margin-left: 1.5625rem;
  position: relative;
  top: -3.125rem;
  display: block;
  width: 12.5rem;
  text-align: left;
  font-weight: 500;
  color: #7a7a7a;
}

/* wait / finished */

.vprogress .bar.wait,
.vprogress .circle.wait {
  background: #ee0001;
}

.vprogress .bar.finished,
.vprogress .circle.finished {
  background: #ee0001;
  border: 0.0625rem solid #ee0001;
}

.vprogress .title.finished {
  color: #ee0001;
  font-weight: bold;
}

.vprogress .bar.not_delivered,
.vprogress .circle.finished {
  background: #ee0001;
  border: 0.0625rem solid #ee0001;
}

.vprogress .title.not_delivered {
  color: #ee0001;
  font-weight: 500;
}

.vprogress .bar.delivered,
.vprogress .circle.delivered {
  background: #389B00;
  border: 0.0625rem solid #389B00;
}

.vprogress .title.delivered {
  color: #000000;
  font-weight: bold;
}

[class*=bg-label-] {
  padding: 0.0625rem 0.5rem 0.1875rem;
  text-align: center;
  font-size: 80%;
  display: inline-block;
  border-radius: 0.1875rem;
  line-height: normal;
  color: #fff;
  width: auto;
}

.bg-label-danger {
  color: #e00001;
  background: rgba(224, 0, 1, 0.11);
}

.bg-label-success {
  color: #389B00;
  background: rgba(56, 155, 0, 0.1);
}

.bg-label-warning {
  color: #FFC102;
  background: rgba(255, 193, 2, 0.11);
}

.bg-label-warn-info {
  border-radius: 0.25rem;
  color: #ee0001;
  background-color: #FEE5E5;
  border: solid 1px #ee0001;
  padding: 0.5rem 1rem;
}

/*--------------- modales loading -----------------*/

.bs-example-modal-sm img {
  max-width: 120px;
  margin: 10px auto;
}

.bs-example-modal-sm p {
  font-size: 12px;
  margin-top: 15px;
  display: block;
}

#loading-modal .modal-header {
  padding: 0;
  height: auto;
  border: 0;
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  border-radius: 0.125rem;
  background-color: #ee0001;
}

/*--------------- generic modal -----------------*/

#generic-modal p {
  line-height: 1.5rem;
}

#generic-modal .modal-body .close {
  margin: 0;
}

.bs-wizard-step {
  display: inline-table;
}

.bs-wizard-step .circle {
  display: inline-block;
  background-color: #E5E5E5;
  border-radius: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
}

.bs-wizard-step.active .circle {
  background-color: #EE0001;
}

.bs-wizard-step.active .circle.green {
  background-color: #389b00 !important;
}

.bs-wizard-step.post-active .circle,
.bs-wizard-step.post-active .bar {
  background-color: #BABABA;
}

.bs-wizard {
  display: inline-flex;
  margin-left: -0.01rem;
}

.bs-wizard-step .bar {
  height: 0.11rem;
  width: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #E5E5E5;
}

.bs-wizard-step .bar-5 {
  margin-right: -0.5rem;
  margin-left: -0.25rem;
  height: 0.11rem;
  width: 8rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #E5E5E5;
}

@media only screen and (min-width: 10rem) and (max-width: 19.9375rem) {
  .bs-wizard-step .bar-5 {
    width: 3rem;
  }
}

@media only screen and (min-width: 19.9376rem) and (max-width: 22.4375rem) {
  .bs-wizard-step .bar-5 {
    width: 4rem;
  }
}

@media only screen and (min-width: 22.5rem) and (max-width: 23.4374rem) {
  .bs-wizard-step .bar-5 {
    width: 5rem;
  }
}

@media only screen and (min-width: 23.4375rem) and (max-width: 26.5625rem) {
  .bs-wizard-step .bar-5 {
    width: 5rem;
  }
}

@media only screen and (min-width: 26.5625rem) and (max-width: 31.24rem) {
  .bs-wizard-step .bar-5 {
    width: 6rem;
  }
}

/* ########## Recaptcha ############ */

#g-recaptcha div.is-invalid {
  border: solid 1px #EE0001;
  border-radius: 0.18rem;
}

#g-recaptcha div.is-invalid:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.detail-plan .box-out {
  padding: 1rem;
  background-color: #fff;
  margin: 0 0 1rem 0;
  border-radius: 0.625rem;
}

.detail-plan .box-out .budge {
  text-align: center;
  color: #fff;
  padding: 0.3rem 0 0.1rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
}

.detail-plan .box-out .budge.warning {
  background-color: #FFC102;
}

.detail-plan .box-out .budge.red {
  background-color: #e00001;
}

.detail-plan .box-out .budge.gray {
  background-color: #414141;
}

.detail-plan .box {
  background-color: #fff;
  border-top: 0.325rem #E5E5E5 solid;
  border-bottom: 0.0625rem solid #E5E5E5;
  border-right: 0.0625rem solid #E5E5E5;
  border-left: 0.0625rem solid #E5E5E5;
  border-radius: 0 0 0.625rem 0.625rem;
}

.detail-plan .box.favorite {
  border-top: 0.325rem solid #e00001;
  border-bottom: 0.0625rem solid #e00001;
  border-right: 0.0625rem solid #e00001;
  border-left: 0.0625rem solid #e00001;
  border-radius: 0 0 0.625rem 0.625rem;
}

.detail-plan .box .row.box-body {
  margin: 1rem;
}

.detail-plan .box .row.box-body .col-6.left {
  display: inline-block;
  padding: 0rem;
}

.detail-plan .box .row.box-body .col-6.left h5 {
  font-weight: 800;
  font-size: 0.75rem;
  margin-bottom: 0;
  line-height: 1rem;
}

.detail-plan .box .row.box-body .col-6.left h3 {
  font-size: 2.16rem;
  margin-bottom: 0;
}

.detail-plan .box .row.box-body .col-6.right {
  vertical-align: top;
  display: inline-block;
  text-align: right;
  padding: 0rem;
}

.detail-plan .box .row.box-body .col-6.right h5 {
  display: inline;
  color: #e00001;
  font-size: 1.5rem;
}

.detail-plan .box .row.box-body .col-6.right .tag {
  display: inline-block;
  background-image: url(/images/tag-y.svg?a8129dcc3c020d9142e6c10213b83ac9);
  background-repeat: no-repeat;
  background-size: 1.1875rem;
  height: 1.1875rem;
  width: 1.1875rem;
}

.detail-plan .box .row.box-body .col-6.right .tag-text {
  display: inline-block;
  font-size: 0.625rem;
  color: #e00001;
}

.detail-plan .box .row.box-body .detail p {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #969696;
  margin-bottom: 0.5rem;
}

.detail-plan .box .row.box-body .detail span.b {
  color: #414141;
  font-weight: 700;
}

.detail-plan .box .row.box-body .detail .svg-phone-g {
  vertical-align: middle;
  display: inline-block;
  background-image: url(/images/phone-g.svg?1ee463a7265fa3551ebe9c5f5710db14);
  background-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
}

.detail-plan .box .row.box-body .detail ul {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}

.detail-plan .box .row.box-body .detail ul li {
  font-weight: 500;
  color: #767676;
  font-size: 0.8125rem;
}

.detail-plan .box .row.box-body .price {
  padding-top: 0.5rem;
  text-align: right;
}

.detail-plan .box .row.box-body .price div {
  margin-bottom: 1rem;
}

.detail-plan .box .row.box-body .price h3 {
  font-size: 1.5rem;
  color: #e00001;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 0.9;
}

.detail-plan .box .row.box-body .price h3 small {
  font-size: 0.875rem;
}

.detail-plan .box .row.box-body .price p {
  font-size: 0.675rem;
  line-height: 1.2;
  color: #828282;
}

.detail-plan .box .row.box-body .price p.badge-warning {
  color: #fff;
}

.detail-plan .box .footer {
  text-align: center;
  margin: 1rem;
  font-size: 14px;
}

.detail-plan .box .footer .svg-chevron-down {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/images/chevron-down.svg?15302c4ac933defb14d91c364c6f5162);
  background-size: 0.625rem;
  height: 0.312rem;
  width: 0.625rem;
  margin: 0 0.25rem;
}

.detail-plan .box .footer p {
  display: inline-block;
  font-size: 0.875rem;
}

.detail-plan .box .footer a {
  font-size: 14px;
  text-decoration: underline;
}

.detail-plan .box .footer .collapsing .item,
.detail-plan .box .footer .collapse .item {
  margin-bottom: 1rem;
}

.detail-plan .box .footer .collapsing .item::before,
.detail-plan .box .footer .collapse .item::before {
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  content: "";
  display: block;
  height: 1px;
  transform: translate(7.5%, 0);
  width: 85%;
  margin-bottom: 1rem;
}

.detail-plan .box .footer .collapsing .item p,
.detail-plan .box .footer .collapse .item p {
  font-weight: 500;
  color: #3e3e3e;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.detail-plan .box .footer .collapsing .item span.b,
.detail-plan .box .footer .collapse .item span.b {
  color: #414141;
  font-weight: 700;
}

.detail-plan .box .footer .collapsing .item::before,
.detail-plan .box .footer .collapsing .bg-gray::before,
.detail-plan .box .footer .collapse .item::before,
.detail-plan .box .footer .collapse .bg-gray::before {
  height: 0px;
}

.detail-plan .box .footer button {
  float: right;
  margin: 1rem 0;
  display: inline-block;
  width: 90%;
  text-align: center;
}

.detail-plan .box .footer button .svg-a-right {
  float: right;
  vertical-align: top;
  display: inline-block;
  background-image: url(/images/a-right.svg?1ced15225a8ab3b8dccd60326d6be149);
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0.2rem;
}

.detail-plan .box .footer .collapse-toggle {
  cursor: pointer;
}

.detail-plan .box .footer .col-6 {
  padding: 0rem;
  margin-left: auto;
  margin-right: auto;
}

.detail-plan .box .footer .col-6 .btn-masinfo {
  border: 1px solid #BABABA;
  border-radius: 5px;
  padding: 8px 2px;
  font-size: 14px;
  font-weight: 600;
  color: #767676;
}

.detail-plan .box .postfooter {
  background-color: #828282;
  text-align: center;
  border-radius: 0.625rem;
  color: #fff;
  padding: 0.5rem;
  margin: 1rem;
  line-height: 1.2;
}

.detail-plan .box .postfooter p {
  line-height: 1.2;
}

.box-full {
  background-color: #e5e5e5;
  margin: 0px;
  border-radius: 5px;
}

.back-full {
  background-color: rgba(255, 255, 255, 0);
}

.ml-35r {
  margin-left: 3.5rem;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.red {
  color: #ee0001;
  font-weight: normal;
  margin-right: 4px;
}

.logo-facebook-v2 {
  background-image: url(/images/facebook_v2.svg?97cc6c179ec9c1b222f8217e33f6f0c3);
}

.logo-whatsapp-v2 {
  background-image: url(/images/whatsapp_v2.svg?52fbb0e644bcb3a6834d0d971f9ccc2b);
}

.logo-twitter-v2 {
  background-image: url(/images/twitter_v2.svg?1cfe9a162619f4f0796afc129e92499e);
}

.logo-instagram-v2 {
  background-image: url(/images/instagram_v2.svg?e71d7849943744adf41ac4783b7a2d29);
}

.logosRRSS {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}

.logosRRSS .plan-rrss {
  height: 20px;
  width: 26px;
  display: inline-grid !important;
  vertical-align: bottom;
}

.logosRRSS .plan-rrss[class*=logo-] {
  background-repeat: no-repeat;
}

.logosRRSS .plan-rrss.logo-facebook {
  background-image: url(/images/facebook.svg?8835dec7755ac50db067bd922286d103);
}

.logosRRSS .plan-rrss.logo-messenger {
  background-image: url(/images/messenger.svg?11f0e274cba8173853fc37bee63b327b);
}

.logosRRSS .plan-rrss.logo-whatsapp {
  background-image: url(/images/whattsup.svg?87a09dd9d14193ed8d3aa20746ea2f3f);
}

.logosRRSS .plan-rrss.logo-twitter {
  background-image: url(/images/twitter.svg?713ecc13425ab65d7607a377fbce64a9);
}

.logosRRSS .plan-rrss.logo-spotify {
  background-image: url(/images/spotify.svg?852d32350dde06d22620e0d9cfc342f3);
}

.logosRRSS .plan-rrss.logo-itunes {
  background-image: url(/images/itunes.svg?9b62d93feb8726a4319bef21d0312823);
}

.logosRRSS .plan-rrss.logo-waze {
  background-image: url(/images/waze.svg?92b51635e432ef30178485d69f4584ef);
}

.logosRRSS .plan-rrss.logo-instagram {
  background-image: url(/images/instagram.svg?334f4d2205d376f973f029b05a236cee);
}

#portability_cap p.info {
  text-align: center;
  font-size: 0.875rem;
}

#portability_cap p.info span.svg-alert-triangle {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/images/alert-triangle.svg?dd81a16418456fccfb360041f6ea1ff2);
  background-size: 1rem;
  margin: 0 0.7rem;
  height: 1rem;
  width: 1rem;
}

#portability_cap p.info span.svg-clock-red {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/images/clock -red.svg?ac3c795fda1da356af2e7d7c27ce963f");
  background-size: 1.125rem;
  margin: 0 0.3rem;
  height: 1.125rem;
  width: 1.125rem;
}

#portability_cap p.red {
  color: #e00001;
}

.portability.footer {
  margin-top: 1rem;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  padding: 1.5rem 0 1.5rem;
  text-align: center;
}

.portability.footer p {
  padding: 0 2.5rem;
}

#portability_finality span.svg-like-red {
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/images/like-red.svg?b25b2024da41492b7668955698e53b30);
  background-size: 4.125rem;
  margin: 0 0 1rem;
  height: 4.125rem;
  width: 4.125rem;
}

.bb-gris-1 {
  width: 100%;
  border-bottom: solid 0.0625rem #F6F6F6;
}

.bt-gris-1 {
  width: 100%;
  border-top: solid 0.0625rem #F6F6F6;
}

.bt-gris-1 {
  width: 100%;
  border-top: solid 0.0625rem #F6F6F6;
}

.svg-a-right {
  display: inline-block;
  background-image: url(/images/chevron-down.svg?15302c4ac933defb14d91c364c6f5162);
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0.2rem;
  transform: rotate(270deg);
}

.list {
  vertical-align: middle !important;
}

.list .list-header {
  padding: 1rem 1.5rem;
  color: #969696;
  display: flex !important;
}

.list .list-header p {
  line-height: 1rem;
  margin: 0;
}

.list .list-header .mp--06 {
  margin-top: -0.375rem !important;
}

.list .list-body {
  padding: 0.5rem 1.5rem;
  color: #414141;
  display: flex !important;
  height: 2.5rem !important;
}

.list .list-body [class^=circle-] {
  margin-top: 0.25rem;
}

.list .list-body.pt-08 {
  padding-top: 0.625rem;
}

.list .list-body .mp--06 {
  margin-top: -0.375rem !important;
}

[class^=circle-] {
  display: inline-block;
  border-radius: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
}

.circle-success {
  background: #389B00;
}

.circle-danger {
  background: #EE0001;
}

.circle-warning {
  background: #FFC102;
}

.circle-gray {
  background: #E5E5E5;
}

.circle-transparent {
  background: transparent;
}

.svg-dashboard {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  vertical-align: sub;
}

.svg-dashboard.award {
  background-image: url(/images/award.svg?cfb089dc1174a94c703d9f7ad0986a87);
}

.svg-dashboard.file-text {
  background-image: url(/images/file-text.svg?7c496cade6d7a3c7548bd22da0a426df);
}

.svg-icons {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 4.25rem;
  height: 4.25rem;
  width: 3.754375rem;
}

.svg-icons.logo {
  background-image: url(/images/logo.svg?33f50dcc89cdfb496c00697b2f5a4b91);
}

.svg-icons.tag {
  background-image: url(/images/tag-y.svg?a8129dcc3c020d9142e6c10213b83ac9);
  background-size: 1.1875rem;
  height: 1.1875rem;
  width: 1.1875rem;
}

.svg-icons.tag-yellow {
  background-image: url(/images/tag-yellow.svg?aebd46ad0bb5bfacb047ede8fb95a5e9);
  background-size: 1.1875rem;
  height: 1.1875rem;
  width: 1.1875rem;
}

.svg-icons.icon-more {
  background-image: url(/images/icon_more.svg?663272b65b66d8812a5d58ebe0a6d83e);
  background-position: center;
}

.svg-icons.t-2 {
  background-size: 0.8rem;
  height: 0.8rem;
  width: 0.8rem;
}

.svg-icons.t-3 {
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
}

.svg-icons.t-4 {
  background-size: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.svg-icons.t-26 {
  background-size: 1.625rem;
  height: 1.625rem;
  width: 1.625rem;
}

.svg-icons.va-tb {
  vertical-align: text-bottom;
}

span.f-circle {
  text-transform: capitalize;
  border-radius: 1rem;
  background-color: #E5E5E5;
  padding: 0.1rem 0.35rem;
}

.png-exaple-puk {
  display: inline-block;
  background-image: url(/images/modal-numero-puk.png?7850bff52878ece2860b25b0f02cc356);
  background-repeat: no-repeat;
  background-size: 100%;
  height: auto;
  width: 100%;
  margin: 0.2rem;
}

.png-exaple-puk {
  display: inline-block;
  background-image: url(/images/modal-numero-chip.png?0059f4b48197b23e0e9b5c8444c075bb);
  background-repeat: no-repeat;
  background-size: 100%;
  height: auto;
  width: 100%;
  margin: 0.2rem;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 65% !important;
}

.w-65 {
  width: 65% !important;
}

.w-90 {
  width: 90% !important;
}

.bg-gray {
  background-color: #F6F6F6;
}

.b-black-1 {
  width: 100%;
  height: 100%;
  border: solid 0.0625rem #414141;
}

.mt-4-5 {
  margin-top: 2.5rem;
}

.mt--1 {
  margin-top: -0.25rem;
}

.mt--2 {
  margin-top: -0.5rem;
}

.mt--3 {
  margin-top: -1rem;
}

.mt--4 {
  margin-top: -1.5rem;
}

.mt--5 {
  margin-top: -2rem;
}

.mh-3 {
  min-height: 3rem !important;
}

.mh-4 {
  min-height: 4rem !important;
}

.mh-7 {
  min-height: 7rem !important;
}

.mh-13 {
  min-height: 13rem !important;
}

.svg {
  float: right;
  vertical-align: top;
  display: inline-block;
  background-color: #828282;
  background-image: none;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0.2rem 0.4rem;
  transform: none;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.svg.info {
  -webkit-mask-image: url(/images/info.svg?6b5ac75266b325c3691f1e585ce9e706);
  mask-image: url(/images/info.svg?6b5ac75266b325c3691f1e585ce9e706);
  background-size: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  margin: 0;
}

.cursor-pointer {
  cursor: pointer;
}

#referral .svg-icons.logo {
  background-size: 5rem;
  height: 3.75rem;
  width: 4.78rem;
  margin-bottom: 1rem;
  margin-left: -0.6rem;
}

.wizard-box {
  margin: 1rem;
  padding: 0.8rem 1rem;
  border: solid #E5E5E5 0.0625rem;
  border-radius: 3px;
}

.wizard-box.dashboard {
  margin: 0 0 1rem;
}

.wizard-box p {
  line-height: 1.3rem;
  margin: 0;
}

.wizard-box p.sect {
  font-size: 0.75rem;
  letter-spacing: 0.015625rem;
  color: #969696;
  font-weight: 600;
}

.wizard-box p.title {
  font-size: 0.875rem;
  color: #414141;
  font-weight: 600;
}

.wizard-box p.cont {
  color: #7A7A7A;
  font-size: 0.8125rem;
  margin-bottom: 0.3125rem;
}

.wizard-box .bs-wizard-step {
  margin-right: -0.25rem;
}

.wizard-box .bs-wizard-step .circle {
  border-radius: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #fff;
  border: solid 0.125rem #D7D7D7;
}

.wizard-box .bs-wizard-step .bar-5 {
  height: 0.125rem;
  margin-left: unset;
}

.wizard-box .bs-wizard-step {
  margin-right: -0.25rem;
}

.wizard-box .bs-wizard-step .circle {
  border-radius: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: unset;
  border: solid 0.125rem #D7D7D7;
}

.wizard-box .bs-wizard-step .bar-5 {
  height: 0.125rem;
}

.wizard-box .bs-wizard-step.active .circle {
  background-color: #389B00;
  border: solid 0.125rem #389B00;
  width: 0.875rem;
  height: 0.875rem;
}

.wizard-box .bs-wizard-step.pre .circle {
  border-color: #5C5C5C;
  background-color: #5C5C5C;
}

/* ########## CSS SVM-4374 ############ */

.icon-filter {
  filter: grayscale(100%);
}

.opacity-5 {
  opacity: 0.5;
}

.icon-plans {
  background-image: url(/images/plans.svg?d139b318512e4f96407df9e606d19bd9);
  background-repeat: no-repeat;
  height: 2.8rem;
  width: 2.7rem;
}

.arrow-plans {
  display: inline-block;
  background-image: url(/images/arrow-right.svg?6c0838858157a7e07dd1333c36b3bac3);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  margin-top: 45%;
  margin-bottom: 45%;
}

.arrow-plans-white {
  display: inline-block;
  background-image: url(/images/arrow-right-white.svg?621409d2ed56a64f6419e9c862ec8179);
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
  margin-top: 45%;
  margin-bottom: 45%;
}

#img-plans {
  display: inline-block;
  float: left;
  margin-right: 6%;
}

#text-plans {
  display: inline-block;
  text-align: left;
}

#text-salesarguments {
  display: inline-block;
  text-align: left;
  max-width: 75%;
}

#text-plans p {
  margin: 0px !important;
}

#arrow-plans {
  display: inline-block;
  float: right;
}

@media only screen and (max-width: 425px) {
  #text-plans {
    max-width: 60%;
  }
}

/* PANEL DESPLEGABLE TEXTO*/

.tac {
  border: 0 !important;
}

.panel {
  margin-bottom: 10px;
  background: none !important;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none !important;
}

.bg-gray {
  background-color: #F6F6F6 !important;
}

.panel-title {
  text-transform: inherit;
  font-weight: inherit;
}

.text-title-tac {
  font-weight: 600;
  color: #414141;
  opacity: 1;
}

.text-subtitle-tac {
  font-weight: 400;
  color: #444444;
  opacity: 1;
}

.text-p-tac {
  justify-content: center;
  text-align: left;
}

.text-p-tac li {
  list-style: none;
  margin-bottom: 1rem;
}

.text-p-tac ul {
  -webkit-padding-start: 0px !important;
          padding-inline-start: 0px !important;
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
  -webkit-margin-before: 0em !important;
          margin-block-start: 0em !important;
  -webkit-margin-after: 0em !important;
          margin-block-end: 0em !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-6rem {
  margin-bottom: 6rem !important;
}

.pt-10 {
  padding-top: 10px;
}

.text-gray-light {
  color: lightgray;
}

.yellow-exclusive {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
}

.separator {
  background-color: #D7D7D7;
  height: 1px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.label {
  display: inline;
  padding: 0.3em 0.6em;
  border-radius: 2em;
  font-weight: 600;
  font-size: 80%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.label.label-yellow {
  background-color: #FFC102;
}

.label.label-gray {
  background-color: #AFAFAF;
}

.position-label-oferta-yellow {
  position: absolute;
  right: 23%;
  left: 23%;
  margin-top: -9px;
}

.row .col-6.pr-2 {
  margin-bottom: 1rem !important;
}

.row .col-6.pl-2 {
  margin-bottom: 1rem !important;
}

/* ########## CSS SVM-4374 ############ */

.box-showcase:hover #arrow-plans .arrow-plans,
.box-showcase:focus #arrow-plans .arrow-plans,
.box-showcase:active #arrow-plans .arrow-plans {
  background-image: url(/images/arrow-right-red.svg?dd5f011a616502bdd8c3172ee4882b21);
}

.box-showcase:hover #text-plans,
.box-showcase:focus #text-plans,
.box-showcase:active #text-plans {
  color: #e00001;
}

/* ########## CSS SVM-4374 CODIGO PISADO ############ */

.badge-warning {
  background-color: #e00001;
}

/* ########## CSS DEVEL 08032020 ############ */

.p-05 {
  padding: 0.5rem !important;
}

/* ########## CSS SVM-4580 ############ */

.nav-green {
  background-color: rgba(56, 155, 0, 0.1);
}

.nav-green:hover,
.nav-green:focus,
.nav-green:active {
  background-color: rgba(56, 155, 0, 0.2);
}

.nav-red {
  background-color: rgba(238, 0, 1, 0.1);
}

.nav-red:hover,
.nav-red:focus,
.nav-red:active {
  background-color: rgba(238, 0, 1, 0.2);
}

.hyperlink-black {
  color: #414141;
  text-decoration: underline;
}

.txt-red {
  color: #ee0001;
}

.ul-p-2rem {
  -webkit-padding-start: 1rem !important;
          padding-inline-start: 1rem !important;
  list-style: none;
}

.ul-p-2rem li::before {
  content: "•";
  color: #EE0001;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}

.about_us {
  padding: 0;
  margin: 0;
}

.nav-item-bt {
  border-top: solid 0.0625rem #e8e8e8;
}

.nav-item-sinb {
  border: solid 0rem;
  padding: 1rem 1rem 1rem 1rem;
}

.nav-item-p {
  padding: 1rem 1rem 0 1rem;
}

.nav-item-subtitle {
  font-size: 1.3rem;
  font-weight: 600;
}

.mb-8rem {
  margin-bottom: 8rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.mb-2_5rem {
  margin-bottom: 2.5rem;
}

.mb-3rem {
  margin-bottom: 3rem;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.wizard-box-lead.dashboard-lead {
  margin: 0 0 1rem;
}

.wizard-box-lead p {
  line-height: 1.3rem;
  margin: 0;
}

.wizard-box-lead .bs-wizard-step-lead {
  display: inline-table;
  margin-right: -0.1rem;
}

.wizard-box-lead .bs-wizard-step-lead .circle {
  border-radius: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: unset;
  border: solid 0.125rem #D7D7D7;
  display: inline-block;
  vertical-align: middle;
}

.wizard-box-lead .bs-wizard-step-lead .bar-5 {
  width: 4.8rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #E5E5E5;
  height: 0.125rem;
}

.wizard-box-lead .bs-wizard-step-lead.active .circle {
  background-color: #389B00;
  border: solid 0.125rem #389B00;
  width: 0.875rem;
  height: 0.875rem;
}

.wizard-box-lead .bs-wizard-step-lead.pre .circle {
  border-color: #5C5C5C;
  background-color: #5C5C5C;
}

.wizard-box-public.dashboard-lead {
  margin: 0 0 1rem;
}

.wizard-box-public p {
  line-height: 1.3rem;
  margin: 0;
}

.wizard-box-public .bs-wizard-step-lead {
  display: inline-table;
  margin-right: -0.1rem;
}

.wizard-box-public .bs-wizard-step-lead .circle {
  border-radius: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: unset;
  border: solid 0.125rem #D7D7D7;
  display: inline-block;
  vertical-align: middle;
}

.wizard-box-public .bs-wizard-step-lead .bar-5 {
  background-color: #E5E5E5;
  border-left: 2px solid green;
  height: 35px;
}

.wizard-box-public .bs-wizard-step-lead.active .circle {
  background-color: #389B00;
  border: solid 0.125rem #389B00;
  width: 0.875rem;
  height: 0.875rem;
}

.wizard-box-public .bs-wizard-step-lead.pre .circle {
  border-color: #5C5C5C;
  background-color: #5C5C5C;
}

.svg-a-right-red {
  float: right;
  vertical-align: top;
  display: inline-block;
  background-color: #ff061a;
  -webkit-mask-image: url(/images/a-right.svg?1ced15225a8ab3b8dccd60326d6be149);
  mask-image: url(/images/a-right.svg?1ced15225a8ab3b8dccd60326d6be149);
  background-image: none;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  margin: 0.2rem 0.3rem;
  transform: none;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.svg-color {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-image: none;
  mask-size: 1rem;
  -webkit-mask-size: 1rem;
  height: 1rem;
  width: 1rem;
}

.svg-color.green {
  background-color: #389B00;
}

.svg-color.black {
  background-color: #414141;
}

.svg-color.yellow {
  background-color: #FFC102;
}

.svg-color.red {
  background-color: red;
}

.svg-color.clock {
  -webkit-mask-image: url(/images/clock.svg?8b611ea1baf70b813c45794022388518);
  mask-image: url(/images/clock.svg?8b611ea1baf70b813c45794022388518);
}

.svg-color.warn-circle {
  -webkit-mask-image: url(/images/alert-circle.svg?fe8fb6223d2d0c022fe846a7ebbf47b6);
  mask-image: url(/images/alert-circle.svg?fe8fb6223d2d0c022fe846a7ebbf47b6);
}

.svg-color.ok {
  background-image: url(/images/icon-ok.svg?f0ab4598e127b328975d93fbec795902);
}

.svg-color.t-075 {
  height: 0.75rem;
  width: 0.75rem;
  mask-size: 0.75rem;
  -webkit-mask-size: 0.75rem;
}

.svg-color.t-0875 {
  height: 0.875rem;
  width: 0.875rem;
  mask-size: 0.875rem;
  -webkit-mask-size: 0.875rem;
}

.svg-color.t-125 {
  text-align: center;
  height: 1.25rem;
  width: 1.25rem;
  mask-size: 1.25rem;
  -webkit-mask-size: 1.25rem;
}

.svg-color.t-1875 {
  text-align: center;
  height: 1.875rem;
  width: 1.875rem;
  mask-size: 1.875rem;
  -webkit-mask-size: 1.875rem;
}

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  float: right;
}

/* Hide default HTML checkbox */

.switch input {
  display: none;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  background-color: #fff;
  border: 0.0625rem solid #D9D9DF;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  background-color: #969696;
  transition: 0.4s;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  background-color: #389B00;
  transform: translateX(13px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 26px;
}

.slider.round:before {
  border-radius: 50%;
}

.letter-spacing-leads {
  line-height: 1.5em;
}

.new-leads-box {
  background-color: #389B00;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
}

.public_progress {
  text-align: center;
}

.public_progress.circle {
  width: 16px;
  height: 16px;
  border-radius: 2.5rem;
  border: 0.106rem solid #d5d5da;
}

.public_progress.circle.active {
  background-color: #389B00;
  border: solid 0.125rem #389B00;
}

.public_progress.bar {
  display: block;
  width: 2px;
  height: 35px;
  margin-left: 6.5px;
  border-left: 2px solid #d5d5da;
}

.public_progress.bar.active {
  border-left: 2px solid green;
}

.public_progress.title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 30px;
  margin-top: -4px;
  font-weight: 500;
  color: #7a7a7a;
}

.public_progress.title.active {
  color: #389B00;
}

.public_progress.title.on {
  color: #389B00;
  font-weight: bold;
}

.page-chat {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: inherit;
}

.box-profile-chat {
  margin-top: 20px;
  box-shadow: -1px 4px 6px #00000029;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: yellow;
  padding: 10px;
  font-size: 20px;
}

.box-messages-chat {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  overflow-x: hidden;
  height: 100%;
  margin-bottom: auto;
}

.box-message-chat {
  top: 147px;
  left: 15px;
  width: 254px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D7D7D7;
  border-radius: 10px;
  opacity: 1;
}

.box-message-chat.incoming {
  background: #F6F6F6 0% 0% no-repeat padding-box;
}

.box-footer-chat {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -4px 6px #00000029;
  text-align: -webkit-center;
  position: -webkit-sticky;
  position: sticky;
}

.input-outer-padding {
  position: relative;
  width: 90%;
  border: 1px solid #444444;
  border-radius: 10px;
  overflow: hidden;
  height: 48px;
  display: flex;
}

.input-inner-padding {
  width: 80%;
  height: auto;
  padding: 5px;
}

.input-field {
  width: 100%;
  display: block;
  /*resets for hiding the input boundaries */
  border: 0px;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-size: 16px;
}

.search-confirm {
  padding: 7px 10px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #EE0001;
  cursor: pointer;
  /* here the magic begins */
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.search-confirm:hover {
  background-color: white;
}

.navbar-chat {
  padding: 0 0 0;
  height: 0rem;
}

.navbar-profile-chat {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  padding: 0px;
  font-size: 20px;
  height: 80px;
}

div.sticky.profile {
  box-shadow: -1px 4px 6px #00000029;
}

.profile-container-chat {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.input-lead-round {
  width: 42px;
  height: 42px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #BABABA;
  border-radius: 7px;
  opacity: 1;
  font-weight: bold;
  text-align: center;
  padding-left: 0rem;
  padding-right: 0rem;
}

.input-lead-round.is-invalid {
  border: 2px solid #ff0001;
  color: black;
}

.input-lead-round.form-control-feedback.is-invalid {
  color: black;
}

.input-lead-round:focus {
  border: 2px solid #343a40;
}

span.authError {
  font-weight: bold;
  border: 3px solid #ff061a;
}

input:focus {
  outline: none;
}

.btn-lead-code {
  width: 90px;
}

#about_us .nav-item,
#about_us .nav-item-sinb,
#about_us .nav-item-p,
#sales_arguments .nav-item,
#sales_arguments .nav-item-sinb,
#sales_arguments .nav-item-p {
  padding-left: 2rem;
}

#about_us_answer .nav-item-sinb {
  padding-left: 0rem;
}

.no-decoration {
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}

.no-decoration li {
  list-style: none;
  margin-bottom: 1rem;
}

#login {
  overflow: hidden;
}

#register-me {
  padding: 2rem;
}

.btn-registerme {
  border: 2px solid #EE0001;
  height: 2.75rem;
}

.btn-registerme a {
  text-decoration: none !important;
}

.separator-norules {
  background-color: #D7D7D7;
  height: 1px;
  width: 150%;
  margin-top: 20px;
  margin-left: -50px;
}

.elipse-246 {
  color: #E5E5E5;
}

.p-fz12-txtgray {
  font-size: 12px;
  color: #767676;
  line-height: 1;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.separator-small {
  width: 20%;
  background-color: #D7D7D7;
  height: 1px;
  margin: 15px auto 15px auto;
}

.right .ico-include {
  max-width: 90%;
  padding: 1rem;
  height: auto;
  float: right;
}

.div-include {
  display: flex;
  align-items: center;
}

.div-tinder-simple {
  display: flex;
  align-items: center;
}

.logo-tinder-simple {
  width: 18px;
  overflow: hidden;
}

.ico-tinder-simple {
  height: 20px;
  vertical-align: auto;
}

.p-tinder {
  font-size: 12px;
  color: #767676;
  margin: 5px 0 -1px 5px;
}

.detail-include {
  text-align: left;
}

.div-icon-more-info {
  display: flex;
  align-items: center;
  margin-top: -10px;
  margin-bottom: -10px;
}

.div-icon-more-info p {
  margin: 0;
  font-size: 12px;
}

/* ########## MODAL TINDER ############ */

/* MODAL TINDER*/

.click-tinder {
  cursor: pointer;
}

.click-tinder:hover,
.click-tinder:active,
.click-tinder:focus {
  color: #EE0001;
  text-decoration: none;
  cursor: pointer;
}

.modalInclude p {
  letter-spacing: normal !important;
  line-height: 24px !important;
}

.modalInclude .ico-tinder-plus {
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}

.modalInclude .modal-content {
  background-color: #fefefe;
  margin: 15% auto auto auto;
  padding: 10px;
  border-radius: 10px;
  width: 320px;
  text-align: center;
}

.modalInclude .modal-header {
  display: block;
  padding: 0px;
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.modalInclude .modal-content:before {
  display: table;
  content: " ";
  box-sizing: border-box;
  clear: both;
}

.modalInclude .mb-30 {
  margin-bottom: 30px;
}

.modalInclude .mb0 {
  margin-bottom: 0;
}

.modalInclude .tinder-title {
  margin-top: -10px;
  margin-bottom: 30px;
}

.modalInclude .box-green {
  color: #389B00;
  background-color: #389B001A;
  border: 1px solid #389B00;
  border-radius: 10px;
  padding: 5px 5px 0px 5px;
}

.modalInclude .box-green p {
  font-size: 12px;
  font-weight: 600;
}

.modalInclude .modal-header .close {
  color: #414141;
  font-size: 28px;
  margin: 0;
  font-weight: normal;
}

.modalInclude .close {
  text-shadow: 0 1px 0 #000;
  opacity: 1;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  filter: alpha(opacity=20);
}

.modalInclude .close:hover,
.modalInclude .close:focus {
  color: #EE0001;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  .modalInclude .modal-content {
    margin: 25% auto auto auto;
    width: 320px;
  }
}

@media (max-width: 424px) {
  .modalInclude .modal-content {
    margin: 40% auto auto auto;
    width: auto;
    height: auto;
  }
}

.text-black {
  color: #414141;
}

.p-help p {
  font-size: 0.875rem !important;
  line-height: 1.5rem;
}

.li-help {
  font-size: 0.875rem !important;
  line-height: 1.5rem;
  padding: 0.4rem 0.1rem 0.5rem 1.4rem;
  margin: 0 -33px -2px -33px;
}

#help p {
  font-size: 0.875rem;
}

.logo-payment {
  height: 20px;
}

.mediosDePago .funkyradio {
  margin-top: 10px !important;
  position: relative;
}

.funkyradio div {
  overflow: inherit;
  clear: both;
}

.funkyradio label {
  width: 100%;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  font-weight: normal;
  padding: 6px;
}

.funkyradio input[type=radio]:empty,
.funkyradio input[type=checkbox]:empty {
  display: none;
}

.mediosDePago .funkyradio input[type=radio]:empty ~ label,
.mediosDePago .funkyradio input[type=checkbox]:empty ~ label {
  position: relative;
  line-height: inherit;
  text-indent: 3.25em;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #333;
}

.funkyradio input[type=radio]:checked ~ label {
  border: #EE0001 1px solid;
}

.funkyradio input[type=radio]:checked ~ label:before {
  text-indent: 0.9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio-success input[type=radio]:checked ~ label:before {
  position: absolute;
  display: block;
  background-color: #EE0001;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: 20px 0 0 14px;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.radio-price {
  display: inline;
  float: right;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 16px;
  font-size: 14px;
}

.border-radio {
  display: inline-block;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #D7D7D7;
  width: 22px;
  height: 22px;
  margin: -32px 0px 0px 4px;
}

.div-box-red {
  background: #EE00010D;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0rem;
}

.div-box-red p {
  text-align: center;
  color: #EE0001;
  margin: 5px;
}

.box-info-green {
  border: 1px solid #389B00;
  background-color: rgba(56, 155, 0, 0.1) !important;
  color: #389B00;
  box-shadow: none;
  border-radius: 0.3rem;
  padding: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}

.box-info-green a {
  text-decoration: underline;
  color: #389B00;
  font-size: 0.9rem;
}

.box-info-green a:hover {
  color: #1D4F00;
}

.ulred-liblackbold {
  color: #EE0001;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.box-gray-2 {
  background-color: #F6F6F6;
  border-radius: 0.875rem;
  padding: 1.4rem;
  margin-bottom: 1.5rem;
}

.img-commission {
  width: 100%;
  margin-bottom: 1.5rem;
}

.box10gb {
  font-size: 33px;
  text-align: center;
  color: white;
}

.box10gb-detail {
  font-size: 14px;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-right: 16px;
  line-height: initial;
}

.box-red {
  background: #ee0001 none repeat scroll 0% 0%;
  margin-left: 15px;
  max-width: 94%;
  padding-left: 13px;
  padding-top: 10px;
  padding-bottom: 9px;
  border-radius: 10px;
}

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

.modal-body .img-modal {
  width: 80px;
  margin-bottom: 1rem;
}

.bg-dark-color {
  background: #222222;
  color: #F6F6F6;
}