a {
  text-decoration: none
}

a:link {
  color: #15c
}

a:visited {
  color: #61c
}

a:active {
  color: #d14836
}

a:hover {
  text-decoration: underline
}

@-webkit-keyframes dotLoadingAnimation {
  0%,
  100%,
  80% {
    opacity: .5
  }
  40% {
    opacity: 1
  }
}

@keyframes dotLoadingAnimation {
  0%,
  100%,
  80% {
    opacity: .5
  }
  40% {
    opacity: 1
  }
}

@keyframes presence-scale-inner {
  0% {
    opacity: 0;
    transform: scale(.57);
    visibility: hidden
  }
  15% {
    opacity: 0;
    transform: scale(.57);
    visibility: visible
  }
  35% {
    opacity: 1;
    transform: scale(1)
  }
  60% {
    opacity: 0;
    transform: scale(.57)
  }
  100% {
    opacity: 0;
    transform: scale(.57);
    visibility: hidden
  }
}

@keyframes presence-scale-outer {
  0% {
    opacity: 0;
    transform: scale(.75);
    visibility: hidden
  }
  34% {
    opacity: 0;
    transform: scale(.75);
    visibility: visible
  }
  36% {
    opacity: .99
  }
  65% {
    opacity: 1
  }
  90% {
    transform: scale(1)
  }
  100% {
    opacity: 0;
    transform: scale(1);
    visibility: hidden
  }
}

@keyframes inksplash-scale-background {
  0% {
    opacity: 0;
    transform: scale(0)
  }
  35% {
    opacity: 0;
    transform: scale(.4)
  }
  50% {
    opacity: 1
  }
  80% {
    transform: scale(2.05)
  }
  100% {
    opacity: 0;
    transform: scale(0)
  }
}

@keyframes inksplash-scale-icon {
  0% {
    transform: scale(1)
  }
  20% {
    transform: scale(1)
  }
  30% {
    transform: scale(1.1)
  }
  40% {
    transform: scale(1)
  }
  100% {
    transform: scale(1)
  }
}

@keyframes companion-server-render-guest-content-fadeout {
  from {
    opacity: .38
  }
  to {
    opacity: 0
  }
}

@keyframes ink-splash-opacity {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes ink-splash-scale {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}

@keyframes app-logo-scale {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}

@keyframes app-logo-scale-bounce {
  0%,
  100% {
    transform: scale(1)
  }
  20% {
    transform: scale(.95)
  }
}

@keyframes beachball-opacity {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes white-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes white-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@keyframes container-rotate {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes container-rotate {
  to {
    transform: rotate(360deg)
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }
  25% {
    transform: rotate(270deg)
  }
  37.5% {
    transform: rotate(405deg)
  }
  50% {
    transform: rotate(540deg)
  }
  62.5% {
    transform: rotate(675deg)
  }
  75% {
    transform: rotate(810deg)
  }
  87.5% {
    transform: rotate(945deg)
  }
  to {
    transform: rotate(1080deg)
  }
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }
  25% {
    transform: rotate(270deg)
  }
  37.5% {
    transform: rotate(405deg)
  }
  50% {
    transform: rotate(540deg)
  }
  62.5% {
    transform: rotate(675deg)
  }
  75% {
    transform: rotate(810deg)
  }
  87.5% {
    transform: rotate(945deg)
  }
  to {
    transform: rotate(1080deg)
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes left-spin {
  from {
    transform: rotate(130deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(130deg)
  }
}

@-webkit-keyframes left-spin {
  from {
    transform: rotate(130deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(130deg)
  }
}

@keyframes right-spin {
  from {
    transform: rotate(-130deg)
  }
  50% {
    transform: rotate(5deg)
  }
  to {
    transform: rotate(-130deg)
  }
}

@-webkit-keyframes right-spin {
  from {
    transform: rotate(-130deg)
  }
  50% {
    transform: rotate(5deg)
  }
  to {
    transform: rotate(-130deg)
  }
}

@keyframes fade {
  from {
    opacity: .5
  }
}

@keyframes docs-indeterminate-loading-animation {
  0% {
    left: 0;
    width: 0
  }
  50% {
    left: 25%;
    width: 75%
  }
  75% {
    left: 100%;
    width: 0%
  }
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes container-rotate {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg)
  }
  25% {
    -webkit-transform: rotate(270deg)
  }
  37.5% {
    -webkit-transform: rotate(405deg)
  }
  50% {
    -webkit-transform: rotate(540deg)
  }
  62.5% {
    -webkit-transform: rotate(675deg)
  }
  75% {
    -webkit-transform: rotate(810deg)
  }
  87.5% {
    -webkit-transform: rotate(945deg)
  }
  to {
    -webkit-transform: rotate(1080deg)
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }
  25% {
    transform: rotate(270deg)
  }
  37.5% {
    transform: rotate(405deg)
  }
  50% {
    transform: rotate(540deg)
  }
  62.5% {
    transform: rotate(675deg)
  }
  75% {
    transform: rotate(810deg)
  }
  87.5% {
    transform: rotate(945deg)
  }
  to {
    transform: rotate(1080deg)
  }
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg)
  }
  50% {
    -webkit-transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(130deg)
  }
}

@keyframes left-spin {
  from {
    transform: rotate(130deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(130deg)
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg)
  }
  50% {
    -webkit-transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-130deg)
  }
}

@keyframes right-spin {
  from {
    transform: rotate(-130deg)
  }
  50% {
    transform: rotate(5deg)
  }
  to {
    transform: rotate(-130deg)
  }
}

@keyframes script-working-bar-spin {
  from {
    transform: rotate(0);
    -ms-transform: rotate(0)
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg)
  }
}

@-webkit-keyframes script-working-bar-spin {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}

@-webkit-keyframes jfk-progressBar-bg {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -16px 0
  }
}

