.alert-text {
  font-weight: 500;
  color: var(--color-primaryRed);
  align-self: flex-start;
}

.success-text {
  font-weight: 500;
  color: #67B927;
  align-self: flex-start;
}

.pending-text {
  font-weight: 500;
  color: white;
  align-self: flex-start;
}

.fail-icon {
  color: #f77474;
  height: 1vh;
  width: 1vh;
}

.success-icon {
  color: #67B927;
  height: 1vh;
  width: 1vh;
}

.pending-icon {
  color: #7E8083;
  height: 1vh;
  width: 1vh;
}

.confirm-icon {
  color: #7E8083;
  height: 1vh;
  width: 1vh;
  cursor: pointer;
  transition-duration: 0.25s;
}
.confirm-icon:hover {
  color: #67B927;
}

.close-icon {
  color: #7E8083;
  height: 1vh;
  width: 1vh;
  cursor: pointer;
  transition-duration: 0.25s;
}
.close-icon:hover {
  color: #f77474;
}

.edit-icon {
  border: 1px solid var(--color-borderInverse, #e0e0e0);
  transition-duration: 0.25s;
  background: var(--color-editIconBackground);
  padding: 0.5vh;
  opacity: 0.5;
  border-radius: 30%;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.1);
  height: 3vh !important;
  width: 3vh !important;
  cursor: pointer;
}
.edit-icon:hover {
  opacity: 1;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.2);
}

.generic-icon {
  opacity: 0.5;
  transition-duration: 0.25s;
  background: white;
  padding: 0.5vh;
  border-radius: 30%;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.1);
  height: 1.5vh;
  width: 1.5vh;
  cursor: pointer;
}
.generic-icon:hover {
  opacity: 1;
}

.large-dashboard-icon {
  transition-duration: 0.25s;
  margin: 0.5vh;
  border-radius: 30%;
  height: 3vh !important;
  width: 3vh !important;
  cursor: pointer;
}
.large-dashboard-icon:hover {
  transform: scale(1.2);
}

.dashboard-icon {
  transition-duration: 0.25s;
  margin: 0.5vh;
  border-radius: 30%;
  height: 2vh;
  width: 2vh;
  cursor: pointer;
}
.dashboard-icon:hover {
  transform: scale(1.2);
}

.small-dashboard-icon {
  transition-duration: 0.25s;
  margin: 0.5vh;
  border-radius: 30%;
  height: 2vh !important;
  width: 2vh !important;
  cursor: pointer;
}
.small-dashboard-icon:hover {
  transform: scale(1.2);
}

.simple-icon {
  opacity: 0.5;
  transition-duration: 0.25s;
  background: white;
  margin: 0.5vh;
  border-radius: 30%;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.1);
  height: 1.5vh;
  width: 1.5vh;
}

.standard-icon {
  height: 2vh;
  width: 2vh;
}

.large-icon {
  width: 3vh;
  height: 3vh;
}

.white-icon {
  transition-duration: 0.25s;
  margin: 0.5vh;
  border-radius: 30%;
  height: 100%;
  color: white;
  cursor: pointer;
}
.white-icon:hover {
  transform: scale(1.2);
}

