.bg-primary {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-primary-rgb),var(--vz-bg-opacity))!important
}

.bg-secondary {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-secondary-rgb),var(--vz-bg-opacity))!important
}

.bg-success {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-success-rgb),var(--vz-bg-opacity))!important
}

.bg-info {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-info-rgb),var(--vz-bg-opacity))!important
}

.bg-warning {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-warning-rgb),var(--vz-bg-opacity))!important
}

.bg-danger {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-danger-rgb),var(--vz-bg-opacity))!important
}

.bg-light {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-light-rgb),var(--vz-bg-opacity))!important
}

.bg-dark {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-dark-rgb),var(--vz-bg-opacity))!important
}

.bg-black {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-black-rgb),var(--vz-bg-opacity))!important
}

.bg-white {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-white-rgb),var(--vz-bg-opacity))!important
}

.bg-body {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-body-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-transparent {
  --vz-bg-opacity: 1;
  background-color: transparent!important
}

.bg-body-secondary {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-secondary-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-body-tertiary {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-tertiary-bg-rgb),var(--vz-bg-opacity))!important
}

.bg-opacity-10 {
  --vz-bg-opacity: 0.1
}

.bg-opacity-25 {
  --vz-bg-opacity: 0.25
}

.bg-opacity-50 {
  --vz-bg-opacity: 0.5
}

.bg-opacity-75 {
  --vz-bg-opacity: 0.75
}

.bg-opacity-100 {
  --vz-bg-opacity: 1
}

.bg-primary-subtle {
  background-color: #e8effb !important;
}

.bg-secondary-subtle {
  background-color: var(--vz-secondary-bg-subtle)!important
}

.bg-success-subtle {
  background-color: #dcf6e9 !important;
}

.bg-info-subtle {
  background-color: #e5f6fb !important;
}

.bg-warning-subtle {
  background-color: #fcf5e5 !important
}

.bg-danger-subtle {
  background-color: #fce7e7 !important
}

.bg-light-subtle {
  background-color: var(--vz-light-bg-subtle)!important
}

.bg-dark-subtle {
  background-color: #f7f7f7!important
}

.bg-gradient {
  background-image: var(--vz-gradient)!important
}

.rosterCheckboxSpan {
  /* position: relative; */
  left:10px;
  bottom: 4px;
}

.loginBoldHeading{
  font-size: 16px;
  font-weight: bold;
  color: #13c56b
}

@media  screen and (min-width: 593px) {
  .mobile-view {
      display: none;
    }
  .larger-view {
    display: block;
  }

}
@media  screen and (max-width: 593px) {
  .larger-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
}
/* @media only screen and (min-width: 421px) {
    .mobile-view1 {
        display: none;
    }
} */

.select2-dropdown {
  border: 1px solid #ced4da !important;
}
.select2-search {
  display: none !important;
}

  .error-padding {
  padding-left: 0rem !important;
 } 

 .input-image {
  position: absolute;
  right: 21px;
  top: 62%;
  transform: translateY(-15%);
  width: 17px;
  height: 17px;
}

.margin-offdays{
  margin-left: 0.2rem !important;
}

.logout-login{
    
  display: flex;
  margin-bottom: 0.4rem;
}