@-moz-keyframes jfk-progressBar-bg {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -16px 0
  }
}

@-o-keyframes jfk-progressBar-bg {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -16px 0
  }
}

@keyframes jfk-progressBar-bg {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -16px 0
  }
}

@-webkit-keyframes jfk-progressBar-bg-tall {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -20px 0
  }
}

@-moz-keyframes jfk-progressBar-bg-tall {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -20px 0
  }
}

@-o-keyframes jfk-progressBar-bg-tall {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -20px 0
  }
}

@keyframes jfk-progressBar-bg-tall {
  0% {
    background-position: 0 0
  }
  100% {
    background-position: -20px 0
  }
}

::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0
}

::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px
}

::-webkit-scrollbar-track:horizontal {
  border-width: 4px 0 0
}

::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-track:active {
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}

::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 1px 1px;
  padding: 0 0 0 100px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07)
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .4);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35)
}

::-webkit-scrollbar-corner {
  background: 0 0
}

body::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 0 0 0 3px;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}

body::-webkit-scrollbar-track-piece:horizontal {
  border-width: 3px 0 0;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

body::-webkit-scrollbar-thumb {
  border-width: 1px 1px 1px 5px
}

body::-webkit-scrollbar-thumb:horizontal {
  border-width: 5px 1px 1px
}

body::-webkit-scrollbar-corner {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 3px 0 0 3px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14)
}

:not(.docs-title-save-label-disabled)>.docs-title-save-label-text-link {
  text-decoration: underline
}

body {
  background-color: #fff;
  color: #000;
  font-weight: 400;
  font-size: 13px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 0
}