.details-editor {
  background: var(--color-background);
  border: 1px solid var(--color-borderInverse, #e0e0e0);
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 1%;
  min-height: 35vh;
  z-index: 8;
}

.details-editor-wrapper {
  flex-direction: column;
  display: flex;
}

.details-toolbar {
  z-index: 9;
  background: var(--color-background) !important;
  border-color: var(--color-borderInverse) !important;
}

.details-toolbar-dropdown {
  overflow-y: auto;
  scrollbar-width: thin;
}

.rdw-option-wrapper {
  background: var(--color-muiBackground) !important;
  border-color: var(--color-borderInverse) !important;
}

.rdw-dropdown-selectedtext {
  color: var(--color-primaryBlue) !important;
}

.rdw-dropdown-wrapper {
  background: var(--color-muiBackground) !important;
  border-color: var(--color-borderInverse) !important;
}
.rdw-dropdown-wrapper img {
  filter: grayscale(1) !important;
}
.rdw-dropdown-wrapper .rdw-dropdown-carettoopen {
  border-top-color: var(--color-primaryBlue) !important;
}

.success-env-block {
  background: rgba(24, 153, 0, 0.3215686275);
}

.pending-env-block {
  background: #7E8083;
}

.alert-env-block {
  background: rgba(226, 40, 0, 0.3215686275);
}

.standard-textField {
  border: none;
  width: 100%;
}
.standard-textField:focus-visible {
  outline: none;
}

.attribution {
  display: none;
}

.standard-inputLabel {
  align-items: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5%;
  height: 40%;
  border-bottom: 1px solid #7E8083;
}
.standard-inputLabel input {
  position: relative;
  border: none;
  width: 100%;
  border-radius: 10%;
}
.standard-inputLabel input:focus-visible {
  outline: none;
}

.standard-link {
  color: #2784B9;
  transition-duration: 0.25s;
}
.standard-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.standard-link:disabled {
  cursor: auto;
  color: lightgrey;
}

.link-disabled {
  cursor: auto !important;
  color: lightgrey !important;
}

.standard-blue-button {
  display: flex;
  gap: 1vw;
  align-items: center;
  padding: 0.5vh 0.5vw;
  background: #2784B9;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.1);
  color: white;
  border: none;
  transition-duration: 0.25s;
  white-space: nowrap;
  cursor: pointer;
  height: fit-content;
  border-radius: 5px;
  width: fit-content;
  padding: 1vh 0;
}
.standard-blue-button:hover {
  background: rgb(15, 91, 135);
}
.standard-blue-button:disabled {
  cursor: not-allowed;
  box-shadow: none;
}
.standard-blue-button:disabled:hover {
  background: lightgrey;
}
.standard-blue-button svg {
  width: 1vw;
  height: 1.5vh;
}
.standard-blue-button svg g path {
  fill: #FFFFFF;
}

.standard-white-button {
  display: flex;
  gap: 1vw;
  align-items: center;
  padding: 0.5vh 0.5vw;
  background: white;
  color: var(--color-primaryBlue);
  border-color: var(--color-primaryBlue);
  border: solid 1px;
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.1);
  transition-duration: 0.25s;
  white-space: nowrap;
  cursor: pointer;
  height: fit-content;
  border-radius: 5px;
  width: fit-content;
  padding: 1vh 0;
}
.standard-white-button:hover {
  background: lightgrey;
}
.standard-white-button:disabled {
  cursor: not-allowed;
  box-shadow: none;
}
.standard-white-button:disabled:hover {
  background: lightgrey;
}
.standard-white-button svg {
  width: 1vw;
  height: 1.5vh;
}
.standard-white-button svg g path {
  fill: #FFFFFF;
}

