/* body {
  background: rgb(240,71,22);
background: linear-gradient(77deg, rgba(240,71,22,1) 6%, rgba(95,178,79,1) 38%, rgba(38,158,217,1) 91%);
} */

/* .bg-light-grey {
  background-color: rgb(240, 240, 240);
} */

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border: solid #80bdff 2px;
  outline: 0;
  box-shadow: none;
}

.card-box {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.card-title {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
}


input[type="file" i] {
  appearance: none;
  background-color: initial;
  cursor: default;
  align-items: baseline;
  color: inherit;
  text-overflow: ellipsis;
  white-space: pre;
  text-align: start !important;
  padding: initial;
  border: initial;
  overflow: hidden !important;
}

.bottom-radius {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.my-textarea:focus {
  padding: 0.3rem 0.75rem;
}

.my-bg-gradient {
  background: rgb(79, 90, 178);
  background: linear-gradient(
    146deg,
    rgba(79, 90, 178, 1) 36%,
    rgba(38, 203, 217, 1) 91%
  );
}

.my-new-button:hover {
  color: white !important;
}

.my-new-button {
  color: #007bff !important;
}

.my-delete-button:hover {
  color: white !important;
}

.my-delete-button {
  color: #dc3545 !important;
}

.my-hr {
  border-top: 3px solid #007bffb5;
  margin: 35px auto;
}

.red-border {
  border: 2px solid red;
}

#add-vacancy-btn:hover {
  background: rgb(161, 167, 227);
  background: linear-gradient(
    146deg,
    rgb(111, 119, 183) 36%,
    rgb(70, 204, 217) 91%
  );
}

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


.my-radius {
  border-radius: 20px;
}

.bg-light {
    background-color: rgba(248, 249, 250, 0.90) !important;
}

@media (max-width: 767px) {
  .my-bg-logo {
  top: 200px !important;
}
}