#bsm-log-in .modal-content {
  border-radius: 16px;
}

#bsm-log-in .modal-header {
  border-bottom: none;
  padding:       40px 40px 36px 40px;
  z-index:       1;
}

#bsm-log-in .modal-header #bsm-log-in-label {
  color:       #1C222E;
  font-size:   24px;
  font-weight: 900;
  line-height: 24px;
}

#bsm-log-in .modal-header > .btn-close {
  margin: -8px auto -8px 0;
}

#bsm-log-in .modal-body {
  padding:  0 80px 36px 80px;
  position: relative;
}

#bsm-log-in .modal-body::after {
  background: url('../../assets/images/registering-form-background.svg') 50% 50% no-repeat;
  bottom:     176px;
  content:    '';
  height:     388px;
  left:       42px;
  position:   absolute;
  right:      550px;
  top:        -48px;
  transform:  scaleX(-1);
  width:      388px;
}

#bsm-log-in .modal-body > * {
  max-width: 358px;
}

#bsm-log-in .modal-body > form {
  min-height: 482px;
}
  

#bsm-log-in .modal-body h3 {
  color:         #1C222E;
  font-weight:   500;
  font-size:     40px;
  line-height:   48px;
  margin-bottom: 40px;
}

#bsm-log-in .modal-body #bsm-log-in-form > .form-floating {
  margin-bottom: 20px;
}

#bsm-log-in .modal-body #bsm-log-in-form > .form-floating > input {
  border:        2px solid #D2D2D2;
  border-radius: 8px;
  height:        initial;
  line-height:   24px;
  padding:       10px 14px;
}

#bsm-log-in .modal-body #bsm-log-in-form > .form-floating > input:focus {
  border: 2px solid #7155C6;
}

#bsm-log-in .modal-body #bsm-log-in-form > .form-floating > input:focus ~ label,
#bsm-log-in .modal-body #bsm-log-in-form > .form-floating > .form-control:not(:placeholder-shown) ~ label {
  background:  #FFFFFF;
  color:       #1C222E;
  height:      24px;
  left:        unset;
  line-height: 24px;
  opacity:     1;
  right:       0;
  transform:   scale(.85) translateY(-1.6rem) translateX(0.07rem);
}

#bsm-log-in .modal-body #bsm-log-in-form > .form-floating > label {
  border:  none;
  color:   #6A7998;
  left:    unset;
  margin:  12px 8px;
  padding: 0 8px;
  right:   0;
  width:   auto;
}

#bsm-log-in .modal-body #bsm-log-in-buttons > .btn.btn-outline-primary {
  margin-left:   16px;
  padding-left:  16px;
  padding-right: 16px;
}

#bsm-log-in .modal-body #bsm-log-in-buttons > .btn.btn-primary {
  padding-left:  20px;
  padding-right: 20px;
}

#bsm-log-in .modal-body #bsm-log-in-promo {
  display:        flex;
  flex-direction: column;
  margin-bottom:  0;
  padding-left:   0;
  padding-right:  0;
  position:       absolute;
  right:          582px;
  top:            348px;
}

#bsm-log-in .modal-body #bsm-log-in-promo > li {
  display:       inline;
  margin-bottom: 17px;
  margin-right:  40px;
  padding:       3px 0;
  position:      relative;
}

#bsm-log-in .modal-body #bsm-log-in-promo > li:last-child {
  margin-bottom: 0;
}

#bsm-log-in .modal-body #bsm-log-in-promo > li:nth-child(1)::before {
  background:      url('../../assets/images/registering-form-icon-01.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:            -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

#bsm-log-in .modal-body #bsm-log-in-promo > li:nth-child(2)::before {
  background:      url('../../assets/images/registering-form-icon-02.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:           -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

#bsm-log-in .modal-body #bsm-log-in-promo > li:nth-child(3)::before {
  background:      url('../../assets/images/registering-form-icon-03.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:           -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

#bsm-log-in .modal-body #bsm-log-in-using-oauth {
  margin: 24px 0;
}

#bsm-log-in .modal-body #bsm-log-in-using-oauth img {
  height: 40px;
}

#bsm-log-in .modal-body #bsm-log-in-using-oauth p:first-child {
  margin-bottom: 8px;
}