.standard-red-button {
  border: 1px solid var(--color-borderInverse, #e0e0e0);
  display: flex;
  gap: 1vw;
  align-items: center;
  padding: 0.5vh 0.5vw;
  background: white;
  color: grey;
  transition-duration: 0.25s;
  white-space: nowrap;
  cursor: pointer;
  height: fit-content;
  border-radius: 5px;
  width: fit-content;
  transition-duration: 0.25s;
}
.standard-red-button:hover {
  box-shadow: 0.5vh 0.5vh 1vh rgba(0, 0, 0, 0.2);
  background: #f77474;
  color: white;
}
.standard-red-button:disabled {
  cursor: not-allowed;
  background: lightgrey;
  box-shadow: none;
}
.standard-red-button:disabled:hover {
  background: lightgrey;
}
.standard-red-button svg {
  width: 1vw;
  height: 1.5vh;
}
.standard-red-button svg g path {
  fill: #FFFFFF;
}

.standard-grey-button {
  padding: 0.5vh 0.5vw;
  background: rgb(226, 226, 226);
  color: black;
  border: none;
  transition-duration: 0.25s;
  cursor: pointer;
  height: fit-content;
  border-radius: 5px;
  padding: 1vh 0;
}
.standard-grey-button:hover {
  background: lightgray;
}
.standard-grey-button:disabled {
  cursor: not-allowed;
  background: lightgrey;
  box-shadow: none;
}
.standard-grey-button:disabled:hover {
  background: lightgrey;
}

.standard-icon-size {
  height: 1.2rem;
  width: 1.2rem;
}

.large-icon-size {
  height: 2rem;
  width: 2rem;
}

.small-icon-size {
  height: 1rem !important;
  width: 1rem !important;
}

.clickup-icon-size {
  height: 2rem;
  width: 6rem;
}

.clickup-subTask {
  color: #6c757d;
}

.standard-pic-size {
  height: 4vh;
  width: 4vh;
  border-radius: 50%;
}

.large-pic-size {
  height: 10vh;
  width: 10vh;
  border-radius: 50%;
}

.standard-status-select {
  border: none !important;
  cursor: pointer;
  width: 8vw;
}
.standard-status-select__option {
  background: white;
  color: #7E8083;
}

.status-backlog, .status-backlog-disabled {
  display: flex;
  border-radius: 2.5vh;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2vh 1vh;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.status-backlog::before, .status-backlog-disabled::before {
  content: "";
  width: 1.5vh;
  height: 1.5vh;
  border-radius: 50%;
  background-color: var(--color-primaryGrey);
  margin-right: 1.5vh;
  transition: background-color 0.3s ease-in-out;
}

.status-backlog:hover {
  background-color: var(--color-primaryGrey);
  color: white;
}

.status-backlog:hover::before {
  background-color: white;
}

.status-pending, .status-pending-disabled {
  display: flex;
  border-radius: 2.5vh;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2vh 1vh;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.status-pending::before, .status-pending-disabled::before {
  content: "";
  width: 1.5vh;
  height: 1.5vh;
  border-radius: 50%;
  background-color: var(--color-primaryYellow);
  margin-right: 1.5vh;
  transition: background-color 0.3s ease-in-out;
}

.status-pending:hover {
  background-color: var(--color-primaryYellow);
}

.status-pending:hover::before {
  background-color: white;
}

.status-inProgress, .status-inProgress-disabled {
  display: flex;
  border-radius: 2.5vh;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2vh 1vh;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.status-inProgress::before, .status-inProgress-disabled::before {
  content: "";
  width: 1.5vh;
  height: 1.5vh;
  border-radius: 50%;
  background-color: var(--color-primaryGreen);
  margin-right: 1.5vh;
  transition: background-color 0.3s ease-in-out;
}

.status-inProgress:hover {
  background-color: var(--color-primaryGreen);
  color: white;
}

.status-inProgress:hover::before {
  background-color: white;
}

.status-done, .status-done-disabled {
  display: flex;
  border-radius: 2.5vh;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2vh 1vh;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.status-done::before, .status-done-disabled::before {
  content: "";
  width: 1.5vh;
  height: 1.5vh;
  border-radius: 50%;
  background-color: var(--color-primaryBlue);
  margin-right: 1.5vh;
  transition: background-color 0.3s ease-in-out;
}

.status-done:hover {
  background-color: var(--color-primaryBlue);
  color: white;
}

.status-done:hover::before {
  background-color: white;
}

.standard-priority-select {
  border: none !important;
  width: 8vw;
}
.standard-priority-select__option {
  background: white;
  color: #7E8083;
}

.standard-type-select {
  border: none !important;
  width: 15vw;
  margin: auto 1vh;
  box-shadow: 0 1vh 2vh hsla(0, 1%, 58%, 0.15);
}
.standard-type-select__option {
  background: white;
  color: #7E8083;
}

.standard-input-width {
  width: 16vw;
}

.blue-icon {
  fill: #2784B9;
}
.blue-icon path {
  fill: #2784B9;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-flex-end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.flex-row-center-space-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.flex-row-center-space-around {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.flex-row-flex-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.flex-row-flex-start-space-between {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.flex-row-flex-start-1vw-gap {
  display: flex;
  gap: 1vw;
  flex-direction: row;
  align-items: flex-start;
}

.flex-row-flex-start-0p5vw-gap {
  display: flex;
  gap: 0.5vw;
  flex-direction: row;
  align-items: flex-start;
}

.flex-row-flex-end-1vw-gap {
  display: flex;
  gap: 1vw;
  flex-direction: row;
  align-items: flex-end;
}

.flex-row-flex-end-0p5vw-gap {
  display: flex;
  gap: 0.5vw;
  flex-direction: row;
  align-items: flex-end;
}

.flex-row-center-0p5vw-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5vw;
}

.flex-row-center-1vw-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1vw;
}

.flex-row-flex-start-1vw-gap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1vw;
}

.flex-row-center-1rem-gap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.flex-row-flex-end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.flex-column-center-space-between {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.flex-column-center-1vh-gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1vh;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-column-center-2vh-gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vh;
}

.flex-column-flex-start-space-between {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.flex-column-flex-start-2vh-gap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vh;
}

.flex-column-flex-start-1vh-gap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vh;
}

.flex-column-flex-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.flex-column-flex-end-2vh-gap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2vh;
}

.flex-row-flex-end-space-between {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.flex-row-flex-start-space-between {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.standard-tag {
  border-radius: 0.5vh;
  font-size: 1rem;
  font-weight: 500;
  color: #2784B9;
  padding: 0.5vh;
  width: 5vw;
  width: auto;
  white-space: nowrap;
  text-align: left;
}

.epicIcon {
  fill: #9B59B6;
}

.ticketIcon {
  fill: #2784B9;
}

.storyIcon {
  fill: #67B927;
}

.taskIcon {
  fill: #4169E1;
}

.problem-type-box {
  background: rgba(247, 116, 116, 0.2705882353);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #f77474;
}

.problem-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #f77474;
}

.small-indicator-box {
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 25%;
  background: #2784B9;
}

.indicator-box {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 25%;
  background: #2784B9;
}

.simple-indicator-box {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 25%;
}

.large-indicator-box {
  width: 3vh;
  height: 3vh;
  border-radius: 25%;
  background: #2784B9;
}

.problem-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #f77474;
}

