.toolTip { /* This is the hook that the jQuery script will use */
  padding-right: 20px; /* This is need to make sure that the help icon is always visible */
  background: transparent url(/Content/images/help.gif) no-repeat right;
  color: #3366FF;
  cursor: help;
  position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
  width: 175px;
  position: absolute; /* Absolute will make the tooltip float above other content in the page */
  top: 0px;
  display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
  color: #000;
  font-weight: bold;
  font-size: 9pt; /* A font size is needed to maintain consistancy */
  padding-left: 30px;
}

.toolTipTop { /* Top section of the tooltip */
  width: 175px;
  height: 0px;
  background: transparent url(images/bubbleTop.gif) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
  padding: 8px 15px;
  /*background: #A1D40A url(images/bubbleMid.gif) repeat-x top;*/
}

.toolTipBtm { /* Bottom Section of the tooltip */
  height: 0px;
  background: transparent url(images/bubbleBtm.gif) no-repeat;
}

.google-btn {
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  transition: background-color 0.218s, border-color 0.218s;
  -webkit-user-select: none;
  -webkit-appearance: none;
  background-image: none;
  cursor: pointer;
  font-family: "Google Sans", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  border: none;
  color: #fff;
  background-color: #1a73e8;
  max-width: 400px;
  min-width: 200px;
  display: inline-block;
}
.google-btn .google-btn-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.google-btn .google-btn-wrapper .btn-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: 20px;
}
.google-btn .google-btn-wrapper .btn-logo {
  width: 36px;
  height: 36px;
  background-color: #fff;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 2px;
  display: -ms-flexbox;
  display: flex;
}
.google-btn .google-btn-wrapper .btn-logo .logo-container {
  width: 18px;
  height: 18px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}