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

.fields-label {
  /* color: #606060; */
  margin-bottom: 7px !important;
}

.required label::after {
  content: "*";
  color: red;
}

.pointer {
  cursor: pointer !important;
}

.vertical-nav-logo {
  height: 80px;
}

.my-auth-logo {
  height: 100px;
  object-fit: contain;
  margin-bottom: 15px;
}

.bg-white {
  background-color: white !important;
}

/* Detail Dashboard Card */
.d-dash-card {
  background-color: #8c0028 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

.d-dash-card .d-dash-header {
  display: flex;
  align-items: center;
}

.d-dash-card .d-dash-header p {
  margin-bottom: 0px !important;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  color: #ffffff;
}

.d-dash-card .d-dash-header i {
  font-size: 31px !important;
}

.d-dash-card h2 {
  margin-bottom: 0px;
  margin-top: 6px;
  color: #ffffff;
}

.vertical-nav-logo-small {
  height: 80px;
  width: 31px;
  object-fit: contain;
}

.stats-ic {
  height: 20px;
}

.onhover-btn:hover {
  opacity: 0.8 !important;
}

.manual-chip {
  color: white !important;
  background-color: #8c0028;
  border-radius: 25px !important;
}


.header-box {
  width: 100%;
}
 
.header-box ul {
  list-style-type: none;
  padding-left: 0px !important;
  display: flex; 
}

.header-box ul li {
  margin-right: 22px;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  font-size: 14px;
  font-weight: 600;
  color: #5f5f5f;
  display: flex;
  align-items: center; 
}

.max-w-250 {
  max-width: 250px !important;
}
 

.header-box ul li i {
  font-size: 20px !important; 
  margin-right: 5px !important;
}

.header-box ul li .h-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-right: 10px !important;
}

.header-box ul li p {
  margin-bottom: 1px !important;
  font-size: 14px !important;
  font-weight: 400; 
  align-items: center;
  display: flex;
}

.title-val-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.title-val-row p {
  margin-top: 4px;
  margin-right: 13px;
  margin-bottom: 0px !important; 
  font-weight: 400; 
}

.title-val-row p > span {
  color: #8c0028 !important; 
}

.header-box .vertical-hr {
  height: 40px;
  width: 1px;
  background-color: #8c0028;
  margin-right: 15px;
}

.header-box .vertical-hr {
  height: 40px;
  width: 1px;
  background-color: #8c0028;
  margin-right: 15px;
}