#bsm-log-in .modal-body #bsm-log-in-using-oauth p:last-child {
  margin-bottom: 0;
}

#bsm-log-in .modal-body #bsm-restore-password-prompt {
  margin-bottom: -2px;
}

#bsm-log-in .modal-body #bsm-bug-report-prompt {
  margin-bottom: 24px;
  margin-right:  17px;
}

#bsm-log-in .modal-body #bsm-bug-report-prompt > .btn.btn-link.log-in-form,
#bsm-log-in .modal-body #bsm-restore-password-prompt > .btn.btn-link.log-in-form {
  color:       #6C56B0;
  font-weight: 500;
  padding-top: 0;
}

@media(min-width: 1200px) {

  #bsm-log-in .modal-xl {
    width: 980px;
  }

}

@media(min-width: 992px) {

  #bsm-log-in .modal-xl {
    min-width: 980px;
  }

}

@media(max-width: 991px) {

  #bsm-log-in .modal-body::after {
    display: none;
  }

  #bsm-log-in .modal-body > form {
    min-height: initial;
  }

  #bsm-log-in .modal-body #bsm-log-in-buttons {
    flex-direction: column-reverse;
  }

  #bsm-log-in .modal-body #bsm-log-in-buttons > .btn {
    margin-left:  auto;
    margin-right: auto !important;
  }

  #bsm-log-in .modal-body #bsm-log-in-buttons > .btn.btn-outline-primary {
    margin-bottom: 16px;
    margin-left:   auto;
    margin-top:    16px;
  }

  #bsm-log-in .modal-body #bsm-log-in-using-oauth {
    margin: 16px 0 32px 0;
  }  

  #bsm-log-in .modal-body #bsm-log-in-using-oauth p:last-child {
    text-align: center;
  }

  #bsm-log-in .modal-body #bsm-log-in-promo {
    margin-bottom: 14px;
    margin-top:    14px;
    position:      static;
  }

}

@media(max-width: 448px) {

  #bsm-log-in .modal-body #bsm-restore-password-prompt, #bsm-log-in .modal-body #bsm-bug-report-prompt {
    text-align: center;
  }

  #bsm-log-in .modal-body #bsm-restore-password-prompt > .btn.btn-link.log-in-form,
  #bsm-log-in .modal-body #bsm-bug-report-prompt > .btn.btn-link.log-in-form {
    padding-top: 13px;
  }

}

@media(max-width: 425px) {

  #bsm-log-in .modal-body {
    padding-left:  40px;
    padding-right: 40px;
  }

  #bsm-log-in .modal-body #bsm-restore-password-prompt, #bsm-log-in .modal-body #bsm-bug-report-prompt {
    text-align: start;
  }

  #bsm-log-in .modal-body #bsm-restore-password-prompt > .btn.btn-link.log-in-form,
  #bsm-log-in .modal-body #bsm-bug-report-prompt > .btn.btn-link.log-in-form {
    padding-top: 0;
  }

}

@media(max-width: 368px) {

  #bsm-log-in .modal-body #bsm-restore-password-prompt, #bsm-log-in .modal-body #bsm-bug-report-prompt {
    text-align: center;
  }

  #bsm-log-in .modal-body #bsm-restore-password-prompt > .btn.btn-link.log-in-form,
  #bsm-log-in .modal-body #bsm-bug-report-prompt > .btn.btn-link.log-in-form {
    padding-top: 13px;
  }

}

@media(max-width: 336px) {

  #bsm-log-in .modal-body #bsm-log-in-using-oauth p:first-child {
    text-align: center;
  }

  #bsm-log-in .modal-body #bsm-log-in-using-oauth p:last-child a:last-child img {
    margin-top: 8px;
  }

}