.mustHave-type-box {
  background: rgba(253, 177, 108, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #FDB16C;
}

.mustHave-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #FDB16C;
}

.mustHave-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #FDB16C;
}

.niceToHave-type-box {
  background: rgba(253, 229, 102, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #FDE566;
}

.niceToHave-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #FDE566;
}

.niceToHave-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #FDE566;
}

.suggestion-type-box {
  background: rgba(103, 185, 39, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #67B927;
}

.suggestion-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #67B927;
}

.suggestion-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #67B927;
}

.feedback-type-box {
  background: rgba(39, 132, 185, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #2784B9;
}

.feedback-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #2784B9;
}

.feedback-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #2784B9;
}

.low-urgent-type-box {
  background: rgba(39, 132, 185, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #2784B9;
}

.low-urgent-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #2784B9;
}

.low-urgent-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #2784B9;
}

.normal-urgent-type-box {
  background: rgba(253, 177, 108, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #FDB16C;
}

.normal-urgent-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #FDB16C;
}

.normal-urgent-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #FDB16C;
}

.high-urgent-type-box {
  background: rgba(247, 116, 116, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #f77474;
}

.high-urgent-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #f77474;
}

.high-urgent-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #f77474;
}

.reported-type-box {
  background: rgba(247, 116, 116, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #f77474;
}

.reported-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #f77474;
}

