.login-user-name {
  width: 100%;
  clear: both;
  color: white;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  font-size: 12px;
  font-family: sans-serif;
}

.login-container {
  padding: 50px 500px 0 500px;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.login-user {
  margin: 1rem 1.5rem 0 10rem;
}

.login-user-general {
  margin: 1rem 1.5rem 0 35rem;
}

.logout-btn {
  margin: 1rem 5rem 0 3rem;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-item {
  margin-top: 100px;
}

.select-username {
  width: 105px;
}

.select-type{
  width: 105px;
}

.select-year{
  width: 105px;
}

.select-month{
  width: 80px;
}

.select-status{
  width: 90px;
}

.select-process {
  width: 60px;
}

.select-user-type {
  width: 90px;
}

.select-user-status {
  width: 90px;
}




/* .bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
} */



@media (max-width: 767px) {

.login-user {
  margin: 1.5rem 0 0 5rem;
}

.logout-btn {
  margin: 0 0 0 3rem;
}

.login-container {
    padding: 50px 10px 0 10px;
  }

.detail-form-label {
  flex: 0 0 auto;
  width: 60%;
}

.btn-return {
  flex: 0 0 auto;
  width: 70%;
}

.check-type-radio {
  flex: 0 0 auto;
  width: 100%;
}

.label-date-time {
  flex: 0 0 auto;
  width: 100%
}

.request-date-time {
  flex: 0 0 auto;
  width: 50%;
}

.form-check-kyuukatype {
  flex: 0 0 auto;
  width: 70%;
}
.form-check-vacation_start_time, .form-check-vacation_end_time {
  flex: 0 0 auto;
  width: 70%;
}
.col-sm-4 {
  flex: 0 0 auto;
  width: 70%
}


}