.form-item {
  display: inline-block;
}

.form-type-date {
  display: inline-block;
  width: 16%;
}


.datainputs {
  width: 20vw;
  display: inline-block;
}

.datainput1 {
  display: inline;
  margin-left: -95px;
}

.datainput2 {
  display: inline;
  margin-left: 45px;
}


.form-type-textarea {
  width: 100%;
}

.form-type-file {
  width: 100%;
}

.form-item-month {
  width: 60%;
}

.form-item-year {
  width: 60%;
}

.form-item-fortnight {
  width: 50%;
}

.form-item-date-of-activity {
  width: 150px;
}

.custom-label {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 35px;
  text-align: center;
  margin-top: -35px;
}

.logoutbtn {
  float: right;
  margin-top: -70px;
}

.colored-box {
  display: block;
  width: 100%;
  height: 190px;
  background-color: #007bff;
  color: white;
  text-align: center;
  line-height: 150px;
  text-decoration: none !important;
  border-radius: 10px;
  font-size: 18px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
  padding-top: 25px;
}


.colored-box:hover {
  background-color: #0056b3;
}

.box-1-color {
  background-image: radial-gradient(circle 248px at center, #098a91 0%, #14a2c5 47%, #46aef7 100%);
}

.box-2-color {
  background-image: linear-gradient(-20deg, #0a5a67 0%, #007bff 100%);
}

.box-3-color {
  background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}

/* Optional: Make sure the columns are well spaced out */
.row {
  margin-bottom: 20px;
}

.btn-pos {
  float: right;
  margin-top: -50px;
}

.count-box {
  margin-top: -50px;
  display: block;
  text-align: center;
  font-size: xx-large;
  text-decoration: auto;
  color: aliceblue;
  cursor: default;
  text-decoration: none;
}

a.count-box,
a.count-box:hover {
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0);
}

a:hover,
a:focus {
  color: #fff !important;
}