@keyframes material-collab-join {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes material-collab-join {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes color-join {
  from {
    margin-top: 25px
  }
  to {
    margin-top: 0
  }
}

@-moz-keyframes color-join {
  from {
    margin-top: 25px
  }
  to {
    margin-top: 0
  }
}

@-ms-keyframes color-join {
  from {
    margin-top: 25px
  }
  to {
    margin-top: 0
  }
}

@-webkit-keyframes image-join {
  0% {
    height: 0;
    padding-bottom: 0
  }
  33% {
    height: 0;
    padding-bottom: 0
  }
  100% {
    height: 25px;
    padding-bottom: 5px
  }
}

@-moz-keyframes image-join {
  0% {
    height: 0;
    padding-bottom: 0
  }
  33% {
    height: 0;
    padding-bottom: 0
  }
  100% {
    height: 25px;
    padding-bottom: 5px
  }
}

@-ms-keyframes image-join {
  0% {
    height: 0;
    padding-bottom: 0
  }
  33% {
    height: 0;
    padding-bottom: 0
  }
  100% {
    height: 25px;
    padding-bottom: 5px
  }
}

@-webkit-keyframes collab-exit {
  0% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  25% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  99% {
    height: 0;
    width: 0;
    margin: 15px 12px
  }
  100% {
    height: 0;
    width: 0;
    margin: 0
  }
}

@-moz-keyframes collab-exit {
  0% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  25% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  99% {
    height: 0;
    width: 0;
    margin: 15px 12px
  }
  100% {
    height: 0;
    width: 0;
    margin: 0
  }
}

@-ms-keyframes collab-exit {
  0% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  25% {
    height: 30px;
    width: 25px;
    margin: 0;
    opacity: .5
  }
  99% {
    height: 0;
    width: 0;
    margin: 15px 12px
  }
  100% {
    height: 0;
    width: 0;
    margin: 0
  }
}

@-webkit-keyframes collab-image-exit {
  0% {
    margin: 0;
    padding-bottom: 5px
  }
  25% {
    margin: 0;
    padding-bottom: 5px
  }
  100% {
    margin-top: -15px;
    margin-left: -12px
  }
}

@-moz-keyframes collab-image-exit {
  0% {
    margin: 0;
    padding-bottom: 5px
  }
  25% {
    margin: 0;
    padding-bottom: 5px
  }
  100% {
    margin-top: -15px;
    margin-left: -12px
  }
}

@-ms-keyframes collab-image-exit {
  0% {
    margin: 0;
    padding-bottom: 5px
  }
  25% {
    margin: 0;
    padding-bottom: 5px
  }
  100% {
    margin-top: -15px;
    margin-left: -12px
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes docs-loading-animation-pulse {
  0%,
  100%,
  40% {
    background-color: rgba(0, 0, 0, .2);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
  15% {
    background-color: rgba(0, 0, 0, 1);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
  }
}

@keyframes docs-loading-animation-pulse {
  0%,
  100%,
  40% {
    background-color: rgba(0, 0, 0, .2);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
  15% {
    background-color: rgba(0, 0, 0, 1);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
  }
}

@keyframes docs-charts-editor-editorslider-slide-in-right {
  from {
    transform: translateX(100%)
  }
  to {
    transform: translateX(0)
  }
}

@keyframes docs-charts-editor-editorslider-slide-out-right {
  from {
    transform: translateX(0)
  }
  to {
    transform: translateX(100%)
  }
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: scale(.85, .85)
  }
  to {
    opacity: 1;
    transform: scale(1, 1)
  }
}

:not(.waffle-assistant-answers-ac-row-entity)+.waffle-assistant-answers-ac-row-entity,
:not(.waffle-assistant-answers-ac-row-session-query)+.waffle-assistant-answers-ac-row-session-query,
:not(.waffle-assistant-answers-ac-row-suggested-query)+.waffle-assistant-answers-ac-row-suggested-query {
  border-top: 1px solid rgba(0, 0, 0, .12)
}

html {
  overflow: hidden
}

.waffle {
  font-size: 13px;
  table-layout: fixed;
  border-collapse: separate;
  border-style: none;
  border-spacing: 0;
  width: 0;
  cursor: default
}

.grid-container {
  /* background-color: #eee; */
  overflow: hidden;
  position: relative;
  z-index: 0
}

.grid-table-container {
  overflow: hidden;
  z-index: 3;
  position: relative
}

.grid4-inner-container {
  position: relative;
  vertical-align: top
}

.grid4-inner-container {
  overflow: hidden
}

.grid4-inner-container {
  z-index: 3
}

.freezebar-origin-ltr,
.freezebar-origin-rtl {
  height: 23px;
  width: 45px;
  position: absolute;
  top: 0;
  border: 1px #ccc solid
}

.freezebar-origin-ltr {
  background: no-repeat url(//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -205px 0;
  left: 0;
  border-width: 0 1px 1px 0
}

.freezebar-origin-rtl {
  background: no-repeat url(//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -305px -62px;
  right: 0;
  border-width: 0 0 1px 1px
}

.waffle-background-container {
  background-color: #eee;
  width: 50000px;
  height: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

#waffle-grid-container {
  margin-right: auto;
  position: relative
}

.number {
  color: #15c
}

::-ms-clear,
::-ms-reveal {
  display: none
}

@keyframes waffle-dataconnector-pill-spinner-animation {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}

@keyframes waffle-dataconnector-refresh-schedules-new-widget-open {
  from {
    bottom: -300px
  }
  to {
    bottom: 0
  }
}

@keyframes waffle-dataconnector-refresh-schedules-widget-open {
  from {
    bottom: -300px
  }
  to {
    bottom: 0
  }
}

@keyframes loading-bar-animation {
  0% {
    transform: translateX(-50%) scaleX(0)
  }
  23%,
  54% {
    transform: translateX(0) scaleX(1)
  }
  100%,
  77% {
    transform: translateX(50%) scaleX(0)
  }
}

@keyframes waffle-indeterminate-progress-bar-animation {
  0% {
    left: 0;
    width: 0
  }
  50% {
    left: 25%;
    width: 75%
  }
  75% {
    left: 100%;
    width: 0%
  }
}

@keyframes waffle-ellipses-sprite-cycle {
  from {
    left: 0
  }
  to {
    left: -125px
  }
}

@keyframes waffle-spinner-container-rotate {
  to {
    transform: rotate(360deg)
  }
}

@keyframes waffle-spinner-fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }
  25% {
    transform: rotate(270deg)
  }
  37.5% {
    transform: rotate(405deg)
  }
  50% {
    transform: rotate(540deg)
  }
  62.5% {
    transform: rotate(675deg)
  }
  75% {
    transform: rotate(810deg)
  }
  87.5% {
    transform: rotate(945deg)
  }
  to {
    transform: rotate(1080deg)
  }
}

@keyframes waffle-spinner-blue-fade-in-out {
  from {
    opacity: .99
  }
  25% {
    opacity: .99
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: .99
  }
  100% {
    opacity: .99
  }
}

@keyframes waffle-spinner-red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: .99
  }
  50% {
    opacity: .99
  }
  51% {
    opacity: 0
  }
}

@keyframes waffle-spinner-yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: .99
  }
  75% {
    opacity: .99
  }
  76% {
    opacity: 0
  }
}

@keyframes waffle-spinner-green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: .99
  }
  90% {
    opacity: .99
  }
  100% {
    opacity: 0
  }
}

