html,
body {
  height: 100%;
}
form {
  width: 100%;
}

body#login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.sakaigawa {
  background-image: linear-gradient(
    90deg,
    #1500b2,
    #273fcb,
    #286ae4,
    #0d95fe
  ) !important;
}

.side_bar1 {
  background-image: linear-gradient(
    132deg,
    rgba(20, 0, 177, 1),
    rgba(33, 146, 255, 1) 90%
  );
}
.side_bar2 {
  background-image: linear-gradient(
    132deg,
    rgba(0, 30, 255, 1) 8%,
    rgba(66, 162, 255, 1) 75%
  );
}
.side_bar3 {
  background-image: linear-gradient(
    132deg,
    rgba(0, 87, 255, 1) 5%,
    rgba(129, 194, 224, 1) 81%
  );
}
.side_bar4 {
  background-image: linear-gradient(
    132deg,
    rgba(1, 149, 250, 1) 5%,
    rgba(146, 221, 255, 1) 75%
  );
}

.sakaigawa_2 {
  background: #3300ff !important;
}

.text-sakaigawa {
  color: #3300ff !important;
}

/* 添付ファイルアップロード */
#drop_zone {
  width: 100%;
  border: 1px solid #aaaaaa;
  border-radius: 1rem;
  font-size: 15px;
  text-align: center;
  color: #aaaaaa;
}

#drop_zone1 {
  font-size: 20px;
  text-align: center;
}

#data {
  width: 80%;
  border: 1px solid #aaaaaa;
  border-radius: 0.5rem;
}
#data1 {
  width: 70%;
  border: 1px solid #aaaaaa;
  border-radius: 0.5rem;
}

.order_request {
  background-color: rgb(57, 51, 119) !important;
  border-radius: 10px;
}

.return_request {
  background-color: rgb(69, 54, 207);
  border-radius: 10px;
}

.cansel_request {
  background-color: rgb(117, 116, 116);
  border-radius: 10px;
}

.delete_request {
  background-color: rgb(230, 43, 43);
  border-radius: 0px;
}

/* アウトラインボタン */
.return_request_outline {
  color: rgb(69, 54, 207);
  background-color: rgb(255, 255, 255);
  border: solid 1px rgb(69, 54, 207);
  border-radius: 10px;
}
.return_request_outline:hover {
  color: #fff;
  background-color: rgb(69, 54, 207);
  border-color: rgb(69, 54, 207);
}

.cansel_request_outline {
  color: rgb(117, 116, 116);
  background-color: rgb(255, 255, 255);
  border: solid 1px rgb(117, 116, 116);
  border-radius: 10px;
}
.cansel_request_outline:hover {
  color: #fff;
  background-color: rgb(117, 116, 116);
  border-color: rgb(117, 116, 116);
}

.delete_request_outline {
  color: rgb(230, 43, 43);
  background-color: rgb(255, 255, 255);
  border: solid 1px rgb(230, 43, 43);
  border-radius: 0px;
}
.delete_request_outline:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* badge */
.badge_order {
  background-color: rgb(57, 51, 119) !important;
  color: #ffffff;
}

.badge_return {
  background-color: rgb(69, 54, 207);
  color: #ffffff;
}

.badge_cansel {
  background-color: rgb(117, 116, 116);
  color: #ffffff;
}

.bg-indigo {
  background-color: indigo;
  color: #ffffff;
}

.custom-list-group-horizontal {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

textarea.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-image: unset;
}

.sidebar::before,
.off-canvas-sidebar nav .navbar-collapse::before {
  background-color: #fff;
}