.open-type-box {
  background: rgba(39, 132, 185, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #2784B9;
}

.open-text-box {
  border-radius: 0.5vh;
  padding: 0.5% 2%;
  white-space: nowrap;
  background: #2784B9;
}

.closed-type-box {
  background: rgba(103, 185, 39, 0.2509803922);
  padding: 0 1vw;
  border-radius: 0.5vh;
  border: solid 1px #67B927;
}

.epic-indicator {
  height: 1.5vw;
  width: 1.5vw;
  fill: #9B59B6;
}

.story-indicator {
  height: 1.5vw;
  width: 1.5vw;
  fill: #67B927;
}

.task-indicator {
  height: 1.5vw;
  width: 1.5vw;
  fill: #4169E1;
}

.blue-indicator {
  height: 1.5vw;
  width: 1.5vw;
  fill: var(--color-primaryBlue);
}

.epic-box {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #9B59B6;
}

.story-box {
  width: 1rem;
  height: 1rem;
  border-radius: 25%;
  background: #67B927;
}

.task-box {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 25%;
  background: #4169E1;
}

.Low-priority-box {
  width: 2px !important;
  height: 2.5vh !important;
  border-radius: 1px;
  background: grey;
}

.Normal-priority-box {
  width: 2px !important;
  height: 2.5vh !important;
  border-radius: 1px;
  background: #40c47d;
}

.High-priority-box, .red-circular-indicator {
  width: 2px !important;
  height: 2.5vh !important;
  border-radius: 1px;
  background: var(--color-primaryRed) !important;
}

.backlog-status-box, .grey-circular-indicator {
  width: 1.5vh !important;
  height: 1.5vh !important;
  border-radius: 50%;
  background: var(--color-primaryGrey) !important;
}

.pending-status-box, .yellow-circular-indicator {
  width: 1.5vh !important;
  height: 1.5vh !important;
  border-radius: 50%;
  background: var(--color-primaryYellow) !important;
}

.inProgress-status-box, .green-circular-indicator {
  width: 1.5vh !important;
  height: 1.5vh !important;
  border-radius: 50%;
  background: var(--color-primaryGreen) !important;
}

.done-status-box, .blue-circular-indicator {
  width: 1.5vh !important;
  height: 1.5vh !important;
  border-radius: 50%;
  background: var(--color-primaryBlue) !important;
}

.blocked-status-box, .orange-circular-indicator {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 25%;
  background: var(--color-primaryOrange);
}

.failed-status-box {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 25%;
  background: var(--color-primaryRed);
}

.in-time-icon {
  fill: var(--color-primaryGreen);
  color: var(--color-primaryGreen);
}

.upcoming-icon {
  fill: var(--color-primaryGreen);
  color: var(--color-primaryGreen);
}

.upcoming-now-icon {
  fill: var(--color-primaryOrange);
  color: var(--color-primaryOrange);
}

.upcoming-text {
  color: var(--color-primaryGreen);
}

.upcoming-now-text {
  color: var(--color-primaryOrange);
}

.overdue-icon {
  fill: #e70000;
  color: #e70000;
}

.overdue-text {
  color: #e70000;
}

.standard-profile-pic {
  height: 2.5vh;
  width: 2.5vh;
  border-radius: 50%;
}

.close-button {
  height: 2vw;
  width: 2vw;
  border-radius: 0.5em;
  cursor: pointer;
  transition-duration: 0.25s;
}
.close-button:hover {
  background: var(--color-primaryRed);
  transform: scale(1.1);
  color: white;
}

.menu-button {
  height: 1.5vw;
  width: 1.5vw;
  border-radius: 0.5em;
  cursor: pointer;
  transition-duration: 0.25s;
}
.menu-button:hover {
  transform: scale(1.1);
}

.workLog-button {
  height: 1.5vw;
  width: 1.5vw;
  border-radius: 0.5em;
  cursor: pointer;
  transition-duration: 0.25s;
}
.workLog-button:hover {
  color: var(--color-primaryGreen);
  transform: scale(1.1);
}

.default-popover {
  padding: 1vh;
  width: fit-content;
  white-space: nowrap;
}

.selected-tab {
  background: #e3f2f8;
  padding: 1vh;
  border-radius: 1vh;
}

.strikethrough {
  position: relative;
}

.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.beta-tag {
  font-weight: 400;
  color: var(--color-primaryBlue);
  border: solid 1px var(--color-primaryBlue);
  padding: 0 1vh;
  border-radius: 2vh;
  opacity: 0.6;
}

.premium-tag, .gold-tag {
  font-weight: 400;
  color: var(--color-primaryGold);
  border: solid 1px var(--color-primaryGold);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.free-tag, .green-tag {
  font-weight: 400;
  color: var(--color-primaryGreen);
  border: solid 1px var(--color-primaryGreen);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.alert-tag, .red-tag, .fail-tag {
  font-weight: 400;
  color: var(--color-primaryRed);
  border: solid 1px var(--color-primaryRed);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.grey-tag, .pending-tag {
  font-weight: 400;
  color: var(--color-primaryGrey);
  border: solid 1px var(--color-primaryGrey);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.blue-tag {
  font-weight: 400;
  color: var(--color-primaryBlue);
  border: solid 1px var(--color-primaryBlue);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.orange-tag {
  font-weight: 400;
  color: var(--color-primaryOrange);
  border: solid 1px var(--color-primaryOrange);
  padding: 0.2vh 1vh;
  border-radius: 2vh;
}

.default-loader {
  width: 10vw;
  height: 2vh !important;
  border-radius: 0.5vh;
  color: #e3e3e3;
}

.thick-loader {
  width: -webkit-fill-available;
  webkit: -moz-available;
  height: 10vh !important;
  border-radius: 0.5vh;
  color: #e3e3e3;
}

.text-overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.is-clickable {
  cursor: pointer;
}
.is-clickable:hover {
  text-decoration: underline;
}

.dropdown-option-padding {
  padding: 0.5vh 2vh !important;
  justify-content: flex-start !important;
}

@media screen and (min-width: 1200px) {
  .alert-text {
    font-size: 1rem;
  }
  .success-text {
    font-size: 1rem;
  }
  .standard-inputLabel input {
    padding: 1vw;
    font-size: 1rem;
  }
  .standard-text-small, .small-text, .sm-text {
    font-size: 0.75rem;
  }
  .standard-text-semi-large, .semi-large-text, .md-text {
    font-size: 1.2rem;
  }
  .standard-text-large, .large-text, .lg-text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .alert-text {
    font-size: 1.5rem;
  }
  .success-text {
    font-size: 1.5rem;
  }
  .standard-inputLabel input {
    padding: 1vw;
    font-size: 1.5rem;
  }
  .standard-text-large, .large-text, .lg-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 992px) and (min-width: 600px) {
  .alert-text {
    font-size: 2rem;
  }
  .success-text {
    font-size: 2rem;
  }
  .standard-inputLabel input {
    padding: 2vw;
    font-size: 2rem;
  }
  .standard-text-large, .large-text, .lg-text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .alert-text {
    font-size: 2rem;
  }
  .success-text {
    font-size: 2rem;
  }
  .standard-inputLabel input {
    padding: 4vw;
    font-size: 4rem;
  }
  .standard-text-large, .large-text, .lg-text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 576px) {
  .white-icon {
    color: var(--color-text);
  }
  .standard-text-large, .large-text, .lg-text {
    font-size: 1.05rem;
  }
  .alert-text {
    font-size: 1.2rem;
  }
}