@keyframes waffle-spinner-left-spin {
  from {
    transform: rotate(130deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(130deg)
  }
}

@keyframes waffle-spinner-right-spin {
  from {
    transform: rotate(-130deg)
  }
  50% {
    transform: rotate(5deg)
  }
  to {
    transform: rotate(-130deg)
  }
}

@keyframes waffle-spinner-fade-out {
  from {
    opacity: .99
  }
  to {
    opacity: 0
  }
}

.row-header-wrapper {
  overflow: hidden;
  border-width: 0;
  margin: 0;
  padding: 0
}

.column-headers-background,
.row-headers-background {
  z-index: 1
}

.waffle td {
  overflow: hidden;
  /* border: 1px #e5e5e5 solid; */
  border-color: rgba(0, 0, 0, .15);
  border-width: 0 1px 1px 0;
  vertical-align: bottom;
  line-height: inherit;
  background-color: #fff;
  padding: 0 3px
}

.waffle .softmerge {
  overflow: visible
}

.softmerge-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: hidden;
  position: relative
}

.waffle-ltr td {
  border-width: 0 1px 1px 0
}

.waffle-rtl td {
  border-width: 0 0 1px 1px
}

.waffle th {
  font-weight: 400;
  background: 0 0;
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  color: #222;
  height: 23px;
  /* border: solid 1px #ccc; */
  border-width: 0 1px 1px 0;
  overflow: hidden;
  padding: 0
}

.waffle-ltr th {
  border-width: 0 1px 1px 0
}

.waffle-rtl th {
  border-width: 0 0 1px 1px
}

th.row-header {
  background-color: #eee;
  width: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  color: #333;
  line-height: inherit;
  overflow: hidden
}

div.column-headers-background {
  position: absolute;
  height: 23px;
  background: #eee
}

th.column-headers-background {
  background: #eee;
  position: relative
}

div.row-headers-background {
  position: absolute;
  width: 45px;
  background: #eee
}

th.row-headers-background {
  background: #eee;
  position: relative
}

tr.column-header-row {
  height: 23px
}

th.freezebar-origin-rtl {
  background: no-repeat url(//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -305px -62px
}

th.freezebar-origin-ltr {
  background: no-repeat url(//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -205px 0
}

th.freezebar-origin-ltr,
th.freezebar-origin-rtl {
  background-color: #eee;
  position: relative
}

td.freezebar-hidden,
th.freezebar-hidden {
  height: 0;
  width: 0;
  display: none
}

.row-header {
  background: #f8f9fa
}

div.column-headers-background,
div.row-headers-background,
th.column-headers-background,
th.row-headers-background {
  background: #f8f9fa;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

@keyframes waffle-recording-toast-new-message {
  0% {
    top: -42px
  }
  14%,
  86% {
    top: 0
  }
  100% {
    top: 42px
  }
}

@keyframes waffle-recording-toast-recording-cycle {
  0% {
    border: 4px solid #ff5959
  }
  50% {
    border: 0
  }
  100% {
    border: 4px solid #ff5959
  }
}

@keyframes draft-emoji-slide-in {
  from {
    width: 20%;
    opacity: 0
  }
}

@-webkit-keyframes draft-emoji-slide-in {
  from {
    width: 20%;
    opacity: 0
  }
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes container-rotate {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg)
  }
  25% {
    -webkit-transform: rotate(270deg)
  }
  37.5% {
    -webkit-transform: rotate(405deg)
  }
  50% {
    -webkit-transform: rotate(540deg)
  }
  62.5% {
    -webkit-transform: rotate(675deg)
  }
  75% {
    -webkit-transform: rotate(810deg)
  }
  87.5% {
    -webkit-transform: rotate(945deg)
  }
  to {
    -webkit-transform: rotate(1080deg)
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }
  25% {
    transform: rotate(270deg)
  }
  37.5% {
    transform: rotate(405deg)
  }
  50% {
    transform: rotate(540deg)
  }
  62.5% {
    transform: rotate(675deg)
  }
  75% {
    transform: rotate(810deg)
  }
  87.5% {
    transform: rotate(945deg)
  }
  to {
    transform: rotate(1080deg)
  }
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1
  }
  25% {
    opacity: 1
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: 1
  }
  50% {
    opacity: 1
  }
  51% {
    opacity: 0
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  75% {
    opacity: 1
  }
  76% {
    opacity: 0
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg)
  }
  50% {
    -webkit-transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(130deg)
  }
}

@keyframes left-spin {
  from {
    transform: rotate(130deg)
  }
  50% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(130deg)
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg)
  }
  50% {
    -webkit-transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-130deg)
  }
}

