/* BUTTONS */
.btn-check:checked + .btn-mgr, :not(.btn-check) + .btn-mgr:active, .btn-mgr:first-child:active, .btn-mgr.active, .btn-mgr.show {
  /*			color:var(--mgr-color);
  			background-color: transparent;
  			border-color: var(--mgr-color);*/
  color: #fff;
  background-color: var(--mgr-color);
  border-color: var(--mgr-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
}

.btn-mgr {
  color: #fff;
  background-color: var(--mgr-color);
  border-color: var(--mgr-color);
}
.btn-mgr:hover, .btn-mgr:focus {
  color: #fff;
  background-color: var(--mgr-color-hover);
  border-color: var(--mgr-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);*/
}
.btn-mgr:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
}

.btn-check:focus + .btn-outline-mgr, .btn-outline-mgr:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
}

.btn-outline-mgr {
  color: var(--mgr-color);
  background-color: transparent;
  border-color: var(--mgr-color);
}
.btn-outline-mgr:hover {
  color: #fff;
  background-color: var(--mgr-color-hover);
  border-color: var(--mgr-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);*/
}
.btn-outline-mgr:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--mgr-color-rgb);
}

.btn-check:checked + .btn-brand, :not(.btn-check) + .btn-brand:active, .btn-brand:first-child:active, .btn-brand.active, .btn-brand.show {
  /*			color:var(--brand-color);
  			background-color: transparent;
  			border-color: var(--brand-color);*/
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
}

.btn-brand {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}
.btn-brand:hover, .btn-brand:focus {
  color: #fff;
  background-color: var(--brand-color-hover);
  border-color: var(--brand-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);*/
}
.btn-brand:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
}

.btn-check:focus + .btn-outline-brand, .btn-outline-brand:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
}

.btn-outline-brand {
  color: var(--brand-color);
  background-color: transparent;
  border-color: var(--brand-color);
}
.btn-outline-brand:hover {
  color: #fff;
  background-color: var(--brand-color-hover);
  border-color: var(--brand-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);*/
}
.btn-outline-brand:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-color-rgb);
}

.btn-check:checked + .btn-brand-second, :not(.btn-check) + .btn-brand-second:active, .btn-brand-second:first-child:active, .btn-brand-second.active, .btn-brand-second.show {
  /*			color:var(--brand-second-color);
  			background-color: transparent;
  			border-color: var(--brand-second-color);*/
  color: #fff;
  background-color: var(--brand-second-color);
  border-color: var(--brand-second-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
}

.btn-brand-second {
  color: #fff;
  background-color: var(--brand-second-color);
  border-color: var(--brand-second-color);
}
.btn-brand-second:hover, .btn-brand-second:focus {
  color: #fff;
  background-color: var(--brand-second-color-hover);
  border-color: var(--brand-second-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);*/
}
.btn-brand-second:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
}

.btn-check:focus + .btn-outline-brand-second, .btn-outline-brand-second:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
}

.btn-outline-brand-second {
  color: var(--brand-second-color);
  background-color: transparent;
  border-color: var(--brand-second-color);
}
.btn-outline-brand-second:hover {
  color: #fff;
  background-color: var(--brand-second-color-hover);
  border-color: var(--brand-second-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);*/
}
.btn-outline-brand-second:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--brand-second-color-rgb);
}

.btn-check:checked + .btn-viber, :not(.btn-check) + .btn-viber:active, .btn-viber:first-child:active, .btn-viber.active, .btn-viber.show {
  /*			color:var(--viber-color);
  			background-color: transparent;
  			border-color: var(--viber-color);*/
  color: #fff;
  background-color: var(--viber-color);
  border-color: var(--viber-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
}

.btn-viber {
  color: #fff;
  background-color: var(--viber-color);
  border-color: var(--viber-color);
}
.btn-viber:hover, .btn-viber:focus {
  color: #fff;
  background-color: var(--viber-color-hover);
  border-color: var(--viber-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);*/
}
.btn-viber:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
}

.btn-check:focus + .btn-outline-viber, .btn-outline-viber:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
}

