html {
  font-size: 14px;
}

body {
  font-size: 14px !important;
  width: 100%;
  margin: auto;
}

small {
  font-size: 12px;
}

.btn-google {
  color: white;
  background-color: #ea4335;
}

.avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  border: solid 1px var(--gray);
}

.cursor-pointer {
  cursor: pointer;
}

.form-control {
  font-size: 14px;
}

.input-group-text {
  font-size: 14px;
}

.container {
  max-width: 100%;
}

.rc-tooltip__custom {
  &.rc-tooltip-placement-top,
  &.rc-tooltip-placement-topLeft,
  &.rc-tooltip-placement-topRight {
    .rc-tooltip-arrow {
      border-top-color: #4a4a4a;
    }
  }

  &.rc-tooltip-placement-left,
  &.rc-tooltip-placement-leftTop,
  &.rc-tooltip-placement-leftBottom {
    .rc-tooltip-arrow {
      border-left-color: #4a4a4a;
    }
  }

  &.rc-tooltip-placement-right,
  &.rc-tooltip-placement-rightTop,
  &.rc-tooltip-placement-rightBottom {
    .rc-tooltip-arrow {
      border-right-color: #4a4a4a;
    }
  }

  &.rc-tooltip-placement-bottom,
  &.rc-tooltip-placement-bottomLeft,
  &.rc-tooltip-placement-bottomRight {
    .rc-tooltip-arrow {
      border-bottom-color: #4a4a4a;
    }
  }

  .rc-tooltip-content {
    max-width: 160px;
    background-color: #4a4a4a;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.5px;
    padding: 4px 8px;
    white-space: break-spaces;
    border-radius: 8px;
  }

  .rc-tooltip-inner {
    text-align: center;
    background: none;
    color: #fff;
    border: none;
    padding: 0;
    min-height: auto;
    word-break: break-word;
  }
}