@keyframes right-spin {
  from {
    transform: rotate(-130deg)
  }
  50% {
    transform: rotate(5deg)
  }
  to {
    transform: rotate(-130deg)
  }
}

@keyframes picker-button-pulse {
  from {
    transform: scale(1, 1)
  }
  50% {
    transform: scale(1.5, 1.5)
  }
  75% {
    transform: scale(.8, .8)
  }
  to {
    transform: scale(1, 1)
  }
}

@-webkit-keyframes picker-button-pulse {
  from {
    transform: scale(1, 1)
  }
  50% {
    transform: scale(1.5, 1.5)
  }
  75% {
    transform: scale(.8, .8)
  }
  to {
    transform: scale(1, 1)
  }
}

@keyframes circular-progress-container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes circular-progress-container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes circular-progress-fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg)
  }
}

@-webkit-keyframes circular-progress-fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg)
  }
}

@keyframes circular-progress-blue-fade-in-out {
  0% {
    opacity: .99
  }
  25% {
    opacity: .99
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: .99
  }
  to {
    opacity: .99
  }
}

@-webkit-keyframes circular-progress-blue-fade-in-out {
  0% {
    opacity: .99
  }
  25% {
    opacity: .99
  }
  26% {
    opacity: 0
  }
  89% {
    opacity: 0
  }
  90% {
    opacity: .99
  }
  to {
    opacity: .99
  }
}

@keyframes circular-progress-red-fade-in-out {
  0% {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: .99
  }
  50% {
    opacity: .99
  }
  51% {
    opacity: 0
  }
}

@-webkit-keyframes circular-progress-red-fade-in-out {
  0% {
    opacity: 0
  }
  15% {
    opacity: 0
  }
  25% {
    opacity: .99
  }
  50% {
    opacity: .99
  }
  51% {
    opacity: 0
  }
}

@keyframes circular-progress-yellow-fade-in-out {
  0% {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: .99
  }
  75% {
    opacity: .99
  }
  76% {
    opacity: 0
  }
}

@-webkit-keyframes circular-progress-yellow-fade-in-out {
  0% {
    opacity: 0
  }
  40% {
    opacity: 0
  }
  50% {
    opacity: .99
  }
  75% {
    opacity: .99
  }
  76% {
    opacity: 0
  }
}

@keyframes circular-progress-green-fade-in-out {
  0% {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: .99
  }
  90% {
    opacity: .99
  }
  to {
    opacity: 0
  }
}

@-webkit-keyframes circular-progress-green-fade-in-out {
  0% {
    opacity: 0
  }
  65% {
    opacity: 0
  }
  75% {
    opacity: .99
  }
  90% {
    opacity: .99
  }
  to {
    opacity: 0
  }
}

@keyframes circular-progress-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
}

@-webkit-keyframes circular-progress-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
}

@keyframes circular-progress-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
}

@-webkit-keyframes circular-progress-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
}

@keyframes circular-progress-fade-out {
  0% {
    opacity: .99
  }
  to {
    opacity: 0
  }
}

@-webkit-keyframes circular-progress-fade-out {
  0% {
    opacity: .99
  }
  to {
    opacity: 0
  }
}

@keyframes waffle-find-replace-pulse {
  from {
    -webkit-transform: scale(1.1, 1.3);
    -moz-transform: scale(1.1, 1.3);
    -ms-transform: scale(1.1, 1.3);
    -o-transform: scale(1.1, 1.3);
    transform: scale(1.1, 1.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
  }
}

.grid-container {
  height: 100%;
  width: 100%;
  overflow: auto
}