.btn-outline-viber {
  color: var(--viber-color);
  background-color: transparent;
  border-color: var(--viber-color);
}
.btn-outline-viber:hover {
  color: #fff;
  background-color: var(--viber-color-hover);
  border-color: var(--viber-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);*/
}
.btn-outline-viber:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--viber-color-rgb);
}

.btn-check:checked + .btn-telegram, :not(.btn-check) + .btn-telegram:active, .btn-telegram:first-child:active, .btn-telegram.active, .btn-telegram.show {
  /*			color:var(--telegram-color);
  			background-color: transparent;
  			border-color: var(--telegram-color);*/
  color: #fff;
  background-color: var(--telegram-color);
  border-color: var(--telegram-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
}

.btn-telegram {
  color: #fff;
  background-color: var(--telegram-color);
  border-color: var(--telegram-color);
}
.btn-telegram:hover, .btn-telegram:focus {
  color: #fff;
  background-color: var(--telegram-color-hover);
  border-color: var(--telegram-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);*/
}
.btn-telegram:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
}

.btn-check:focus + .btn-outline-telegram, .btn-outline-telegram:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
}

.btn-outline-telegram {
  color: var(--telegram-color);
  background-color: transparent;
  border-color: var(--telegram-color);
}
.btn-outline-telegram:hover {
  color: #fff;
  background-color: var(--telegram-color-hover);
  border-color: var(--telegram-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);*/
}
.btn-outline-telegram:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--telegram-color-rgb);
}

.btn-check:checked + .btn-whatsapp, :not(.btn-check) + .btn-whatsapp:active, .btn-whatsapp:first-child:active, .btn-whatsapp.active, .btn-whatsapp.show {
  /*			color:var(--whatsapp-color);
  			background-color: transparent;
  			border-color: var(--whatsapp-color);*/
  color: #fff;
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
}

.btn-whatsapp {
  color: #fff;
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
}
.btn-whatsapp:hover, .btn-whatsapp:focus {
  color: #fff;
  background-color: var(--whatsapp-color-hover);
  border-color: var(--whatsapp-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);*/
}
.btn-whatsapp:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
}

.btn-check:focus + .btn-outline-whatsapp, .btn-outline-whatsapp:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
}

.btn-outline-whatsapp {
  color: var(--whatsapp-color);
  background-color: transparent;
  border-color: var(--whatsapp-color);
}
.btn-outline-whatsapp:hover {
  color: #fff;
  background-color: var(--whatsapp-color-hover);
  border-color: var(--whatsapp-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);*/
}
.btn-outline-whatsapp:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--whatsapp-color-rgb);
}

.btn-check:checked + .btn-facebook-messenger, :not(.btn-check) + .btn-facebook-messenger:active, .btn-facebook-messenger:first-child:active, .btn-facebook-messenger.active, .btn-facebook-messenger.show {
  /*			color:var(--facebook-messenger-color);
  			background-color: transparent;
  			border-color: var(--facebook-messenger-color);*/
  color: #fff;
  background-color: var(--facebook-messenger-color);
  border-color: var(--facebook-messenger-color);
  -webkit-box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
}

.btn-facebook-messenger {
  color: #fff;
  background-color: var(--facebook-messenger-color);
  border-color: var(--facebook-messenger-color);
}
.btn-facebook-messenger:hover, .btn-facebook-messenger:focus {
  color: #fff;
  background-color: var(--facebook-messenger-color-hover);
  border-color: var(--facebook-messenger-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);*/
}
.btn-facebook-messenger:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
}

.btn-check:focus + .btn-outline-facebook-messenger, .btn-outline-facebook-messenger:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
}

.btn-outline-facebook-messenger {
  color: var(--facebook-messenger-color);
  background-color: transparent;
  border-color: var(--facebook-messenger-color);
}
.btn-outline-facebook-messenger:hover {
  color: #fff;
  background-color: var(--facebook-messenger-color-hover);
  border-color: var(--facebook-messenger-color-hover);
  /*box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);*/
}
.btn-outline-facebook-messenger:focus {
  -webkit-box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
          box-shadow: 0 0 0 0.3rem var(--facebook-messenger-color-rgb);
}

.form-check-input:checked {
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

.btn {
  /*	border-radius: 0;
  	border-width: 0.25rem;*/
}